@charset "utf-8";
/* ============================================================
   濁り りんご酢「細雪」  nigori-ringosu.css
   接頭辞 : kdw-ringosu__
   方式   : アレイ方式 食品版（暖色のみ・グラデーション不使用）
   配置先 : https://www.kodawari-net.com/img/css/nigori-ringosu.css
   ============================================================ */

/* ---- ラッパー：フォント設定のみ・背景なし ---- */
.kdw-ringosu__wrap{
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,sans-serif;
  line-height:1.9;
  color:#333;
  background:none;
}
.kdw-ringosu__wrap *{box-sizing:border-box;}

/* ---- 幅制限・中央寄せ ---- */
.kdw-ringosu__inner{
  max-width:760px;
  margin:0 auto;
  padding:0 8px;
}

/* ---- キービジュアル / チャプター画像：inner の外・全幅 ---- */
.kdw-ringosu__keyvisual,
.kdw-ringosu__chapter-img{
  width:100%;
  background:none;
  text-align:center;
}
.kdw-ringosu__keyvisual img,
.kdw-ringosu__chapter-img img{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.kdw-ringosu__chapter-img{margin:30px auto 4px;}

/* ---- 商品名：装飾なし・中央プレーン（font-sizeはHTML側インライン）---- */
.kdw-ringosu__pname{
  text-align:center;
  font-weight:bold;
  letter-spacing:0.04em;
  color:#222;
  margin:18px 0 22px;
  line-height:1.5;
}

/* ---- 見出し h2：赤ベタ・白抜き・番号バッジ（白抜きは1セクション1つ）---- */
.kdw-ringosu__h2{
  display:flex;
  align-items:center;
  gap:12px;
  background:#b8342a;
  color:#fff;
  margin:0 0 18px;
  padding:13px 15px 13px 13px;
  border-radius:8px;
  font-size:19px;
  font-weight:bold;
  line-height:1.45;
}
.kdw-ringosu__num{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  color:#b8342a;
  font-size:16px;
  font-weight:bold;
}

/* ---- カード：囲み枠なし・背景色のみ（上下の区切りは独立 <hr class="kdw-ringosu__hr"> で配置）---- */
.kdw-ringosu__card{
  background:#fdfbf7;
  border:0;
  border-radius:0;
  padding:18px 14px;
  margin:14px 0;
}
.kdw-ringosu__card > p{margin:0;}
/* 商品名直下のリード（小見出し扱い）は枠ありに戻す */
.kdw-ringosu__card--intro{
  border:1px solid #e7ddd0;
  border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
}

/* ---- 強調ボックス：左縦線なし・タイトル下に赤の横区切り線 ---- */
.kdw-ringosu__box{
  background:#f7efe2;
  border:1px solid #e6d7bf;
  border-radius:6px;
  padding:14px 12px;
  margin:16px 0;
}
.kdw-ringosu__box > p{margin:0;}
.kdw-ringosu__box-title{
  text-align:center;
  font-weight:bold;
  color:#9c2c22;
  font-size:17px;
  margin:0 0 12px;
  padding:0 0 8px;
  border-bottom:2px solid #b8342a;
}

/* ---- 機能性表示「届出box」：アンバー枠で差別化 ---- */
.kdw-ringosu__todoke{
  background:#fbf6ea;
  border:1px solid #d8b659;
  border-left:5px solid #c89638;
  border-radius:6px;
  padding:14px 12px;
  margin:16px 0;
}
.kdw-ringosu__todoke > p{margin:0;}
.kdw-ringosu__todoke-label{
  font-weight:bold;
  color:#8a6a17;
  margin:0 0 4px;
}

/* ---- 点線区切り ---- */
.kdw-ringosu__hr{
  border:0;
  border-top:1px dashed #ccc;
  margin:14px 0;
}

/* ---- マーカー（黄色・ベタ）/ 強調文字（赤）---- */
.kdw-ringosu__marker{background-color:#fbeeb8;padding:0 2px;}
.kdw-ringosu__em{color:#ba372a;font-weight:bold;}
.kdw-ringosu__em2{color:#e03e2d;}

/* ---- 音声ナレーションカード ---- */
.kdw-ringosu__audio{
  background:#fdf3ec;
  border:1px solid #ecc9b3;
  border-radius:10px;
  padding:16px 14px;
  margin:0 0 26px;
  text-align:center;
}
.kdw-ringosu__audio-label{
  font-weight:bold;
  color:#b8342a;
  margin:0 0 8px;
}
.kdw-ringosu__audio audio{max-width:100%;}

/* ---- 目次 ---- */
.kdw-ringosu__toc{
  background:#fdfbf7;
  border:1px solid #e7ddd0;
  border-radius:10px;
  padding:18px 16px;
  margin:0 0 30px;
}
.kdw-ringosu__toc-ttl{
  text-align:center;
  font-weight:bold;
  color:#b8342a;
  letter-spacing:0.06em;
  margin:0 0 12px;
}
.kdw-ringosu__toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;}
.kdw-ringosu__toc li{counter-increment:toc;margin:0;}
.kdw-ringosu__toc a{
  display:flex;
  align-items:center;
  gap:10px;
  color:#333;
  text-decoration:none;
  padding:9px 4px;
  border-bottom:1px dashed #e3d8c8;
}
.kdw-ringosu__toc li:last-child a{border-bottom:0;}
.kdw-ringosu__toc a:before{
  content:counter(toc,decimal-leading-zero);
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#b8342a;
  color:#fff;
  font-size:13px;
  font-weight:bold;
}

/* ---- 「目次に戻る」ボタン（idはこのdivに付与）---- */
.kdw-ringosu__backtotoc{text-align:right;margin:28px 0 8px;}
.kdw-ringosu__backtotoc a{
  display:inline-block;
  font-size:13px;
  color:#b8342a;
  text-decoration:none;
  border:1px solid #e0c4bd;
  border-radius:20px;
  padding:4px 14px;
  background:#fdf3ec;
}

/* ---- お召し上がり方 ● リスト ---- */
.kdw-ringosu__usage > p{margin:0;}

/* ---- レスポンシブ（スマホ）---- */
@media screen and (max-width:600px){
  .kdw-ringosu__inner{padding:0 4px;}
  .kdw-ringosu__h2{font-size:17px;padding:12px 12px 12px 11px;}
  .kdw-ringosu__num{width:30px;height:30px;font-size:14px;}
  .kdw-ringosu__card{padding:18px 12px;}
  .kdw-ringosu__box,
  .kdw-ringosu__todoke{padding:14px 10px;}
}