/*商品マーク一覧 色変更*/
.label_status {
background: #875D45;
}
.label_pickup {
background: #00395D;
}
.label_sale {
background: #A70E0E;
}


/*マイページトップのアイコン表示を調整するCSS*/
@media screen and (max-width: 600px) {
  .fs-l-account .fs-c-accountService {
    justify-content: space-evenly;
  }
  li.fs-c-accountService__page--couponList {
    flex-basis: 85%;
  }
}

/*カートに入れる-商品共通	カートに入れる*/
.fs-c-button--addToCart--detail {
background: #925e33;
border: 1px solid #925e33;
}

/*カートに入れる(バリエーション)-商品共通	カートに入れる*/
.fs-c-button--addToCart--variation {
background: #925e33;
border: 1px solid #925e33;
}

/*カートに入れる-商品一覧	カートに入れる*/
.fs-c-button-productListItem__addToCart  {
background: #925e33;
border: 1px solid #925e33;
color: #ffffff;
padding: 4px;
}

/*商品一覧-商品名	フォントサイズ*/
.fs-c-productListItem__productName,
.fs-c-productName {
font-size: 18px;
}

/*商品一覧-商品名	行間*/
.fs-c-productListItem__productName,
.fs-c-productName {
line-height:1.4;
}

/*商品一覧-商品価格　フォントサイズ*/
.fs-c-productPrice,
.fs-c-productPrice--selling {
font-size: 18px;
}

/*商品一覧在庫切れメッセージ　フォントサイズ*/
.fs-c-productListItem__outOfStock,
.fs-c-productListItem__notice
.fs-c-productStock　{
font-size: 16px;
}

/*AIレコメンド　outletの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="outlet"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　clothing_rankingの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="clothing_ranking"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　fabric_rankingの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="fabric_ranking"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　living_rankingの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="living_ranking"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts1の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts1"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts2の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts2"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts3の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts3"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts4の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts4"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts5の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts5"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_parts6の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_parts6"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　satoyamapaletteの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="satoyamapalette"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　unisexの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="unisex"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　gift_10000の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="gift_10000"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　gift_50009999の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="gift_50009999"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　gift_30004999の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="gift_30004999"] .fs-p-heading--lv2 {
      display: none;
    }

/*AIレコメンド　gift_2999の見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="gift_2999"] .fs-p-heading--lv2 {
      display: none;
    }

/*AIレコメンド　testの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="test"] .fs-p-heading--lv2 {
      display: none;
    }

/*AIレコメンド　ranking_202306saleの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="ranking_202306sale"] .fs-p-heading--lv2 {
      display: none;
    }

/*AIレコメンド　limited_stockの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="limited_stock"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　newの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="new"] .fs-p-heading--lv2 {
      display: none;
    }
/*AIレコメンド　magazine_etsuranの見出しのみを非表示*/ 
    div.flywheel-recommend__frame[data-frame-id="magazine_etsuran"] .fs-p-heading--lv2 {
      display: none;
    }

/*商品表示数　最大表示列数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;
  }
}


/* 20240607 商品レイアウト　メイン画像フリック */
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-prev, 
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-next{background: none}
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-prev:before,
.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick .slick-next:before{color: unset;}
.fs-c-productCarouselMainImage__thumbnailList > li{margin:0;}
@media (min-width: 600px) {
    .fs-body-product .fs-c-productCarouselMainImage__thumbnailList {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        overflow: visible;
        margin: 20px 0 ;
    }
	.fs-body-product .fs-c-productCarouselMainImage .fs-c-slick.slick-initialized .slick-slide{width: 528px}
	.fs-body-product .fs-c-productCarouselMainImage__image > img{max-width: 100%}
}

/*20240618 特集一覧*/
.recommend_list_hnb h2.ttl{font-weight: bold !important;font-size: 1.5em}
.recommend_list_hnb .catalog_top_category_header{font-size: 1em;margin-bottom: 10px}
.recommend_list_hnb .catalog_top_category_header span{font-size: 19px;margin-left: 0;}
.recommend_list_hnb .mb80{margin-bottom: 80px}
.recommend_list_hnb .catalog_top_banner_box{margin-bottom: 20px}
.recommend_list_hnb .catalog_top_banner_group_col2 .catalog_top_banner_box{margin-bottom: 20px}
@media (max-width: 767px) { 
.recommend_list_hnb .mb80{margin-bottom: 40px}
.recommend_list_hnb .catalog_top_category_header span{font-size: 14px;}
}

/*sp_head_navi_2024*/
.sp_head_navi_2024{display: none}
@media (max-width: 767px) { 
.sp_head_navi_2024{display: block}
.sp_head_navi_2024{position: fixed;width: 100%;z-index: 2;}
.fs-l-page header.fs-l-header{padding-top: 0}
.sp_head_navi_2024 ul{margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-around;margin-bottom: 20px}
.sp_head_navi_2024 ul li{list-style: none;text-align: center;width: 33.3%}
.sp_head_navi_2024 ul li a{display: block;background:#727272;text-decoration: none;color: #fff;font-weight: bold;font-size: 14px;padding: 10px 0;border-right: 1px solid #fff}
.sp_head_navi_2024 ul li:last-child a{border: none;}
.cc_Layout_search_wrap{padding-top: 60px}
}
/*breadcrumb*/
.fs-c-breadcrumb{    max-width: 1024px;
    margin: 10px auto 0;
    padding-left: 220px;}



/*2024.7.24 SPドロワメニュー*/
@media (max-width: 767px) { 
.sp_head_2024{padding: 5% 5% 180px 5%}
.sp_head_2024 p,.sp_head_2024 li{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 18px}
.sp_head_2024 p,.sp_head_2024 li,.sp_head_2024 ul{margin: 0}
.sp_head_2024 li{list-style: none}
.sp_head_2024 ul{margin: 0;padding: 0}
.sp_head_2024 a{color: #221714}
.sp_head_2024 .flex_btn {display: flex;justify-content: space-between;margin-bottom: 5%}
.sp_head_2024 .flex_btn .btn{width: 32%;text-align: center}
.sp_head_2024 .flex_btn .nav1 a{display: block;background: #875D45;color: #fff;font-size: 20px; font-weight: bold;padding: 30px 0}
.sp_head_2024 .flex_btn .nav2 a{display: block;background: #00395D;color: #fff;font-size: 20px; font-weight: bold;padding: 30px 0}
.sp_head_2024 .flex_btn .nav3 a{display: block;background: #B1BEB0;color: #221714;font-size: 20px; font-weight: bold;padding: 30px 0}
.sp_head_2024 .btn1{background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_map.png) no-repeat 5% center #fff;font-size: 19px;padding-left: 2em;background-size: 20px;margin-bottom: 10px}
.sp_head_2024 .btn1 a{display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_r.png) no-repeat 95% center;padding: 20px 10px;background-size: 7px;font-weight: bold}
.sp_head_2024 .btn2{background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_book.png) no-repeat 5% center #fff;font-size: 19px;padding-left: 2em;background-size: 20px;margin-bottom: 10px}
.sp_head_2024 .btn2 a{display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_r.png) no-repeat 95% center;padding: 20px 10px;background-size: 7px;font-weight: bold}

.sp_head_2024 ul.menu{border-top: 1px solid #C8CBCB}
.sp_head_2024 ul.menu li a{border-bottom: 1px solid #C8CBCB;display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_r.png) no-repeat 95% center;padding: 20px 10px;background-size: 7px;font-weight: bold;font-size: 18px}
.sp_head_2024 p.ttl{margin: 30px 0 ;text-align: center;font-size: 24px;font-weight: bold;}
.sp_head_2024 p.trigger{border-bottom: 1px solid #C8CBCB;display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_d.png) no-repeat 95% center;padding: 20px 10px;background-size: 12px;font-weight: bold;font-size: 18px;border-top: 1px solid #C8CBCB}
.sp_head_2024 p.trigger.active{border-bottom: 1px solid #C8CBCB;display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_u.png) no-repeat 95% center;padding: 20px 10px;background-size: 12px;font-weight: bold;font-size: 18px;border-top: 1px solid #C8CBCB}
.sp_head_2024 .open{display: none}
.sp_head_2024 .open.default{display: block}
.sp_head_2024 p.notrigger .large,
.sp_head_2024 p.trigger .large{font-size: 33px;vertical-align: sub;padding-right: 20px;}
.sp_head_2024 p.notrigger a{border-bottom: 1px solid #C8CBCB;display: block;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_r.png) no-repeat 95% center;padding: 20px 10px;background-size: 7px;font-weight: bold;font-size: 18px}

.sp_head_2024 ul.menu.white{margin-top: 20px;border: none}
.sp_head_2024 ul.menu.white li a{text-align: center;background: url(https://www.gungendo.co.jp/cmn/img/global/v2024/icon_r.png) no-repeat 95% center #fff;text-align: center; 
border: none;margin-bottom: 10px;background-size: 7px;}
.sp_head_2024 .tel a{display: block;background: #fff;text-align: center;padding: 20px 0;margin-bottom: 10px}
.sp_head_2024 .tel .text1{font-size: 19px}
.sp_head_2024 .tel .text2{font-size: 30px;font-weight: bold}
.sp_head_2024 .tel .text3{font-size: 14px}
.sp_head_2024 .flex_link{display: flex;margin: 20px 0;flex-wrap: wrap}
.sp_head_2024 .flex_link p{width: 50%;font-size: 16px}
.sp_head_2024 .flex_link p a{display: block;padding: 15px 0}

.sp_head_2024 .sns_area{display: flex;justify-content: center;padding-top: 20px;border-top: 1px solid #C8CBCB;column-gap: 10%;margin-bottom: 30px}
.sp_head_2024 .sns_area p{width: 14%}
.sp_head_2024 .copy{text-align: center;font-size: 14px;}
}

/*ヘッダー調整*/
@media (max-width: 767px) { 
.sp_menu_btn.cc_shop.navi_active{background-image: url(https://www.gungendo.co.jp/cmn/img/global/v2024/close.png) !important;background-size: 36px !important}
.mobile_navi{background-color: #DADDDE !important;margin-top: 70px}
.mobile_navi_inner{padding-top: 0;margin-top: 0}
.sp_menu_btn.cc_shop {
        background-image: url(https://www.gungendo.co.jp/cmn/img/global/v2023/icon_menu.svg)!important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 40px;
    }
}

/*20240829 sp categoryナビ*/
@media (max-width: 767px) { 
.fs-c-subgroup .fs-c-subgroupList .fs-c-subgroupList__item{width: 100%;max-width:100%;flex-basis:50%;}
}


/*---------------------------
2024.9.4 店舗でお試し便
--------------------------*/
.tryon_page .pc_only{display: block}
.tryon_page .sp_only{display: none}
@media (max-width: 767px) { 
.tryon_page .pc_only{display: none}
.tryon_page .sp_only{display: block}
}
.tryon_page{margin-bottom: 80px;}
.tryon_page h2{margin-bottom: 20px;}
.tryon_page .read{margin-bottom: 40px;font-size: 16px}

.tryon_page h3{font-size: 24px; border-bottom: 1px solid #797C80;padding-bottom: 20px; margin-bottom: 30px;}
.tryon_page .f19{margin-bottom: 20px;font-size: 19px}
.tryon_page .f16{font-size: 16px}
.tryon_page .white{background: #fff;padding: 30px;margin-bottom: 50px}
.tryon_page .white .flex{display: flex;justify-content: space-between}
.tryon_page .white .flex.no{display: block;justify-content: space-between}
.tryon_page .white .flex .text,.tryon_page .white .flex .img{width: 48%}
.tryon_page .white .flex.no .text,.tryon_page .white .flex.no .img{width: 100%}
.tryon_page .white .flex .text h4{color: #00395D;font-size: 19px; font-weight: bold;position: relative;display: inline-block;padding: 0 0 0 15px;margin: 0}
.tryon_page .white .flex .text h4:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 12px;
  height: 1px;
  background-color: #00395D;
  left:0;
}
.tryon_page .white .flex .text p{font-size: 16px}
.tryon_page .mb40{margin-bottom: 40px}
.tryon_page .mb60{margin-bottom: 60px}
.tryon_page .white .flex .text .box{border:  1px solid #797C80;padding: 20px;}
.tryon_page .white .flex .text .box p{font-size: 16px}
.tryon_page .white .flex .text .box a{color: #1F1E1E;text-decoration: underline}

.tryon_page .white .flex.border_top .text{border-top: #797C80 1px solid;padding-top: 40px;}
.tryon_page .white .flex.border_top .img{padding-top: 41px;}

@media (max-width: 767px) { 
.tryon_page{padding: 0 2%}
.tryon_page .read{margin-bottom: 40px;}
.tryon_page h3{font-size: 20px;margin-bottom: 20px}
.tryon_page .white{padding: 20px;}
.tryon_page .white .flex{display: block;}
.tryon_page .white .flex .text,.tryon_page .white .flex .img{width: 100%;}
.tryon_page .white .flex .text{margin-bottom: 20px}
.tryon_page .white .flex.border_top .img{padding-top: 0;}
.tryon_page .white .flex.border_top .text{padding-top: 30px;}
}
/*価格label*/
.fs-c-productPrices .fs-c-productPrice__main__label {display: block;font-size: 13px;}
.fs-c-productPrice--member,
.fs-c-productPrice--member .fs-c-productPrice__main,
.fs-c-productPrice--member .fs-c-price__currencyMark,
.fs-c-productPrice--member .fs-c-price__value{color: #A70E0E}

/*------------------------------------
贈り物ページ 20241220
------------------------------------*/
.gift_page_hnb .pc_only{display: block}
.gift_page_hnb .sp_only{display: none}
@media (max-width: 767px) { 
.gift_page_hnb .pc_only{display: none}
.gift_page_hnb .sp_only{display: block}
}

.gift_page_hnb p{font-size: 14px;margin: 0;line-height: 1.7}
.gift_page_hnb .bold{font-weight: bold}
.gift_page_hnb .f19{font-size: 16px}
.gift_page_hnb .center{text-align: center}
.gift_page_hnb .mb10{margin-bottom: 10px}
.gift_page_hnb .mb20{margin-bottom: 20px}
.gift_page_hnb .mb60{margin-bottom: 60px}
.gift_page_hnb .read{margin-bottom: 60px}
.gift_page_hnb .read p{line-height: 2}
.gift_page_hnb p.f24{font-size: 20px}
.gift_page_hnb .f24{font-size: 20px}
.gift_page_hnb .flex_wrap{display: flex;justify-content: center;margin:40px 0 80px;grid-gap: 5%}
.gift_page_hnb .flex_wrap .item{width: 25%}
.gift_page_hnb .flex_wrap .item .img{margin-bottom: 10px}
.gift_page_hnb .white .flex{margin-bottom: 60px}
.gift_page_hnb .white .attention{color:#BC0D0D;border: 1px solid #797C80;padding: 20px}
.gift_page_hnb h2{font-size: 22px;border-bottom: 1px solid #797C80;padding-bottom: 15px;margin-bottom: 20px;} 

@media (max-width: 767px) { 
.gift_page_hnb .mb60{margin-bottom: 40px}
.gift_page_hnb .flex_wrap{display: flex;justify-content:space-between;grid-gap: 0;flex-wrap: wrap;margin-bottom: 0}
.gift_page_hnb .flex_wrap .item{width: 48%;margin-bottom: 40px}
}

/*--------------------------------------
MYページ 20241224 hnb
--------------------------------------*/
#fs_MyPageTop .fs-l-pageMain h1{font-size: 20px;}
#fs_MyPageTop .fs-body-my-top .fs-l-account {display: block;}
.my_page_hnb .mb60{margin-bottom: 60px}
.my_page_hnb .mb80{margin-bottom: 80px}
.my_page_hnb .center{text-align: center}
.my_page_hnb .f19{font-size: 18px}
.my_page_hnb .f16{font-size: 16px}
.my_page_hnb .f24{font-size: 20px}
.my_page_hnb .f30{font-size: 24px}
.my_page_hnb .bold{font-weight: bold}
.my_page_hnb a{color: #1F1E1E}
.my_page_hnb a.under_line{text-decoration: underline}
.my_page_hnb a:hover{opacity: 0.8;text-decoration: none}

.my_page_hnb .my_area{max-width: 500px;margin: 40px auto 60px}
.my_page_hnb .my_area .name{text-align: center;margin-bottom: 20px;}
.my_page_hnb .my_area .name span{font-size: 20px}
.my_page_hnb .my_area .box{background: #fff;padding: 20px 0}
.my_page_hnb .my_area .box table{width: 70%;margin: 0 auto;}
.my_page_hnb .my_area .box th,
.my_page_hnb .my_area .box td{padding: 5px 0;text-align: left}
.my_page_hnb .btn a{display: block;color: #fff; background: #875D45;padding:15px 10px;width: 33%; margin: 20px auto;font-size: 20px}

.my_page_hnb h2.ttl{text-align: center;font-size: 20px;border-bottom: 1px solid #797C80;padding-bottom: 20px; margin-bottom: 30px}
.my_page_hnb .flex_item{display: flex;justify-content:flex-start;column-gap: 5%;flex-wrap: wrap;width: 80%; margin: 0 auto}
.my_page_hnb .flex_item .item{margin-bottom: 40px;width: 30%}
.my_page_hnb .flex_item .item p{margin: 0 0 5px 0;font-size: 14px}
.my_page_hnb .flex_item .item .point{background: #875D45;display: inline-block;color: #fff;padding:2px 8px;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";border-radius: 5px;
font-size: 11px}
.my_page_hnb .flex_item .item .red{color:#BC0D0D;font-size: 12px}
#fs_MyPageTop.fs-body-my-top .fs-c-accountService {flex-basis: auto;}

@media (max-width: 767px) { 
.my_page_hnb{padding: 0 5%}
.my_page_hnb .my_area .box{padding: 5px 0}
.my_page_hnb .my_area .box table{width: 90%;margin: 0 auto;}
.my_page_hnb .f30{font-size: 26px}
.my_page_hnb .f19{font-size: 17px}
.my_page_hnb .f16{font-size: 15px}
.my_page_hnb .f24{font-size: 17px}
.my_page_hnb .mb80{margin-bottom: 60px}
.my_page_hnb .my_area{margin-bottom: 40px}
.my_page_hnb .btn a{width: 80%;}
.my_page_hnb .flex_item{display: flex;justify-content: space-between;column-gap: 0;width: 100%}
.my_page_hnb .flex_item .item{width: 48%;margin-bottom: 20px}
.my_page_hnb h2.ttl{text-align: center;font-size: 18px;border-bottom: 1px solid #797C80;padding-bottom: 10px; margin-bottom: 20px}
#fs_MyPageTop li.fs-c-accountService__page--couponList { flex-basis: 92%;}
#fs_MyPageTop .fs-c-accountService__page{ flex-basis: 44%;}
}

/*2025.1.17 新着商品AIレコメンド調整*/
.new_item_ai .flywheel-recommend__frame{margin-bottom: 60px}
.new_item_ai .flywheel-recommend__frame h2.fs-p-heading--lv2{font-size: 1.5em; font-weight: bold}
.new_item_ai .flywheel-recommend__frame .fr3-productListCarousel__slides{overflow-x:hidden}
.new_item_ai .flywheel-recommend__frame h2.fs-p-heading--lv2{display: none}
@media (max-width: 767px) { 
.new_item_ai .flywheel-recommend__frame{margin-bottom: 40px}
.new_item_ai .flywheel-recommend__frame .fr3-productListCarousel__slides{overflow-x:auto}
.new_item_ai .flywheel-recommend__frame .fr3-item__productPrice{padding-bottom: 10px}
}

/*ギフトラベル*/
.fs-c-productListItem__productDescription p.point{font-size: 13px; text-align: center;color: #fff;background: #926134;display: inline-block;padding: 3px 14px;margin:0 0 5px 0}
.fs-c-productListItem__productDescription p.limt{font-size: 13px; text-align: center;color: #fff;background: #343A40;display: inline-block;padding: 3px 14px;margin:0 0 5px 0}


/*--------------
20250407　フロートバナー
---------------*/
#float_bnr_hnb{position: fixed;right: -4px;top: 30%;z-index: 2;}
#float_bnr_hnb .bnr{position: relative}
#float_bnr_hnb .bnr .close_btn{position: absolute;top: -10px;left: 5px;z-index: 10;margin: 0;}
#float_bnr_hnb .bnr .close_btn img{width: 20px}
#float_bnr_hnb .pc_only{display: block}
#float_bnr_hnb .sp_only{display: none}
@media (max-width: 767px) { 
#float_bnr_hnb .pc_only{display: none}
#float_bnr_hnb .sp_only{display: block}
#float_bnr_hnb{bottom: 0;top: auto;right: auto}
#float_bnr_hnb .bnr{padding: 0}
#float_bnr_hnb .bnr .img{margin: 0}
.footer-end{padding-bottom: 100px}
}


/*--------------
20250407　フリーページ
---------------*/
/*reset*/
body {font-family: "Zen Old Mincho", serif;background-color: #E2DFDD}

/*common*/
.under_page{padding: 40px 0 80px}
.w1184{max-width: 1184px; margin-left: auto;margin-right: auto;}
.hnb_page a:hover{opacity: 0.7}
.hnb_page .center{text-align: center}
.hnb_page .text_right{text-align: right}
.hnb_page .mb10{margin-bottom: 10px !important}
.hnb_page .mb20{margin-bottom: 20px !important}
.hnb_page .mb30{margin-bottom: 30px !important}
.hnb_page .mb40{margin-bottom: 40px !important}
.hnb_page .mb50{margin-bottom: 50px !important}
.hnb_page .mb60{margin-bottom: 60px !important}
.hnb_page .mb80{margin-bottom: 80px !important}
.hnb_page .mb100{margin-bottom: 100px !important}
.hnb_page .mb120{margin-bottom: 120px !important}
.hnb_page .pt80{padding-top: 80px !important}
.hnb_page .pb80{padding-bottom: 80px !important}
.hnb_page.pt80{padding-top: 80px !important}
.hnb_page.pb80{padding-bottom: 80px !important}
.hnb_page .bold{font-weight: bold;}
.hnb_page span.blue{color: #00395D;}
.hnb_page .pc_only{display: block}
.hnb_page .sp_only{display: none}
.hnb_page .sp_only_inline{display: none}
@media (max-width: 767px) { 
.w1184{width: 92%; margin-left: auto;margin-right: auto}
.hnb_page .pc_only{display: none}
.hnb_page .sp_only{display: block}
.hnb_page .sp_only_inline{display: inline-block}
.hnb_page .mb10{margin-bottom: 10px !important}
.hnb_page .mb20{margin-bottom: 20px !important}
.hnb_page .mb30{margin-bottom: 30px !important}
.hnb_page .mb40{margin-bottom: 40px !important}
.hnb_page .mb50{margin-bottom: 50px !important}
.hnb_page .mb60{margin-bottom: 60px !important}
.hnb_page .mb80{margin-bottom: 60px !important}
.hnb_page .mb100{margin-bottom: 60px !important}
.hnb_page .mb120{margin-bottom: 60px !important}
.hnb_page .pt80{padding-top: 60px !important}
.hnb_page .pb80{padding-bottom: 60px !important}
.hnb_page.pt80{padding-top: 60px !important}
.hnb_page.pb80{padding-bottom: 60px !important}
}
/*font*/
.hnb_page .f12{font-size: 12px}
.hnb_page .f19{font-size: 19px}


/*下層ページ　リセット*/
.hnb_page h2,
.hnb_page h3,
.hnb_page h4,
.hnb_page h5,
.hnb_page h6,
.hnb_page th,
.hnb_page td,
.hnb_page p{font-size: 16px;margin: 0;font-weight: normal;text-align: left;line-height: 1.7; letter-spacing: 0.05em;}
.hnb_page a{color: #875D45;text-decoration: underline}
.hnb_page a:hover{text-decoration: none}
.hnb_page a.link_text{position: relative;color: #333;text-decoration: none}
.hnb_page a.link_text::after{position: absolute;    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    font-weight: normal;
    top: 50%;
    right: -20px;
    margin-top: -2px;
    transform: rotate(45deg);}
@media (max-width: 767px) { 
.hnb_page a.link_text::after{right: -10px;}
}

/*下層ページ*/
.hnb_page h2.under_ttl{font-size: 24px;font-weight: bold;margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #CCCACA;}
.hnb_page .under_page_flex{display: flex;justify-content: space-between; margin-bottom: 40px; border-bottom: 1px solid #CCCACA;}
.hnb_page .under_page_flex .ttl{width: 30%;font-size: 19px; font-weight: bold}
.hnb_page .under_page_flex .text{width: 68%;}
.hnb_page .under_page_flex p{margin-bottom: 40px}
.hnb_page .under_page_flex p.mini{font-size: 14px;}
.hnb_page .under_page_flex table{width: auto;}
.hnb_page .under_page_flex table th{padding: 0 80px 0 0}

@media (max-width: 767px) { 
.hnb_page .under_page_flex{display: block;}
.hnb_page .under_page_flex .ttl{width: 100%;font-size: 19px; font-weight: bold;margin-bottom: 25px}
.hnb_page .under_page_flex .text{width: 100%;}
.hnb_page table.sp_block{display: block;}
.hnb_page table.sp_block th,
.hnb_page table.sp_block td{display: block;padding: 0}
.hnb_page table.sp_block td{margin-bottom: 10px}
.hnb_page .under_page_flex table.company th{padding: 0 10px 0 0;vertical-align: top;width: 38%}
.hnb_page .under_page_flex table.company .sp_indent1{padding-left: 1em}
}

/*ギフト対応のご案内*/
.hnb_page .under_page_gift{padding: 40px 0 80px}
.hnb_page .under_page_gift h2.under_camp_ttl,
.hnb_page .under_page_gift h3.ttl{font-size: 24px;font-weight: bold;margin-bottom: 30px; }
.hnb_page .under_page_gift .under_line_read{margin-bottom: 30px;padding-bottom: 82px; border-bottom: 1px solid #CCCACA}
.hnb_page .under_page_gift .under_line40{margin-bottom: 40px;padding-bottom: 40px; border-bottom: 1px solid #CCCACA}
.hnb_page .under_page_gift ul{margin: auto;padding-left: 1.5em}
.hnb_page .under_page_gift ul li{margin: 8px 0;font-size: 16px}

.hnb_page .guide_flex{display: flex;justify-content: space-between}
.hnb_page .guide_flex .box{width: 48%}
.hnb_page .guide_step_flex{display: flex;justify-content: space-between;align-items: stretch;}
.hnb_page .guide_step_flex .box{width: 49%;display: flex;flex-direction:column}
.hnb_page .guide_step_flex .box .text{flex-grow:1;}
.hnb_page .guide_step_flex h4.step{display: flex;justify-content:flex-start;align-items: center;column-gap: 1em;font-size: 19px; font-weight: bold;margin-bottom: 10px}
.hnb_page .guide_step_flex h4.step:after{content: "";  flex-grow:1;height: 1px;background: #CCCACA; }
.hnb_page .attention_gift{padding-left: 2em}

.hnb_page .bk_light_gray{background-color: #EBE9E8;padding: 80px 0 100px}
@media (max-width: 767px) { 
.hnb_page .attention_gift{padding-left: 0em}
.hnb_page .guide_flex{display: block;}
.hnb_page .guide_flex .box{width: 100%;margin-bottom: 60px}
.hnb_page .guide_flex .box:last-child{margin-bottom: 0px}

.hnb_page .guide_step_flex{display: block;}
.hnb_page .guide_step_flex .box{width: 100%;}
.hnb_page .guide_step_flex .box:nth-child(1){margin-bottom: 60px}
.hnb_page .guide_step_flex .box .text .f12{margin-bottom: 30px}
.hnb_page .bk_light_gray{padding: 60px 0 60px}
}

/*----------------------------
キャンペーンテンプレート
----------------------------*/
/*frame*/
.hnb_page .campaign_tpl{max-width: 1184px; background: #EBE9E8;border: 1px solid #707070;margin:40px auto 80px}
.hnb_page .campaign_tpl .w1095{max-width: 1095px;margin-left: auto;margin-right: auto;}
.hnb_page .campaign_tpl section{padding:0 105px 80px 105px}
.hnb_page .campaign_tpl section.under_line{margin-bottom: 80px;border-bottom: 1px solid #707070;}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl{margin:10px auto 40px;width: 92%;border: none}
.hnb_page .campaign_tpl .w1095{width: 86%; margin-left: auto;margin-right: auto}
.hnb_page .campaign_tpl section{padding:0 0 60px 0}
.hnb_page .campaign_tpl section:last-child{padding:0 0 30px 0}
.hnb_page .campaign_tpl section.under_line{margin-bottom: 60px;}
}

/*text ttl*/
.hnb_page .campaign_tpl .caption{font-size: 12px; text-align: right}
.hnb_page .campaign_tpl .caption.pr40{padding-right: 40px}
.hnb_page .campaign_tpl h2.ttl{font-size: 36px; font-weight: bold;margin-bottom: 30px}
.hnb_page .campaign_tpl h3.ttl_index{font-size: 24px; margin-bottom: 20px}
.hnb_page .campaign_tpl h3.ttl_mini{font-size: 19px; font-weight: bold;margin-bottom: 30px}
.hnb_page .campaign_tpl h3.ttl_mini_under_line{font-size: 19px; font-weight: bold;margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #CCCACA}
.hnb_page .campaign_tpl h3.ttl{font-size: 30px; font-weight: bold;margin-bottom: 30px}
.hnb_page .campaign_tpl h4.ttl_box{font-size: 24px; font-weight: bold;margin-bottom: 30px;background: #fff;padding: 15px 30px}
.hnb_page .campaign_tpl h4.ttl_f30{font-size: 30px;font-weight: bold;margin-bottom: 30px;}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .caption.pr40{padding-right: 30px}
.hnb_page .campaign_tpl h2.ttl{font-size: 24px;margin-bottom: 20px}
.hnb_page .campaign_tpl h4.ttl_box{padding: 15px 15px}
.hnb_page .campaign_tpl h3.ttl{font-size: 24px; }
.hnb_page .campaign_tpl h4.ttl_f30{font-size: 24px;}
}

/*btn*/
.hnb_page .campaign_tpl p.w30p{width: 30%;}
.hnb_page .campaign_tpl p.w35p{width: 35%;}
.hnb_page .campaign_tpl p.w40p{width: 40%;}
.hnb_page .campaign_tpl p.w45p{width: 45%;}
.hnb_page .campaign_tpl p.w50p{width: 50%;}
.hnb_page .campaign_tpl a.btn_brown{display: block;text-align: center;color: #fff;font-weight: bold;text-decoration: none;padding: 10px 0; background-color: #875D45;}
.hnb_page .campaign_tpl a.link_blank{text-decoration: none;color: #333;background: url("../img/campaign/icon_blank.png") no-repeat right center;background-size: 11px;padding-right: 1.3em}
.hnb_page .campaign_tpl a.btn_white_more{background-color: #fff;display: block;padding: 15px}
.hnb_page .campaign_tpl a.btn_gray{background-color: #E2DFDD;display: block;padding: 15px}
.hnb_page .campaign_tpl a.btn_more{display: block;padding: 15px 0;border-bottom: 1px solid #CCCACA}
.hnb_page .campaign_tpl a.btn_white_more.link_text::after{right: 20px}
.hnb_page .campaign_tpl a.btn_gray.link_text::after{right: 20px}
.hnb_page .campaign_tpl a.btn_more.link_text::after{right: 10px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl p.w30p,
.hnb_page .campaign_tpl p.w35p,
.hnb_page .campaign_tpl p.w40p,
.hnb_page .campaign_tpl p.w45p,
.hnb_page .campaign_tpl p.w50p{width: 100%;}
}

/*flex*/
.hnb_page .campaign_tpl .campaign_flex{display: flex;justify-content: space-between}
.hnb_page .campaign_tpl .campaign_flex .text{width: 50%}
.hnb_page .campaign_tpl .campaign_flex .img{width: 40%}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_flex{display: block;}
.hnb_page .campaign_tpl .campaign_flex .text{width: 100%}
.hnb_page .campaign_tpl .campaign_flex .img{width: 100%}
}
.hnb_page .campaign_tpl .campaign_flex2{display: flex;justify-content: space-between}
.hnb_page .campaign_tpl .campaign_flex2 .box{width: 49%;display: flex; flex-direction: column}
.hnb_page .campaign_tpl .campaign_flex2 .box .text{flex-grow: 1;margin:10px 0 40px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_flex2{display: block;justify-content: space-between}
.hnb_page .campaign_tpl .campaign_flex2 .box{width: 100%;display: block;margin-bottom: 60px}
.hnb_page .campaign_tpl .campaign_flex2 .box:last-child{margin-bottom: 0px}
.hnb_page .campaign_tpl .campaign_flex2 .box .text{margin:10px 0 40px}
}

.hnb_page .campaign_tpl .campaign_flex3{display: flex;justify-content: space-between}
.hnb_page .campaign_tpl .campaign_flex3 .box{width: 32%;display: flex; flex-direction: column}
.hnb_page .campaign_tpl .campaign_flex3 .box .text{flex-grow: 1;margin:10px 0 40px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_flex3{display: block;}
.hnb_page .campaign_tpl .campaign_flex3 .box{width: 100%;display: block;margin-bottom: 60px}
.hnb_page .campaign_tpl .campaign_flex3 .box:last-child{margin-bottom: 0px}
.hnb_page .campaign_tpl .campaign_flex3 .box .text{margin:10px 0 40px}
}

.hnb_page .campaign_tpl .campaign_item_flex{display: flex;justify-content: space-between; margin-bottom: 40px}
.hnb_page .campaign_tpl .campaign_item_flex .img{width: 50%;line-height: 1}
.hnb_page .campaign_tpl .campaign_item_flex .text{width: 50%;background-color: #fff;padding: 40px 50px}
.hnb_page .campaign_tpl .campaign_item_flex .text h3.name{font-size: 24px; font-weight: bold;margin-bottom: 30px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_item_flex{display: block;}
.hnb_page .campaign_tpl .campaign_item_flex .img{width: 100%;}
.hnb_page .campaign_tpl .campaign_item_flex .text{width: 100%;padding: 30px 20px}
}

/*静的関連商品*/
.hnb_page .campaign_tpl img{max-width: 100%}
.hnb_page .campaign_tpl .flex_item4{display: flex;flex-wrap: wrap;column-gap: 4%}
.hnb_page .campaign_tpl .flex_item4 .box{width: 22%;margin-bottom: 4%}
.hnb_page .campaign_tpl .flex_item4 .name{font-size: 14px;text-align: center;margin-top: 10px;line-height: 1.5}
.hnb_page .campaign_tpl .flex_item4 a {color: #333;text-decoration: none}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .flex_item4 .box{width: 48%;margin-bottom: 8%}
}

.hnb_page .campaign_tpl .campaign_item_flex_white{display: flex;background-color: #F6F5F5;padding: 30px 20px; border: 1px solid #707070;align-items: center; margin-bottom: 60px}
.hnb_page .campaign_tpl .campaign_item_flex_white .img{width: 40%;margin-right: 5%}
.hnb_page .campaign_tpl .campaign_item_flex_white .text{width: 55%;}
.hnb_page .campaign_tpl .campaign_item_flex_white .text h3.name{font-size: 22px; font-weight: bold;margin-bottom: 25px}
.hnb_page .campaign_tpl .campaign_item_flex_white .w70p{width: 75%}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_item_flex_white{display: block; padding: 10px 10px 20px 10px}
.hnb_page .campaign_tpl .campaign_item_flex_white .img{width: 100%;margin-bottom: 20px}
.hnb_page .campaign_tpl .campaign_item_flex_white .text{width: 90%;margin: 0 auto}
.hnb_page .campaign_tpl .campaign_item_flex_white .w70p{width: 100%}
}

/*藍染一覧エリア*/
.hnb_page .campaign_tpl .flex_item5{display: flex;flex-wrap: wrap;column-gap: 2%}
.hnb_page .campaign_tpl .flex_item5 .box{width: 18.35%;margin-bottom: 4%}
.hnb_page .campaign_tpl .flex_item5 .name{font-size: 14px;margin-top: 10px;line-height: 1.5}
.hnb_page .campaign_tpl .flex_item5 a {color: #333;text-decoration: none}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .flex_item5 .box{width: 48%;margin-bottom: 8%}
}


/*任意商品パーツを使用した静的商品エリア*/
.hnb_page .campaign_tpl .none_slide .slick-slider{width: 100%}
.hnb_page .campaign_tpl .none_slide .fs-c-productListCarousel{display: block}
.hnb_page .campaign_tpl .none_slide .fs-c-productListCarousel__ctrl{display: none !important}
.hnb_page .campaign_tpl .none_slide .slick-track{width: 100% !important; display: flex;flex-wrap: wrap;column-gap: 4%;transform:none !important;}
.hnb_page .campaign_tpl .none_slide .slick-initialized .slick-slide{width: 22%;margin-bottom: 6%;}
.hnb_page .campaign_tpl .none_slide .fs-c-productListCarousel__list__item{max-width: none;max-height: none;margin: 0;min-width: auto;}
.hnb_page .campaign_tpl .none_slide .fs-c-slick .slick-track:before, .hnb_page .none_slide .fs-c-slick .slick-track:after{display: none}
.hnb_page .campaign_tpl .none_slide .fs-c-productListItem__productName a{text-decoration: none !important;line-height: 1.5;margin: 8px 0}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .none_slide .slick-track{column-gap: 4%;}
.hnb_page .campaign_tpl .none_slide .slick-initialized .slick-slide{width: 48%;margin: 0 0 8% 0}
}

/*index*/
.hnb_page .campaign_tpl .index a{position: relative;display: block;text-decoration: none;color: #333;background-color: #F6F5F5;padding: 20px 30px;margin-bottom: 3px}
.hnb_page .campaign_tpl .index a::after{position: absolute;    content: '';    width: 5px;
    height: 5px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    font-weight: normal;
    top: 50%;
    right: 40px;
    margin-top: -2px;
    transform: rotate(135deg);}
.hnb_page .campaign_tpl .index p{font-size: 24px; font-weight: bold;}
.hnb_page .campaign_tpl .index ul{margin: 0;padding: 0}
.hnb_page .campaign_tpl .index ul li{list-style: none;font-size: 16px; font-weight: bold;margin-bottom: 3px;}
.hnb_page .campaign_tpl .index ul li a{display: flex;align-items: center;padding: 15px 30px}
.hnb_page .campaign_tpl .index ul li a span{margin-right: 15px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .index a{padding: 20px 30px 20px 15px}
.hnb_page .campaign_tpl .index ul li a{padding: 15px 30px 15px 15px}
.hnb_page .campaign_tpl .index a::after{right: 10px}
}

/*slide*/
.hnb_page .campaign_tpl .slick-prev:before {
    content: ' ';
    background-image: url("../img/campaign/icon_pre.png");
	background-size: 11px;
	background-position: left
}
.hnb_page .campaign_tpl .slick-next:before {
    content: ' ';
    background-image: url("../img/campaign/icon_next.png");
	background-size: 11px;
	background-position: right
}
.hnb_page .campaign_tpl .slick-prev:before, .slick-next:before{opacity: 1}
.hnb_page .campaign_tpl .slides .caption{margin-top: 10px}
@media (max-width: 767px) { 
.slick-prev, .slick-next{top: 40%}
}

/*accordion*/
.hnb_page .campaign_tpl .accordion .trigger{cursor: pointer}
.hnb_page .campaign_tpl .accordion .open{display: none}
.hnb_page .campaign_tpl .accordion .on{display: block;position: relative;border-bottom: 1px solid #CCCACA;width: 120px;margin-bottom: 10px;}
.hnb_page .campaign_tpl .accordion .off{display: none;position: relative;border-bottom: 1px solid #CCCACA;width: 80px;}
.hnb_page .campaign_tpl .accordion .active .on{display: none}
.hnb_page .campaign_tpl .accordion .active .off{display: block;margin-bottom: 10px}
.hnb_page .campaign_tpl .accordion .on::after{position: absolute;    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    font-weight: normal;
    top: 50%;
    left: 100px;
    margin-top: -2px;
    transform: rotate(135deg);}
.hnb_page .campaign_tpl .accordion .off::after{position: absolute;    content: '';
    width: 5px;
    height: 5px;
    border: 0;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    font-weight: normal;
    top: 50%;
    left: 60px;
    margin-top: 0px;
    transform: rotate(-45deg);}

/*campaign_info*/
.hnb_page .campaign_tpl .campaign_info{background: #F6F5F5;padding: 40px 50px}
@media (max-width: 767px) { 
.hnb_page .campaign_tpl .campaign_info{padding: 30px 20px}
}

