/********************************************
 * ▼ スマホ用フローティングバー（LINE＋カート）
 *   高さ：約60px / フォント16px / アイコン22px
 ********************************************/
.floting {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  z-index: 9999;
  background: #fff;
  border-top: 1px solid #e6e2da;
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0 -6px 18px rgba(0,0,0,.06);
  font-family: system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}

.floting-inner {
  display: flex !important;
  width: 100% !important;
  gap: 0 !important;
}

/* ▼ ボタン共通：高さ/文字/余白を拡大 */
.floting-btn {
  flex: 1 1 0% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: .6rem;                     /* アイコンと文字の間隔 */
  padding: 1.2rem .7rem !important; /* 上下1.2remで約60pxの厚み */
  font-weight: 700;
  font-size: 16px;                /* 15px → 16px */
  text-decoration: none;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* ▼ アイコン：22pxに拡大（高精細でもくっきり） */
.floting-btn img,
.icon-line,
.icon-cart {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0;
}

.floting-btn__label { line-height: 1; }

/* ▼ 左：LINE（控えめトーン） */
.floting-btn--line {
  background: #f7f5ef;
  color: #333;
  border-right: 1px solid #ddd;
}

/* ▼ 右：カート（はっきり目立たせる黄色系） */
.floting-btn--cart {
  background: #EF9F35;           /* 以前の黄みオレンジ */
  color: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15); /* ほんのり持ち上げ効果 */
}
.floting-btn--cart:hover { background: #e68a10; }

/********************************************
 * ▼ PC用：右下フローティングカート
 ********************************************/
.pc-floating-cart {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10000;
  display: none;          /* デフォは非表示 → PCで表示 */
  line-height: 0;
}
.pc-floating-cart img {
  display: block;
  width: 84px;            /* サイズは調整可 */
  height: auto;
}

/********************************************
 * ▼ デバイス切り替え
 ********************************************/
/* スマホ：バー表示 / PC：丸カート表示 */
@media (min-width: 768px) {
  .floting { display: none !important; }
  .pc-floating-cart { display: block; }
}





/* —————— プラス購入コーナー —————— */
#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;
}