@charset "UTF-8";
/* ============================================================
   f-kurozu.css
   福山酢醸造 玄米黒酢（900ml）
   アレイ方式 食品版 派生「トマト方式」 / 温色のみ・グラデーションなし
   接頭辞: kdw-kurozu__
   ※目次なし版
============================================================ */

/* wrap : フォント設定のみ・背景なし -------------------------- */
.kdw-kurozu__wrap{
  max-width:760px;
  margin:0 auto;
  background:none;
  color:#333;
  font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
  line-height:1.9;
  font-size:16px;
  -webkit-text-size-adjust:100%;
}
.kdw-kurozu__wrap img{ max-width:100%; height:auto; display:block; }

/* inner : カードを収める内側枠 ------------------------------ */
.kdw-kurozu__inner{
  max-width:760px;
  margin:0 auto;
  padding:0 8px;
  box-sizing:border-box;
}

/* keyvisual / chapter : カード外・全幅の写真 ----------------- */
.kdw-kurozu__keyvisual{ margin:0 0 6px; }
.kdw-kurozu__keyvisual img{ margin:0 auto; }
.kdw-kurozu__chapter{ margin:18px 0; }
.kdw-kurozu__chapter img{ margin:0 auto; }

/* 商品名 : 装飾なしのプレーンテキスト中央 -------------------- */
.kdw-kurozu__pname{
  text-align:center;
  font-weight:bold;
  color:#333;
  line-height:1.5;
  letter-spacing:0.04em;
  margin:6px 0 16px;
}

/* リード直下の小見出し（背景＋左アクセント・太字） ---------- */
.kdw-kurozu__lead{
  background:#fbf4ea;
  border-left:5px solid #d94530;
  border-radius:6px;
  padding:14px 16px;
  margin:0 0 6px;
}
.kdw-kurozu__lead p{ margin:0; font-weight:bold; line-height:1.8; font-size:16px; }

/* セクション見出し（白抜き・各セクション1つまで） ----------- */
.kdw-kurozu__h2{
  display:flex;
  align-items:center;
  gap:12px;
  background:#d94530;
  border-left:6px solid #b5552e;
  border-radius:8px;
  color:#fff;
  font-size:18px;
  font-weight:bold;
  line-height:1.5;
  padding:13px 15px;
  margin:28px 0 14px;
}
.kdw-kurozu__num{
  flex:0 0 auto;
  width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  background:#fff;
  color:#d94530;
  border-radius:50%;
  font-size:16px;
  font-weight:bold;
}
.kdw-kurozu__htext{ flex:1 1 auto; }
.kdw-kurozu__kicker{
  display:block;
  font-size:11px;
  letter-spacing:0.08em;
  color:#ffe1c4;
  font-weight:bold;
  margin:0 0 2px;
}

/* 本文テキスト : 枠なし（区切り線は独立した <hr class="kdw-kurozu__hr"> で配置） */
.kdw-kurozu__card{
  padding:0 6px;
  margin:10px 0;
}
.kdw-kurozu__card p{ margin:0 0 1em; font-size:16px; }
.kdw-kurozu__card p:last-child{ margin-bottom:0; }

/* 強調 ------------------------------------------------------ */
.kdw-kurozu__red{ color:#e03e2d; font-weight:bold; }
.kdw-kurozu__mark{ background:#ffeb99; font-weight:bold; }
.kdw-kurozu__hl{ color:#ffe27a; font-weight:bold; } /* 赤バンド内の強調用 */

/* 注記 ------------------------------------------------------ */
.kdw-kurozu__note{
  font-size:13px;
  color:#7a7367;
  margin:6px 0 0;
}

/* 仕切り ---------------------------------------------------- */
.kdw-kurozu__hr{
  border:0;
  border-top:1px dotted #d9c3a6;
  margin:14px 0;
}

/* ===== モバイル ===== */
@media screen and (max-width:600px){
  .kdw-kurozu__wrap{ font-size:15.5px; }
  .kdw-kurozu__inner{ padding:0 4px; }       /* 左右余白を縮小（8px→4px） */
  .kdw-kurozu__lead{ padding:13px 13px; }
  .kdw-kurozu__lead p{ font-size:15.5px; }
  .kdw-kurozu__card{ padding:0 4px; }      /* 本文左右を 6px→4px に */
  .kdw-kurozu__card p{ font-size:15.5px; }
  .kdw-kurozu__h2{ font-size:16px; padding:12px 11px; gap:10px; }
  .kdw-kurozu__num{ width:27px; height:27px; font-size:15px; }
  .kdw-kurozu__chapter{ margin:14px 0; }
}