@charset "UTF-8";

/*
 * ARMYRICH オリジナルCSS・PCレイアウト修正版（差し替え用完全版）（2026-10-02）
 * 保存形式：UTF-8。CSS欄にはこのファイル全体を貼り付けてください。
 * 重複・空ルールを整理し、既存のカスケード（適用順序）を維持しています。
 * 同じセレクターでも異なる指定・メディア条件は意図的に残しています。
 * 末尾09にPC商品ページの上端整列・バナー配置・説明欄の幅修正を収録。
 *
 * 構成（既存の適用順）
 * 01 ログイン表示・プレビュー
 * 02 下層共通・商品詳細
 * 03 商品一覧・検索・注文・マイページ
 * 04 基本スタイル・リセット（既存の優先順位を維持）
 * 05 一覧の列数・固定アイコン・固定バナー
 * 06 おすすめ・ランキング・商品画像・説明／スペック
 * 07 特集・LP
 * 08 NEW CONTENT・CATEGORY・FOOTER
 * 09 商品詳細・PCレイアウト修正（960px以上）
 * 10 商品詳細UI：サイズ・実在庫・売り切れ・価格・購入ボタン・説明タブ
 * 11 情報整理：必須確認・画像一覧・商品説明・関連商品・スタイル
 * 12 デザイン第2版：商品名・動画・見どころ・商品説明・サービス・関連商品
 */

/* ログインログアウトの表示切り替えを行うCSS */

.logout.my-false {
  display: none;
}

.login.my-true {
  display: none;
}

.fs-preview-header {
  display: none;
}

/* ===== 主にサブページ※用のcssです / ※FSで吐き出されるシステムページ＆フリーページ / ※FTPページの共通 / ----------------------------------------------------------- / 目次 / ----------------------------------------------------------- / -　下層共通(見出し・ボタン・マークの装飾) / -　商品ページ / -　商品一覧(カテゴリー)ページ / -　検索結果ページ / -  ご注文手続き / -  マイページ / -　フリーページ(共通・装飾) / -　フリーページ(会社概要・通信販売法に基づく表記) / -　フリーページ(プライバシーポリシー・利用規約) / -　フリーページ(会員特典) / -  フリーページ(ご来社のご予約につきまして) / -　FTPページの共通 / -　スタイルページTOP(style/index.php) / ----------------------------------------------------------- ===== */

/* ===== 下層共通 ===== */

/* ===== 見出し ===== */

.fs-c-heading--page {
  border-bottom: 1px solid #e3e6e9;
  color: #052238;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  margin: 30px 0 60px;
  padding: 0 0 1em;
  text-align: center;
  letter-spacing: 3px;
}

/* ===== ボタンの装飾 ===== */

.fs-c-button--standard {
  font-size: 14px;
  padding: 1em 1.6em 0.9em;
  box-shadow: none;
}

.fs-p-linkButton {
  padding: 8px 10px;
}

.fs-c-button--plain :hover {
  text-decoration:none;
}

/* カートに入れるボタン */

.fs-c-button--primary {
  font-size:21px;
  padding: 0.8em 1.6em 0.8em;
  background: #444444;
}

/* Amazonボタン */

#AmazonPayButton .amazonpay-button-inner-image, #fs_WishListLogin .fs-c-registeredUsers .amazonpay-button-inner-image, #fs_ShoppingCartLogin .fs-c-registeredUsers .amazonpay-button-inner-image {
  width: 100%;
  max-width: 240px;
}

/* ===== マークの装飾 ===== */

.fs-c-productMark__mark {
  display: block;
  margin-right: 4px;
  font-size: 10px;
  line-height: 1;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 1px;
}

/* ===== メールフィルタ（受信ドメイン設定方法） ===== */

.fs-p-emailDomainNotice {
  border: 1px solid #e3e6e9;
  padding: 20px;
  width: 90%;
  margin: 2% auto;
}

@media only screen and (min-width: 769px) {
  .fs-p-emailDomainNotice {
    padding: 40px;
    width: 80%;
    margin: 20px auto;
  }
}

.fs-p-emailDomainNotice h3 {
  font-size: 18px;
  margin-top: 20px;
  color: #7b7b7b;
}

.fs-p-emailDomainNotice h4 {
  background: #eceff1;
  padding: 10px;
  margin: 20px 0;
}

/* ===== 商品ページ ===== */

/* ===== 全体 ===== */

#fs-product .slick-slide {
  margin-top:0;
}

/* 商品詳細コンテンツエリア */

.fs-l-pageMain {
  max-width:1000px;
  padding: 0;
  display: grid;
  margin:0 auto;
  line-height:1.7;
}

@media only screen and (max-width: 769px) {
  .fs-l-productLayout {
    display: block;
  }
}

/* 画像・価格コンテンツエリア
 * .fs-l-product4 .fs-l-productLayout {
 * display: grid;
 * grid-template-columns: calc(60% - 80px / 2) calc(40% - 80px / 2);
 * grid-gap: 80px;
 * } */

/* 各見出し */

#fs-product h4 {
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:21px;
  text-align: center;
  margin-top:80px;
  letter-spacing: 0.2em;
}

/* ===== 左エリア（画像など） ===== */

/* 商品画像 */

@media only screen and (min-width: 769px) {
  .fs-c-productCarouselMainImage__image > img {
    max-width: 500px;
  }
}

/* 画像拡大 */

.fs-c-photoswipe .pswp__scroll-wrap {
  top:80px!important;
}

/* 商品詳細 */

.itempoint {
  list-style-type: disc;
  line-height:2em;
  padding: 0 1em 0;
}

/* 画像下のスクロール */

.fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar {
  height: 10px;
}

.fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar-track {
  background: #efefef;
}

.fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar-thumb {
  background: #cccccc;
}

.fs-c-slick .slick-prev:before,
.fs-c-slick .slick-next:before {
  font-size: 24px;
}

/* ===== Youtube動画 ===== */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ===== 商品詳細 ===== */

/* 独自コメント（2） */

.itemspec .f-table > li,.itemspec .material > li {
  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;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.itemspec .f-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  max-width: 90px;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.33;
  margin-bottom: 10px;
}

.itemspec .f-values {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  margin-bottom: 10px;
  width:60%;
}

.itemspec .f-values > span.active {
  background-color: #052238;
  color: #fff;
}

.itemspec .f-values > span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  font-size: 14px;
  color: #7b7b7b;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.33;
  text-align: center;
  padding: 12.5px 2px 11.5px;
  background-color: #e3e6e9;
  -webkit-transition: all 300ms ease-out 300ms;
  transition: all 300ms ease-out 300ms;
  margin: 0 2% 0 0;
}

/* 注意文 */

.itemnotes ul {
  list-style:disc;
  line-height: 1.7em;
  padding: 0 1em 0;
}

/* ===== 右エリア（価格、カートなど） ===== */

/* 右エリア（価格、カートなど） */

@media only screen and (min-width: 769px) {
  .fs-l-productLayout__item--2 {
    padding: 0 0 0 50px;
    max-width: 490px;
  }
}

.fs-l-productLayout__item--2 {
  padding:0;
  max-width: 100%;
}

.fs-l-product4 .fs-l-productLayout {
  grid-template-columns: none;
  grid-gap: 60px;
}

/* まとまったマージン */

.fs-l-product4 .fs-l-productLayout > * > * {
  margin-bottom: 20px;
}

/* 商品番号 */

.fs-c-productNumber {
  border :none;
  padding:0;
  fontsize:14px;
}

.fs-c-productNumber__number {
  font-weight: 500;
}

/* 商品名 */

.fs-c-productNameHeading {
  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
  color:#000;
  line-height: 1.6em;
  letter-spacing: 0.10em;
}

/* 価格 */

.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-family: "Barlow Semi Condensed", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 30px;
}

.fs-c-productPrice__addon {
  margin:0 0 0 1em;
}

/* ポイント */

.fs-c-productPointDisplay {
  background: #fff;
  color: #7b7b7b;
  font-size: 1.2rem;
  padding: 0px;
}

/* お気に入り登録ボタン */

.fs-c-button--particular {
  padding:2em 1em;
}

/* 販売期間 */

.fs-c-productSalesPeriod {
  border: none;
  padding: 10px;
  background: #eceff1;
}

/* 数字入力するところ */

.fs-c-quantity__select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0.00em;
  line-height: 1.0;
  border: 1px solid #dcdcdc;
  -webkit-appearance: clear;
  -moz-appearance: clear;
  appearance: clear;
  background-color: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100px;
  width: 100%;
}

.fs-c-productQuantityAndWishlist .fs-c-quantity__number {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0.00em;
  line-height: 1.0;
  border: 1px solid #dcdcdc;
  -webkit-appearance: clear;
  -moz-appearance: clear;
  appearance: clear;
  background-color: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 100px;
  width: 100%;
}

/* ===== 商品ページカート回り(プルダウン選択) ===== */

.fs-c-variationRadioList__row {
  padding:20px 0;
  border-top: 1px solid #e3e6e9;
}

.fs-c-variationRadioList__name__stock {
  font-weight:500;
}

.fs-c-variationRadioList__name__name, .fs-c-variationRadioList__name__stock {
  margin: 0 8px;
}

.fs-c-productSelection__name {
  background: #eceff1;
  font-size: 14px;
  padding: 8px 15px;
  margin: 15px 0 5px;
}

/* ===== 商品ページカート回り(ピコマロ作) ===== */

.fs-c-variationLabel {
  margin-bottom: 1rem;
}

.fs-c-productChooseVariation__variation___color_thumbs {
  display: flex;
  flex-flow: row wrap;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.fs-c-productChooseVariation__variation___color_thumb {
  margin-right: 12px;
}

.fs-c-productChooseVariation__variation___color_thumb img {
  max-width: 100%;
  margin: 0;
}

.fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  font-size: 13px;
  text-align: center;
  height: 50px;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  align-items: center;
  align-content: center;
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  transition: all 300ms;
}

.fs-c-productChooseVariation__variation___color_thumb .fs-c-variationMatrix__row__thumbnail {
  border-color: #ffffff;
  border: 2px solid transparent;
}

.fs-c-productChooseVariation__variation___color_thumb.is-selected .fs-c-variationMatrix__row__thumbnail {
  border: 2px solid #666666;
}

.fs-c-variationMatrix__row__thumbnail img, .fs-c-variationMatrix__row__variationName {
  margin: 4px;
  max-width: 65px;
  text-align: center;
  font-size: 12px;
  letter-spacing:-0.1em;
}

li.fs-c-variationMatrix__row.is-selected {
  display: block;
}

.fs-c-variationMatrix__radio:checked+.fs-c-variationMatrix__panel {
  background: #052238;
  border: 1px solid #052238;
  color: #ffffff;
}

.fs-c-variationMatrix__panel.item_stock_zero {
  background: #f7f7f7;
  border: none;
  color: #b2b2b2;
}

/* 配送・サイズの注意文 */

.attention {
  width:100%;
  border:solid 1px #E4E4E4;
  padding: 0 2em 1em;
}

.attention strong {
  font-weight:bold;
}

.attention h5 {
  font-size:14px;
  text-align:center;
  padding-bottom:5px;
  margin-bottom:10px;
  font-weight:bold;
}

.attention h5 strong {
  padding:2px 5px;
  margin:0 5px;
  background: linear-gradient(transparent 65%, #ccb155 0%);
  font-weight: bold;
}

.attention p {
  text-align:center;
  margin-bottom:10px;
}

.attention div {
  margin-top:15px;
}

.attention ul {
  width:100%;
}

.attention ul li {
  line-height:140%;
  font-size:13px;
  list-style:none;
  margin-bottom:10px;
}

/* インフォメーション */

.fs-l-productLayout__item--2.info {
  background: #e2e6e9;
  padding: 20px 0 20px 0;
  margin: 20px auto 50px;
  text-align:center;
  max-width:100%;
}

.fs-l-productLayout__item--2.info h2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* ===== 下部エリア（サイズ表・スタイルなど） ===== */

.itemcontents {
  grid-column: 1 / 3;
}

/* サイズガイド */

@media only screen and (min-width: 769px) {
  .size_wrapper {
    display: -webkit-flex;
    display:flex;
    align-items: center;
    justify-content: space-around;
  }
}

.size_image {
  display: -webkit-flex;
  display:flex;
  justify-content: space-around;
}

.size_image img {
  max-width:250px;
  width:100%;
}

/* テーブル */

.itemsize .sizeimage {
  width:50%;
}

.sizetable {
  width:100%;
}

@media only screen and (min-width: 769px) {
  .sizetable {
    width:75%;
    margin-left:5%;
  }
}

.sizetable p {
  line-height:1.8em;
}

.sizetable table {
  border-collapse: collapse;
  width:100%;
  text-align:center;
  border-top:solid 1px #e3e6e9;
}

.sizetable thead {
  background:#052238;
  color:#fff;
}

.sizetable td,.sizetable th {
  padding:10px;
}

.sizetable table tr {
  border-bottom:solid 1px #e3e6e9 ;
}

/* ===== 着用シーズン ===== */

.season .fs-c-productMark__mark {
  font-size: 12px;
  padding: 6px 30px;
}

.season h5 {
  font-size:14px;
  margin:10px 0;
}

.season .shiptag {
  display:none;
}

/* ===== 【商品共通】試着コメント ===== */

div.wear-review {
  　color:#1b1b1b;
  border: solid 1px #e3e6e9;
}

@media only screen and (min-width: 769px) {
  div.wear-review {
    display: flex;
  }
}

div.wear-review-profile {
  display: flex;
  align-items: center;
  width: 330px;
  /*  border-right: solid 1px #e3e6e9;*/
  padding:25px;
  font-size:12px;
  line-height:1.6em;
}

div.wear-review-profile p {
  margin:10px;
}

div.wear-review-comment {
  flex: 1;
  display: flex;
  flex-direction: column;
}

div.wear-review-comment-size {
  /*  border-bottom: solid 1px #e3e6e9;*/
  padding: 25px 10px 10px;
  font-weight: 700;
}

div.wear-review-comment-content {
  /*  border-bottom: solid 1px #e3e6e9;*/
  padding: 10px;
}

div.wear-review-comment-content_last {
  padding: 10px;
  /* border-bottom: solid 1px #e3e6e9; */
  display: inline-table;
}

/* ===== スタイル自動表示 ===== */

.staffstyle, .stylelist {
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
}

.item-title {
  font-size: 12px;
  margin: 0;
  text-align: center;
}

#item-style .item-detail {
  width:48%;
  margin: 10px 1%;
}

@media only screen and (min-width: 769px) {
  #item-style .item-detail {
    width:30%;
    margin: 10px 1.4%;
  }
}

/* ===== オススメ商品・閲覧履歴 ===== */

.rcmd-slick-track {
  display:flex
}

.fr2-listItem__productName {
  display:none;
}

/* ===== 商品一覧(カテゴリー)ページ ===== */

/* ===== 全体 ===== */

.fs-l-main {
  margin: 0px auto 80px;
}

.fs-c-button--viewMoreImage {
  display:none;
}

/* 価格 */

.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-size:18px;
}

.fs-c-productName__name {
  font-size: 11px;
  line-height: 1.4em;
}

/* ===== サブカテゴリー ===== */

.fs-c-subgroup {
  margin:0 0 24px;
}

.fs-c-subgroupList__link {
  border: 1px solid #e3e6e9;
  padding: 10px;
  background: #fff;
  text-align: center;
}

.fs-c-subgroupList__link:hover {
  background-color: #eceff1;
}

.fs-c-listControl {
  justify-content: flex-end;
  flex-grow: unset;
  padding: 0;
  flex-wrap: wrap;
}

.fs-c-subgroupList__item {
  flex-basis: calc(50%);
}

@media screen and (min-width: 960px) {
  .fs-c-subgroupList__item {
    flex-basis: calc(25% + 1px);
    margin-left: -1px;
    margin-top: -1px;
  }
}

/* ===== 並び変え ===== */

.fs-c-listControl__status {
  display:none;
}

.fs-c-sortItems__label {
  border:none;
}

/* ===== 最大表示列数3列(https://www.future-shop.jp/manual/glossary/startup-design-goodslist.html) ===== */

@media screen and (min-width: 768px) {
  .fs-c-productList__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
    grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;
  }

  .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: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  .fs-c-productList__list > *:nth-child(5) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  .fs-c-productList__list > *:nth-child(6) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  .fs-c-productList__list > *:nth-child(7) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }

  .fs-c-productList__list > *:nth-child(8) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }

  .fs-c-productList__list > *:nth-child(9) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
  }

  .fs-c-productList__list > *:nth-child(10) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }

  .fs-c-productList__list > *:nth-child(11) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
  }

  .fs-c-productList__list > *:nth-child(12) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 4;
    grid-row: 4;
  }

  .fs-c-productList__list > *:nth-child(13) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
  }

  .fs-c-productList__list > *:nth-child(14) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 5;
    grid-row: 5;
  }

  .fs-c-productList__list > *:nth-child(15) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 5;
    grid-row: 5;
  }

  .fs-c-productList__list > *:nth-child(16) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
  }

  .fs-c-productList__list > *:nth-child(17) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 6;
    grid-row: 6;
  }

  .fs-c-productList__list > *:nth-child(18) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 6;
    grid-row: 6;
  }

  .fs-c-productList__list > *:nth-child(19) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
  }

  .fs-c-productList__list > *:nth-child(20) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 7;
    grid-row: 7;
  }

  .fs-c-productList__list > *:nth-child(21) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 7;
    grid-row: 7;
  }

  .fs-c-productList__list > *:nth-child(22) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
  }

  .fs-c-productList__list > *:nth-child(23) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 8;
    grid-row: 8;
  }

  .fs-c-productList__list > *:nth-child(24) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 8;
    grid-row: 8;
  }

  .fs-c-productList__list > *:nth-child(25) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
  }

  .fs-c-productList__list > *:nth-child(26) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 9;
    grid-row: 9;
  }

  .fs-c-productList__list > *:nth-child(27) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 9;
    grid-row: 9;
  }

  .fs-c-productList__list > *:nth-child(28) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 10;
    grid-row: 10;
  }

  .fs-c-productList__list > *:nth-child(29) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 10;
    grid-row: 10;
  }

  .fs-c-productList__list > *:nth-child(30) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 10;
    grid-row: 10;
  }

  .fs-c-productList__list > *:nth-child(31) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 11;
    grid-row: 11;
  }

  .fs-c-productList__list > *:nth-child(32) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 11;
    grid-row: 11;
  }

  .fs-c-productList__list > *:nth-child(33) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 11;
    grid-row: 11;
  }

  .fs-c-productList__list > *:nth-child(34) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 12;
    grid-row: 12;
  }

  .fs-c-productList__list > *:nth-child(35) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 12;
    grid-row: 12;
  }

  .fs-c-productList__list > *:nth-child(36) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 12;
    grid-row: 12;
  }

  .fs-c-productList__list > *:nth-child(37) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 13;
    grid-row: 13;
  }

  .fs-c-productList__list > *:nth-child(38) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 13;
    grid-row: 13;
  }

  .fs-c-productList__list > *:nth-child(39) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 13;
    grid-row: 13;
  }

  .fs-c-productList__list > *:nth-child(40) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 14;
    grid-row: 14;
  }

  .fs-c-productList__list > *:nth-child(41) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 14;
    grid-row: 14;
  }

  .fs-c-productList__list > *:nth-child(42) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 14;
    grid-row: 14;
  }

  .fs-c-productList__list > *:nth-child(43) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 15;
    grid-row: 15;
  }

  .fs-c-productList__list > *:nth-child(44) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 15;
    grid-row: 15;
  }

  .fs-c-productList__list > *:nth-child(45) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 15;
    grid-row: 15;
  }

  .fs-c-productList__list > *:nth-child(46) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 16;
    grid-row: 16;
  }

  .fs-c-productList__list > *:nth-child(47) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 16;
    grid-row: 16;
  }

  .fs-c-productList__list > *:nth-child(48) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 16;
    grid-row: 16;
  }

  .fs-c-productList__list > *:nth-child(49) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 17;
    grid-row: 17;
  }

  .fs-c-productList__list > *:nth-child(50) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 17;
    grid-row: 17;
  }

  .fs-c-productList__list > *:nth-child(51) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 17;
    grid-row: 17;
  }

  .fs-c-productList__list > *:nth-child(52) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 18;
    grid-row: 18;
  }

  .fs-c-productList__list > *:nth-child(53) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 18;
    grid-row: 18;
  }

  .fs-c-productList__list > *:nth-child(54) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 18;
    grid-row: 18;
  }

  .fs-c-productList__list > *:nth-child(55) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 19;
    grid-row: 19;
  }

  .fs-c-productList__list > *:nth-child(56) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 19;
    grid-row: 19;
  }

  .fs-c-productList__list > *:nth-child(57) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 19;
    grid-row: 19;
  }

  .fs-c-productList__list > *:nth-child(58) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 20;
    grid-row: 20;
  }

  .fs-c-productList__list > *:nth-child(59) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 20;
    grid-row: 20;
  }

  .fs-c-productList__list > *:nth-child(60) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 20;
    grid-row: 20;
  }

  .fs-c-productList__list > *:nth-child(61) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 21;
    grid-row: 21;
  }

  .fs-c-productList__list > *:nth-child(62) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 21;
    grid-row: 21;
  }

  .fs-c-productList__list > *:nth-child(63) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 21;
    grid-row: 21;
  }

  .fs-c-productList__list > *:nth-child(64) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 22;
    grid-row: 22;
  }

  .fs-c-productList__list > *:nth-child(65) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 22;
    grid-row: 22;
  }

  .fs-c-productList__list > *:nth-child(66) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 22;
    grid-row: 22;
  }

  .fs-c-productList__list > *:nth-child(67) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 23;
    grid-row: 23;
  }

  .fs-c-productList__list > *:nth-child(68) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 23;
    grid-row: 23;
  }

  .fs-c-productList__list > *:nth-child(69) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 23;
    grid-row: 23;
  }

  .fs-c-productList__list > *:nth-child(70) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 24;
    grid-row: 24;
  }

  .fs-c-productList__list > *:nth-child(71) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 24;
    grid-row: 24;
  }

  .fs-c-productList__list > *:nth-child(72) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 24;
    grid-row: 24;
  }

  .fs-c-productList__list > *:nth-child(73) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 25;
    grid-row: 25;
  }

  .fs-c-productList__list > *:nth-child(74) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 25;
    grid-row: 25;
  }

  .fs-c-productList__list > *:nth-child(75) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 25;
    grid-row: 25;
  }

  .fs-c-productList__list > *:nth-child(76) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 26;
    grid-row: 26;
  }

  .fs-c-productList__list > *:nth-child(77) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 26;
    grid-row: 26;
  }

  .fs-c-productList__list > *:nth-child(78) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 26;
    grid-row: 26;
  }

  .fs-c-productList__list > *:nth-child(79) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 27;
    grid-row: 27;
  }

  .fs-c-productList__list > *:nth-child(80) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 27;
    grid-row: 27;
  }

  .fs-c-productList__list > *:nth-child(81) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 27;
    grid-row: 27;
  }

  .fs-c-productList__list > *:nth-child(82) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 28;
    grid-row: 28;
  }

  .fs-c-productList__list > *:nth-child(83) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 28;
    grid-row: 28;
  }

  .fs-c-productList__list > *:nth-child(84) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 28;
    grid-row: 28;
  }

  .fs-c-productList__list > *:nth-child(85) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 29;
    grid-row: 29;
  }

  .fs-c-productList__list > *:nth-child(86) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 29;
    grid-row: 29;
  }

  .fs-c-productList__list > *:nth-child(87) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 29;
    grid-row: 29;
  }

  .fs-c-productList__list > *:nth-child(88) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 30;
    grid-row: 30;
  }

  .fs-c-productList__list > *:nth-child(89) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 30;
    grid-row: 30;
  }

  .fs-c-productList__list > *:nth-child(90) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 30;
    grid-row: 30;
  }

  .fs-c-productList__list > *:nth-child(91) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 31;
    grid-row: 31;
  }

  .fs-c-productList__list > *:nth-child(92) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 31;
    grid-row: 31;
  }

  .fs-c-productList__list > *:nth-child(93) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 31;
    grid-row: 31;
  }

  .fs-c-productList__list > *:nth-child(94) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 32;
    grid-row: 32;
  }

  .fs-c-productList__list > *:nth-child(95) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 32;
    grid-row: 32;
  }

  .fs-c-productList__list > *:nth-child(96) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 32;
    grid-row: 32;
  }

  .fs-c-productList__list > *:nth-child(97) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 33;
    grid-row: 33;
  }

  .fs-c-productList__list > *:nth-child(98) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 33;
    grid-row: 33;
  }

  .fs-c-productList__list > *:nth-child(99) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 33;
    grid-row: 33;
  }

  .fs-c-productList__list > *:nth-child(100) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 34;
    grid-row: 34;
  }

  .fs-c-productList__list > *:nth-child(101) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 34;
    grid-row: 34;
  }

  .fs-c-productList__list > *:nth-child(102) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 34;
    grid-row: 34;
  }

  .fs-c-productList__list > *:nth-child(103) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 35;
    grid-row: 35;
  }

  .fs-c-productList__list > *:nth-child(104) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 35;
    grid-row: 35;
  }

  .fs-c-productList__list > *:nth-child(105) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 35;
    grid-row: 35;
  }

  .fs-c-productList__list > *:nth-child(106) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 36;
    grid-row: 36;
  }

  .fs-c-productList__list > *:nth-child(107) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 36;
    grid-row: 36;
  }

  .fs-c-productList__list > *:nth-child(108) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 36;
    grid-row: 36;
  }

  .fs-c-productList__list > *:nth-child(109) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 37;
    grid-row: 37;
  }

  .fs-c-productList__list > *:nth-child(110) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 37;
    grid-row: 37;
  }

  .fs-c-productList__list > *:nth-child(111) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 37;
    grid-row: 37;
  }

  .fs-c-productList__list > *:nth-child(112) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 38;
    grid-row: 38;
  }

  .fs-c-productList__list > *:nth-child(113) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 38;
    grid-row: 38;
  }

  .fs-c-productList__list > *:nth-child(114) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 38;
    grid-row: 38;
  }

  .fs-c-productList__list > *:nth-child(115) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 39;
    grid-row: 39;
  }

  .fs-c-productList__list > *:nth-child(116) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 39;
    grid-row: 39;
  }

  .fs-c-productList__list > *:nth-child(117) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 39;
    grid-row: 39;
  }

  .fs-c-productList__list > *:nth-child(118) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 40;
    grid-row: 40;
  }

  .fs-c-productList__list > *:nth-child(119) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 40;
    grid-row: 40;
  }

  .fs-c-productList__list > *:nth-child(120) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 40;
    grid-row: 40;
  }

  .fs-c-productList__list > *:nth-child(121) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 41;
    grid-row: 41;
  }

  .fs-c-productList__list > *:nth-child(122) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 41;
    grid-row: 41;
  }

  .fs-c-productList__list > *:nth-child(123) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 41;
    grid-row: 41;
  }

  .fs-c-productList__list > *:nth-child(124) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 42;
    grid-row: 42;
  }

  .fs-c-productList__list > *:nth-child(125) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 42;
    grid-row: 42;
  }

  .fs-c-productList__list > *:nth-child(126) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 42;
    grid-row: 42;
  }

  .fs-c-productList__list > *:nth-child(127) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 43;
    grid-row: 43;
  }

  .fs-c-productList__list > *:nth-child(128) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 43;
    grid-row: 43;
  }

  .fs-c-productList__list > *:nth-child(129) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 43;
    grid-row: 43;
  }

  .fs-c-productList__list > *:nth-child(130) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 44;
    grid-row: 44;
  }

  .fs-c-productList__list > *:nth-child(131) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 44;
    grid-row: 44;
  }

  .fs-c-productList__list > *:nth-child(132) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 44;
    grid-row: 44;
  }

  .fs-c-productList__list > *:nth-child(133) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 45;
    grid-row: 45;
  }

  .fs-c-productList__list > *:nth-child(134) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 45;
    grid-row: 45;
  }

  .fs-c-productList__list > *:nth-child(135) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 45;
    grid-row: 45;
  }

  .fs-c-productList__list > *:nth-child(136) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 46;
    grid-row: 46;
  }

  .fs-c-productList__list > *:nth-child(137) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 46;
    grid-row: 46;
  }

  .fs-c-productList__list > *:nth-child(138) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 46;
    grid-row: 46;
  }

  .fs-c-productList__list > *:nth-child(139) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 47;
    grid-row: 47;
  }

  .fs-c-productList__list > *:nth-child(140) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 47;
    grid-row: 47;
  }

  .fs-c-productList__list > *:nth-child(141) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 47;
    grid-row: 47;
  }

  .fs-c-productList__list > *:nth-child(142) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 48;
    grid-row: 48;
  }

  .fs-c-productList__list > *:nth-child(143) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 48;
    grid-row: 48;
  }

  .fs-c-productList__list > *:nth-child(144) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 48;
    grid-row: 48;
  }

  .fs-c-productList__list > *:nth-child(145) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 49;
    grid-row: 49;
  }

  .fs-c-productList__list > *:nth-child(146) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 49;
    grid-row: 49;
  }

  .fs-c-productList__list > *:nth-child(147) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 49;
    grid-row: 49;
  }

  .fs-c-productList__list > *:nth-child(148) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 50;
    grid-row: 50;
  }

  .fs-c-productList__list > *:nth-child(149) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 50;
    grid-row: 50;
  }

  .fs-c-productList__list > *:nth-child(150) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 50;
    grid-row: 50;
  }

  .fs-c-productList__list > *:nth-child(151) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 51;
    grid-row: 51;
  }

  .fs-c-productList__list > *:nth-child(152) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 51;
    grid-row: 51;
  }

  .fs-c-productList__list > *:nth-child(153) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 51;
    grid-row: 51;
  }

  .fs-c-productList__list > *:nth-child(154) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 52;
    grid-row: 52;
  }

  .fs-c-productList__list > *:nth-child(155) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 52;
    grid-row: 52;
  }

  .fs-c-productList__list > *:nth-child(156) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 52;
    grid-row: 52;
  }

  .fs-c-productList__list > *:nth-child(157) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 53;
    grid-row: 53;
  }

  .fs-c-productList__list > *:nth-child(158) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 53;
    grid-row: 53;
  }

  .fs-c-productList__list > *:nth-child(159) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 53;
    grid-row: 53;
  }

  .fs-c-productList__list > *:nth-child(160) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 54;
    grid-row: 54;
  }

  .fs-c-productList__list > *:nth-child(161) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 54;
    grid-row: 54;
  }

  .fs-c-productList__list > *:nth-child(162) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 54;
    grid-row: 54;
  }

  .fs-c-productList__list > *:nth-child(163) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 55;
    grid-row: 55;
  }

  .fs-c-productList__list > *:nth-child(164) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 55;
    grid-row: 55;
  }

  .fs-c-productList__list > *:nth-child(165) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 55;
    grid-row: 55;
  }

  .fs-c-productList__list > *:nth-child(166) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 56;
    grid-row: 56;
  }

  .fs-c-productList__list > *:nth-child(167) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 56;
    grid-row: 56;
  }

  .fs-c-productList__list > *:nth-child(168) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 56;
    grid-row: 56;
  }

  .fs-c-productList__list > *:nth-child(169) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 57;
    grid-row: 57;
  }

  .fs-c-productList__list > *:nth-child(170) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 57;
    grid-row: 57;
  }

  .fs-c-productList__list > *:nth-child(171) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 57;
    grid-row: 57;
  }

  .fs-c-productList__list > *:nth-child(172) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 58;
    grid-row: 58;
  }

  .fs-c-productList__list > *:nth-child(173) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 58;
    grid-row: 58;
  }

  .fs-c-productList__list > *:nth-child(174) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 58;
    grid-row: 58;
  }

  .fs-c-productList__list > *:nth-child(175) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 59;
    grid-row: 59;
  }

  .fs-c-productList__list > *:nth-child(176) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 59;
    grid-row: 59;
  }

  .fs-c-productList__list > *:nth-child(177) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 59;
    grid-row: 59;
  }

  .fs-c-productList__list > *:nth-child(178) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 60;
    grid-row: 60;
  }

  .fs-c-productList__list > *:nth-child(179) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 60;
    grid-row: 60;
  }

  .fs-c-productList__list > *:nth-child(180) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 60;
    grid-row: 60;
  }

  .fs-c-productList__list > *:nth-child(181) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 61;
    grid-row: 61;
  }

  .fs-c-productList__list > *:nth-child(182) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 61;
    grid-row: 61;
  }

  .fs-c-productList__list > *:nth-child(183) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 61;
    grid-row: 61;
  }

  .fs-c-productList__list > *:nth-child(184) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 62;
    grid-row: 62;
  }

  .fs-c-productList__list > *:nth-child(185) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 62;
    grid-row: 62;
  }

  .fs-c-productList__list > *:nth-child(186) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 62;
    grid-row: 62;
  }

  .fs-c-productList__list > *:nth-child(187) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 63;
    grid-row: 63;
  }

  .fs-c-productList__list > *:nth-child(188) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 63;
    grid-row: 63;
  }

  .fs-c-productList__list > *:nth-child(189) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 63;
    grid-row: 63;
  }

  .fs-c-productList__list > *:nth-child(190) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 64;
    grid-row: 64;
  }

  .fs-c-productList__list > *:nth-child(191) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 64;
    grid-row: 64;
  }

  .fs-c-productList__list > *:nth-child(192) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 64;
    grid-row: 64;
  }

  .fs-c-productList__list > *:nth-child(193) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 65;
    grid-row: 65;
  }

  .fs-c-productList__list > *:nth-child(194) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 65;
    grid-row: 65;
  }

  .fs-c-productList__list > *:nth-child(195) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 65;
    grid-row: 65;
  }

  .fs-c-productList__list > *:nth-child(196) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 66;
    grid-row: 66;
  }

  .fs-c-productList__list > *:nth-child(197) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 66;
    grid-row: 66;
  }

  .fs-c-productList__list > *:nth-child(198) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 66;
    grid-row: 66;
  }

  .fs-c-productList__list > *:nth-child(199) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 67;
    grid-row: 67;
  }

  .fs-c-productList__list > *:nth-child(200) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 67;
    grid-row: 67;
  }
}

/* ===== 検索結果ページ ===== */

/* ===== 詳細検索 ===== */

.fs-p-productSearch__formSwitch {
  background:#052238;
  color:#fff;
  padding: 8px 20px;
}

.fs-c-radioGroup, .fs-c-checkboxGroup {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  display:block;
}

.fs-c-radio__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

/* ===== ご注文手続き ===== */

.fs-l-checkout .notice li {
  font-size:13px;
}

.fs-c-inputInformation__message .notice li {
  font-size:12px;
}

/* ===== マイページ ===== */

/* ===== マイページ-TOP ===== */

.fs-c-accountService {
  justify-content: space-around;
}

/* アイコン */

.fs-c-accountService__page {
  flex-basis: 80px;
}

@media only screen and (min-width: 769px) {
  .fs-c-accountService__page {
    flex-basis: 128px;
  }
}

.fs-body-my-top .fs-l-account {
  flex-direction: row;
}

.fs-p-accountInfo__accountName__name ,.fs-p-accountInfo__accountRank__rank {
  font-size: 18px;
  font-weight:700;
}

.fs-p-accountInfo__point__point__available__number,.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number {
  color:#000;
  font-size:30px;
}

.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
  box-shadow:none;
}

.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
  border-bottom: 0px;
  color: #1b1b1b;
}

.fs-p-accountInfo {
  padding: 20px;
}

.fs-p-accountInfo__header, .fs-p-accountInfo__currentPurchase {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 10px 0;
}

/* 会員特典 */

.fs-p-accountInfo__accountRank__reward a {
  border: 1px solid;
  font-size: 11px;
  padding: 8px 1em;
  border-radius: 2px;
}

/* ===== お気に入り ===== */

.fs-c-noImage {
  min-height: 405px;
  background: #ddd;
}

/* ===== レビュー履歴 ===== */

#fs-reviews .fs-c-noImage {
  min-height: 220px;
}

body,
html {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-weight:500;
  line-height:40px;
}

select, input, button, textarea {
  font-family:"游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

address {
  font-style:normal;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
menu,
nav,
section {
  display: block;
}

div, span, object, iframe, h1, h2
, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset
,
article,
aside,
audio,
canvas,
caption,
details,
figcaption,
figure,
footer,
header,
hgroup,
label,
legend,
mark,
menu,
nav,
section,
summary,
tfoot,
thead,
time,
tr,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1 {
  font-weight: normal;
  font-size: 100%;
}

body {
  line-height: 1;
}

body#FS2_body_MyPage {
  line-height: 1.6;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.nav ul,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* table{border-collapse:collapse;border-spacing:0;} */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* input,select{vertical-align:middle} */

.Clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
}

/* WinIE7 MacIE5 */

.Clear {
  display: inline-table;
  zoom: 100%;
}

/* WinIE5-6 */

/* Hides from IE-mac \ */

* html html .Clear {
  height: 1px;
}

.Clear {
  display: block;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after, .clearfix:before {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearBoth {
  clear: both;
}

/* # sourceMappingURL=reset.css.map */

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 1820.1%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc;
}

.iframe-wrap iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  display:block;
}

/* 追記 */

.fs-c-productList__list {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 20px !important;
}

.fs-c-productList__list > * {
  flex: 0 0 calc(100% / 3 - 14px) !important;
}

@media(max-width: 599px) {
  .fs-c-productList__list > * {
    flex: 0 0 calc(100% / 2 - 10px) !important;
  }
}

/* 下部icon */

.fixed-icon > * {
  cursor: pointer;
  padding: 0 !important;
}

.fixed-icon > * > * {
  display: block;
  padding: 16px;
}

.fixed-icon .icon {
  position: fixed;
  z-index: 2;
  bottom: 2rem;
  left: 50%;
  background: #ddd;
  border-radius: 50%;
}

.fixed-icon > .icon:nth-of-type(1) {
  transform: translateX(calc(-50% - clamp(8rem, 10vw, 14rem)));
}

.fixed-icon > .icon:nth-of-type(2) {
  transform: translateX(-50%);
}

.fixed-icon > .icon:nth-of-type(3) {
  transform: translateX(calc(-50% + clamp(8rem, 10vw, 14rem)));
}

.fixed-icon .icon img {
  max-width: 2rem;
  width: 100%;
  display: block;
}

.fixed-icon ::selection {
  background: transparent;
}

.hidden-search-form {
  transition: opacity .4s, visibility .4s;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 40rem;
  width: 90%;
  z-index: 103;
}

.hidden-search-form.active {
  opacity: 1;
  visibility: visible;
}

.hidden-search-form form {
  position: relative;
}

.hidden-search-form input {
  width: 100%;
  font-size: 2rem;
  padding: 1.2rem;
  padding-right: 5.4rem;
}

.hidden-search-form button {
  position: absolute;
  right: 0;
  border: none;
  width: 5.4rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  height: 5.4rem;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hidden-search-form button img {
  max-width: 2rem;
}

.hidden-search-form-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  cursor: pointer;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
}

.hidden-search-form-layer.active {
  opacity: 1;
  visibility: visible;
}

footer .c_followus {
  z-index: 2;
}

/* 固定バナー */

.fixed-banner {
  position: fixed !important;
  top: 25vh;
  right: calc(16px + env(safe-area-inset-right));
  z-index: 9999;
  width: 160px;
  box-sizing: border-box;
  isolation: isolate;
}

.fixed-banner__link {
  display: block;
}

.fixed-banner img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

.fixed-banner__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.6);
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  cursor: pointer;
}

/* PC */

@media (min-width: 600px) {
  .fixed-banner {
    width: 160px !important;
  }
}

/* スマホ */

@media (max-width: 599px) {
  .fixed-banner {
    top: 25vh !important;
    right: calc(12px + env(safe-area-inset-right));
    width: 140px !important;
    /* ← ここを固定にする */
  }
}

/* ===== 共通エリア設定：STYLE / RECOMMEND / RANKING ===== */

.style-area--wrap,
.recommended-area--wrap,
.ranking-area--wrap {
  grid-column: 1 / 3;
  /* 2カラムのグリッド全幅に広げる */
}

.style-area--wrap {
  padding-bottom: 0 !important;
}

/* PC時の余白統一 */

@media (min-width: 960px) {
  .recommended-area--wrap,
  .ranking-area--wrap {
    margin-top: 0 !important;
  }
}

/* ===== RECOMMEND SECTION ===== */

.recommended-area--wrap {
  margin: 60px auto;
  max-width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
}

.recommended-area--wrap h2 {
  text-align: center;
  font-size: 24px;
  font-family: 'Lato', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin-bottom: 20px;
}

#recommended-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#recommended-area > a {
  flex: 0 0 calc((100% - 40px) / 3);
  color: inherit;
  text-decoration: none;
  display: block;
  box-sizing: border-box;
}

#recommended-area > a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

@media (max-width: 599px) {
  #recommended-area > a {
    flex: 0 0 calc((100% - 20px) / 2) !important;
  }
}

/* ===== RANKING SECTION（最終版・確実動作） ===== */

.ranking-area--wrap {
  margin: 60px auto;
  max-width: 1200px;
  padding: 0 20px;
  box-sizing: border-box;
}

.ranking-area--wrap h2 {
  text-align: center;
  font-size: 24px;
  font-family: 'Lato', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  margin-bottom: 20px;
}

/* Flex 親 */

#ranking-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* 最終行を中央寄せ */
  gap: 40px 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Flex 子（aでもliでもdivでもOK） */

#ranking-area > * {
  flex: 0 0 calc((100% - 40px) / 3);
  box-sizing: border-box;
  min-width: 0;
  text-align: center;
}

#ranking-area a {
  display: block;
  color: inherit;
  text-decoration: none;
  width: 100%;
}

#ranking-area img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* スマホ：2列 */

@media (max-width: 599px) {
  #ranking-area > * {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

.footer-icon--wrap {
  background: #f0f0f0;
}

.footer-icon--wrap .footer-flex {
  display: flex;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 20px 180px;
  column-gap: 10px;
  box-sizing: content-box;
}

.footer-icon--wrap .footer-flex a {
  flex: 0 0 24px;
  display: block;
  align-self: center;
}

.footer-icon--wrap .footer-flex a :is(img, svg) {
  display: block;
}

.product-image-video-wrap .swiper-slide iframe {
  display: block;
  max-height: 500px;
}

ul.swipter-thumbnail--list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

ul.swipter-thumbnail--list > * {
  flex: 0 0 calc(100% / 4 - 10px * 3 / 4);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
}

ul.swipter-thumbnail--list :is(img, iframe) {
  display: block;
  cursor: pointer;
}

ul.swipter-thumbnail--list li.active {
  border: 2px solid #888;
}

ul.swipter-thumbnail--list .video img:not(.svg) {
  aspect-ratio: 5 / 6;
  object-fit: cover;
  max-width: 100px;
}

ul.swipter-thumbnail--list .swipter-thumbnail--item.video {
  position: relative;
}

ul.swipter-thumbnail--list .swipter-thumbnail--item.video .svg-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border: 2px solid;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.swipter-thumbnail--list .swipter-thumbnail--item.video .svg-wrap img {
  width: 30px;
  transform: translateX(3px);
}

.product-description-and-spec-wrap {
  grid-column: 1 / 3;
}

.product-description-and-spec-wrap .product-description-and-spec-change-btn {
  margin-bottom: 0 !important;
}

.product-description-and-spec-wrap {
  margin-left: calc((100vw - 100%) * -1 / 2 + (var(--scrollbar, 0) / 2));
  margin-right: calc((100vw - 100%) * -1 / 2 + (var(--scrollbar, 0) / 2));
}

/* ===== ARMYRICH企画 ===== */

/* ===== メイン ===== */

body {
  margin:0;
}

figure {
  margin:auto;
}

a:link, a:visited, a:hover, a:active {
  color: #333;
  text-decoration: none;
}

a, a img {
  transition: all 0.4s ease 0s;
}

#my_footer img {
  width:auto;
}

.pagetop__btn {
  display:none;
}

#LP-body {
  opacity:1;
}

a.cmBtn {
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  position:relative;
}

a:hover {
  opacity:0.7;
}

.cmTxt {
  line-height:1.66rem;
  font-size: 0.9rem;
  font-weight: 200;
  margin-bottom: 1rem;
  color: #444444;
}

/* ********************** */

/* ____ レイアウト ____ */

.flex_c {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  width: auto;
}

.flex_b {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width: auto;
}

/* ********************** */

/* menuボタンアイコン */

#menuButton {
  display: block;
  width: 42px;
  height:42px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 3;
}

#menuButton span {
  display: block;
  background: #666;
  width: 24px;
  height: 2px;
  position: absolute;
  : 9px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

#menuButton span:first-child {
  top: 12px;
}

#menuButton span:nth-child(2) {
  margin-top: -1px;
  top: 50%;
}

#menuButton span:last-child {
  bottom: 12px;
}

/* ********************** */

/* ____ 看板 ____ */

.title_container {
  position: relative;
}

.title_img {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1920px;
  height: auto;
  position: relative;
  background: no-repeat 50% 50%;
  background-size: cover;
  margin: 0 auto;
}

.title_img:after {
  content: "";
  display: block;
}

.title_h1 {
  display: inline-block;
  font-weight:600;
  letter-spacing:0px;
}

.title_date {
  font-weight: 100;
}

/* ********************** */

/* ____ 見出し ____ */

.headLine {
  position:relative;
  z-index:1;
}

.headLine hr {
  margin:0px;
  height:inherit;
  border-top-width:1px;
  border-color:#191919;
}

.headLineDeg {
  display:block;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  width:30px;
  height:30px;
  border:solid #191919;
  border-width:0 1px 1px 0;
  background-color:#FFF;
  position:relative;
  top:-16px;
}

.headLineTtl {
  margin:0 0px;
  font-size:1.75rem;
  letter-spacing:-1px;
  font-weight:600;
}

/* ********************** */

/* ____ 見出し ____ */

.h1 {
  text-align: center;
  font-weight: bold;
  margin: 2rem auto 0;
  letter-spacing: 1px;
  font-size: 25px;
}

.h2 {
  letter-spacing: 2px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.h3 {
  font-weight: 800;
  padding: 0;
  margin: 0;
}

.h4 {
  font-size:1rem;
  margin:2rem auto 0.5rem;
  color:#191919;
  text-align:center;
}

/* ********************** */

/* ____   ____ */

.section {
  margin-bottom:2rem;
}

figure img,
ul li img {
  width:;
}

.item_sec img {
  width: 100%;
  vertical-align: top;
}

.hr1,
.hr2,
.hr3,
.hr4 {
  border: 0.5px solid #000;
  background-color: unset;
  margin: 10px;
  height:0;
}

.hr2,
.hr3 {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  height: 400px;
  position: absolute;
  top: 0.7rem;
}

@media all and (max-width: 999px) {
  .hr2,
.hr3 {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 100%;
    position: absolute;
    top: 0.7rem;
  }
}

.hr2 {
  left: 1.7rem;
}

.hr3 {
  right: 1.7rem;
}

.top_sec {
  text-align:center;
  position:relative;
}

.top_sec div {
  background-color: #000;
}

.top_sec div h2,
.top_sec div li {
  color: #FFF;
}

.top_sec .title {
  padding: 1rem 0 3.5rem;
  font-weight: 700;
  font-size: 22px;
  margin:0 auto;
}

.point_list li {
  font-size: 15px;
  border-bottom: 1px dashed;
  width: 400px;
  margin: 10px auto 4rem;
  padding-bottom: 2.5rem;
  position: relative;
}

@media all and (max-width: 999px) {
  .point_list li {
    font-size: 15px;
    border-bottom: 1px dashed;
    width: 90%;
    margin: 0 auto 3rem;
    padding-bottom: 1.5rem;
    position: relative;
  }
}

.point_list li:last-child {
  border:;
  padding-bottom: 2.5rem;
  margin-bottom: 0;
}

.point_list li:before {
  position: absolute;
  content: "★";
  font-size: 20px;
  top: -3rem;
  right: 0;
  left: 0;
  margin: 5px;
}

.item_sec .num {
  width: 900px;
  margin: 2rem auto -3rem;
  position: relative;
}

@media all and (max-width: 999px) {
  .item_sec .num {
    width: 100%;
    margin: 2rem auto -3rem;
    position: relative;
  }
}

.item_sec .num p {
  background-color: #fff;
  font-size: 60px;
  display: inline-block;
  padding: 0 20px;
  font-style: italic;
  margin:0 auto;
}

.item_sec .title {
  font-size: 25px;
  width: 660px;
  margin: 0 auto 4rem;
}

@media all and (max-width: 999px) {
  .item_sec .title {
    font-size: 20px;
    width: 100%;
    margin: 20px auto 1rem;
    text-align:center;
  }
}

.item_sec hr {
  border: 3px solid#eee;
  height:0;
}

.item_sec hr.under {
  margin: 3rem 0;
}

.img_list li {
  width: calc(100%/2 - 0.5rem*2);
  margin: 0rem 0.4rem;
  border: 1px solid #000;
}

@media all and (max-width: 999px) {
  .img_list2 li {
    margin: 0rem 0.4rem;
    border: 1px solid #000;
  }

  @media all and (max-width: 999px) {
    .img_list li {
      width: calc(100%/2 - 0.5rem*2);
      margin: 1rem 0.4rem;
      border: 1px solid #000;
    }
  }

  .img_list2 li {
    margin: 1rem 0.4rem;
    border: 1px solid #000;
  }
}

.img_list li p {
  background-color: #000;
  color: #fff;
  padding: 0px 8px 1px;
  display: inline-block;
  font-size: 17px;
  position: absolute;
  margin: 0 auto;
}

.img_list2 li p {
  color: #fff;
  padding: 0px 8px 1px;
  display: inline-block;
  font-size: 17px;
  position: absolute;
  margin: 0 auto;
}

.detail {
  position:relative;
}

.detail .top {
  font-size: 35px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-left: 1.0rem;
  text-align: left;
}

@media all and (max-width: 999px) {
  .detail .top {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 10px auto;
    margin-left: 0.2rem;
    text-align: left;
  }
}

.detail .top img {
  width: 60px;
  margin: 0rem -0.5rem;
}

.detail hr {
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  height: 63px;
  border: 3px solid #ddd;
  position: absolute;
  left: 0.5rem;
  top: 5.5rem;
}

@media all and (max-width: 999px) and (min-width: 800px) {
  .detail hr {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 77px;
    border: 3px solid #ddd;
    position: absolute;
    left: -0.1rem;
    top: 7.0rem;
  }
}

@media all and (max-width: 799px) {
  .detail hr {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    height: 61px;
    border: 3px solid #ddd;
    position: absolute;
    left: -0.1rem;
    top: 3.5rem;
  }
}

.detail .txt {
  line-height: 1.8em;
  font-size: 15px;
  margin: 0.5rem auto;
  margin-left: 6.5rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.5px;
}

@media all and (max-width: 999px) and (min-width: 800px) {
  .detail .txt {
    line-height: 1.8em;
    font-size: 15px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

@media all and (max-width: 799px) {
  .detail .txt {
    line-height: 1.8em;
    font-size: 12px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

.detail .txt:before {
  position: absolute;
  content: "1";
  margin-left: -3.0rem;
  background-color: #000;
  color: #fff;
  padding: 0px 6px;
}

@media all and (max-width: 999px) {
  .detail .txt:before {
    position: absolute;
    content: "1";
    margin-left: -2.5rem;
    background-color: #000;
    color: #fff;
    padding: 0px 6px;
  }
}

.detail .txt2 {
  line-height: 1.8em;
  font-size: 15px;
  margin: 0.5rem auto;
  margin-left: 6.5rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.5px;
}

@media all and (max-width: 999px) and (min-width: 800px) {
  .detail .txt2 {
    line-height: 1.8em;
    font-size: 15px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

@media all and (max-width: 799px) {
  .detail .txt2 {
    line-height: 1.8em;
    font-size: 12px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

.detail .txt2:before {
  position: absolute;
  content: "発売時期";
  margin-left: -3.0rem;
  background-color: #000;
  color: #fff;
  padding: 0px 60px;
}

@media all and (max-width: 999px) {
  .detail .txt2:before {
    position: absolute;
    content: "発売時期";
    margin-left: -2.5rem;
    background-color: #000;
    color: #fff;
    padding: 0px 60px;
  }
}

.detail .txt2:last-child:before {
  content:"2";
}

.detail .txt3 {
  line-height: 1.8em;
  font-size: 15px;
  margin: 0.5rem auto;
  margin-left: 6.5rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.5px;
}

@media all and (max-width: 999px) and (min-width: 800px) {
  .detail .txt3 {
    line-height: 1.8em;
    font-size: 15px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

@media all and (max-width: 799px) {
  .detail .txt3 {
    line-height: 1.8em;
    font-size: 12px;
    margin: 2.0rem auto;
    margin-left: 4.5rem;
    position: relative;
    text-align: left;
    letter-spacing: 0.5px;
  }
}

.detail .txt3:before {
  position: absolute;
  content: "累計販売枚数";
  margin-left: -3.0rem;
  background-color: #000;
  color: #fff;
  padding: 0px 60px;
}

@media all and (max-width: 999px) {
  .detail .txt3:before {
    position: absolute;
    content: "累計販売枚数";
    margin-left: -2.5rem;
    background-color: #000;
    color: #fff;
    padding: 0px 60px;
  }
}

.detail .txt:last-child:before {
  content:"2";
}

.item_sec .block3 h3 {
  font-weight: 700;
  font-size: 18px;
  margin: 4rem auto 0;
  padding: 0 0 0.5rem;
  border-bottom: 2px solid #000;
}

@media all and (max-width: 999px) {
  .item_sec .block3 h3 {
    font-weight: 700;
    font-size: 18px;
    margin: 0rem auto 0;
    padding: 0 0 0.5rem;
    border-bottom: 2px solid #000;
  }
}

.item_sec .block3 .txt {
  line-height: 1.8em;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 2rem auto 2rem;
  text-align: center;
}

.item_link {
  background-color: #000;
  width: 400px;
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
}

@media all and (max-width: 999px) {
  .item_link {
    background-color: #000;
    width: 100%;
    text-align: center;
    border-radius: 20px;
    margin-left: auto;
  }
}

.item_link a,
.all_link a {
  color: #fff;
  display: block;
  padding: 7px 0;
  font-size: 14px;
}

.all_link {
  text-align: center;
  background-color: #fff;
  width: 600px;
  margin: 0 auto 2rem;
  border-radius: 20px;
  border: 1px solid #000;
}

@media all and (max-width: 999px) {
  .all_link {
    text-align: center;
    background-color: #fff;
    width: 90%;
    margin: 0 auto 2rem;
    border-radius: 20px;
    border: 1px solid #000;
  }
}

.all_link a {
  color:#000;
}

/* ===== PC ===== */

#LP-body,#LP-foot {
  min-width:0px;
}

#LP-body {
  padding:2rem 0;
}

#LP-foot {
  margin-bottom:50px;
}

.width-XS {
  width:300px;
  margin:auto;
}

.width-S {
  width:540px;
  margin:auto;
}

.width-M {
  width:600px;
  margin:auto;
}

.width-L {
  width:750px;
  margin:auto;
  background-color: #fff;
}

.width-XL {
  width:920px;
  margin:auto;
  background-color: #fff;
}

.width-XXL {
  width:1000px;
  margin:auto;
}

.width-XL-P {
  width:100%;
  margin:auto;
  min-width: 1080px;
}

.width-L-P {
  width:90%;
  margin:auto;
  min-width:0px;
  max-width:1100px;
}

.width-M-P {
  width:80%;
  margin:auto;
  min-width:1100px;
}

.width-S-P {
  width:60%;
  margin:auto;
  min-width:0px;
}

.productGrid {
  margin:auto 5px;
}

.logoWrapper {
  text-align:center;
}

a.cmBtn {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  font-size: 0.9rem;
  letter-spacing: 0;
  line-height: 3rem;
  margin: 0 0 0.5rem;
}

.sp {
  display:none!important;
}

#totop {
  display: none;
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 3px;
  position: fixed;
  border: 1px solid #000;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

#totop a span {
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
}

/* ********************** */

/* ____ レイアウト ____ */

/* ____ 1ブロック ____ */

/* ____ 2ブロック ____ */

/* ____ 3ブロック ____ */

/* ____ 4ブロック ____ */

/* ********************** */

/* ____ figcaption ____ */

/* ********************** */

/* ____ あしあと ____ */

#topicpath_style.trace-box {
  font-size: x-small;
  margin: 0 auto;
  padding: 2px 10px 3px;
  text-align: left;
  width: 940px;
}

/* ********************** */

/* ____ 看板 ____ */

.title_container {
  text-align:center;
}

.title_img img {
  width: 100%;
  height: 40vw;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  display: block;
  /*object-position:0 100%;*/
}

.title_wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background: -moz-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%);
  background: -webkit-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%);
  background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.0) 100%);
  color: #fff;
  line-height: 1;
}

.title_h1 {
  font-size: 2.2rem;
  text-shadow: 0 0 4px rgba(0,0,0,0.5);
  color: #fff;
  line-height:3.00rem;
}

.title_date {
  line-height: 1.9;
  font-size: 18px;
  color:#FFF;
}

/* ********************** */

/* ____ 見出し ____ */

.h2 {
  text-align: center;
  margin: 4rem auto 0;
  font-size: 1.2rem;
}

.h4 {
  font-size: 1.4rem;
  text-align: left;
  padding-left: 7%;
}

/* **** トップ  ****** */

.jobun_txt {
  line-height: 1.8em;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 2rem auto 7rem;
  width: 680px;
  text-align: center;
}

@media all and (max-width: 999px) {
  .jobun_txt {
    line-height: 1.8em;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 2rem auto 7rem;
    width: 90%;
    text-align: center;
  }
}

/* ********************** */

section {
  margin:0 auto;
}

.sec_txt {
  line-height: 1.7rem;
  font-size: 1rem;
  font-weight: 200;
  letter-spacing: 1.5px;
  padding: 0 0 1rem;
  margin: 0 auto;
  text-align: center;
}

/* _____ あいてむ _____ */

.top_sec {
  width:900px;
}

@media all and (max-width: 999px) {
  .top_sec {
    width:100%;
  }
}

.top_sec div {
  background-color: #000;
  color: #FFF;
  width: 800px;
  margin: 0 auto;
}

@media (min-width: 650px) and (max-width: 999px) {
  .top_sec div {
    background-color: #000;
    color: #FFF;
    width: 90%;
    margin: 0 auto;
  }
}

@media all and (max-width: 649px) {
  .top_sec div {
    background-color: #000;
    color: #FFF;
    width: 80%;
    margin: 0 auto;
  }
}

.item_sec {
  margin:5rem auto 4rem;
}

.item_sec .block1 {
  float:left;
  width:50%;
}

@media all and (max-width: 999px) {
  .item_sec .block1 {
    float:left;
    width:100%;
  }
}

.item_sec .block2 {
  float:right;
  width:50%;
}

@media all and (max-width: 999px) {
  .item_sec .block2 {
    float:right;
    width:100%;
  }
}

.item_sec .block3 {
  width: 900px;
  margin: 0 auto;
}

@media all and (max-width: 999px) {
  .item_sec .block3 {
    width: 100%;
    margin: 0 auto;
  }
}

.item_sec .block3 div {
  display:inline-block;
}

/* _____ リンク _____ */

.topics {
  width: 600px;
  margin: 5rem auto 0;
}

.topics .top {
  font-size: 0.73rem;
  font-weight: normal;
  margin: 0 0 0.8rem;
  padding: 3px 0 1px;
  margin-left: 1rem;
  border: 1px solid #000;
  width: 120px;
  text-align: center;
  letter-spacing: 2px;
}

.topics a {
  display: block;
  width: calc(100%/1 - 1rem*2);
  margin: 0 1rem;
}

.topics .for {
  font-size: 0.75rem;
  padding: 0.4rem 0 0.1rem;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.topics .title {
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0.2rem 0 2rem;
}

.topics img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.sns_size {
  margin: 1rem auto 1rem;
  text-align: center;
  width: 520px;
}

@media (min-width: 600px) and (max-width: 1040px) {
  /* 楽天・YAHOO */

  /* #LP-html, body{min-width: 1040px;} */

  /* 本店 */

  #LP-html, body {
    min-width: 0px;
  }

  .width-L {
    width: 1000px;
    min-width:unset;
    margin: auto;
    display: block;
    flex-wrap: nowrap;
    justify-content: center;
  }

  section {
    width: 100%;
    margin: 0 auto;
  }

  .tokushu img {
    width:300px;
  }
}

/* ===== スマホ ===== */

h2 {
  height: auto;
  line-height: 1.2;
}

#LP-foot {
  margin-bottom:40px;
}

.spMargin {
  margin:0 1rem;
}

.spMargin-L {
  margin:0;
}

a.cmBtn {
  font-size: 0.8rem;
  background-color: #000;
  color: #fff;
  line-height: 1.0rem;
  padding: 0.8rem 0;
  margin: 0.5rem 0rem 0;
}

a.cmBtn:before {
  content: "";
}

.logoWrapper img {
  max-width:90%;
}

.cmTxt {
  font-weight: 200;
}

.backlink {
  display: none;
}

.pc {
  display:none!important;
}

#totop {
  width: 55px;
  height: 55px;
  background: #000;
  border-radius: 3px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  border: 1px solid #000;
  opacity: 0.7;
}

#totop a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 0;
}

#totop a i {
  font-size: 20px;
  color: #fff;
}

#totop a span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 13px;
  color: #fff;
}

/* ********************** */

/* ____ 本店header流用楽天yahoo ____ */

#headerMdb {
  background-color: #191919;
  padding: 5px;
  text-align: center;
}

#header_menu-logo img {
  vertical-align: middle;
}

#headerMdb > div {
  display: inline-block;
  line-height: 30px;
  margin: auto 0;
}

#headerMdb .bt_back {
  left: 0;
  position: absolute;
  top: 5px;
}

.bt_left {
  display: block;
  margin: 0;
  padding: 0 0 0 10px !important;
  width: 60px !important;
}

.bt_left a::before {
  background-color: #4c8ab3;
  background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 10%, #79a7c6 100%);
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  content: " ";
  display: block;
  float: left;
  height: 15px;
  margin-left: -5px;
  transform: skew(-35deg);
  width: 10px !important;
}

.bt_left a::after {
  background-color: #3a729c;
  background-image: linear-gradient(to bottom, #3a729c 0%, #2c5278 90%, #8da2b6 100%);
  border-left: 1px solid #8da2b6;
  content: " ";
  display: block;
  height: 15px;
  margin-left: -5px;
  margin-right: auto;
  margin-top: -15px;
  position: relative;
  transform: skew(35deg);
  width: 10px !important;
}

.bt_left a {
  background-color: #4c8ab3;
  background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 5%, #79a7c6 49%, #3a729c 50%, #2c5278 95%, #8da2b6 100%);
  border-radius: 6px;
  border-right: 1px solid #31628b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  text-indent: -10px;
  text-shadow: 0 1px 1px #000;
  width: auto !important;
}

/* ********************** */

/* ____ footer流用楽天yahoo ____ */

footer {
  margin-bottom: 10px;
  padding: 10px;
}

footer .backlink {
  height: 50px;
  position: relative;
}

.clear {
  clear: both;
}

footer .pagetop {
  float: right;
  font-size: 12px;
  margin: 10px 0;
}

ul::after, dl::after, .btn_search::after, .pageBox::after, .swipeBox::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

footer #f_navi_style {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccc #ccc -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  clear: both;
  margin-bottom: 10px;
}

footer #f_navi_style li {
  background-color: #fff;
  background-position: right center;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ccc;
  height: 33px;
}

footer #f_navi_style li a:after {
  content:"＞　";
  float:right;
}

li {
  list-style: outside none none;
}

footer #f_navi_style li a {
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  padding-left: 5px;
  text-decoration: none;
  position:relative;
}

/* ********************** */

/* ____ 看板 ____ */

.title_img img {
  width:100%;
}

.title_wrapper {
  margin: 1rem 1rem 2rem;
  line-height: 1.2;
  text-align:center;
}

.title_h1 {
  font-size: 1.1rem;
  line-height:1.6rem;
  margin:0;
}

.title_date {
  font-size: 1rem;
  line-height:1.5rem;
  margin: 0.3rem 0;
  display:none;
}

/* ********************** */

/* ____ 見出し ____ */

.headLine {
  margin:100px auto 50px;
}

.headLineDeg {
  margin:0 auto 25px;
}

.h1 {
  font-size: 18px;
  line-height: 1.6em;
}

.h2 {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  text-align: center;
}

.h4 {
  font-size: 1.2rem;
  text-align: left;
  padding-left: 7%;
}

/* **** トップ  ****** */

.jobun_txt {
  line-height: 1.7em;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.1px;
  padding: 1rem 0 0;
  width: 90%;
  margin: 0 auto 3rem;
}

.yomi {
  text-align: center;
  letter-spacing: 0.8rem;
  font-size: 0.7rem;
  margin: 0.4rem 0;
}

.sec_txt {
  line-height: 1.5rem;
  font-size: 0.8rem;
  font-weight: 200;
  letter-spacing: 0.1rem;
  padding: 0.5rem 0 0;
  margin: 0 auto;
  text-align: center;
}

.hr {
  border-color:#000;
}

/* _____ あいてむ _____ */

section {
  width: 100%;
  margin-bottom: 2rem;
}

.top_sec .sub {
  font-size: 16px;
  font-style: italic;
}

.top_sec div {
  width: 85%;
  margin: 0 auto;
  padding: 0 2%;
}

.top_sec .title {
  font-size: 18px;
  line-height: 1.5em;
}

.point_list {
  width: 90%;
  margin: 0 auto;
}

.point_list li {
  width: auto;
  font-size: 14px;
  margin: 0 auto 2.5rem;
  padding-bottom: 1rem;
}

.point_list li:last-child {
  padding-bottom: 2rem;
  margin-bottom: 10px;
}

.hr1, .hr2, .hr3, .hr4 {
  margin: 10px 0;
}

.hr2, .hr3 {
  height: 93%;
  top: 7%;
}

.hr2 {
  left:3%;
}

.hr3 {
  right:3%;
}

.item_sec .num {
  width: 100%;
  text-align: center;
  margin: 1rem auto -2rem;
}

.item_sec .num p {
  font-size: 40px;
}

.item_sec .title {
  width: 100%;
  margin: 2rem auto;
  text-align: center;
  font-size: 20px;
}

.items {
  display: flex;
  -webkit-flex-wrap:wrap;
  　　flex-wrap:wrap;
  width: 100%;
  margin: 0 auto;
}

.block1 {
  -webkit-box-ordinal-group:1;
  order:1;
}

.block2 {
  -webkit-box-ordinal-group:3;
  order:3;
}

.block3 {
  -webkit-box-ordinal-group:2;
  order:2;
}

.item_sec .block3 h3 {
  text-align: center;
  border-bottom: 1px solid #000;
  font-size:17px;
}

.item_sec .block3 .txt {
  width: 90%;
  font-size: 14px;
  margin: 1rem auto 1.6rem;
  line-height: 1.6em;
}

.item_link {
  width: 92%;
  margin: 0 auto;
}

.item_link a, .all_link a {
  font-size:12px;
}

.img_list li {
  margin: 3rem 0.4rem 0;
}

.detail {
  margin: 1rem auto;
}

.detail .top {
  font-size: 30px;
}

.detail .top img {
  width: 50px;
  margin: -1rem 0;
  margin-right: -0.6rem;
  margin-left: -0.4rem;
}

.detail .txt {
  font-size: 13px;
  margin-left: 3.3rem;
  width: 82%;
  line-height: 1.4em;
}

.detail hr {
  height: 70%;
  top: 2.5rem;
}

.item_sec hr.under {
  margin:1.5rem 0;
}

.all_link {
  width:90%;
}

/* _____ リンク _____ */

.topics {
  width: 90%;
  margin: 3rem auto 0;
}

.topics .top {
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 1.3px;
  margin: 0 0 0.5rem;
  padding: 2px 0 2px;
  border: 1px solid #000;
  width: 100px;
  text-align: center;
}

.topics a {
  display: block;
  width: calc(100%/1);
  margin: 0;
}

.topics .for {
  font-size: 0.75rem;
  padding: 0.2rem 0 0;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.topics .title {
  font-size: 0.73rem;
  font-weight: 500;
  margin: 0.2rem 0 1.5rem;
}

.topics img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: 50% 0;
}

.sns_size {
  margin: 1.5rem auto 2rem;
  width: 95%;
}

/* ____ slick ____
 * .prev,
 * .next {
 * position: absolute;
 * z-index: 5;
 * border: 1px solid #ccc;
 * width: 30px;
 * height: 30px;
 * border-radius: 50px;
 * }
 * .prev {
 * top: 50%;
 * left: 2%;
 * }
 * .next {
 * top: 50%;
 * right: 2%;
 * }
 * .prev:after,
 * .next:after {
 * position: absolute;
 * font-size: 0.9rem;
 * color:#ccc;
 * }
 * .prev:after {
 * content: "<";
 * top: 13%;
 * left: 31%;
 * }
 * .next:after {
 * content: ">";
 * top: 13%;
 * right: 31%;
 * } */

/* ===== 共通 ===== */

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
}

img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== タイトル ===== */

.title {
  text-align: center;
  margin-bottom: 40px;
}

.title__decoration--en {
  display: block;
  font-size: 20px;
  letter-spacing: 0.15em;
}

.title__decoration--jp {
  font-size: 12px;
  color: #666;
}

/* ===== NEW CONTENT ===== */

.new-content-area {
  background: #fff;
}

.new-content-area .new-content-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* PC 2列 */
  gap: 24px;
}

.new-content-item {
  display: block;
  text-decoration: none;
  color: #000;
}

.new-content-text {
  padding: 12px 0;
  font-size: 12px;
  text-align: center;
}

/* ===== CATEGORY ===== */

.category-area {
  background: #fff;
}

.category-area .category-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* PC 4列 */
  gap: 16px;
}

.category-grid a {
  display: block;
  border: 1px solid #e5e5e5;
  padding: 12px;
}

/* ===== FOOTER ===== */

.footer {
  border-top: 1px solid #e5e5e5;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}

.footer-logo {
  font-size: 22px;
  letter-spacing: 0.1em;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.footer-nav a {
  font-size: 13px;
  color: #000;
  text-decoration: none;
}

/* ===== SP（ここが重要） ===== */

@media screen and (max-width: 768px) {
  .new-content-area .new-content-grid {
    display: grid;
    /* ← 再指定 */
    grid-template-columns: 1fr;
    /* SP 1列 */
  }

  .category-area .category-grid {
    display: grid;
    /* ← 再指定 */
    grid-template-columns: repeat(2, 1fr);
    /* SP 2列 */
  }

  .footer-inner {
    flex-direction: column;
    text-align: center;
  }

  .footer-nav {
    justify-content: center;
  }
}

/* ==========================================================
 * 09 商品詳細・PCレイアウト修正（2026-10-02）
 * 対象：画面幅960px以上。スマートフォンの既存表示は維持。
 * 画像／情報の間にある直下のbr・centerによる自動配置ずれを修正。
 * :has()で実際のカスタム画像ブロックがある商品ページだけに適用。
 * ========================================================== */
@media screen and (min-width: 960px) {
  body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 48px;
    row-gap: 32px;
    align-items: start;
    align-content: start;
    width: 100%;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  /* 左：商品画像・動画。右：商品番号から購入ボタンまで。 */
  body.fs-body-product .fs-l-product4 .fs-l-productLayout > .product-image-video-wrap {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    max-width: 100%;
    margin-top: 0;
    align-self: start;
  }

  body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > .fs-l-productLayout__item--2 {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    padding-top: 0;
    align-self: start;
  }

  /* HTMLの改行がグリッドの1マスを消費しないようにする。 */
  body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > br {
    display: none;
  }

  /* 既存バナーは商品画像の下へ。リンクと画像はそのまま維持。 */
  body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > center {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    width: 100%;
    margin: 0;
    align-self: start;
  }

  body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > center .resizeimage {
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }

  /* 商品説明／スペックは2列の下で上部と同じ幅に揃える。 */
  body.fs-body-product .fs-l-product4 .fs-l-productLayout > .fs-l-productLayout__item--3 {
    grid-column: 1 / -1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  body.fs-body-product .fs-l-product4 .product-description-and-spec-wrap {
    width: 100%;
    max-width: 1120px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  body.fs-body-product .fs-l-product4 .product-description-and-spce {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }

  body.fs-body-product .fs-l-product4 .product-description-and-spce img {
    max-width: 100%;
    height: auto;
  }
}

/* ==========================================================
 * 10 商品詳細 UI（2026-10-02）
 * 数量は実在庫のテキストを使用。CSSで数量の書き換えはしません。
 * fs-c-stock：数値在庫。data-button-code="3"：確認済みの売り切れ状態。
 * 売り切れもクリック可能なままにし、再入荷通知などの既存動作を維持。
 * ========================================================== */

/* 商品情報：書体・余白・情報の強弱 */
body.fs-body-product .fs-l-productLayout__item--2 {
  color: #202328;
  line-height: 1.7;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNumber {
  color: #767b82;
  font-size: 11px;
  letter-spacing: .06em;
  line-height: 1.5;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading {
  font-family: inherit;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.65;
  letter-spacing: .025em;
  margin-top: 10px;
  margin-bottom: 20px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading__copy {
  display: block;
  color: #747a82;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  margin-bottom: 8px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  font-family: inherit;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice__addon {
  color: #747a82;
  font-size: 12px;
  margin-left: 8px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice--listed {
  color: #747a82;
  font-size: 12px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productSelection__name {
  background: #f5f6f7;
  color: #424850;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.7;
  margin-top: 12px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productSelection__selection {
  padding: 6px 0 12px;
}

/* カラー・サイズ */
body.fs-body-product .fs-c-variationLabel {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  margin-bottom: 12px;
}
body.fs-body-product .fs-c-productChooseVariation__variation___color_thumbs {
  border-bottom-color: #e5e7eb;
  padding-bottom: 22px;
  margin-bottom: 22px;
  gap: 10px;
}
body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb {
  margin-right: 0;
}
body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb .fs-c-variationMatrix__row__thumbnail {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 3px;
  overflow: hidden;
}
body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb.is-selected .fs-c-variationMatrix__row__thumbnail {
  border-color: #202328;
  box-shadow: 0 0 0 1px #202328;
}
body.fs-body-product .fs-c-variationMatrix__row__variationPanels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}
body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__item {
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
}
body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  height: auto;
  min-height: 78px;
  margin: 0;
  padding: 15px 6px;
  background: #fff;
  border: 1px solid #dce0e4;
  border-radius: 8px;
  color: #202328;
  line-height: 1.3;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
  box-sizing: border-box;
}
body.fs-body-product .fs-c-variationMatrix__panel__label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .02em;
}
body.fs-body-product .fs-c-variationMatrix__panel__stock {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .02em;
  color: #52616d;
}
body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock {
  color: #286451;
  font-variant-numeric: tabular-nums;
}
body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock::before {
  content: "残り ";
}
body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock::after {
  content: " 点";
}

/* 選択中：色だけでなく明示ラベルでも伝える */
body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel {
  background: #202328;
  color: #fff;
  border-color: #202328;
  box-shadow: 0 0 0 1px #202328;
}
body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock {
  color: #d1eadf;
}
body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel::after {
  content: "選択中";
  position: absolute;
  top: -8px;
  right: 7px;
  padding: 2px 6px;
  background: #202328;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}
body.fs-body-product .fs-c-variationMatrix__radio:focus-visible + .fs-c-variationMatrix__panel {
  outline: 3px solid #6388b0;
  outline-offset: 3px;
}

/* 売り切れ：商品HTMLの状態を使用。disabledだけでは判定しない。 */
body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel,
body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel.item_stock_zero {
  background: #f3f4f5;
  border: 1px dashed #cbd0d5;
  color: #818790;
  box-shadow: none;
}
body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock,
body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock {
  font-size: 0;
  color: #777e87;
}
body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock::before,
body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock::before {
  content: "売り切れ";
  font-size: 12px;
  line-height: 1.4;
}
body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock::after,
body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock::after {
  content: none;
}
body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"]:checked + .fs-c-variationMatrix__panel,
body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel.item_stock_zero {
  border: 2px solid #727b87;
  background: #e9ecef;
}

/* 購入操作：タップしやすい高さ・控えめな角丸 */
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-quantity__select,
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-quantity__number {
  min-height: 46px;
  border: 1px solid #dce0e4;
  border-radius: 6px;
  font-size: 16px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary {
  width: 100%;
  min-height: 56px;
  padding: 16px 20px;
  border: 1px solid #202328;
  border-radius: 8px;
  background: #202328;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .06em;
  box-shadow: none;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary:disabled {
  background: #e5e7eb;
  border-color: #e5e7eb;
  color: #747b84;
  cursor: not-allowed;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--secondary {
  min-height: 52px;
  border: 1px solid #b7bec6;
  border-radius: 8px;
  background: #fff;
  color: #303740;
  font-size: 14px;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-inquiryAboutProduct {
  font-size: 12px;
  color: #646c76;
  margin-top: 18px;
}
body.fs-body-product .fs-l-productLayout__item--2 button:focus-visible {
  outline: 3px solid #6388b0;
  outline-offset: 3px;
}

/* 説明／スペック：余白と下線で切り替え状態を示す */
body.fs-body-product .product-description-and-spec-change-btn {
  display: flex;
  gap: 24px;
  border-bottom: 1px solid #dde1e5;
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn {
  flex: 0 1 180px;
  padding: 16px 8px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #707781;
  font-size: 14px;
  font-weight: 500;
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn.active {
  background: transparent;
  border-bottom-color: #202328;
  color: #202328;
  font-weight: 600;
}
body.fs-body-product .product-description-and-spce {
  border: 0;
  margin-top: 0;
  padding: 24px 0;
  font-size: 14px;
  line-height: 1.9;
}
body.fs-body-product .product-description-and-spce img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (hover: hover) and (pointer: fine) {
  body.fs-body-product .fs-c-variationMatrix__radio:not(:checked) + .fs-c-variationMatrix__panel:not(.item_stock_zero):hover {
    border-color: #69737e;
    box-shadow: 0 2px 8px rgb(32 35 40 / 7%);
  }
  body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary:not(:disabled):hover {
    background: #3b424b;
    border-color: #3b424b;
  }
}
@media screen and (max-width: 599px) {
  body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading {
    font-size: 19px;
  }
  body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 27px;
  }
  body.fs-body-product .fs-c-variationMatrix__row__variationPanels {
    gap: 8px;
  }
  body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel {
    min-height: 74px;
  }
  body.fs-body-product .product-description-and-spec-change-btn {
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel {
    transition: none;
  }
}

/* ==========================================================
 * 11 商品詳細の情報整理（2026-10-02）
 * 付属のHTML（JavaScript）で開閉を有効化。
 * JS未設定・失敗時も必須項目と画像は表示したまま。
 * ========================================================== */
body.fs-body-product .ar-purchase-check {
  margin: 24px 0;
  border: 1px solid #dadfe4;
  border-radius: 10px;
  background: #fafbfc;
  overflow: visible;
}
body.fs-body-product .ar-purchase-check > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  list-style: none;
  padding: 16px;
  cursor: pointer;
  color: #252b32;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
body.fs-body-product .ar-purchase-check > summary::-webkit-details-marker { display: none; }
body.fs-body-product .ar-purchase-check > summary::after {
  content: "開く ＋";
  margin-left: auto;
  font-size: 12px;
  color: #5c6672;
}
body.fs-body-product .ar-purchase-check[open] > summary::after { content: "閉じる −"; }
body.fs-body-product .ar-check-badge {
  padding: 3px 7px;
  border-radius: 4px;
  background: #8b4739;
  color: #fff;
  font-size: 11px;
  line-height: 1.5;
}
body.fs-body-product .ar-check-progress {
  color: #8b4739;
  font-size: 12px;
  font-weight: 500;
}
body.fs-body-product .ar-purchase-check.ar-check-complete .ar-check-progress { color: #286451; }
body.fs-body-product .ar-check-intro {
  margin: 0;
  padding: 0 16px 12px;
  text-align: left;
  font-size: 12px;
  line-height: 1.7;
  color: #5d6671;
}
body.fs-body-product .ar-purchase-check .fs-c-productSelection {
  margin: 0;
  padding: 0 16px 8px;
}
body.fs-body-product .ar-purchase-check .fs-c-productSelection__name {
  background: transparent;
  border-radius: 0;
  border-top: 1px solid #e3e7eb;
  margin: 0;
  padding: 14px 0 8px;
  font-size: 13px;
  line-height: 1.8;
}
body.fs-body-product .ar-purchase-check .fs-c-productSelection__selection { margin: 0; padding: 0 0 14px; }
body.fs-body-product .ar-purchase-check .fs-c-radio__label {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid #dce1e6;
  border-radius: 6px;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
}
body.fs-body-product .ar-purchase-check .fs-c-radio__radio:checked + .fs-c-radio__label {
  border-color: #557667;
  background: #f0f6f3;
  color: #24523e;
}
body.fs-body-product .ar-check-actions { padding: 0 16px 16px; }
body.fs-body-product .ar-check-done,
body.fs-body-product .ar-gallery-toggle {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid #cdd3da;
  border-radius: 7px;
  background: #fff;
  color: #303943;
  font-weight: 500;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.6;
  cursor: pointer;
}
body.fs-body-product .ar-check-message {
  padding: 0 16px;
  margin: 0 0 12px;
  color: #964435;
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
}
body.fs-body-product .ar-purchase-check.ar-check-attention { border-color: #964435; }
body.fs-body-product .ar-purchase-check summary:focus-visible,
body.fs-body-product .ar-check-done:focus-visible,
body.fs-body-product .ar-gallery-toggle:focus-visible,
body.fs-body-product .swipter-thumbnail--item:focus-visible {
  outline: 3px solid #6388b0;
  outline-offset: 3px;
}

/* 画像一覧：内部スクロールを解除。JSが動く時だけ8枚に折り畳む。 */
body.fs-body-product .product-image-video-wrap .swiper-thumbnail,
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
body.fs-body-product .product-image-video-wrap .swiper-thumbnail { margin-top: 16px; }
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  margin: 0;
}
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list > li {
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 3px;
  aspect-ratio: 1;
  border: 1px solid #e4e7eb;
  border-radius: 6px;
  overflow: hidden;
  background: #fafafa;
  cursor: pointer;
}
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list > li.active {
  border-color: #202328;
  box-shadow: inset 0 0 0 1px #202328;
}
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list figure { margin: 0; width: 100%; height: 100%; }
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list img:not(.svg) {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 118px;
  object-fit: contain;
  aspect-ratio: auto;
}
body.fs-body-product .product-image-video-wrap .ar-gallery-collapsed > li:nth-child(n+9) { display: none; }
body.fs-body-product .ar-gallery-toggle { margin-top: 12px; }

/* 商品説明・サービス：本文の読みやすさを優先 */
body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short {
  min-width: 0;
  padding: 24px 0 0;
  border-top: 1px solid #e0e4e8;
  font-size: 14px;
  line-height: 2;
  letter-spacing: .025em;
  color: #414951;
  overflow-wrap: anywhere;
  text-align: left;
}
body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short::before {
  content: "商品について";
  display: block;
  margin-bottom: 16px;
  color: #202328;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .04em;
}
body.fs-body-product .fs-p-productDescription--short hr { margin: 14px 0 20px; border-top-color: #e7eaee; }
body.fs-body-product .fs-l-productLayout > .pay-text-box { min-width: 0; margin-top: 0; }
body.fs-body-product .pay-text-box .pay-area { align-items: center; gap: 20px; margin-bottom: 20px; }
body.fs-body-product .pay-text-box .pay-area > .item { flex: 0 1 130px; }
body.fs-body-product .pay-text-box .point-area {
  padding: 20px;
  background: #f6f7f8;
  border: 1px solid #eceef0;
  border-radius: 10px;
}
body.fs-body-product .pay-text-box .point-text { font-size: 15px; line-height: 1.7; margin-bottom: 12px; }
body.fs-body-product .pay-text-box .list li { gap: 10px; margin-top: 10px; font-size: 12px; line-height: 1.9; }
body.fs-body-product .pay-text-box .list .icon { flex: 0 0 22px; }
body.fs-body-product .pay-text-box .list .icon img { width: 22px; height: 22px; object-fit: contain; }
body.fs-body-product .pay-text-box .delivery-info { margin-top: 12px; }

/* 旧「その他トップス・パンツ」等の埋め込みおすすめ枠だけ非表示 */
body.fs-body-product .fs-p-productDescription--full > iframe[src*="/blog/ifream/syouhinsetumei-"] { display: none; }
body.fs-body-product .fs-p-productDescription--full:has(> iframe[src*="/blog/ifream/syouhinsetumei-"]) { display: none; }

/* ランキング・おすすめ・スタイル */
body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) {
  width: 100%;
  max-width: 1120px;
  padding: 32px 0 0;
  margin: 36px auto 16px;
  border-top: 1px solid #dfe3e7;
  box-sizing: border-box;
  min-width: 0;
}
body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) > h2 {
  height: auto;
  text-align: left;
  color: #202328;
  font-family: inherit;
  font-size: clamp(20px, 2.2vw, 27px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .08em;
  margin: 0 0 24px;
}
body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) > h2::after {
  display: block;
  margin-top: 7px;
  color: #6e7680;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .035em;
}
body.fs-body-product .ranking-area--wrap > h2::after { content: "人気のアイテム"; }
body.fs-body-product .recommended-area--wrap > h2::after { content: "こちらもおすすめ"; }
body.fs-body-product .style-area--wrap > h2::after { content: "着こなしから選ぶ"; }
body.fs-body-product :is(#ranking-area, #recommended-area, #style__block) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 20px;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.fs-body-product :is(#ranking-area, #recommended-area) > * {
  min-width: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  text-align: left;
}
body.fs-body-product :is(#ranking-area, #recommended-area) > a {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #303740;
  text-decoration: none;
}
body.fs-body-product :is(#ranking-area, #recommended-area) .img-area { border-radius: 8px; overflow: hidden; background: #f5f6f7; }
body.fs-body-product :is(#ranking-area, #recommended-area) img { width: 100%; height: auto; margin: 0; }
body.fs-body-product :is(#ranking-area, #recommended-area) .text-area { padding: 12px 0; }
body.fs-body-product :is(#ranking-area, #recommended-area) .product-title { font-size: 13px; line-height: 1.7; }
body.fs-body-product :is(#ranking-area, #recommended-area) .product-price { margin-top: 6px; font-size: 14px; font-weight: 600; line-height: 1.5; }
body.fs-body-product :is(#ranking-area, #recommended-area) > a::after {
  content: "商品を見る →";
  display: block;
  margin-top: auto;
  padding: 10px 12px;
  border: 1px solid #d7dce1;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}
body.fs-body-product #ranking-area { counter-reset: ar-rank; }
body.fs-body-product #ranking-area > .item { counter-increment: ar-rank; position: relative; }
body.fs-body-product #ranking-area > .item::before {
  content: counter(ar-rank, decimal-leading-zero);
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  background: #fff;
  color: #303740;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 1px 5px rgb(0 0 0 / 8%);
}
body.fs-body-product .style-area--wrap #style__block .style-block { width: 100%; min-width: 0; margin: 0; }
body.fs-body-product .style-area--wrap #style__block .img-area { border-radius: 8px; overflow: hidden; }
body.fs-body-product .style-area--wrap #style__block .img-area img { width: 100%; height: auto; display: block; }
body.fs-body-product .style-area--wrap #style__block .item-data { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0 0; }
body.fs-body-product .style-area--wrap #style__block .item-data a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  min-width: 86px;
  padding: 9px 14px;
  border: 1px solid #cfd5dc;
  border-radius: 6px;
  background: #fff;
  color: #303740;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .035em;
  text-decoration: none;
}
body.fs-body-product .style-area--wrap #style__block .item-data a::after { content: "→"; }
@media (hover: hover) and (pointer: fine) {
  body.fs-body-product :is(#ranking-area, #recommended-area) > a:hover::after,
  body.fs-body-product .style-area--wrap #style__block .item-data a:hover,
  body.fs-body-product .ar-gallery-toggle:hover { background: #202328; border-color: #202328; color: #fff; }
}
@media screen and (max-width: 599px) {
  body.fs-body-product :is(#ranking-area, #recommended-area, #style__block) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) { padding-top: 26px; margin-top: 30px; }
  body.fs-body-product .pay-text-box .point-area { padding: 16px; }
  body.fs-body-product .fs-l-productLayout > .pay-text-box { margin-top: 24px; }
  body.fs-body-product .style-area--wrap #style__block .item-data { gap: 6px; }
  body.fs-body-product .style-area--wrap #style__block .item-data a { min-width: 0; flex: 1 1 auto; padding: 8px; font-size: 11px; }
}

/* 外部の既存STYLE用CSSより優先してボタンを整列 */
body.fs-body-product .style-area--wrap #style__block .item-data .row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0;
  justify-content: flex-start;
}
body.fs-body-product .style-area--wrap #style__block .item-data .col { min-width: 0; }

/* ===== 12 商品詳細デザイン 第2版：内容を保持して情報ごとの表情を整理 ===== */
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNumber {
  display: inline-block;
  padding: 5px 9px;
  background: #f1f3f5;
  border-radius: 4px;
  font-size: 10px;
  color: #727b86;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading {
  margin: 18px 0 18px;
  padding: 0 0 22px;
  border-bottom: 1px solid #dce1e6;
  font-size: clamp(22px, 2.1vw, 27px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .015em;
  color: #182634;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading__copy {
  margin-bottom: 12px;
  color: #506174;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
}
body.fs-body-product .ar-shipping-note {
  display: table;
  margin: 0 0 12px;
  padding: 6px 10px;
  border-left: 3px solid #9a8060;
  background: #f5f1ea;
  border-radius: 0 4px 4px 0;
  color: #66513a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .015em;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrices { margin-top: 18px; margin-bottom: 28px; }
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
  color: #182634;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
}
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-price__value { color: inherit; }
body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productMark__mark {
  border: 1px solid #e0e5e9;
  border-radius: 4px;
  background: #fff;
  color: #566270;
  padding: 5px 8px;
  font-size: 10px;
}

/* 動画：画像ファイルに依存しない、常時表示の動画バッジ */
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video { position: relative; border-color: #8495a5; }
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video .svg-wrap { display: none; }
body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video::after {
  content: "▶ 動画";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  z-index: 3;
  border-radius: 4px;
  padding: 5px 3px;
  background: #182c3e;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .04em;
  pointer-events: none;
}
body.fs-body-product .product-image-video-wrap .swiper-slide.item-video { position: relative; }
body.fs-body-product .product-image-video-wrap .swiper-slide.item-video::after {
  content: "動画";
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 3;
  padding: 6px 10px;
  background: rgb(24 44 62 / 88%);
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  pointer-events: none;
}

/* 厳選2枚の見どころ：明確な切り替えボタン＋滑らかな表示 */
body.fs-body-product .product-description-and-spec-wrap {
  padding: 24px;
  background: #f3f5f7;
  border-radius: 14px;
  box-sizing: border-box;
}
body.fs-body-product .product-description-and-spec-wrap::before {
  content: "商品の見どころをチェック";
  display: block;
  margin-bottom: 18px;
  color: #223446;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .035em;
  line-height: 1.5;
}
body.fs-body-product .product-description-and-spec-change-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border: 0;
  margin-bottom: 18px;
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 68px;
  margin: 0;
  padding: 12px;
  background: #fff;
  color: #586574;
  border: 1px solid #cdd5de;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  cursor: pointer;
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn::after {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .035em;
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn[data-area="description"]::after { content: "デザイン・特徴"; }
body.fs-body-product .product-description-and-spec-change-btn .change-btn[data-area="spec"]::after { content: "仕様を詳しく"; }
body.fs-body-product .product-description-and-spec-change-btn .change-btn.active {
  background: #1d3245;
  border-color: #1d3245;
  color: #fff;
  box-shadow: 0 3px 9px rgb(29 50 69 / 14%);
}
body.fs-body-product .product-description-and-spec-change-btn .change-btn:focus-visible { outline: 3px solid #7395b7; outline-offset: 3px; }
body.fs-body-product .product-description-and-spce { margin: 16px 0 0; padding: 0; border: 0; background: #fff; border-radius: 8px; overflow: hidden; }
body.fs-body-product .product-description-and-spce > [hidden] { display: none !important; }

/* 商品説明：横幅を使ったエディトリアル風の2列構成 */
body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short {
  grid-column: 1 / -1;
  padding: 32px;
  margin: 16px 0 0;
  background: #f7f5f1;
  border: 0;
  border-radius: 14px;
  color: #3d464e;
  font-size: 15px;
  line-height: 1.95;
  letter-spacing: .025em;
}
body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short.ar-story { display: grid; grid-template-columns: minmax(150px, .3fr) minmax(0, 1fr); gap: 36px; }
body.fs-body-product .fs-p-productDescription--short.ar-story::before { content: none; }
body.fs-body-product .ar-story-heading {
  margin: 0;
  color: #243342;
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.5;
  height: auto;
}
body.fs-body-product .ar-story-heading::after { content: ""; display: block; width: 36px; height: 3px; margin-top: 18px; background: #ac9270; }
body.fs-body-product .ar-story-content { min-width: 0; max-width: 780px; }
body.fs-body-product .ar-story-content p { margin: 0 0 18px; text-align: left; font-size: 15px; line-height: 1.95; }
body.fs-body-product .ar-story-content p:last-child { margin-bottom: 0; }
body.fs-body-product .ar-story-content .ar-story-title { margin: 0 0 22px; color: #263544; font-size: 20px; font-weight: 600; line-height: 1.7; }
body.fs-body-product .ar-story-content hr { border: 0; height: 1px; background: #dedbd5; margin: 20px 0; }

/* サービス3枚＋配送パネル */
body.fs-body-product .fs-l-productLayout > .pay-text-box { grid-column: 1 / -1; margin: 12px 0 0; }
body.fs-body-product .pay-text-box > .pay-area { justify-content: flex-end; margin: 0 0 22px; gap: 20px; }
body.fs-body-product .pay-text-box > .pay-area > .item { flex-basis: 112px; }
body.fs-body-product .pay-text-box > .point-area { padding: 0; border: 0; border-radius: 0; background: transparent; }
body.fs-body-product .pay-text-box > .point-area > .point-text { margin: 0 0 18px; font-size: 20px; font-weight: 700; color: #243342; letter-spacing: .025em; }
body.fs-body-product .pay-text-box > .point-area > .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; margin: 0; }
body.fs-body-product .pay-text-box > .point-area > .list > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 22px;
  margin: 0;
  border: 1px solid #dce2e7;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  line-height: 1.85;
  color: #344454;
}
body.fs-body-product .pay-text-box > .point-area > .list > li .icon { flex: 0 0 auto; width: 38px; height: 38px; padding: 6px; border-radius: 50%; background: #eef2f5; }
body.fs-body-product .pay-text-box > .point-area > .list > li .icon img { width: 26px; height: 26px; max-width: none; max-height: none; object-fit: contain; }
body.fs-body-product .pay-text-box > .point-area > .list > li .text { font-weight: 500; }
body.fs-body-product .pay-text-box > .delivery-info { margin-top: 20px; }
body.fs-body-product .pay-text-box > .delivery-info > .point-area { display: grid; grid-template-columns: minmax(170px, .35fr) minmax(0, 1fr); gap: 28px; padding: 28px; background: #213343; color: #f4f7fa; border: 0; border-radius: 12px; }
body.fs-body-product .pay-text-box > .delivery-info .point-text { margin: 0; color: #fff; font-size: 18px; font-weight: 600; line-height: 1.8; }
body.fs-body-product .pay-text-box > .delivery-info .list { display: block; padding: 0; margin: 0; }
body.fs-body-product .pay-text-box > .delivery-info .list > li { display: block; padding: 11px 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgb(255 255 255 / 14%); color: #e5ecf2; font-size: 13px; font-weight: 400; line-height: 1.9; }
body.fs-body-product .pay-text-box > .delivery-info .list > li:first-child { padding-top: 0; }
body.fs-body-product .pay-text-box > .delivery-info .list > li:last-child { padding-bottom: 0; border-bottom: 0; }

/* ランキング：順位中心／おすすめ：カード／スタイル：写真と濃色ボタン */
body.fs-body-product .ranking-area--wrap { border-top: 3px solid #23384c; padding-top: 28px; }
body.fs-body-product #ranking-area > .item::before { width: 38px; height: 38px; top: 10px; left: 10px; background: #23384c; color: #fff; border-radius: 50%; font-size: 15px; }
body.fs-body-product #ranking-area > .item:first-child::before { background: #8a7351; }
body.fs-body-product #ranking-area > a::after { content: "商品を見る"; border: 0; border-top: 1px solid #dce2e7; border-radius: 0; padding: 12px 0; text-align: left; color: #304a60; }
body.fs-body-product .recommended-area--wrap { padding: 28px; border: 0; border-radius: 14px; background: #f5f3ef; }
body.fs-body-product #recommended-area > a { padding: 12px; border-radius: 10px; background: #fff; box-sizing: border-box; }
body.fs-body-product #recommended-area > a::after { content: "商品を見る"; background: #eef1f4; border: 0; color: #314354; }
body.fs-body-product .style-area--wrap { padding: 32px 0 0; border-top: 1px solid #a8b4bf; }
body.fs-body-product .style-area--wrap #style__block .item-data .row { width: 100%; display: flex; gap: 8px; }
body.fs-body-product .style-area--wrap #style__block .item-data .col { flex: 1 1 0; }
body.fs-body-product .style-area--wrap #style__block .item-data a {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 12px 14px;
  border: 1px solid #253d51;
  border-radius: 6px;
  background: #253d51;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  box-sizing: border-box;
}
body.fs-body-product .style-area--wrap #style__block .item-data a::after { content: none; }
body.fs-body-product .style-area--wrap #style__block .item-data .col:nth-child(even) a { background: #e6ecf1; border-color: #e6ecf1; color: #294154; }
@media (hover: hover) and (pointer: fine) {
  body.fs-body-product .style-area--wrap #style__block .item-data a:hover { background: #142738; border-color: #142738; color: #fff; }
  body.fs-body-product #recommended-area > a:hover::after { background: #253d51; color: #fff; }
  body.fs-body-product .product-description-and-spec-change-btn .change-btn:not(.active):hover { border-color: #506a81; background: #e8edf2; }
}
@media screen and (max-width: 767px) {
  body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short.ar-story { grid-template-columns: 1fr; gap: 22px; }
  body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short { padding: 24px 20px; }
  body.fs-body-product .ar-story-heading { font-size: 20px; }
  body.fs-body-product .ar-story-heading::after { margin-top: 12px; }
  body.fs-body-product .ar-story-content p { font-size: 14px; }
  body.fs-body-product .ar-story-content .ar-story-title { font-size: 18px; }
  body.fs-body-product .pay-text-box > .point-area > .list { grid-template-columns: 1fr; gap: 10px; }
  body.fs-body-product .pay-text-box > .point-area > .list > li { flex-direction: row; align-items: center; padding: 16px; gap: 14px; font-size: 13px; }
  body.fs-body-product .pay-text-box > .delivery-info > .point-area { grid-template-columns: 1fr; gap: 16px; padding: 22px; }
  body.fs-body-product .product-description-and-spec-wrap { padding: 18px 12px; }
  body.fs-body-product .product-description-and-spec-wrap::before { font-size: 17px; }
  body.fs-body-product .product-description-and-spec-change-btn .change-btn { min-height: 64px; padding: 10px 6px; font-size: 14px; }
  body.fs-body-product .recommended-area--wrap { padding: 22px 12px; }
  body.fs-body-product #recommended-area > a { padding: 8px; }
}

/* 商品説明・配送案内：見出しを残して本文を開閉 */
body.fs-body-product .ar-section-fold { min-width: 0; width: 100%; }
body.fs-body-product .ar-section-fold > summary {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 46px; padding: 12px 18px; box-sizing: border-box;
  border: 1px solid #bdc9d3; border-radius: 6px;
  background: #fff; color: #253d51; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.6;
  list-style: none;
}
body.fs-body-product .ar-section-fold > summary::-webkit-details-marker { display: none; }
body.fs-body-product .ar-section-fold > summary::after { content: '＋'; font-size: 16px; }
body.fs-body-product .ar-section-fold[open] > summary::after { content: '−'; }
body.fs-body-product .ar-section-fold .ar-fold-open { display: none; }
body.fs-body-product .ar-section-fold[open] > summary .ar-fold-open { display: inline; }
body.fs-body-product .ar-section-fold[open] > summary .ar-fold-closed { display: none; }
body.fs-body-product .ar-section-fold:not([open]) > :not(summary) { display: none; }
body.fs-body-product .ar-section-fold[open] > .ar-story-content,
body.fs-body-product .pay-text-box > .delivery-info .ar-section-fold[open] > .list { margin-top: 22px; }
body.fs-body-product .delivery-info .ar-section-fold > summary { background: #2d455a; border-color: #698094; color: #fff; }
body.fs-body-product .ar-section-fold > summary:focus-visible { outline: 2px solid #6489a8; outline-offset: 4px; }
@media (hover: hover) {
  body.fs-body-product .ar-section-fold > summary:hover { background: #eef2f5; }
  body.fs-body-product .delivery-info .ar-section-fold > summary:hover { background: #3a566e; }
}
