/* ログインしている場合の制御 */
.login_true{
  display:none;
}
.reg.login_true{
  display:block;
}

/* ログインしていない場合の制御 */
.login_false{
  display:block;
}
.reg.login_false{
  display:none;
}

/*　ハッシュタグ用ボタンの表示調整　*/
.btn-hashtag {
  display: inline-block;
  padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #FFF;
  background-color: #d4b38a;
  border-bottom: 5px solid #8f7e75;
  transition: .4s;
}

.btn-hashtag:hover {
  background-image: linear-gradient(45deg, #8f7e75 0%, #776147 100%);
}
a .btn-hashtag{
  color:#FFF;
}
a:visited .btn-hashtag{
  color:#FFF;
}
/*　ブログ内のリンクボタンの表示調整　*/
.blog-button {
  display: inline-block;
  width: 70%;
  min-width:200px;
  max-width:400px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  padding:auto 1em auto;
  border-radius:5px;
  background-color: #867666;
  color: #fff !important;
  box-shadow:2px 2px 2px #555;
}
.blog-button:hover {
  background-color: #eae2d6;
  color: #111 !important;
  text-decoration: none;
}
.blog-button::before,
.blog-button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.blog-button,
.blog-button::before,
.blog-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/*　ここまでブログ内のリンクボタンの表示調整　*/
/*　通信欄の表示調整　*/
.fs-c-checkout-communicationTextarea {
    min-width: 50em;
}
/*　ここまで通信欄の表示調整　*/

/*　お気に入り登録ボタンの表示調整　*/
.fs-c-variationCart {
    padding: 8px 0;
}
.fs-c-button--primary {
    padding: 10px 5px;
}
.fs-c-variationCart--withImage > li {
  -ms-grid-columns: auto 1fr 40px 110px;
  grid-template-columns: auto 1fr 40px 110px;
}
/*　ここまでお気に入り登録ボタンの表示調整　*/

/*画像マウスオーバーで透過*/
.imglink a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*ここまで画像マウスオーバーで透過<<*/
/*「商品画像パーツ・フリック」の前後画像を非表示*/
div#fs_productCarouselMainImage {
    width: 400px;
    margin: auto;
}
/*ここまで「商品画像パーツ・フリック」の前後画像を非表示*/
/*「商品画像パーツ・フリック」のスクロールを非表示*/
.fs-c-productCarouselMainImage__thumbnailList {
  flex-wrap: wrap;
  overflow: hidden;
}
/*ここまで「商品画像パーツ・フリック」のスクロールを非表示*/

/* 商品一覧を最大4列に */
@media screen and (min-width: 960px) {
  .fs-c-productList__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
  .fs-c-productList__list > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-c-productList__list > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-c-productList__list > *:nth-child(3) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-c-productList__list > *:nth-child(4) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-c-productList__list > *:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(6) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(7) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(8) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(9) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(10) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(11) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(12) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(13) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(14) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(15) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(16) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(17) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(18) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(19) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(20) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(21) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(22) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(23) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(24) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(25) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(26) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(27) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(28) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(29) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(30) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(31) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(32) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(33) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(34) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(35) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(36) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(37) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(38) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(39) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(40) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(41) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(42) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(43) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(44) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(45) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(46) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(47) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(48) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(49) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(50) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(51) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(52) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(53) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(54) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(55) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(56) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(57) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(58) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(59) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(60) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(61) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(62) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(63) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(64) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(65) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(66) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(67) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(68) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(69) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(70) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(71) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(72) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(73) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(74) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(75) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(76) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(77) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(78) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(79) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(80) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(81) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(82) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(83) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(84) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(85) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(86) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(87) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(88) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(89) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(90) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(91) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(92) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(93) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(94) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(95) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(96) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(97) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(98) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(99) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(100) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(101) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(102) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(103) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(104) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(105) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(106) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(107) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(108) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(109) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(110) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(111) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(112) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(113) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(114) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(115) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(116) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(117) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(118) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(119) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(120) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(121) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(122) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(123) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(124) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(125) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(126) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(127) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(128) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(129) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(130) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(131) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(132) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(133) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(134) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(135) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(136) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(137) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(138) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(139) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(140) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(141) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(142) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(143) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(144) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(145) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(146) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(147) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(148) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(149) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(150) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(151) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(152) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(153) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(154) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(155) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(156) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(157) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(158) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(159) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(160) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(161) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(162) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(163) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(164) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(165) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(166) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(167) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(168) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(169) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(170) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(171) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(172) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(173) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(174) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(175) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(176) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(177) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(178) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(179) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(180) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(181) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(182) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(183) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(184) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(185) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(186) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(187) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(188) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(189) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(190) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(191) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(192) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(193) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(194) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(195) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(196) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(197) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(198) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(199) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(200) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 50;
    grid-row: 50;
  }
}

/* end  商品一覧を最大4列に */


.accordion {
  min-width: 300px;
  margin: 0 auto;
  padding: 0;
}
.accordion .ac-content {
  margin: 0;
  padding: 0;
}
.accordion input {
  display: none;
}
.accordion label {
  display: block;
  background: #a9a9a9;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
.accordion label:hover {
  background: #ccc;
}
.accordion .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #ffffff;
  padding: 0 10px;
  box-sizing: border-box;
}
.accordion input:checked + .ac-cont {
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}


/* セル幅を自動調整 */
table, th, td {
  width: auto !important;
}
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.5;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: auto;
  table-layout: fixed;
}

table tr {
  background-color: #f8f8ff;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #c0c0c0;
  color:#fff;
}
table tbody th {
    background: #c0c0c0;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}


.size table,
.size th,
.size td { 
	border:solid 1px #ccc;/*グレーの枠線の指定*/
	padding: 4px;/*セルの内側に上下左右に4px余白をあける*/
}
.size th {
	background: #eee;/*見出しの背景をグレーにする指定*/
}

/*---灰色のボックス---*/
div.grayframe {
  background-color:#f5f5f5;  
  width:92%;
  padding:3%;
}
/*---/灰色のボックス---*/
/*---右にライン---*/
div.hotpink {border-right: medium solid #ff69b4;}
div.mediumseagreen {border-right: medium solid #3cb371;}
div.cornflowerblue {border-right: medium solid #6495ed;}
div.orange {border-right: medium solid #ffa500;}
/*---/右にライン---*/
/*---レビューページ---*/
p.review {
        padding:3em;
        color:#666666;
}
h3.review {
        padding: 1em;
	font-size: 20px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.1, rgb(255, 255, 255)),color-stop(1, rgb(204, 204, 204)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 16%,rgb(204, 204, 204) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 16%,rgb(204, 204, 204) 100%);
	color: rgb(227, 20, 103);
	-webkit-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	-moz-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	-ms-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	box-shadow: 2px 2px 4px rgb(51, 51, 51);
	text-shadow: 1px 1px 0px rgb(255, 255, 255);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
/*---/レビューページ---*/

/*ピンクボタン*/
.btn-square-little-rich {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 1em 0em;
  width: 600px;
  font-size: 18px;
  text-decoration: none;
  color: #FFF;
  background: #E47474;/*色*/
  border: solid 1px #AB5757;/*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.btn-square-little-rich:active {
  /*押したとき*/
  border: solid 1px #E47474;
  box-shadow: none;
  text-shadow: none;
}

/ぷるぷるボタン* btnAnime04 */
 
@-moz-keyframes plnpln1 {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
    100% { -moz-transform: skewX(0deg); }
}
 
@-o-keyframes plnpln1 {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
    100% { -o-transform: skewX(0deg); }
}
 
@-webkit-keyframes plnpln1 {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}
 
@-moz-keyframes arrow1 {
    0% { -moz-transform: translateX(0px); }
    45% { -moz-transform: translateX(20px); }
    50% { -moz-transform: translateX(25px); }
    55% { -moz-transform: translateX(20px); }
    95% { -moz-transform: translateX(0px); }
    100% { -moz-transform: translateX(0px); }
}
 
@-o-keyframes arrow1 {
    0% { -o-transform: translateX(0px); }
    45% { -o-transform: translateX(20px); }
    50% { -o-transform: translateX(25px); }
    55% { -o-transform: translateX(20px); }
    95% { -o-transform: translateX(0px); }
    100% { -o-transform: translateX(0px); }
}
 
@-webkit-keyframes arrow1 {
    0% { -webkit-transform: translateX(0px); }
    45% { -webkit-transform: translateX(20px); }
    50% { -webkit-transform: translateX(25px); }
    55% { -webkit-transform: translateX(20px); }
    95% { -webkit-transform: translateX(0px); }
    100% { -webkit-transform: translateX(0px); }
}
.btnAnime04 {
    position: relative;
    display:block;
    width:100%;
    max-width:600px;
    padding:10px;
    padding-left:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
}
.btnAnime04-animate{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
 
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
 
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    margin-left:auto;
    margin-right:auto;
    z-index: 8;
    
    -webkit-animation-name: plnpln1;
    -moz-animation-name: plnpln1;
    -o-animation-name: plnpln1;
    animation-name: plnpln1;
    width:100%;
}
.btnAnime04-arrow {
    position: absolute;
    top:25%;
    left:-5px;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
 
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
 
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
 
    -webkit-animation-name: arrow1;
    -moz-animation-name: arrow1;
    -o-animation-name: arrow1;
    animation-name: arrow1;
    z-index: 9;
    width:20%;
    max-width:100px;
}
.btnAnime04:hover img{
    opacity:1;
}
/*---/波ボタン---*/
@keyframes anime{
0%{transform:scale(.95); opacity:1}
90%{opacity:.1}to{transform:scale(1.2,1.5); opacity:0}
}


.wave {
  position: relative;
  width: 350px;
  margin: 30px 15px;
  transition: .2s;
}
.wave:before, wave:after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 100%;
  height: 100%;
  top: 3px;
  left: 0;
  border-radius: 32px;
  background: #ffdea3;
  border: 1px solid #ffb320;
  transform: translate3d(0,0,0);
}
.wave:before {
  animation: anime 2s ease-out infinite;
}
.wave:after {
 animation: anime 2s ease-out 1s infinite;
}

a.wave {
  display: block;
  position: relative;
  top: 3px;
  padding: 20px 0;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #fd9600;
}
a.wave:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fe7d1f;
  border-radius: 32px;
  transition: .2s;
  transform: translate3d(0,0,0);
}
a.wave span {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  font-family: sans-serif;
  transition: .2s;
}
a.wave span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;  
  margin: -4px 0 0 0;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: translateX(5px) rotate(45deg);
  transition: .3s .1s;
}

a.wave:hover {
  top: 3px;
}
a.wave:hover:after {
  top: 0;
  background: #fea728;
}
a.wave:hover span {
  top: 0;
}
a.wave:hover span:after {
  right: 27px;
}
/*光るボタン*/
/*web font*/
.wf-mplus1p { font-family: "Mplus 1p";font-weight: 900; }
 
/* gurabtn1 */
.gurabtn1{
    display: block;
    width: 70%;
    margin: 20px auto;
    padding: 20px 10px;
    border-radius: 10px;
    border-bottom: 8px solid #900;
    color: #ffffff;
    font-size:32px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
  background: linear-gradient(45deg, #CD0000, #CD0000, #CD0000, #CD0000, #CD0000, #ef6161, #f29191, #ef6161, #CD0000, #CD0000, #CD0000, #CD0000, #CD0000);
  background-color:#EB5350;
  background-size: 500% 500%;
  animation: guraBtn 2s ease infinite;
}
a.gurabtn1:link {
text-decoration : none ; 
color : #ffffff; 
}
a.gurabtn1:visited {
text-decoration : none ; 
color : #fbff5a; 
}
a.gurabtn1:active {
text-decoration : none ; 
color : #9200f3; 
}
a.gurabtn1:hover {
text-decoration : none ; 
color : #FCB24E; 
}
@keyframes guraBtn { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@media only screen and (max-width: 480px) {
.gurabtn1{
    width: 90%;
    font-size:24px;
    }

}
/*---シンプルなボーダーで囲うボタン---*/
.square_btn {
    display: inline-block;
    height:50px;/*高さ*/
    width: 400px;/*幅*/
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 5em 0em;
    text-decoration: none;
    color: #333366;
    border: solid 2px #333366;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #ffef09;
    color: #333366;
    border: solid 2px #ffef09;
}

/*---tocotocoタイトル---*/
.toco_title{
    display: inline-block;
    height:50px;/*高さ*/
    width: 710px;/*幅*/
    background: #ffef09;
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 0em 0em;
    text-decoration: none;
    color: #333366;
    transition: .4s;
}

/*---シンプルなボーダーで囲うボタン2---*/
.square_btn1 {
    display: inline-block;
    height:50px;/*高さ*/
    width: 350px;/*幅*/
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 5em 0em;
    text-decoration: none;
    color: #862C38;
    border: solid 2px #862C38;
    border-radius: 3px;
    transition: .4s;
}

.square_btn1:hover {
    background: #F4A401;
    color: #862C38;
    border: solid 2px #F4A401;
}
/*---シンプルな二重ボーダーで囲うボタン---*/
.square_btn2 {
    display: inline-block;
    height:50px;/*高さ*/
    width: 350px;/*幅*/
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 5em 0em;
    text-decoration: none;
    color: #91002C;
    border: double 4px #91002C;
    border-radius: 3px;
    transition: .4s;
}
.square_btn2:hover {
    background: #91002C;
}

/*---秋物アイテムタイトル---*/
.aki_title{
    display: inline-block;
    height:50px;/*高さ*/
    width: 710px;/*幅*/
    background: #F4A401;
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 0em 0em;
    text-decoration: none;
    color: #862C38;
    transition: .4s;
}
/*--ホバーで色が変わるボタン---*/
.square_btn3 {
    display: inline-block;
    height:50px;/*高さ*/
    width: 350px;/*幅*/
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 0em 0em 0em;
    margin: 1em 0em 1em 0em;
    text-decoration: none;
    color: #BC75AF;
    border: dotted 2px #BC75AF;
    border-radius: 3px;
    transition: .4s;
}

.square_btn3:hover {
    background: #BC75AF;
    color: #FFFFFF;
    border: solid 2px #BC75AF;
}

/*--カギカッコ---*/
.box19 {
    position: relative;
    padding:0.25em 1em;
}
.box19:before,.box19:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box19:before{
    border-left: solid 1.2px #5C0000;
    border-top: solid 1.2px #5C0000;
    top:0;
    left: 0;
}
.box19:after{
    border-right: solid 1.2px #5C0000;
    border-bottom: solid 1.2px #5C0000;
    bottom:0;
    right: 0;
}
.box19 p {
    margin: 15px; 
    padding: 15px;
}

/*---☆★☆★☆★☆★☆ブラ用☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆---*/
/*---ピンクのアイコン---*/
.he9 {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 120px;
  height: 120px;
  margin: 30px 20px;
  border-radius: 50%;
  background: #ee838b;
  font-size:17px; 
  color: #FFF;
  box-shadow: 0px 0px 0px 5px #ee838b;
  border: solid 2.5px #FFF;

}


.he9 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 53%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width :120px;
  text-align:center;
}
/*---ピンクのアイコンここまで---*/

/*---ちいさいハート---*/
heart {
    position: relative;
    width: 12px;
    height: 11px;
}
heart:before,
heart:after {
    position: absolute;
    content: "";
    left: 5px;
    top:10px;
    width: 5px;
    height: 8px;
    background: #ea5a59;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

/*---ちいさいハートここまで---*/

/*---マーカーを引く---*/
.he10 {
  position: relative;
  display: inline-block;
  width:430px;
  font-size: 19px;
  overflow: hidden;
  color: #000;
}
.he10:before,
.he10:after {
  position: absolute;
  bottom: 0;
  left: 0;
  top:35px;
  z-index: -1;
  content: '';
  width :50%;
  height: 10px;
  background-color: #f8cbb1;
}
.he10::before {
  position: absolute;
  bottom: 0;
  left: 0;
  top:35px;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #fff;
}
.he10 img{
   width: 74px;
   margin-right: 5px;
   float: left;
}
.he10 p{
   overflow: hidden;
}

/*---画像に文字を重ねる---*/

.pile {/*親div*/
  position: relative;
  }

.pile p {
  position: absolute;
  color:#000;/*文字は黒に*/
  font-size: 1em;/*サイズ*/
  top: 0px;
  line-height: 120px;
  left: 470px;
  }

.pile img {
  width: 100%;
  }

/*---吹き出しアイコン---*/

/* 吹き出し本体 */
.balloon1{
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: #ｆff;
border: 1.5px solid #000;
  margin-bottom :12px;
  margin-left: 85px;          /* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -85px;
  top: 0;
}
/* 三角アイコン - 枠線付きの吹き出し */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #000000;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.balloon1::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -13px;
  top: 20px;
  border-right: 15px solid #ffffff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


/* 背景に円が付いた見出し */
he11 {
position: relative;
color: #333333;
display: inline-block;
margin: 47px 0;
text-shadow: 0 0 2px white;
font-size: 1.5em;
}
he11:before {
content: "";
position: absolute;
background: #ad0002;
width: 125px;
height: 125px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;
}

/* 背景にぼかし円が付いた見出しピンク */
he12 {
position: relative;
color: #333333;
display: inline-block;
text-align: center;
margin: 20px 0;
padding:15px 0;
text-shadow: 0 0 2px white;
background: radial-gradient(110px at 90px 55px,pink, white,white);
}
he12:before {
content: "";
position: absolute;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;

}


/* 背景にぼかし円が付いた見出しオレンジ */
he13{
position: relative;
color: #333333;
display: inline-block;
text-align: center;
margin: 20px 0;
padding:15px 0;
text-shadow: 0 0 2px white;
background: radial-gradient(110px at 115px 55px,peachpuff, white,white);
}
he13:before {
content: "";
position: absolute;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;

}

/*---イメージの右にテキスト---*/
.media5 {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media5__image {
    float: left;
    margin-right: 10px;
}
.media5__summary {
    overflow: hidden;
}
.media5__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.media5__text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}
   
/*---イメージの左にテキスト---*/
.media4 {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media4__image {
    float: right;
    margin-left: 5px;
}
.media4__summary {
    overflow: hidden;
}
.media4__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    
}
.media4__text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}

/*---sawaraviフォント---*/
.brafont {  
	font-family: "Sawarabi Mincho";
}


/*---画像に文字を重ねる左寄せ---*/

.pile3 {/*親div*/
  position: relative;
  }

.pile3 p {
  position: absolute;
  font-size: 12px;/*サイズ*/
  top: 115px;
  left: 35px;
  }

.pile3 img {
  width: 100%;
  }

/*---文字にマーカーを引く---*/
highlighter {
  background: linear-gradient(rgba(254,254,152,0) 50%,#fff352 60%);
}
/*---ピンクの下線見出し（Q＆A）---*/

he14 {
color: #000000;
line-height: 2em;
margin: 50px 0px 100px;
font-size: 2em;
border-bottom: solid 3px #FAB3E6;

}
/*---見出し上下線紫---*/
he15{
font-size:30px;
color: #BC75AF;/*文字色*/
padding: 0.5em 1em;/*上下の余白*/
margin: 20px 0px;
border-top: solid 3px #BC75AF;/*上線*/
border-bottom: solid 3px #BC75AF;/*下線*/
}

/*---見出し影---*/
he16{
font-size:30px;
color: #FFFFFF;/*文字色*/
padding: 1em 1em;/*上下の余白*/
margin: 20px 0px;
text-shadow: 2px  2px 8px #F6C00E,
            -2px  2px 8px #F6C00E,
             2px -2px 8px #F6C00E,
            -2px -2px 8px #F6C00E;
width:700px;
text-decoration:none;
display:block;
text-align:center;
background: radial-gradient(red, orange);
box-shadow:
inset 0 0 20px #fff /* 背景色と同じ色 */,
inset 0 0 20px #fff,
inset 0 0 20px #fff,
inset 0 0 20px #fff;
}

/*---見出し影---*/
he17{
font-size:30px;
color: #FFFFFF;/*文字色*/
padding: 0.5em 1em;/*上下の余白*/
margin: 20px 0px;
text-shadow: 2px  2px 8px #F6C00E,
            -2px  2px 8px #F6C00E,
             2px -2px 8px #F6C00E,
            -2px -2px 8px #F6C00E;
width:500px;
text-decoration:none;
display:block;
text-align:center;
background: radial-gradient(orange, moccasin);
border-radius:30px;
box-shadow:
inset 0 0 20px #fff /* 背景色と同じ色 */,
inset 0 0 20px #fff,
inset 0 0 20px #fff,
inset 0 0 20px #fff;
}

/*---左に線＋塗り見出し---*/
he18 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #FF4800;/*左線*/
font-size:25px;
font-weight:bold;
}
/*---画像テキスト横並び（Q＆A）---*/
.media6 {
    background: #FFF;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
}
.media6__image {
    float: left;
    margin-right: 10px;
}

.media6__image2 {
    float: right;
    margin-right: 20px;
}

.media6__summary {
    overflow: hidden;
}
.media6__heading {
    font-size: 18px;
    margin: 5px 0px 10px 0px;   
}
.media6__text {
    font-size: 18px;
    line-height: 22px;
    margin: 40px 0px 20px 0px;   
}




/*---開閉ラベル---*/
.midasi {
    background: #D3C1B3;
    font-size: 1.4em;
    color: #000;
    padding: 15px;
    display: block;
    margin: 0;
    border: 1px solid #fff;
}
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 730px;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #000;
    font-weight: bold;
    background: #FFC5D9;
    cursor :pointer;
    transition: all 0.5s;
}


/*ラベルホバー時*/
.accbox label:hover {
    background :#FFC5D9;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #ｆｆｆ;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*---マウスで色が変わるピンク---*/
a.cps_btn {
display: block;
width: 500px;
font-size: 1.2em;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #df5296;
border: 2px solid #df5296;
border-radius: 3px;
transition: .4s;
}
a.cps_btn:hover {
background: #df5296;
color: #fff;
}

/*---マウスで色が変わるブルー---*/
a.cps_btn2 {
display: block;
width: 500px;
font-size: 1.2em;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #445fa6;
border: 2px solid #445fa6;
border-radius: 3px;
transition: .4s;
}
a.cps_btn2:hover {
background: #445fa6;
color: #fff;
}

/* プッシュボタン　*/
.btn-push {
  display: inline-block;
  max-width: 250px;
  text-align: left;
  background-color: #ffa300;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  border-bottom: 4px solid #d37800;
}

.btn-push:active {
    transform: translateY(4px);
    border-bottom: none;
}
/*---☆★☆★☆★☆★☆ここまでブラ用☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆---*/

/*---△▼△▼△ここからショーツセット用△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△---*/
/*---画像に文字を重ねる---*/

.pile2 {/*親div*/
  position: relative;
  }

.pile2 p {
  position: absolute;
  color:#000;/*文字は黒に*/
  font-size: 1em;/*サイズ*/
  line-height: 20px;
  left: 335px;
  top: 300px;
  }

.pile2 img {
  width: 100%;
  }

/*---オーガニックコットン・コットン100用○●○●○●○●○●○●○●○●○●○●○●---*/

/*---立体感のある見出し---*/
.head8 {
  background: #eee7e0;
  border-left: solid 5px #caac71;
  font-size:18px;
  color: #696969;
  width: 730px
  }
.head8 p {
  width: 80%;
  margin: 2% 10% 3% 3%;
  padding: 15px 0px 13px 0px;
  background: #eee7e0;
  }

/*---空白用---*/
.obs {
  margin-bottom: 19em;
}

.oss {
  margin-bottom: 2em;
}

/*---マーク付きの見出しデザイン緑---*/

he3 {
	position: relative;
	padding-left: 30px;
	font-size:25px;
	color: #5f6527;
}
he3:before,
he3:after{
	content: "○";
	position: absolute;
}
he3:before{
	left:0;
	top:-3px;
}
he3:after{
	left: 5px;
	top: 3px;
	color: #72640c;
}

/*---ストライプのボタン緑---*/

.stripe_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    float: right;

    color: #586031;
    background: -webkit-repeating-linear-gradient(-45deg, #d3e5be, #d3e5be 3px,#d3e5be 3px, #d3e5be 7px);
    background: repeating-linear-gradient(-45deg, #d3e5be, #d3e5be 3px,#d3e5be 3px, #d3e5be 7px);
    transition: .4s;
}

.stripe_btn:hover {
    background: #586031;
    color: #FFF;
}


/*---下枠ストライプ見出しデザイン緑---*/

he5 {
    background-color: #dee9ca;
    border: 1px solid #dee9ca;
    border-bottom: 0;
    color: #5d703c;
    padding: 10px;
    position: relative;
}
he5:after{
    background: repeating-linear-gradient(-45deg, #5d703c, #5d703c 5px, #dee9ca 0, #dee9ca 10px);
    content: '';
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/*---マーク付きの見出しデザインオレンジ---*/

he4 {
	position: relative;
	padding-left: 30px;
	font-size:25px;
	color: #8e4700;
}
he4:before,
he4:after{
	content: "□";
	position: absolute;
}
he4:before{
	left:0;
	top:-3px;
}
he4:after{
	left: 5px;
	top: 3px;
	color: #ffc32b;
}

/*---ストライプのボタン茶---*/

.stripe_btn2 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    float: right;

    color: #543f32;
    background: -webkit-repeating-linear-gradient(-45deg, #e0cfa6, #e0cfa6 3px,#e0cfa6 3px, #e0cfa6 7px);
    background: repeating-linear-gradient(-45deg, #e0cfa6, #e0cfa6 3px,#e0cfa6 3px, #e0cfa6 7px);
    transition: .4s;
}

.stripe_btn2:hover {
    background: #543f32;
    color: #FFF;
}

/*---ストライプのボタン青---*/

.stripe_btn3 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    margin: 20px 0px 0px 0px;
    text-decoration: none;
    float: right;
    color: #00558F;
    background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    transition: .4s;
}

.stripe_btn3:link {
    color: #00a497;
}

.stripe_btn3:hover {
    background: #59b9c6;
    color: #FFF;
}


/*---下枠ストライプ見出しデザイン黄---*/

he6 {
    background-color: #efe8d5;
    border: 1px solid #efe8d5;
    border-bottom: 0;
    color: #783c1d;
    padding: 10px;
    position: relative;
}
he6:after{
    background: repeating-linear-gradient(-45deg, #783c1d, #783c1d 5px, #efe8d5 0, #efe8d5 10px);
    content: '';
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/*---ふきだし見出しデザイン---*/
he7 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 2px #555;
  box-sizing: border-box;
  border-radius: 10px;
}

he7:before{
  content: "";
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-top: 13px solid #FFF;
  z-index: 2;
}

he7:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

he7 p {
	margin: 0;
	padding: 0;
}

/*---画像の左横にテキスト茶---*/
.media2 {
   display:inline-block;
   width:730px;
   background-color:#f8f4e6;
   border:1px dotted #6f5436;
   padding:15px;
   margin:15px 0px;
}
.media2 img{
   width: 300px;
   margin-right: 1em;
   float: left;
}
.media2 p{
   overflow: hidden;
}

/*---画像の左横にテキスト緑---*/
.media3 {
   display:inline-block;
   width:730px;
   background-color:#f5f9f2;
   border:1px dotted #a0aa85;
   padding:15px;
  margin:10px 0px;
}
.media3 img{
   width: 365px;
   margin-right: 1em;
   float: left;
}
.media3 p{
   overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}

/*---画像の左横にテキスト青---*/
.media7 {
   display:inline-block;
   width:730px;
   background-color:#ebf6f7;
   border:1px dotted #00558F;
   padding:15px;
   margin:15px 0px;
}
.media7 img{
   width: 300px;
   margin-right: 1em;
   float: left;
}
.media7 p{
   overflow: hidden;
}

/*---画像の右横にテキストオレンジ---*/
.media8 {
   display:inline-block;
   width:730px;
   background-color:#fdf7ec;
   border:1px dotted #593f34;
   padding:15px;
  margin:10px 0px;
}
.media8 img{
   width: 365px;
   margin-right: 1em;
   float: right;
}
.media8 p{
   overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}
/*---画像の右横にテキスト点線付---*/
.media9 {
   display:inline-block;
   width:730px;
   background-color:#fffafc;
   border:1px dotted #C07CB2;
   padding:15px;
  margin:10px 0px;
}
.media9 img{
   width: 300px;
   margin-right: 1em;
   float: left;
}
.media9 p{
   overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}
/*---ここまでオーガニックコットン・コットン100用○●○●○●○●○●○●○●○●○●○●---*/


/*---フォントスタイル指定---*/
p.example1 {
   font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
/*---ここまでフォントスタイル指定---*/

/*---上下左右に余白を作る---*/

.parent {
  background: white;
  /*↑親要素は白色で塗る*/
  width: 730px
  /*↑親要素の幅を730pxに*/
  }
.parent p {
  width: 90%;
  margin: 3% 5% 0% 5%;
  /*↑上右下左*/
  padding: 0;
  /*↑今回はpaddingは指定しません*/
  background: white
  }

.parent_p1 {
font-size:40px;
color:#FF3399;
text-decoration:none;
font-weight:normal;
line-height:1.4em;
margin: 0% 20% 0% 20%;
padding : 0px 0px 0px 0px;
  }

.parent_p2 {
font-size:20px;
color:#555555;
text-decoration:none;
font-weight:normal;
margin: 0% 20% 0% 20%;
padding : 0px 0px 0px 0px;
  }

.parent_p3 {
font-size:21px;
color:#66CCFF;
text-decoration:none;
font-weight:normal;
margin: 0% 20% 5% 20%;
padding : 0px 0px 0px 0px;
  }

/*---ここまで上下左右に余白を作る---*/

/*---レイアウト画像横並び---*/
[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 img { width: 49%; height: 49%; }
.img-flex-3 img { width: 32%; height: 32%; }
.img-flex-4 img { width: 24%; height: 24%; }

/*---ここまで_レイアウト画像横並び---*/

/*---イメージの右にテキスト(ネパール)□■□■□■□■□■□---*/
.media1 {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media1__image {
    float: left;
    margin-right: 10px;
}
.media1__summary {
    overflow: hidden;
}
.media1__heading {
    font-size: 18px;
    margin: 5px 0px 10px 0px;   
}
.media1__text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}

/*---ここまで_イメージの右にテキスト(ネパール□■□■□■□■□■□)---*/
/*---イメージの右にテキスト企画用□■□■□■□■□■□---*/
.media10 {
    background: #F9F3EF;
    padding: 10px;
    overflow: hidden;
}
.media10__image {
    float: left;
    margin-right: 10px;
}
.media10__summary {
    overflow: hidden;
}
.media10__heading {
    font-size: 18px;
    margin: 5px 0px 10px 0px;   
}
.media10__text {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;   
}

/*---ここまで_イメージの右にテキスト(ネパール□■□■□■□■□■□)---*/
/* 
========================
      BUTTON 
========================
*/
.square_btn4 {
  display: inline-block;
  text-decoration: none;
  color: #841921;
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 10px; 
  border-radius: 50%;
  border: solid 3px #841921;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  background-color: #fff9f5;
  transition: 2.0s ;
}

.square_btn4:hover{
    transform: rotateY(360deg);
    border: solid 3px #841921;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
  text-shadow: 2px  2px 5px red,
                    -2px  2px 5px red,
                     2px -2px 5px red,
                    -2px -2px 5px red;
  background-color: #fff9f5;
  font-weight: bold;
}

.btn-push2 {
display: inline-block;
  max-width: 300px;
  text-align: left;
    background: radial-gradient(red, orange);
  font-size: 20px;
  color: #ffeed1;
  text-decoration: none;
  font-weight: bold;
  padding: 20px 50px;
  border-radius: 4px;
  border-bottom: 4px solid #dfdfdf;
}
.btn-push2:link {
    text-decoration : none ; 
    color : #ffffff; 
}
.btn-push2:visited {
    text-decoration : none ; 
    color : #fbff5a; 
}
.btn-push2:active {
    transform: translateY(4px);
    border-bottom: none;
    color : #9200f3;
}
.btn-push2:hover {
text-decoration : none ; 
color : #52372f; 
}
/*---リボン斜め見出し---*/
.ribbon20 {
    display: inline-block;
    position: relative;
    height: 45px;
    vertical-align: middle;
    text-align: center;
margin:15px 0px 15px 0px;
    box-sizing: border-box;
    -ms-transform: rotate(-10deg) skew(-17deg,4deg);
    -webkit-transform: rotate(-10deg) skew(-17deg,4deg);
    transform: rotate(-10deg) skew(-17deg,4deg);

}
.ribbon20:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #a52a2a;
    bottom: -7px;
    left: -15px;
    z-index: -2;

}

.ribbon20:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    background: #a52a2a;
    bottom: -10px;
    right: -25px;
    z-index: -2;

}

.ribbon20 h3 {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    line-height: 45px;
    font-size: 18px;
    color: white;
    background: #b41b1b;

}
.ribbon20 h3:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-right: solid 25px #c6821e;
}
.ribbon20 h3:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #c6821e;
}

/*---ここからおすすめ着まわしコーデ■□■□)---*/
.kcnav {
    display: table;
    width: 100%;
    background: #FFF;
}
.kcnav__item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.kcnav__item + .kcnav__item {
    border-left: 1px solid #CCC;
}
.kcnav__item a {
    display: block;
    padding: 15px 0;
    color: #666;
    text-decoration: none;
    font-size: 14px;
}
/*---上下に線がついた見出し---*/
.menu_line_double_light_w {
    display: inline-block;
    height:50px;/*高さ*/
    width: 710px;/*幅*/
    background: #fee9db;
    font-size: 1.8em;
    font-weight:bold; 
    padding: 0.7em 1em 0em 1em;
    margin: 0em 0em 0em 0em;
    text-decoration: none;
    text-align: center;
    border-width:10px 0;
    border-color:#91002C;
    border-style:solid;
    color:#5c0000;
    transition: .4s;
}

/*---ここまでおすすめ着まわしコーデ■□■□)---*/

/*---授乳TOPのNews欄---*/
p.newsbox {
   height: 6.8em;
   overflow: auto;
   border: #6A6A6A 1px solid;
   line-height: 1.5em;
   padding-top: 1em;
   padding-left: 1em;
   padding-right: 1em;
}

/*---ここからページ送りの画像とサイズ変更---*/
/*　pager全体　*/
.pager {
	font-size:12px;
	height:13px;
	border-top:1px solid #ddd;
	border-bottom:none;
	color:#ff689d;
	text-align:center;　/*　表示方法：中央　*/
	/*　text-align:left;　表示方法：左寄せ　*/
	/*　text-align:right;　表示方法：右寄せ　*/
}


/*　00 件中 0-0 件表示　*/
.FS2_pager_text{
	display:inline-block;
	margin:7px 5px 3px 15px;
	/*　float:right;　表示方法：右寄せを使用する場合、コメントアウトを外してください　*/
}


/*　緑色の矢印の画像を表示しない　*/
.FS2_pager_link_first img{
	display:none;
}
.FS2_pager_link_prev img{
	display:none;
}
.FS2_pager_link_next img{
	display:none;
}
.FS2_pager_link_last img{
	display:none;
}



/*　最初に戻る　*/
.FS2_pager_link_first{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(bg_first.gif) no-repeat;
	display:inline-block;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_first{
	background:url(/shop/item/mohouse/design/img01/bg_first_on.gif) no-repeat;
}



/*　前へ　*/
.FS2_pager_link_prev{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/mohouse/design/img01/bg_prev.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_prev{
	background:url(/shop/item/mohouse/design/img01/bg_prev_on.gif) no-repeat 0 0;
}




/*　次へ　*/
.FS2_pager_link_next{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/mohouse/design/img01/bg_next.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_next{
	background:url(/shop/item/mohouse/design/img01/bg_next_on.gif) no-repeat 0 0;
}


/*　最後へ　*/
.FS2_pager_link_last{
	display:inline-block;
	width:35px;
	height:13px;
	background:url(/shop/item/mohouse/design/img01/bg_last.gif) no-repeat 0 0;
	position:relative;
	top:2px;
	margin:0 5px;
}

a:hover.FS2_pager_link_last{
	background:url(/shop/item/mohouse/design/img01/bg_last_on.gif) no-repeat 0 0;
}




/*　ページ別リンク　*/
.FS2_pager_link {
	text-decoration:none;
	display:inline-block;
}

.FS2_pager_link{
	background:#ffeaf1;
	border:1px solid #ff689d;
	padding:1px 0.5em;
	margin:0 2px;
	color:#ff689d;
	position:relative;
	top:-2px;
}

a:hover.FS2_pager_link{
	background:#ff689d;
	color:#fff;
	border-color:#ff689d;
}


/*　現在表示中のページ　*/
.FS2_pager_stay{
	display:inline-block;
	font-weight:bold;
	margin:7px 5px 3px 5px;
	color:#ff689d;
}

/* ie用ハック */
/*ie7*/
*+html body .FS2_pager_link_first{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_prev{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_next{
	position:relative;
	top:0px;
}
*+html body .FS2_pager_link_last{
	position:relative;
	top:0px;
}

/*ie6*/
* html body .FS2_pager_link_first{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_prev{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_next{
	position:relative;
	top:0px;
}
* html body .FS2_pager_link_last{
	position:relative;
	top:0px;
}
/*---ここまでページ送りの画像とサイズ変更---*/
/*---ここからmedia_image画像とタイトルmedia_heading説明media_summaryの横並び-----------------------*/
.media {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
}
.media_image {
    float: left;
    margin-right: 10px;
}
.media_summary {
    overflow: hidden;
}
.media_heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
/*---ここまでmedia_image画像とタイトルmedia_heading説明media_summaryの横並び---------*/

/*---ここまでclass=has-linesのh要素p要素、左右に1本ボーダー、センタリング-----------------------------------------------------------------------------------------------------------------------------------*/

.has-lines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines:before,
.has-lines:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background: #ccc;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.has-lines:before {
  margin-right: 20px;
}
.has-lines:after {
  margin-left: 20px;
}
.has-lines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines:before,
.has-lines:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background: #ccc;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.has-lines:before {
  margin-right: 20px;
}
.has-lines:after {
  margin-left: 20px;
}
/*---ここまでclass=has-linesのh、p左右に1本ボーダー、センタリング-----------------------------------------------------------------------------------------------------------------------------------*/


/*---特集ページh2要素p要素センタリング-----------------------------------------------------------------------------------------------------------------------------------*/
.center h2 {
    line-hight: 1.2;
    font-size: larger;
    font-weight: bolder;
    text-align: center; 
    color:#3d3d3d;
}
.center p {
    text-aling: center;
}
/*---ここまで。特集ページh2要素p要素センタリング-----------------------------------------------------------------------------------------------------------------------------------*/



/*---h2要素のグレーリボン-----------------------------------------------------------------------------------------------------------------------------------*/

.heading001 {
    position: relative;
    color: #ffffff ;
    background: #525252;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #ff9999;
}
.heading001:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.heading001:after {
    left: 0;
    border-right: 5px solid #333;
}
.heading001:before {
    right: 0;
    border-left: 5px solid #333;
}
/*---<<h2要素のグレーリボン-----------------------------------------------------------------------------------------------------------------------------------*/



/*---テーブルの枠いっぱいでリンク-----------------------------------------------------------------------------------------------------------------------------------*/

.tdlink a{
height:100%;
display:block;
padding:5px;
}
.tdlink a:hover{
color:white;
background:skyblue;
}
/*---<<テーブルの枠いっぱいでリンク-----------------------------------------------------------------------------------------------------------------------------------*/


/*---画像カーソルを十字にしない-----------------------------------------------------------------------------------------------------------------------------------*/

.FS2_AdditionalImage_switcher_cursor_cross{ 
 cursor: default }
/*---<<画像カーソルを十字にしない-----------------------------------------------------------------------------------------------------------------------------------*/

/*---画像と文字を並べる-----------------------------------------------------------------------------------------------------------------------------------*/

.inline201503 img {
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}
.inline201503 .text201503 {
display: inline-block;
vertical-align: middle;
width:300px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}
/*---<<画像と文字を並べる-----------------------------------------------------------------------------------------------------------------------------------*/



/*---画像マウスオーバーで透過-----------------------------------------------------------------------------------------------------------------------------------*/

.imglink a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*---<<画像マウスオーバーで透過<<-----------------------------------------------------------------------------------------------------------------------------------*/

/*---商品説明-----------------------------------------------------------------------------------------------------------------------------------*/
.FS2_ItemComment {
    color: #666666;
}

.item_detail{
    border-bottom: 1px solid #CCCCCC;
    line-height: 160%;
    padding: 4px;
    font-size:small;
}

.item_size_table{
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
	margin-bottom: 10px;	
}

.item_size_table .t_head{
	background-color: #c0c0c0 !important;
}

.item_size_table .t_size{
    background-color: #e6e6e6 !important;
}
.item_size_table .t_size .t_size_head{
    background-color: #dfdfdf !important;
}

h2 {
font-size: midlle;
}

ul.ul_left {
    list-style-type: disc;
    list-style-position: outside;
    padding: 1em;
    margin: 0 auto;
}


/*　商品画面：商品詳細：画像ホスティングオプション：レイアウト別サイズ指定：IH1：
商品詳細右カラム　*/
#FS2_itemlayout_IH1 .FS2_additional_image_itemdetail_container_right{
width:300px;
}


/*=========================================================
test用：商品画面：商品詳細
=========================================================*/

.iteminfo table {
width: 100%;
border: 1px #000000 solid;
border-collapse: collapse;
line-hight: 140%;
}

.iteminfo td {
width: 60%
border: 1px #000000 solid;
padding: 3 1;
text-align: left;
vertical-align: middle;
}

.iteminfo th {
width: 40%
border: 1px #000000 solid;
padding: 3 1;
text-align: left;
vertical-align: middle;
}

.midashi {
  position: relative;
  color: #111;
  background: #ccc;
  font-size: 20px;
  line-height: 1;
  margin: 30px 20px 10px -10px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}
.midashi:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}
.midashi:after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 22px solid #ccc;
  border-right-color: transparent;
}
.itemPrice {
    color: #000099;
    font-size: medium;
}
.GoodsSelectionTable {
    margin: 0 0 5px;
width: 100%;
height: 50px;
}
.GoodsSelectionTable th {
     font-size: small;
}
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container {
    border: none;
    margin-bottom: 10px;
    padding: 9px;
    text-align: center;
}

#FS2_itemlayout_IH2
.FS2_thumbnail_container{height: 650px;}

#FS2_itemlayout_IH2
.FS2_additional_image_container_main {
    float: right;
    width: 280px;
}

#FS2_itemlayout_IH1
.FS2_thumbnail_container{height: 650px;}

#FS2_itemlayout_IH1
.FS2_additional_image_container_main {
    float: right;
    width: 280px;
}
#FS2_itemlayout_IH1
.FS2_additional_image_container_sub {
    float: right;
    width: 280px;
}


.FS2_additional_image_popup_footer {
    position: fixed;
}
.FS2_GoodsImageLabel {
font-size: small;
}
.FS2_additional_image_popup_container .FS2_additional_image_container {
	width: auto;
	position: absolute; right:10px
}

.FS2_point {
    color: #FFA500;
    font-size: 120%;
    font-weight: bold;
}

body {
    font-size: small;
}
.FS2_AdditionalImage_switcher_btn_prev {
    display: none;
}

.FS2_AdditionalImage_switcher_btn_next {
    display: none;
}

.FS2_additional_image_container_title {
    display: none;
}
.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container {
    border: medium none;
    margin-bottom: 45px;
    padding: 1px;
    text-align: left;
}

/*会員登録文字大*/

.userTable_01 caption {
    font-size: 18px;
}
.userTable_01 th {
    font-size: 15px;
    padding: 20px;
}
/*会員登録特典箇条書き用*/

#heading07{
    position:relative;
    padding:10px;
    background:#E18691;
    box-shadow:
        10px 0 0 0 #E18691,
        -10px 0 0 0 #E18691,
        0 3px 3px 0 rgba(0,0,0,0.1);

color:#FFFFFF;
}
#heading07:before{
    content:" ";
    position:absolute;
    top:100%;
    left:-10px;
    width:0;
    height:0;
    border-width:0 10px 10px 0;
    border-style:solid;
    border-color:transparent;
    border-right-color:#E18691;
}
#heading07:after{
    content:" ";
    position:absolute;
    top:0px;
    left:100%;
    width:0;
    height:0;
    border-width:20px 10px;
    border-style:solid;
    border-color:#E18691;
    border-right-color:transparent;
}

.icon{
display:inline-block;
position:relative;
background: #E18691;
border-radius:30px;
width:30px;
height:30px;
margin:5px;
line-height:30px;
text-align: center;
font-weight: bold;
color:#FFFFFF;
}


/*復職特集用*/

samp ul { list-style-type: none; width: 99%; margin: 0; padding: 0; }

samp label { display: block; }

samp input { display: none; }

samp ul li { display: inline-block; width: 33%; vertical-align: top; text-align:center }

samp div { width: 99%; margin-top: 0; }

samp input:not(:checked) + div { display: none; }

samp h3 {padding:10px; margin:0px;}

samp p {padding:30px; margin:0px;}

samp #menu1 + div, samp li:nth-child(1) label {
    background: none repeat scroll 0 0 #BED790;
}
samp li:first-child label {
    border-top-left-radius: 5px;
}
samp label {
    cursor: pointer;
    display: block;
    line-height: 2em;
}


samp #menu2 + div, samp li:nth-child(2) label {
    background: none repeat scroll 0 0 #FF9966;
}
samp label {
    cursor: pointer;
    display: block;
    line-height: 2em;
}


samp #menu3 + div, samp li:nth-child(3) label {
    background: none repeat scroll 0 0 #94D3DE;
}
samp li:last-child label {
    border-top-right-radius: 5px;
}
samp label {
    cursor: pointer;
    display: block;
    line-height: 2em;
}


/*テスト*/
#topbutton {
bottom : 0px;
right : 0px;
padding : 0px;
margin : 0px;
position : fixed;
zindex : 500;
}


/*テスト*/
#cart_img {
bottom : 0px;
right : 0px;
padding : 0px;
margin : 0px;
position : fixed;
zindex : 500;
}
/*検索関連*/
ul#searchBox{width:98%; margin:10px auto;}
ul#searchBox li, ul#searchBox dl, ul#searchBox dt, ul#searchBox dd{margin:0;}
ul#searchBox li{list-style:none; text-align:center;}
ul#searchBox li.midashi{font-weight:bold; padding:5px; background:#EEE;}
ul#searchBox li.item{border-bottom:#ddd dotted 1px; padding:3px 0px 10px; font-size:12px;}
ul#searchBox li.item dt{padding:5px; font-weight:bold;}
ul#searchBox li.searchBtn{padding:10px 0; border-bottom:3px solid #ddd;}

/*レビューのサムネイル画像サイズ*/
#FS2_body_Review .FS2_GoodsImage_td img {
    width: auto;
}

/*==================================
==========GIVE&GIVE追加=============
==================================*/


/*==================================
==========商品ページレイアウト=============
==================================*/


#gg-itemwrap{
	font-family: '游ゴシック','ヒラギノ角ゴ Pro W3','メイリオ',sans-serif;
	width: 100%;
	color: #333;
	font-size: 16px;
	max-width: 750px;/*追加*/
	margin: 0 auto;/*追加*/
}

#gg-itemwrap h3{
	font-weight: bold;/*追加*/
	font-size: 28px;/*追加*/
}

#gg-itemwrap .caption{
    margin: 0 auto;
}

#gg-itemwrap .sawarabi{
	font-family: "Sawarabi Mincho";
}

#gg-itemwrap .minamoto{
	font-family: "source-han-serif-japanese",serif;
}

#gg-itemwrap img{
	width: 100%;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	-webkit-backface-visibility: hidden;
}

#gg-itemwrap .gg-title{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin: 5px 0px;
}

#gg-itemwrap .gg-title h3{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}


#gg-itemwrap .gg-subtitle{
	font-size: 20px;
	text-align: center;
	margin-top: 30px;
}

#gg-itemwrap .gg-modelinfo{
	margin:15px 0;
}

#gg-itemwrap .row{
	margin-bottom: 90px;
}

#gg-itemwrap .gg-line{
	border-bottom: solid 1px #707070;
	margin: 5px 0 5px 0;
}

#gg-itemwrap .gg-comment{
	margin-bottom: 30px;
	text-align: center;
}

div#gg-jyunyuimg>div {
    width: 50%;
    float: left;
    text-align: center;
}

#gg-itemwrap div#gg-jyunyuimg>div:nth-child(odd){
	float: left;
}

#gg-itemwrapdiv#gg-jyunyuimg>div:nth-child(even){
	float: right;
}

div#gg-jyunyuimg:after{
display:block;
content:"";
clear:both;
}

#gg-itemwrap .gg-detailimage-3>div{
	display: inline-block;
	width: calc( 33% - 12px);
	text-align: center;
	padding: 5px;
}

#gg-itemwrap .gg-detailimage-4>div{
	display: inline-block;
	width: calc( 50% - 3px);
	text-align: center;
	padding: 5px;
}

#gg-itemwrap .gg-detailimage-3 .gg-subtitle{
	margin-top: 15px;
}

#gg-itemwrap div#gg-jyunyudet .col-sm-6 {
    margin-bottom: 15px;
    min-height: 290px;
    display: table;
}

#gg-itemwrap div#gg-jyunyudet .col-sm-6>div{
	display: table-cell;
    vertical-align: middle;
}

#gg-itemwrap div#gg-jyunyuimg:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
}

.bs .pcnone{
display: none;
}

.bs .spnone{
display: block;
}

/* カートをフローティング */
.buybox{
  position: fixed;
  background: #eae2d6;
  z-index: 999;
  right: 0px;
  bottom: 0px;
  padding: 1em;
  margin-bottom: 0px;
}

.height_box{
  height:1000px;
}

@media screen and (max-width:680px) {

	#gg-itemwrap .row{
	margin-bottom: 60px;
	}

	#gg-itemwrap{
		font-size: 14px!important;
	}

	#gg-itemwrap .gg-subtitle{
		font-size: 14px;
	}

	#gg-itemwrap .gg-title h3{
		font-size: 20px;
		-webkit-margin-before: 0;
    	-webkit-margin-after: 0;
	}


	#gg-itemwrap .container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}

	#gg-itemwrap div#gg-jyunyudet .col-sm-6 {
    margin-bottom: 15px;
    min-height: 0px;
	}

	#gg-itemwrap .gg-detailimage-3>div,#gg-itemwrap .gg-detailimage-4>div{
		width: 100%;
		margin:0 auto 15px;
		display: block;
	}

	#gg-itemwrap .gg-detailimage-3 .gg-subtitle,
	#gg-itemwrap .gg-detailimage-4 .gg-subtitle{
		font-size: 20px;
		font-weight: 600;
	}


	#gg-itemwrap #gg-jyunyudet .gg-comment br{
		/* display: none; */
	}

	#gg-itemwrap #gg-jyunyudet .gg-comment{
		text-align: left;
	}

.bs .pcnone{
display: block;
}

.bs .spnone{
display: none;
}



}

#FS2_additional_image_container {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 450px;
}

/*セレクト部分レイアウト調整*/
table.FS2_inputSelection_table td,
 table.FS2_inputSelection_table th,
 table.FS2_inputSelection_table tr {
    display: block;
    padding:5px
}

table.FS2_inputSelection_table select{
    width:100%;
}

.FS2_additional_image_container {
    max-width: calc( 100% - 450px ) !important;
width:100% !important;
}

@media screen and (min-width: 960px) {
#head_util{
display:block;
}
}
/* // ランキング //*/
/*
@media screen and (max-width: 1199px) {
#ranking-side{
display:none;
}
}
*/

/* /////////アコーディオン/////////// */
.accordion {
  min-width: 300px;
  margin: 0 auto;
  padding: 0;
}
.accordion .ac-content {
  margin: 0;
  padding: 0;
}
.accordion input {
  display: none;
}
.accordion label {
  display: block;
  background: #eae2d6;
  cursor: pointer;
  padding: 10px;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
.accordion label:hover {
  background: #ccc;
}
.accordion .ac-cont {
  transition: 0.2s;
  height: 0;
  overflow: hidden;
  background: #ffffff;
  padding: 0 10px;
  box-sizing: border-box;
}
.accordion input:checked + .ac-cont {
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}


/* セル幅を自動調整 */
table, th, td {
  width: auto !important;
}
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: auto;
  table-layout: fixed;
}

table tr {
  background-color: #fbfbfb;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #c0c0c0;
  color:#fff;
}
table tbody th {
    background: #c0c0c0;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}


.size table,
.size th,
.size td { 
	border:solid 1px #ccc;/*グレーの枠線の指定*/
	padding: 4px;/*セルの内側に上下左右に4px余白をあける*/
}
.size th {
	background: #eee;/*見出しの背景をグレーにする指定*/
}

/*/////SPドロワーメニュー右配置用/////*/
@media screen and (max-width:680px) {

/*ハンバーガー右配置*/
.fs-p-drawerButton--open {
    position: absolute!important;
    top: 70px!important; /*ヘッダー帯掲載時 70px 非掲載時 25px*/
    right: 15px!important;
}

/*右からスライド*/
.fs-p-drawer {
  position: fixed;
  top: 0!important;
  bottom: 0!important;
  left: auto!important; /*変更*/
  right: 0!important; /*追加*/
  transform: translateX(100%)!important;/*変更*/
}

.fs-p-ctrlDrawer:checked + .fs-p-drawer {
    transform: translateX(0)!important;
}
}

/*/////SP TOPICS下フォントサイズ変更/////*/
@media screen and (max-width:680px) {
	.fs-pt-column__description{
		font-size: 14px;
	}
}

/*/////SP フッターバナーエリア 右スペース削除/////*/
@media screen and (max-width:680px) {
	#ft_bnr .bs .row{
		margin-right:0px;
		margin-left:0px;
	}
}

/*/////ヘッダー帯上 余白削除/////*/
.fs-l-page .fs-l-header{
padding-top: 0!important;
}

/*/////パンくずリスト インナー幅設定/////*/
.fs-c-breadcrumb {
    max-width: 1216px;
    margin: 30px auto 0;
}

/*/////ハンバーガー 表示重なり順/////*/
.fs-p-drawer{
z-index: 999;
}

@media screen and (max-width: 768px){
.fs-p-drawer{
z-index: 2000;
}
}

/*==================================
==========FSカルーセルパーツ=============
==================================*/

.fs-pt-carousel img {
    max-width: 900px;
}

@media screen and (max-width: 768px){
.fs-pt-carousel img {
    max-width: 100vw;
}
}

/*==================================
==========TOPページ infomation=============
==================================*/

.top-info-title{
	font-size: 13px;
	font-weight: bold;
}

.top-info-text{
	font-size: 13px;
	line-height: 1.2;
}


/*==================================
====商品ページ スマホポイント表示=======
==================================*/
@media screen and (max-width: 768px){
.fs-c-productPointDisplay {
   background: #867666;
}
}

/*==================================
====商品ページ 色/サイズ表記位置調整=======
==================================*/

.fs-c-productChooseVariation__variationLabel{
   margin-bottom: 15px;
}

/*==================================
====商品ページ スマホ本文 サイズ調整======
==================================*/
#product_comment01 b {
    font-weight: bold!important;
    font-size: 1.2em!important;
line-height: 1.2!important;
}

@media screen and (max-width: 768px){
#product_comment01{
font-size: 14px!important;
}

#product_comment01 b {
    font-size: 1em!important;
line-height: 1!important;
}

	
}

/*==================================
====セール二重価格表示 販売価格の色変更======
==================================*/
.salePrice span{
color: red;
}

/*==================================
====バンドルサムネ下画像 マージン======
==================================*/
.fs-c-mark--image{
margin-top: 5px;
}

/*=====================================================
====スマホ 商品ページカート下 返品特約/お問い合わせパーツ======
=======================================================*/
.fs-c-returnedSpecialContract__link a{
	color:red;
}

@media screen and (max-width: 768px){
.fs-c-returnedSpecialContract__link,.fs-c-inquiryAboutProduct{
font-size: 14px;
}
}



/*=====================================================
====商品ページカート下 検索ワードボタン======
=======================================================*/

.search-btn-warp{
    display: flex;
    display : -webkit-box; /* old Android */
    display : -webkit-flex;/* Safari etc. */
    display : -ms-flexbox; /* IE10        */
    flex-wrap: wrap;
    margin: 15px auto;
}

.search-word{
    box-sizing: border-box;
    margin: 10px 5px;
}

.search-word a{
    border: #404040 solid 1px;
    border-radius: 100vh;
    padding: 5px 10px;
    text-decoration: none;
    color: #404040;
    font-size: 14px;
}

.search-word a:hover{
    background: #EFEFEF;
}

/*=====================================================
====スマホ ハンバーガーメニュー文字サイズ======
=======================================================*/

@media screen and (max-width: 768px){
.fs-p-sideMenu{
font-size: 12px;
}
}

/*=====================================================
====こだわり検索 タグアイコン======
=======================================================*/

.fs-c-productMark__item{
	padding-bottom: 3px;
}

/*=====================================================
====スマホフッター SNSアイコン======
=======================================================*/

@media screen and (max-width: 768px){
.fs-l-footer__utility {
    margin: 24px auto;
}
}

/*=====================================================
====スマホ商品ページ======
=======================================================*/

@media screen and (max-width: 768px){

/*//メイン画像//*/
div#fs_productCarouselMainImage {
 width: 100%;
}

/*//サブ画像スライダー//*/
.fs-c-productCarouselMainImage__thumbnailList {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow-x: scroll;
    padding: 0;
}

/*//モーブラ カラバリ2→3カラム//*/
.fs-c-variationMatrix--column {
    grid-template-columns: repeat(auto-fit, minmax(9em, max-content));
}

/*//カートボタン大きさ//*/
.fs-c-button--primary {
	min-width: 300px;
}		
.fs-c-button--primary {
	font-size: 1.8rem;
    padding: 15px 5px;
}

/*//タグマーク(アイコン)大きさ//*/
.fs-c-productMark__mark {
    margin-right: 5px;
    font-size: 0.9em;
    padding: 8px 8px;
}

/*//ポイント表示大きさ//*/
.fs-c-productPointDisplay {
    font-size: 1.5rem;
    padding: 8px 8px;
    width: 100%;
    text-align: center;
}

}

/*=====================================================
====商品ページ 商品メイン画像設定 M→Lに変更した際の表示調整======
=======================================================*/
.fs-c-productCarouselMainImage__image > img {
    max-width: 100vw;
    max-height: 458px;
}


/*=====================================================
====レフトナビ 親カテゴリ フォントウェイト======
=======================================================*/

.fs-p-sideMenu .fs-pt-menu__heading--lv1{
	font-weight: bold!important;
}