/* カスタマイズ用CSS */
/* --------------------------------
    2018/08/2 自社用
-------------------------------- */
.word_red {
  color: red;
}
.word_blue {
  color: blue;
}
.word_center {
  text-align: center;
  background-color: #ffe2e0;
}
.word_red_b {
  color: red;
  font-size: 130%;
}
.word_blue_b {
  color: blue;
  font-size: 130%;
}
h2.yellow {
  padding: 0.5em; /*文字周りの余白*/
  color: #494949; /*文字色*/
  background: #fffaf4; /*背景色*/
  border-left: solid 5px #ffaf58; /*左線（実線 太さ 色）*/
}

h3.yellow {
  border-bottom: double 5px #ffc778;
  /*線の種類（二重線）太さ 色*/
}

.box30 {
  margin: 2em 0;
  background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  width: 80%;
}
.box30 .box-title {
  font-size: 1.2em;
  background: #5fc2f5;
  padding: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box30 p {
  padding: 15px 20px;
  margin: 0;
}

.box28 {
  position: relative;
  margin: 2em 0;
  padding: 25px 10px 7px;
  border: solid 2px #ffc107;
}
.box28 .box-title {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  font-size: 17px;
  background: #ffc107;
  color: #ffffff;
  font-weight: bold;
}
.box28 p {
  margin: 0;
  padding: 0;
}

.cp_table *,
.cp_table *:before,
.cp_table *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_table {
  width: 100%;
  border-collapse: collapse;
  border-right: 1px solid #dddddd;
}
.cp_table thead th {
  padding: 10px 15px;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  background: #dddddd;
}
.cp_table thead th:last-child {
  border-right: 1px solid #dddddd;
}
.cp_table tbody th {
  padding: 10px 15px;
  vertical-align: top;
  border-bottom: 1px solid #ffffff;
  background: #dddddd;
  white-space: nowrap;
}
.cp_table tbody tr:last-child th {
  border-bottom: 1px solid #dddddd;
}
.cp_table tbody td {
  padding: 10px 15px;
  vertical-align: top;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  background: #ffffff;
}
@media only screen and (max-width: 480px) {
  .cp_table thead {
    display: none;
  }
  .cp_table tbody th {
    display: block;
  }
  .cp_table tbody td {
    display: block;
    padding: 10px 5px;
  }
  .cp_table tbody td::before {
    font-weight: bold;
    float: left; /*上のth要素が長い場合こちらを解除すると1段落下り見やすくなります*/
    padding: 0.5em 0;
    content: attr(label);
  }
  .cp_table tbody td p {
    padding: 0.5em 0 0 5em;
    margin: 0;
  }
}

/* --------------------------------
  2019/10/6 自社TOPページMENU用
-------------------------------- */
#orikijinav {
  text-align: center;
  margin-bottom: 10px;
}
#orikijinav ul {
  padding: 0 0 0 0;
}
#orikijinav li {
  display: inline;
  list-style-type: none;
  margin-right: 0px;
}
#orikijinav ul li a {
  padding: 0 0.2em;
  height: 55px;
  line-height: 55px;
  border-bottom: none;
  color: #444;
  font-weight: bold;
}
#orikijinav ul li a:hover {
}
@media only screen and (max-width: 480px) {
  #orikijinav img {
    width: 60px;
  }
}
.balloonoya {
  position: relative; /* 指定した分だけ相対的に移動 */
  font-family: "Trebuchet MS", sans-serif;
}
.balloonoya:hover .balloon {
  display: inline; /* インライン要素として表示 */
}
.balloon {
  position: absolute; /* 親要素を基準 */
  display: none; /* 要素を非表示 */
  padding: 2px; /* テキストの前後の余白 */
  background-color: #ffffff; /* 背景色（透明度） */
  width: 180px; /* 吹き出し全体の幅 */
  left: -15%; /* 表示位置 */
  bottom: 250%; /* 表示位置 */
  margin-bottom: 12px; /* 表示位置 */
  font-size: 100%; /* 文字サイズ */
}
.balloon:after {
  border-top: 12px solid #ffffff; /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent; /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent; /* 吹き出し口の幅１／２ */
  bottom: -12px; /* 吹き出し口の位置調整 */
  left: 5%; /* 吹き出し口の横位置 */
  content: ""; /* コンテンツの挿入 */
  position: absolute; /* 親要素を基準 */
}

/* --------------------------------
  2019/10/23 自社TOPページお勧め商品スライド
-------------------------------- */

.multiple_recommendation {
  padding: 0;
}
.multiple_recommendation img {
  width: 100%;
}
.multiple_recommendation div {
  margin: 0 5px;
}
.multiple_recommendation .slick-next {
  right: 17px;
  　z-index: 100;
  color: #000;
}
.multiple_recommendation .slick-prev {
  left: 23px;
  z-index: 100;
  color: #000;
}

/* --------------------------------
  フッター追記
-------------------------------- */
.foot_bnr_area {
  padding: 0 0 16px;
}

.foot_bnr {
  /*background: #f8f8f8;*/
  border: 0px solid #d9d9d9;
  padding: 16px;
  margin: 0 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  /*
font-weight: bold;
*/
}
.foot_bnr strong {
  /*color: #DE5D50;*/
  font-size: 16px;
  font-size: 1.6rem;
}
.foot_bnr strong strong {
  color: #de5d50;
  font-size: 14px;
  font-size: 1.4rem;
}
.foot_bnr h1 {
  border-bottom: solid 3px black;
  /*線の種類（実線） 太さ 色*/
}