@charset "UTF-8";
/* ============================================================
   そのままたべられるバーリーマックス®フレーク 商品ページ用CSS
   Ver.2 マスターパターン（kdw-master-pattern.css）準拠版
   こだわり商品研究所 / Future Shop
   ベースカラー: 麦茶色 #6b4423 × オフホワイト #fdf8f0 × オレンジ #d96a1f
   方針: グラデーションなし・ベタ塗り基調（食品向け）
   プレフィックス: kdw-bmflake__（v1と同じだが構造は別）
============================================================ */

/* ── ラッパー ─────────────────────── */
.kdw-bmflake__wrap {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", sans-serif;
  line-height: 1.9;
  color: #3d2817;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 8px;
  font-size: 16px;
  box-sizing: border-box;
  background: none;
}
.kdw-bmflake__wrap *,
.kdw-bmflake__wrap *::before,
.kdw-bmflake__wrap *::after {
  box-sizing: border-box;
}
.kdw-bmflake__wrap img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ── キービジュアル・チャプター画像（カード外・独立配置） ── */
.kdw-bmflake__keyvisual {
  width: 100%;
  display: block;
  margin: 0 0 6px;
  background: none;
}
.kdw-bmflake__keyvisual img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.kdw-bmflake__chapter-img {
  width: 100%;
  display: block;
  margin: 0 0 20px;
  background: none;
}
.kdw-bmflake__chapter-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.kdw-bmflake__chapter-img--inline {
  margin: 24px 0 0;
}

/* ── 商品名バッジ（英字） ─────────── */
.kdw-bmflake__product-badge {
  display: block;
  width: fit-content;
  margin: 28px auto 14px;
  background: #fdf8f0;
  color: #6b4423;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 5px 18px;
  border-radius: 20px;
  border: 1px solid #e8d4b8;
}

/* ── 商品名 ─────────────────────── */
.kdw-bmflake__product-name {
  font-size: 26px;
  font-weight: 800;
  color: #6b4423;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.03em;
  margin: 0 0 26px;
}

/* ── リード文カード ─────────────── */
.kdw-bmflake__lead-card {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.9;
  margin: 0 0 20px;
  padding: 16px 18px;
  background: #fdf8f0;
  border: 2px solid #6b4423;
  border-radius: 10px;
  text-align: center;
  color: #3d2817;
}
.kdw-bmflake__lead-card p {
  margin: 0;
}

/* ── 目次 ────────────────────── */
.kdw-bmflake__toc {
  background: #fff;
  border: 1px solid #6b4423;
  border-radius: 8px;
  padding: 18px 14px;
  margin: 12px 0 32px;
}
.kdw-bmflake__toc-title {
  font-size: 14px;
  font-weight: bold;
  color: #6b4423;
  text-align: center;
  margin: 0 0 10px;
  letter-spacing: 0.06em;
}
.kdw-bmflake__toc-note {
  font-size: 12px;
  color: #7a5c3d;
  text-align: center;
  margin: 0 0 14px;
  padding: 8px 10px;
  background: #fdf8f0;
  border-radius: 6px;
  line-height: 1.7;
}
.kdw-bmflake__toc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kdw-bmflake__toc-list li {
  border-bottom: 1px dashed #d4b896;
  padding: 0;
}
.kdw-bmflake__toc-list li:last-child {
  border-bottom: none;
}
.kdw-bmflake__toc-list a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 4px;
  text-decoration: none;
  color: #3d2817;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  transition: background 0.2s, color 0.2s;
}
.kdw-bmflake__toc-list a:hover {
  background: #fdf8f0;
  color: #6b4423;
}
.kdw-bmflake__toc-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #6b4423;
  color: #fff;
  font-size: 10.5px;
  font-weight: bold;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  letter-spacing: 0;
}

/* ── チャプターキッカー（左上の番号＋一言） ── */
.kdw-bmflake__chapter-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 44px 4px 6px;
  color: #d96a1f;
}
.kdw-bmflake__chapter-kicker-num {
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}
.kdw-bmflake__chapter-kicker-text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding-left: 10px;
  border-left: 1px solid currentColor;
}

/* ── チャプター見出し（h2相当・ベタ塗り） ── */
.kdw-bmflake__chapter-heading {
  background: #6b4423;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 14px 18px;
  border-radius: 6px;
  margin: 0 0 14px;
  line-height: 1.55;
}
.kdw-bmflake__chapter-text {
  flex: 1 1 auto;
}

/* ── セクション見出し（h3相当・左ボーダー型） ── */
.kdw-bmflake__section-heading {
  font-size: 16px;
  font-weight: bold;
  color: #6b4423;
  border-left: 5px solid #d96a1f;
  padding: 4px 0 4px 12px;
  margin: 28px 0 12px;
  line-height: 1.5;
  background: none;
}

/* ── 数字バッジ付きリスト見出し ── */
.kdw-bmflake__badge-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #3d2817;
  margin: 24px 0 10px;
  line-height: 1.5;
}
.kdw-bmflake__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d96a1f;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  min-width: 24px;
  height: 20px;
  padding: 0 6px;
  flex-shrink: 0;
  letter-spacing: 0;
}

/* ── インナー ────────────────── */
.kdw-bmflake__inner {
  max-width: 760px;
  padding: 0 8px;
}

/* ── カード ────────────────── */
.kdw-bmflake__card {
  background: #fff;
  border: 1px solid #e8d4b8;
  border-radius: 8px;
  padding: 18px 14px;
  margin: 12px 0;
}
.kdw-bmflake__card p {
  margin: 0 0 10px;
  font-size: 15.5px;
  line-height: 1.9;
}
.kdw-bmflake__card p:last-child {
  margin-bottom: 0;
}

/* ── 補助ボックス ─────────────── */
.kdw-bmflake__aux-box {
  background: #fdf8f0;
  border: 1px solid #e8d4b8;
  border-radius: 8px;
  padding: 14px 12px;
  margin: 10px 0;
  font-size: 15px;
  line-height: 1.8;
  color: #444;
}
.kdw-bmflake__aux-box p {
  margin: 0;
}

/* ── マーカー強調（黄色ベタ塗り） ── */
.kdw-bmflake__marker {
  background: #fff3a8;
  font-weight: bold;
  color: #3d2817;
  padding: 0 2px;
}

/* ── 強調テキスト（オレンジ） ── */
.kdw-bmflake__em {
  color: #d96a1f;
  font-weight: bold;
}

/* ── 番号バッジ付き縦リスト（3種類の食物繊維など） ── */
.kdw-bmflake__numlist {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
}
.kdw-bmflake__numlist li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fdf8f0;
  border: 1px solid #e8d4b8;
  border-radius: 8px;
  padding: 12px 14px;
  margin: 0 0 10px;
  font-size: 15.5px;
  line-height: 1.7;
}
.kdw-bmflake__numlist li:last-child {
  margin-bottom: 0;
}
.kdw-bmflake__numlist-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background: #d96a1f;
  color: #fff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}
.kdw-bmflake__numlist-body {
  flex: 1;
}
.kdw-bmflake__numlist-key {
  color: #d96a1f;
  font-weight: 700;
}

/* ── 数値強調ボックス ── */
.kdw-bmflake__numbox {
  background: #fdf8f0;
  border: 2px solid #d96a1f;
  border-radius: 10px;
  padding: 14px 18px;
  margin: 16px 0 0;
  text-align: center;
  font-size: 15.5px;
  color: #3d2817;
  line-height: 1.85;
}
.kdw-bmflake__numbox-big {
  color: #d96a1f;
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  margin: 0 2px;
}
.kdw-bmflake__numbox-sub {
  font-size: 13.5px;
  color: #7a5c3d;
}

/* ── 仕切り線（本文中hr自動整形） ── */
.kdw-bmflake__wrap hr {
  border: none;
  border-top: 1px dashed #d4b896;
  height: 0;
  margin: 16px 0;
}

/* ===== モバイル対応 ===== */
@media screen and (max-width: 600px) {
  .kdw-bmflake__wrap {
    padding: 0 4px;
  }
  .kdw-bmflake__inner {
    padding: 0 4px;
  }
  .kdw-bmflake__chapter-heading {
    font-size: 17px;
  }
  .kdw-bmflake__chapter-kicker-num {
    font-size: 20px;
  }
  .kdw-bmflake__chapter-kicker-text {
    font-size: 13.5px;
  }
}