.pr-banner {
    align-items: center; /* 縦方向の中央配置 */
    margin: 20px;
}
.pr-banner img {
    border-radius: 10px;  /* または好みの値 */
}
.special_1 {
    border: 1px solid #ff4500;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ff4500;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_2 {
    border: 1px solid #ff1493;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ff1493;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_3 {
    border: 1px solid #06893D;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #06893D;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.special_4 {
    border: 1px solid #ffd700;
    border-radius: 5px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    text-decoration: none;
    background-color: #ffd700;
    padding: 20px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
.fs-c-productPrice--listed .fs-c-productPrice__main__price {
    text-decoration: line-through;
}

.fs-c-productMark > li {
     margin:0px 0px 3px 0px;
}


/* text-s-contents */
#moretext-s {
    display: none; /* クリックするまで非表示にしておく */
    transition: opacity 0.3s ease; /* オプション：表示するときのフェード効果 */
}

button#showMoretext-s {
    background-color: #646464; /* ボタンの背景色 */
    color: #ffffff; /* テキストの色 */
    padding: 10px 40px; /* 内部の余白 */
    border: none; /* 枠線を非表示に */
    border-radius: 5px; /* ボタンの角を少し丸める */
    cursor: pointer; /* ホバー時のカーソルをポインターに */
    transition: background-color 0.3s ease; /* ホバー時の背景色変更のアニメーション */
}

button#showMoretext-s:hover {
    background-color: #0056b3; /* ホバー時の背景色 */
}

button#showMoretext-s:focus {
    outline: none; /* ボタンがフォーカスされたときのアウトラインを削除 */
}
.text-s {
   text-align: center;
   margin: 60px;
}
.text-s h2,h3 {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.payment-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2%;
    margin: 30px 0px 20px 0px;
}
.payment-banner img {
    width: 100%;
}

/* スマホのビューポート対応 */
@media (max-width: 600px) {
    .grid-container {
        grid-template-columns: 1fr; /* 1列のグリッドに変更 */
    }
}


.fs-c-productListCarousel__ctrl.fs-c-productListCarousel__ctrl--prev {
    display: none !important;
}

.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    background-color: #edf6fa;
}

/* スマホカテゴリー一覧とFAQパネル */
.anchor-pad {
    display: block;
    height: 70px; /* こちらは固定ヘッダーの高さに合わせて変更してください */
    margin-top: -70px; /* 負のマージンで上方向にずらす */
    visibility: hidden; /* 見えなくする */
    pointer-events: none; /* クリックイベントを無効にする */
}
.menu-label {
    /* ... 他のスタイル ... */
    padding-right: 30px; /* 右のパディングを増やしてアイコンのスペースを確保 */
    position: relative;  /* 相対位置指定 */
}
.menu-label::after {
    content: "";
    display: block;
    position: absolute;  /* 絶対位置指定 */
    right: 14px;         /* 右端から10pxの位置に配置 */
    top: 50%;            /* 上から50%の位置（垂直中央）に配置 */
    transform: translateY(-50%); /* 垂直中央揃えの調整 */
    width: 20px;  /* アイコンの幅 */
    height: 20px; /* アイコンの高さ */
    background-image: url('https://wan10.itembox.design/item/chevron-down-solid.svg');
    background-size: contain;
}
.toggle-checkbox:checked + .menu-label::after {
    background-image: url('https://wan10.itembox.design/item/angle-up-solid.svg');
}
.menu {
    position: relative;
    width: 100%;
}
.toggle-checkbox {
    display: none;
}
.menu-label {
    display: block;
    background: #fff;
    padding: 18px;
    cursor: pointer;
    border: 1px solid #ddd;
    font-weight: bold;
}
.submenu {
    display: none;
    background: #f5f5f5;
    border: 1px solid #ddd;
    width: 100%;
    flex-wrap: wrap;
}
.submenu .column {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
}
.submenu .column:nth-child(1) {
    border-right: 1px solid #ddd;
}
.submenu a {
    display: block;
    padding: 18px 0;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #ddd;
    position: relative;
    font-weight: bold;
}
.submenu a::after {
    content: ">";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}
.toggle-checkbox:checked + .menu-label + .submenu {
    display: flex;
}
.submenu p {
    margin: 10px 20px; /* 内側の余白 */
}


/* 共通 */
.footercap a {
color: #3572b0;
}
h2.center {
   text-align: center;
   font-weight: bold;
   margin: 50px 0px 20px 0px;
   font-size: 1.6em;
}
.center {
   text-align: center;
   font-size: 1.2em;
}
.center img {
    width: 300px;
    height: auto;
}
.fullwidthtrench {
    background-color: rgba(30, 50, 70, 0.05);
    width: 100%;
    height: 10px;
    box-shadow: 0px 1px 1px rgba(30,50,70,.15) inset;
    margin-top: 54px;
}


.caption {
    /* 必要に応じてスタイルを調整 */
    margin-bottom: 5px; /* これにより、メインタイトルとサブタイトルの間に少し間隔ができます */
    font-weight: bold;
    margin: 30px 0px 20px 0px;
}
.sub-title {
    font-size: 0.6em;  /* フォントサイズを小さく */
    color: #A0A0A0;
    margin: 0px 5px;
}


.fs-p-logo__image {
    width: 300px;  /* 幅を300pxに設定 */
    height: auto;  /* 高さは自動（アスペクト比を維持） */
}
.fs-p-headerNavigation__list {
    margin-left: auto;
    margin-right: auto;
}

/* フリーページ */
.fs-c-heading fs-c-heading--page {
  margin:20px;
}
p.free {
   text-align: center;
   line-height: 2.5;
}
h2.free{
  text-align: center;
  font-weight: bold;
  margin: 30px 10px 10px 30px;
}

/* TOPページ */
.brand-link {
  background-color: #dfecf0;
  font-size: 0.9em;
  padding: 0.5em 0.65em;
  border-radius: 4px;
  color: #3e6a88;
  border: solid 1px #dee2e6;
  float: left;
  margin: 0.6em 0.3em;
}

.fs-pt-carousel img {
    max-width: 450px;
    border-radius: 10px;  /* または好みの値 */
}
.fs-c-slick .slick-slide .fs-pt-carousel__slide {
    margin: 20px 10px 10px 10px
}

/* LINEバナー */
.banner-register {
  background-color: #50c900;  /* 背景色を#50c900に設定 */
  text-align: center;  /* 文字を中央に配置 */
  display: flex;  /* Flexboxを使用して中央揃えにする */
  justify-content: center;  /* 水平方向の中央揃え */
  align-items: center;  /* 垂直方向の中央揃え */
  padding: 8px 8px;
  margin: 5px 0px 20px 0px;
  border-radius: 10px;  /* すべての角に10pxの丸みを適用 */
}
.register_label {
  font-size: 1.2em;  /* 文字を大きくする。1em = 親要素のフォントサイズ */
  font-weight: bold;
}
.register_label-b {
  font-size: 1.7em;  /* 文字を大きくする。1em = 親要素のフォントサイズ */
  font-weight: bold;
}
.banner-register a {
  color: #fff;
}
.logo-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;  /* 画像同士の間隔。必要に応じて変更 */
}
.logo-item {
    width: 100%;
}
.logo-item img {
    max-width: 100%;
    height: auto;
    border: 1px solid #A0A0A0; /* ボーダーを追加 */
}


/* 商品カテゴリーページ */
.fs-c-subgroupList__comment{
  display: none;
}
.fs-c-subgroupList__link{
  background:#fff;
}
.h1category {
    font-size: .5em;
}

/* 商品ページ */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;  /* 16:9 アスペクト比 */
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;  /* こちらで間隔を追加 */
}
.responsive-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fs-c-button--primary {
    padding: 1em 2em 1em;
    min-width: 100%;
}
.fs-c-productThumbnail__image__caption {
  display: none;
}
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main .fs-c-productPrice__main__price.fs-c-price .fs-c-price__value {
  font-size: 3.5rem;
  font-weight: bold;
}
.value-text {
   list-style-type: none;
}
.value-text p {
  margin: 0px 0px 5px 0px;
  color: #000;
  font-size: 14px;
}
.icon-text1 {
  background-image: url('https://wan10.itembox.design/item/circle-info-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text2 {
  background-image: url('https://wan10.itembox.design/item/shirt-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text3 {
  background-image: url('https://wan10.itembox.design/item/line.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}
.icon-text4 {
  background-image: url('https://wan10.itembox.design/item/truck-fast-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}

.fs-c-productPointDisplay__quantity {
  color: #ed293e;
}
.fs-c-productPointDisplay {
font-size: 14px;
    background: #fff;
    color: #000;
    padding: 0px;
  background-image: url('https://wan10.itembox.design/item/paw-solid.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 14px 14px;  /* アイコンの幅と高さを指定 */
  padding-left: 20px;  /* アイコンの幅に合わせる */
}



.tabs {
  width: 500px;
  margin: auto;
  flex-wrap: wrap;
  display: flex;
}
 
.tab_class {
  width: calc(100%/5);
  height: 50px;
  background-color: #eee;
  line-height: 50px;
  font-size: 15px;
  text-align: center;
  display: block;
  float: left;
  order: -1;
}
 
input[name="tab_name"] {
  display: none;
}
 
input:checked + .tab_class {
  background-color: cadetblue;
  color: aliceblue;
}
 
.content_class {
  display: none;
  width: 100%;
  border-bottom: 3px solid #eee;
  border-right: 3px solid #eee;
  border-left: 3px solid #eee;
  padding: 30px 10px;
}
 
input:checked + .tab_class + .content_class {
  display: block;
}

/* タブメニューのスタイリング */
#tabs ul {
  list-style: none;
  display: flex;
  justify-content: center; /* 横方向に中央揃え */
  margin: 0;
  padding: 0;
}
#tabs ul li {
  margin: 0 20px; /* タブ同士の間隔を調整 */
}
#tabs ul li a {
  padding: 10px 20px;
  display: block;
  font-size: 1.2em;
  color: #929292;
  font-weight: bold;
  text-decoration: none;
  position: relative; /* 疑似要素を正確に配置するために必要 */
}
/* アクティブなタブのスタイリング */
#tabs ul li a.active {
  background-color: white;
  color: black;
}
#tabs ul li a.active::after {
  content: "";
  position: absolute;
  left: 50%;  /* 中央に配置 */
  transform: translateX(-50%);  /* 精確な中央配置のための調整 */
  bottom: -2px;  /* タブ全体の下線と同じ位置にする */
  width: 50%;  /* ボーダーの長さを50%に設定 */
  border-bottom: 2px solid black;  /* アクティブなタブの下線を黒に設定 */
}
/* タブの内容 */
#tabs div {
  display: none;
  padding: 10px;
}
#tabs div.active {
  display: block;
}
}
/*ambassador*/
div {
  flex-basis: 250px;
  max-width: auto;
  min-width: auto;
}
nav[aria-label*="サイド" i] a, [class*="side" i] a { color:#000 !important; -webkit-text-fill-color:#000 !important; }
h2.caption{ color:#000 !important; -webkit-text-fill-color:#000 !important; }



/* =============================================================
「価格 ¥ 5,830 のところ」など“価格行”を完全に黒(#000)へ
- futureshop/EC一般でよく使われるクラス/IDを広めにカバー
- 元値(del/s)や補足文(small/.note)も黒で統一
================================================================ */


/* 価格コンテナ（よくある命名を網羅） */
[class*="price" i],
[id*="price" i],
[class*="amount" i],
[id*="amount" i],
.list-price, .regular-price, .sale-price,
.product-price, .item-price, .p-price, .c-price {
color:#000 !important;
-webkit-text-fill-color:#000 !important;
}


/* 子要素（数字、通貨記号、補足テキスト「のところ」等）も黒に */
[class*="price" i] *,
[id*="price" i] *,
[class*="amount" i] *,
[id*="amount" i] *,
.list-price *, .regular-price *, .sale-price *,
.product-price *, .item-price *, .p-price *, .c-price * {
color:#000 !important;
-webkit-text-fill-color:#000 !important;
}


/* 打消し価格（元値）も黒。下線/取り消し線の色も黒で統一 */
[class*="price" i] del, [id*="price" i] del,
.list-price del, .regular-price del, .sale-price del,
.product-price del, .item-price del, .p-price del, .c-price del,
[class*="price" i] s, [id*="price" i] s,
.list-price s, .regular-price s, .sale-price s,
.product-price s, .item-price s, .p-price s, .c-price s {
color:#000 !important;
text-decoration-color:#000 !important;
}


/* 補足（small / .note など）「…のところ」も黒に */
[class*="price" i] small, [id*="price" i] small,
[class*="price" i] .note, [id*="price" i] .note {
color:#000 !important;
}


/* 強制版（最終手段）：商品詳細/カード内の価格行を包括的に黒に
影響が広いので、上で効かない場合のみコメントを外してください。
.product [class*="price" i], .product [id*="price" i],
.product [class*="price" i] *, .product [id*="price" i] *{ color:#000 !important; -webkit-text-fill-color:#000 !important; }
*/

/* 画像ボタン背景を常に白に固定 */
.topnavi { --card-bg:#fff !important; }
.topnavi .topnavi__card { background:#fff !important; }

.force-black-all, .force-black-all *{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}

/* --- 最強オーバーライド：.topnavi 配下は必ず黒 --- */
.topnavi,
.topnavi * {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important; /* Safari系の強制色 */
  text-shadow:none !important;             /* 文字の白縁/影を無効化 */
  -webkit-text-stroke:0 !important;        /* 文字縁取りの解除 */
  -webkit-background-clip:initial !important;
  background-clip:initial !important;      /* 背景クリップで文字色が透ける対策 */
}

/* a要素の全状態も黒で固定 */
.topnavi a:link,
.topnavi a:visited,
.topnavi a:hover,
.topnavi a:active,
.topnavi a:focus {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}

/* ボタン/疑似ボタン化された要素も黒 */
.topnavi button,
.topnavi [role="button"] {
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}

/* SVGアイコンが currentColor を使っていない場合の保険 */
.topnavi svg {
  fill:#000 !important;
  stroke:#000 !important;
}

/* カード背景は白に固定（文字が黒でも読めるように） */
.topnavi { --card-bg:#fff !important; }
.topnavi .topnavi__card { background:#fff !important; }

/* ダークモード中も“白背景×黒文字”を維持 */
@media (prefers-color-scheme: dark){
  .topnavi { --card-bg:#fff !important; }
  .topnavi .topnavi__card { background:#fff !important; }
}

.wan-thumb::after { content:"Coming soon"; ... }
.wan-thumb--photo::after { content:none !important; }


