.fs-c-button--addToCart--detail{
    background: #005731 !important;
    border-color: #005731 !important;
    }
    
    /*--- マイページ ---*/
    .mypage-logout{
    text-align: center;
    }
    
    
    /*--- オリジナルＣＳＳ ---*/
    body {
      margin: 0;
      padding: 0;
    }
    
    .box {
      display:flex;
      flex-direction: column;
      padding: 0px;
    }
    
    .text {
        font-family: Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif; 
        font-size:115%;
        width: 100%;
        text-align: left;
        margin-top:0px;
    }
    
    h3 {
        font-size: 130%;
        text-align: center;
        line-height:3;
    }
    
    .pict {
        text-align: center;
        width: 100%;
        min-height: 0%;
    }
    
    .pict img {
        max-width: 80vw;
        height:auto;
    }
    .box:nth-child(even) {
        <!--background-color: #f1f1f1;-->
        padding: 20px;
    }
    
    @media (min-width:900px) {
        body {
            padding: 0;
        }
    
        .box {
            flex-direction: row;
            justify-content:center;
            margin-bottom: 0px;
        }
    
        .box:nth-child(even) {
            flex-direction: row-reverse;
        }
    
        .text {
            font-family: Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif; 
            font-size: 115%;
            text-align: left;
            line-height: 1;
            margin-top:10px;
            margin-bottom:10px;
            margin-left:10px;
            margin-right:10px;
        }
    
        h3 {
            font-family: Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif; 
            font-size: 115%;
            text-align: left;
            line-height:3;
        }
    
        .box:nth-child(even) .text {
            text-align: left;
        }
    
        .pict {
            text-align: center;
            width: 40vw;
            margin-top:10px;
            margin-bottom:10px;
            margin-left:10px;
            margin-right:10px;
        }
    
        .pict img {
            max-width: 300px;
            width: 100%;
            height:auto;
        }
    
        .box:nth-child(even) .pict {
            margin-left: 0;
            margin-right: 3%;
        }
    }
    
    @media screen and (max-width: 600px) {
        .fs-c-membershipCard__image {
            transform: rotate(-90deg);
        }
    }
    
    @media screen and (min-width: 900px) {
        .fs-body-cart .fs-l-main .fs-l-cart__contentsArea{
        -ms-grid-columns: 1fr 320px; grid-template-columns: 1fr 320px; 
        } 
    }

    .ec-productRole__description {
        font-family: Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif; 
        font-size: 115%;
    }


/* ============================================
   PAGE TOPボタンの位置（FutureShop標準）
   - WordPressトップページのデザインに合わせて本来のサイズで表示
   - ボタン全体・装飾の上書きはせず、FutureShop標準の挙動に任せる
   2026/05/03 調整
   ============================================ */
.ssf-PageTop {
  position: fixed !important;
  right: 2vw !important;
  bottom: 5vh !important;
  z-index: 1 !important;
}

    
    .hero-Sub_TextWrapper {
        font-family: Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif; 
        font-size: 115%;
    }
    
    /* 商品詳細 おすすめ商品 */
    .fs-c-featuredProduct .fs-c-productListCarousel__list__item {
        width: 56.4vw !important;
        max-width: none;
    }
    .fs-c-productListCarousel [class^=fs-c-button--] {font-size: 8vw;}
    .fs-l-productLayout .fs-c-featuredProduct {margin-top:8vw;}
    
    @media screen and (min-width: 600px) {
    .fs-c-featuredProduct .fs-c-productListCarousel__list__item {width: 300px !important;}
    .fs-c-productListCarousel [class^=fs-c-button--] {font-size: 36px;}
    .fs-l-productLayout .fs-c-featuredProduct {margin-top:75px;}
    }


    /* ログイン連携 */
    .fs-c-accountService__page--linkedAccounts .fs-c-accountService__pageLink__label::before {
        content: "\e93f";
    }


    /*--- 「今までにチェックした商品」表示崩れ対策 (2026/04 追記) ---*/
    /* PC（769px以上）: 3列 */
    #_rcmdjp_display_1 .doc-Ranking_Items.swiper-wrapper,
    #_rcmdjp_display_1 .swiper-wrapper {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 24px !important;
      flex-wrap: nowrap !important;
    }
    #_rcmdjp_display_1 .swiper-slide {
      width: auto !important;
      margin: 0 !important;
    }
    /* スマホ（768px以下）: 2列 */
    @media screen and (max-width: 768px) {
      #_rcmdjp_display_1 .doc-Ranking_Items.swiper-wrapper,
      #_rcmdjp_display_1 .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
      }
    }


/* スマホ・基本（バッチリ調整済み） */
.anygift-floating-cart {
  right: 2vw !important;
  bottom: calc(5vh + 80px) !important;
}

/* PC（768px以上）: 横位置を微調整 */
@media screen and (min-width: 768px) {
  .anygift-floating-cart {
    right: calc(2vw + 7px) !important;  /* 10px → 5px へ（少し右へ） */
    bottom: calc(5vh + 110px) !important;
  }
}


/* ============================================
   ヘッダー「カゴを見る」のバッジ（カート内商品数）
   - 初期は非表示にしてちらつき防止
   - JSが1以上を検知したときだけ表示
   2026/05/02 追加
   ============================================ */

/* バッジの親（リンク要素）を相対配置に */
.ssh-Utility_Item-cart > a {
  position: relative !important;
  display: inline-block !important;
}

/* ヘッダーバッジのデザイン（初期は非表示） */
.ssh-Utility_ItemBadge {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  background-color: #d42828 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: bold !important;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  z-index: 10 !important;
  display: none;  /* ★初期は非表示 */
}

/* JSが「表示すべき」と判定したクラスを付けたときだけ表示 */
.ssh-Utility_ItemBadge.is-visible {
  display: block !important;
}


/* ========================================
   永楽屋オンラインショップ
   商品一覧 レビュー評価表示（v2: 星マーク対応）
   ======================================== */

.ey-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 4px;
  font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", serif;
  font-size: 13px;
  line-height: 1.4;
  color: #3a3a3a;
}

/* レビュー0件の商品では非表示 */
.ey-rating--count-0 {
  display: none !important;
}

/* ----------------------------------------
   星マーク本体
   data-rating（0.0〜5.0、0.5刻み）に応じて
   琥珀色の塗りを width で制御
---------------------------------------- */
.ey-rating__stars {
  --ey-star-color: #c9985a;        /* 琥珀色（塗りつぶし） */
  --ey-star-bg: #e8e0d0;           /* 薄琥珀（背景・空の星） */
  --ey-star-size: 14px;
  position: relative;
  display: inline-block;
  width: calc(var(--ey-star-size) * 5);
  height: var(--ey-star-size);
  font-size: 0;                    /* 隙間防止 */
  line-height: 1;
}

/* 背景：空の星×5個（薄琥珀色） */
.ey-rating__stars::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M7 .8l1.94 4.05 4.46.5-3.31 3.04.92 4.41L7 10.55l-3.99 2.25.92-4.41L.6 5.35l4.46-.5z' fill='%23e8e0d0'/></svg>");
  background-size: var(--ey-star-size) var(--ey-star-size);
  background-repeat: repeat-x;
}

/* 前景：評価点に応じた幅で琥珀色の星を上書き */
.ey-rating__stars::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M7 .8l1.94 4.05 4.46.5-3.31 3.04.92 4.41L7 10.55l-3.99 2.25.92-4.41L.6 5.35l4.46-.5z' fill='%23c9985a'/></svg>");
  background-size: var(--ey-star-size) var(--ey-star-size);
  background-repeat: repeat-x;
}

/* data-rating の値に応じて幅を制御（0.5刻み） */
.ey-rating__stars[data-rating="0.5"]::after { width: 10%; }
.ey-rating__stars[data-rating="1.0"]::after { width: 20%; }
.ey-rating__stars[data-rating="1.5"]::after { width: 30%; }
.ey-rating__stars[data-rating="2.0"]::after { width: 40%; }
.ey-rating__stars[data-rating="2.5"]::after { width: 50%; }
.ey-rating__stars[data-rating="3.0"]::after { width: 60%; }
.ey-rating__stars[data-rating="3.5"]::after { width: 70%; }
.ey-rating__stars[data-rating="4.0"]::after { width: 80%; }
.ey-rating__stars[data-rating="4.5"]::after { width: 90%; }
.ey-rating__stars[data-rating="5.0"]::after { width: 100%; }

/* ----------------------------------------
   平均点の数値
---------------------------------------- */
.ey-rating__value {
  font-weight: 600;
  color: #8b6332;       /* 琥珀ダーク */
  letter-spacing: 0.02em;
}

/* ----------------------------------------
   件数
---------------------------------------- */
.ey-rating__count {
  color: #8a8a8a;
  font-size: 12px;
}
.ey-rating__count a {
  color: #8a8a8a;
  text-decoration: none;
  border-bottom: 1px dotted #c8c8c8;
  transition: color 0.2s, border-color 0.2s;
}
.ey-rating__count a:hover {
  color: #8b6332;
  border-bottom-color: #8b6332;
}

/* ----------------------------------------
   スマートフォン調整
---------------------------------------- */
@media screen and (max-width: 640px) {
  .ey-rating {
    font-size: 12px;
    gap: 4px;
  }
  .ey-rating__stars {
    --ey-star-size: 12px;
  }
  .ey-rating__count {
    font-size: 11px;
  }
}


/* お気に入りページの販売期間を商品詳細ページに合わせる */
.fs-c-salesPeriod__date {
  font-size: 1rem !important;
  font-family: inherit !important;
  letter-spacing: inherit !important;
  font-feature-settings: "palt", "kern" !important;
  border: 1px solid #ccc !important;
  padding: 8px 16px !important;
  text-align: center !important;
}

.fs-c-salesPeriod__date dt,
.fs-c-salesPeriod__date dd,
.fs-c-salesPeriod__date .fs-c-time,
.fs-c-salesPeriod__date .fs-c-timeJoint {
  font-family: inherit !important;
  font-size: inherit !important;
  display: inline !important;
  margin: 0 !important;
}

.fs-c-salesPeriod__date dt::after {
  content: " ";
}

/* ============================================
   PCヘッダーをフローティング表示（2026/05/05 追加）
   - スクロール時、ロゴと送料バナーは追従／ナビ帯はスクロールアウト
   - WordPress側追加CSSと同一内容
   ============================================ */
@media (min-width: 900px) {
  .ssh-Header_Fix {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    z-index: 100 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  }
  /* Header_Fixが浮いた分の空きを、ヘッダー先頭に確保 */
  .ssh-Header::before {
    content: "";
    display: block;
    height: 176px;
  }
}

/* カート割引情報「あと¥○○で送料無料です」の文字サイズ・太字解除・下余白 */
.fs-c-cartDiscountInfo .fs-c-cartDiscountInfo__info,
.fs-c-cartDiscountInfo__info {
    font-size: 1.2rem;
    font-weight: normal !important;
    margin-bottom: 0.8em;
    align-items: baseline;
}

/* 金額部分（¥3,600）のみ #CC5D65 で太字＆大きく */
.fs-c-cartDiscountInfo__more .fs-c-price,
.fs-c-cartDiscountInfo__more .fs-c-price__currencyMark,
.fs-c-cartDiscountInfo__more .fs-c-price__value {
    color: #CC5D65;
    font-weight: bold;
    font-size: 1.5rem;
}

/* お支払い方法の利用可能金額注意書きを小さく */
.fs-c-checkout-paymentMethod__disabledMessage,
.fs-c-checkout-paymentMethod__disabledMessage font,
.fs-c-checkout-paymentMethod__disabledMessage * {
    font-size: 16px !important;
}