/* ROCODILEC ブランド上書き（日本語書体の明示指定）
   テーマ既定は Abhaya Libre / B612 Mono でどちらも日本語非対応のためフォールバックしていた。
   テーマのCSS変数を直接差し替えることで全セクションに一括適用する。 */
:root {
  --rcd-mincho: "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "HGS明朝E", serif;
  --rcd-gothic: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Sans", "Meiryo", sans-serif;
  --rcd-gold: #A88A4F;
  --rcd-line: #EFE9DA;
  --rcd-sub: #6B6252;

  --sort-title-font: var(--rcd-mincho) !important;
  --sort-title-font-mobile: var(--rcd-mincho) !important;
  --sort-body-font: var(--rcd-gothic) !important;
  --sort-body-font-mobile: var(--rcd-gothic) !important;
}

/* 見出しは明朝＋やや広めの字間（ブランド規定 .08em前後） */
h1, h2, h3, h4, h5, h6,
.title0, .title1, .title2, .title3, .title4, .title5, .title6 {
  font-family: var(--rcd-mincho);
  letter-spacing: .08em;
}

body {
  font-family: var(--rcd-gothic);
}


/* ===== 商品説明エリア（body_html）の装飾 =====
   商品ごとの説明文・仕様表を、ブランドのトンマナで整える。 */

/* テーマ側が商品名を既に表示しているため、説明文内の重複見出しは隠す */
.product-description h2 { display: none; }

.product-description h3 {
  font-family: var(--rcd-mincho);
  font-size: 1.02rem;
  font-weight: 600;
  letter-spacing: .08em;
  margin: 2.2em 0 .9em;
  padding-bottom: .5em;
  border-bottom: 1px solid var(--rcd-line);
  position: relative;
}
/* 見出し下のゴールド罫（アクセントは控えめに） */
.product-description h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 2.4em;
  height: 1px;
  background: var(--rcd-gold);
}

.product-description ul { padding-left: 1.25em; margin: .6em 0; }
.product-description li { margin: .45em 0; line-height: 1.9; }

/* 仕様表 */
.product-description table {
  width: 100%;
  border-collapse: collapse;
  margin: .4em 0 0;
  font-size: .93em;
}
.product-description th {
  width: 7em;
  white-space: nowrap;      /* 「サイズ」等が縦に割れるのを防ぐ */
  text-align: left;
  vertical-align: top;
  font-weight: 500;
  color: var(--rcd-sub);
  background: #FAF8F2;
  padding: .8em .9em;
  border-bottom: 1px solid var(--rcd-line);
}
.product-description td {
  padding: .8em .9em;
  line-height: 1.8;
  border-bottom: 1px solid var(--rcd-line);
}
.product-description table tr:first-child th,
.product-description table tr:first-child td { border-top: 1px solid var(--rcd-line); }

@media (max-width: 749px) {
  .product-description th { width: 5.5em; font-size: .92em; padding: .7em .6em; }
  .product-description td { padding: .7em .6em; }
  .product-description h3 { font-size: .98rem; margin: 1.8em 0 .7em; }
}


/* ===== 出荷予定日 ===== */
.rcd-ship{
  display:flex; align-items:center; gap:.45em;
  color:var(--rcd-sub); line-height:1.3;
}
.rcd-ship__icon{ width:1.15em; height:1.15em; flex:0 0 auto; color:var(--rcd-gold); }

/* 日付＝赤・太字・「出荷予定」の倍サイズ */
.rcd-ship__date{
  color:#C8102E;
  font-weight:700;
  font-size:2em;
  line-height:1;
  letter-spacing:.01em;
}
.rcd-ship__wd{ color:#C8102E; font-weight:700; margin-left:.05em; }

/* 商品詳細: 購入ボタンの上 */
.rcd-ship--detail{
  font-size:.92rem; margin:0 0 .8em;
  padding:.75em .9em;
  background:#FAF8F2; border:1px solid var(--rcd-line);
}
/* 一覧カード: 控えめに */
.rcd-ship--card{ font-size:.74rem; margin-top:.45em; }
@media (max-width:749px){
  .rcd-ship--card{ font-size:.68rem; }
  .rcd-ship--detail{ font-size:.88rem; }
}

/* ===== ヒマラヤ染め特集（featured-recommend-products）: スマホで横はみ出し対策 2026-10-12 =====
   縦積み＋align-items:center のため、幅autoの子（見出し＋商品スライダー）がスライダーの中身幅(約506px)まで
   広がり、画面の左右にはみ出してページ全体が横スクロールしていた。画面幅に収める。 */
@media (max-width:959px){
  .featured-recommend-products .page-width > div > *{
    align-self:stretch;
    width:auto !important;
    max-width:100%;
    min-width:0;
  }
  .featured-recommend-products .page-width > div{ overflow:hidden; }
}