/********************************************
 *なにいろ商品ページカラバリモーダル
 ********************************************/
/* ===== モーダル ===== */
.c-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.55);z-index:9999}
.c-modal.is-show{display:flex}
.c-modal__panel{background:#fff;border-radius:16px;max-width:360px;width:92%;padding:16px 16px 18px;box-shadow:0 10px 30px rgba(0,0,0,.15);position:relative}
.c-modal__close{position:absolute;top:8px;right:10px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer}
.c-modal__imgWrap{border-radius:12px;overflow:hidden;margin-bottom:10px}
.c-modal__imgWrap img{display:block;width:100%;height:auto}
.c-modal__label{font-weight:700;margin:6px 0 2px;text-align:center}
.c-modal__cap{font-size:.95em;color:#555;text-align:center;margin:0 0 8px}

/* ===== タグ：吹き出し（上向き固定） ===== */
.tagline-bubble{
  --bg:#f7f7f7; --fg:#555; --shadow:rgba(0,0,0,.08);
  display:inline-flex; flex-wrap:wrap; gap:6px; background:var(--bg); color:var(--fg);
  border-radius:14px; padding:10px 12px; margin:6px auto 0; line-height:1; font-size:.9em;
  position:relative; box-shadow:0 2px 8px var(--shadow); max-width:100%;
}
.tagline-bubble>span{background:#fff;border-radius:999px;padding:6px 10px;box-shadow:inset 0 0 0 1px #e9e9e9}
.tagline-bubble::after{content:"";position:absolute;width:12px;height:12px;background:var(--bg);transform:rotate(45deg);box-shadow:-2px -2px 6px var(--shadow);top:-6px;left:40px}

/* 色別の淡色トーン */
.is-charcoal { --bg:#f0f0f0; --fg:#444; }
.is-offwhite { --bg:#faf9f6; --fg:#555; }
.is-babypink { --bg:#fff1f4; --fg:#844; }
.is-beige    { --bg:#f9f5ef; --fg:#654; }
.is-gray     { --bg:#f3f3f6; --fg:#444; }
.is-peachpink{ --bg:#ffecee; --fg:#844; }
.is-lightblue{ --bg:#eef8ff; --fg:#345; }
.is-navy     { --bg:#f0f6fb; --fg:#234; }
.is-mustard  { --bg:#fff8e0; --fg:#654; }

<style>

/* 画像の切れ対策：比率キープ＋原寸優先表示 */
.c-modal__imgWrap img{width:100%; height:auto; aspect-ratio: 4/3; object-fit: contain}

/* ローディング中の薄いプレースホルダ */
.c-modal__imgWrap.is-loading::before{
  content:""; position:absolute; inset:0; border-radius:12px;
  background:linear-gradient(90deg,#f3f3f3 25%,#f8f8f8 37%,#f3f3f3 63%);
  background-size:400% 100%; animation:shmr 1.1s infinite; display:block
}
@keyframes shmr{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* サムネが“押せる”ことを伝えるラベル */
.colorVariation li{position:relative}
.colorVariation li .item-img{position:relative}
.colorVariation li .item-img::after{
  content:"タップで見る"; position:absolute; right:6px; bottom:6px;
  font-size:.75em; background:rgba(0,0,0,.55); color:#fff;
  padding:3px 8px; border-radius:10px; opacity:0; transition:.2s
}
.colorVariation li[role="button"]{cursor:pointer}
.colorVariation li[role="button"]:hover .item-img::after,
.colorVariation li[role="button"]:focus .item-img::after{opacity:1}
</style>







/* —————— プラス購入コーナー —————— */
#addons {
  background: #FAFCF9; /* うっすら緑寄りの背景で他セクションと差別化 */
  padding: 3rem 1rem;
}
#addons .page-category__title {
  text-align: center;
  margin-bottom: 1.5rem;
}
.addons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.addon-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  padding: 1rem;
  text-align: center;
}
.addon-img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: .75rem;
}
.addon-title {
  font-size: 1rem;
  font-weight: 600;
  margin: .5rem 0;
}
.addon-price {
  font-size: .9rem;
  color: #E85B3C;
  margin-bottom: .5rem;
}
.addon-desc {
  font-size: .85rem;
  color: #555;
  margin-bottom: 1rem;
}
.addon-btn a {
  display: inline-block;
  background: #EF9F35;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 4px;
  font-size: .85rem;
  text-decoration: none;
}
/* スマホ対応 */
@media (max-width: 600px) {
  .addons-grid {
    grid-template-columns: 1fr;
  }
}


/* 比較表のボーダー設定 */
.compare-table {
  width: 100%;
  border-collapse: collapse; /* セルの重なりをなくす */
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.compare-table th,
.compare-table td {
  border: 1px solid #e0e0e0;  /* 全セルに薄いグレーの罫線 */
  padding: .75rem;
  text-align: center;
}
.compare-table th {
  background: #fafafa;         /* ヘッダだけ薄い背景を付ける */
  border-bottom: 2px solid #ccc; /* ヘッダ下はちょっと濃いめの線 */
  font-weight: 600;
}
.compare-table tbody tr:nth-child(even) {
  background: #fcfcfc;          /* 偶数行だけ薄いストライプを入れる */
}




/*オプション価格の項目名の文字色変更*/
.fs-c-productOption__label{
color: #fc857d;
}

/*定価に取消線を入れる*/
.fs-c-productPrice--listed .fs-c-price {
    text-decoration: line-through;
}

/*　コラムパーツの画像を中央寄せにする*/
.enichi_bnr .fs-pt-column__image > img {
    margin: 0 auto;
} 

.enichi_bnr {
text-align: center;
}

/*　削除/あとで買うの文字サイズ変更（スマホ）*/

@media (max-width:375px) {
  #fs_ShoppingCart .fs-c-cartTable__actionButton {
    font-size: 18px;
  } 
 }

/*　「通信欄の初期値」の文字サイズ変更（スマホ）*/

@media (max-width:375px) {
  #fs_CheckoutWithMultiAddress .fs-c-checkout-confirmationContent {
    font-size: 18px;
  } 
 }

/* 項目選択肢のfontsize指定 */ 
.fs-c-productSelection .fs-c-dropdown__menu {
    font-size: 16px;
}

/* オプション価格のfontsize指定 */ 
.fs-c-productOption .fs-c-dropdown__menu {
    font-size: 16px;
}

/* 項目選択肢のfontsize指定2 */ 
.fs-c-productSelection .fs-c-productSelection__field { 
    font-size: 16px; 
} 

/* バリエーションのfontsize指定 */ 
.fs-c-variationAndActions__variation .fs-c-dropdown__menu { 
    font-size: 16px; 
} 

/* 会員規約チェックボックスのfontsize指定 */ 
.fs-c-checkbox__checkMark {
    font-size: 16px; 
} 

.fs-c-checkbox__labelText {
    font-size: 16px; 
}


/* 在庫切れ・入荷待ちフォントサイズ */ 
.fs-c-variationCart__variationName__shippingDate {
    font-size: 16px; 
}

/*ご注文手続き画面のフリガナ表記を調整するCSS*/
.fs-c-checkout-customerInfo__name > ruby {
    display: ruby;
}

/*　高額購入割引の送料の文字色・サイズの変更　*/
.fs-c-cartDiscountInfo--postage .fs-c-cartDiscountInfo__info{
font-size: 18px; 
color: #FF0000;
line-height: 120%;
font-weight: bold;
}