@charset "UTF-8";
/* ============================================================
   tohma-to.css
   北海道当麻町産 有機トマトジュース（王様トマト マイロック・無塩）1000ml
   アレイ方式 食品版 / 温色のみ・グラデーションなし
   接頭辞: kdw-tohma__
   ※目次あり／なし 共通CSS
============================================================ */

/* wrap : フォント設定のみ・背景なし -------------------------- */
.kdw-tohma__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-tohma__wrap img{ max-width:100%; height:auto; display:block; }

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

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

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

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

/* セクション見出し（白抜き・各セクション1つまで） ----------- */
.kdw-tohma__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-tohma__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-tohma__htext{ flex:1 1 auto; }
.kdw-tohma__kicker{
  display:block;
  font-size:11px;
  letter-spacing:0.08em;
  color:#ffe1c4;
  font-weight:bold;
  margin:0 0 2px;
}

/* 本文テキスト : 枠なし＋上下に点線区切り ------------------ */
.kdw-tohma__card{
  border-top:1px dotted #d9c3a6;
  border-bottom:1px dotted #d9c3a6;
  padding:14px 6px;
  margin:8px 0;
}
.kdw-tohma__card p{ margin:0 0 1em; }
.kdw-tohma__card p:last-child{ margin-bottom:0; }

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

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

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

/* ===== モバイル ===== */
@media screen and (max-width:600px){
  .kdw-tohma__wrap{ font-size:15.5px; }
  .kdw-tohma__lead{ padding:13px 14px; }
  .kdw-tohma__card{ padding:13px 6px; }
  .kdw-tohma__h2{ font-size:16px; padding:12px 12px; gap:10px; }
  .kdw-tohma__num{ width:27px; height:27px; font-size:15px; }
  .kdw-tohma__chapter{ margin:14px 0; }
}