{"title":"薬草茶｜自然素材・無添加｜体質改善・冷え性・健康サポート｜漢方薬局 下田康生堂","description":"\u003cp data-start=\"453\" data-end=\"534\" class=\"\"\u003e【自然素材・無添加】にこだわった「薬草茶」シリーズは、漢方薬局 下田康生堂が厳選した伝統素材を使用し、現代人の体質やライフスタイルに合わせてご提案しています。\u003c\/p\u003e\n\u003cp data-start=\"541\" data-end=\"599\" class=\"\"\u003e朝鮮人参、はとむぎ、なつめなど、古来より健康維持に用いられてきた自然素材を、飲みやすく手軽なお茶に仕上げました。\u003c\/p\u003e\n\u003cp data-start=\"606\" data-end=\"669\" class=\"\"\u003e体質改善、冷え性、疲労回復、健康維持を目指す方へ。\u003cbr data-start=\"631\" data-end=\"634\"\u003e毎日の健康習慣として、無理なく自然の力を取り入れてみませんか。\u003c\/p\u003e\n\u003cp data-start=\"676\" data-end=\"705\" class=\"\"\u003eあなたの健やかな毎日を、私たち下田康生堂がお手伝いします。\u003c\/p\u003e","products":[{"product_id":"chousen-ninjin-cha","title":"朝鮮人参茶｜六年根紅参の深い滋味｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"朝鮮人参茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"含まれていません。ノンカフェインですので、時間帯を問わずお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"どうやって飲むのがおすすめですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"パックのまま湯煎で2〜3分温めるか、中身を耐熱容器に移して電子レンジで温めてください。そのまま飲んでも、白湯で割ってもお楽しみいただけます。苦味が気になる場合は、はちみつを少量加えるとまろやかになります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？注意が必要な方はいますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中・授乳中の方、高血圧やホルモンに関わる疾患で治療中の方、お薬を服用中の方は、ご使用前に医師または薬剤師にご相談ください。体質により向き不向きがありますので、ご不安な方は専門家にご相談のうえお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/chousen-ninjin-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e朝鮮人参茶（チョウセンニンジン・高麗人参）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 長白山の六年根紅参を、大棗（なつめ）とともにじっくり煮出して\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e長白山産の六年根紅参を、大棗（なつめ）とともに専用釜でじっくり煮出した抽出液パックです。紅参のほろ苦さを、なつめの穏やかな甘みがやさしく包んだ、深い滋味の一杯。ノンカフェインで時間帯を選びません。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e紅参やなつめの深い味わいを好む方\u003c\/li\u003e\n      \u003cli\u003e和漢の素材を手軽に日常へ取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eノンカフェインのお茶を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e温めて注ぐと、濃い琥珀色の一杯が現れます。紅参特有の力強い香りとほろ苦さを、大棗（なつめ）の穏やかな甘みがやわらげ、奥行きのある滋味に仕上がっています。そのままはもちろん、白湯で割るとよりまろやかな口当たりに。苦味が気になる方は、はちみつを少量加えるのもおすすめです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 飲み方（抽出液パック・簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい飲み方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e湯煎\u003c\/p\u003e\n      \u003cp\u003e鍋にお湯を沸かし、パックを袋のまま入れて2〜3分温め、カップに注いでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e電子レンジ\u003c\/p\u003e\n      \u003cp\u003eパックの中身を耐熱容器に移し、500Wで40〜50秒ほど温めます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアレンジ\u003c\/p\u003e\n      \u003cp\u003e白湯で割るとまろやかに。苦味が気になる方は、はちみつを少量加えると飲みやすくなります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e抽出朝鮮人参茶\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e80ml（1パック）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e煮出し抽出液パック\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国（長白山）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e200円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 本品にも合わせている定番。まろやかな甘みが紅参のほろ苦さを包みます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ほのかにフルーティーな甘みで、飲みやすい甘みブレンドに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/keninjin\"\u003e朝鮮人参ひげ根茶（参須）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 同じ紅参由来の細根。穏やかで丸みのあるコクが厚みを添えます\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e朝鮮人参茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e含まれていません。ノンカフェインですので、時間帯を問わずお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eどうやって飲むのがおすすめですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eパックのまま湯煎で2〜3分温めるか、中身を耐熱容器に移して電子レンジで温めてください。そのまま飲んでも、白湯で割ってもお楽しみいただけます。苦味が気になる場合は、はちみつを少量加えるとまろやかになります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？注意が必要な方はいますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中・授乳中の方、高血圧やホルモンに関わる疾患で治療中の方、お薬を服用中の方は、ご使用前に医師または薬剤師にご相談ください。体質により向き不向きがありますので、ご不安な方は専門家にご相談のうえお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記（テンプレート固定） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10b. 商品固有の安全注記（朝鮮人参） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e朝鮮人参は体質や持病により向き不向きがあります。高血圧やホルモンに関わる疾患で治療中の方、お薬を服用中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50228701069609,"sku":null,"price":200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/0885ed6dd90e68a9a3de9fbcaf8ab92e.jpg?v=1696140246"},{"product_id":"senburi-tea","title":"抽出せんぶり茶｜日本三大民間薬の伝統｜下田康生堂","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"せんぶり茶はどのくらい苦いですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"非常に強い苦味があります。「千回振り出しても苦い」が名前の由来になるほどです。初めての方は少量からお試しいただくことをおすすめします。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e抽出せんぶり茶（センブリ茶・千振茶）\u003cspan class=\"product-subtitle\"\u003e日本三大民間薬のひとつ ── 千回振り出してもなお苦い、伝統の一杯\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eせんぶりは、ドクダミ・ゲンノショウコとともに「日本三大民間薬」に数えられる日本固有の薬草です。その名は「千回振り出しても苦い」に由来し、江戸時代から暮らしの中で親しまれてきました。下田康生堂の「抽出せんぶり茶」は、長野県産のせんぶりをじっくり煎じた液をパックに詰めた、手軽にお召し上がりいただける一杯です。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e日本の伝統的な薬草文化に興味のある方\u003c\/li\u003e\n      \u003cli\u003e自然素材を日々の暮らしに取り入れたい方\u003c\/li\u003e\n      \u003cli\u003e「良薬は口に苦し」を体感してみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eひと口飲めば、その強烈な苦味に驚かれるかもしれません。「千回振り出しても苦い」という名の通り、せんぶりの苦味は他のお茶とは一線を画します。しかし、この苦味こそがせんぶりの最大の特徴であり、古くから大切にされてきた持ち味です。初めての方は、まず少量からお試しください。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい飲み方 ─── --\u003e\n  \u003ch4\u003eおいしい飲み方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003eパックを開封し、そのままお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e湯煎\u003c\/p\u003e\n      \u003cp\u003e鍋にお湯を沸かし、パックを袋のまま入れて2〜3分温めてください。カップに注いでそのままお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e電子レンジ\u003c\/p\u003e\n      \u003cp\u003eパックの中身を耐熱容器に移し、500Wで40〜50秒ほど温めてください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eせんぶり（千振）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e80cc\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e煎じ液パック\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e長野県産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1包 100円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eせんぶり茶はどのくらい苦いですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e非常に強い苦味があります。「千回振り出しても苦い」が名前の由来になるほどです。初めての方は少量からお試しいただくことをおすすめします。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. 説明ページ誘導 ─── --\u003e\n  \u003cdiv class=\"detail-link-box\"\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/senburi\" class=\"detail-link\"\u003e\n      この素材についてもっと詳しく知る →\n    \u003c\/a\u003e\n    \u003cp class=\"detail-link-sub\"\u003eせんぶりの歴史・特徴・よくある質問などをご紹介しています\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v2\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 飲み方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  white-space: nowrap;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── 説明ページ誘導 ── *\/\n.kampo-product .detail-link-box {\n  text-align: center;\n  margin: 28px 0 24px;\n  padding: 20px 16px;\n  background: var(--color-bg-warm);\n  border: 1px solid var(--color-border);\n  border-radius: 6px;\n}\n.kampo-product .detail-link-box .detail-link {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 2px;\n  transition: opacity 0.2s;\n}\n.kampo-product .detail-link-box .detail-link:hover {\n  opacity: 0.75;\n}\n.kampo-product .detail-link-box .detail-link-sub {\n  font-size: 12px;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n}\n\u003c\/style\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50228687798569,"sku":null,"price":100.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/f73a22ac26036e2b7b447c08c6d746c2.jpg?v=1696141254"},{"product_id":"kenko-cha","title":"健康茶｜11種の和漢素材ブレンド｜下田康生堂","description":"\u003c!-- 健康茶（けんこうちゃ）商品説明｜Shopify「説明」欄に raw HTML として貼り付け --\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD）※本文FAQと3問一致 --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"健康茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はい、烏龍茶が含まれているためカフェインを含みます。カフェインが気になる方は、就寝直前の飲用はお控えください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"どんな素材が入っていますか？アレルギーが心配です。\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"烏龍茶、どくだみ、ハブ茶（決明子）、柿の葉、よもぎ、炙甘草、あまちゃづる（絞股藍）、陳皮、枸杞葉、熊笹、はとむぎ（薏苡仁）の11種を使用しています。イネ科（はとむぎ・熊笹）、キク科（よもぎ）、ナス科（枸杞葉）の植物を含みますので、アレルギーのある方はご注意ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"決明子（ハブ茶）など、妊娠中は控えたほうがよいとされる素材が含まれています。妊娠中・授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kenko-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e健康茶（けんこうちゃ）\u003cspan class=\"product-subtitle\"\u003e11種の和漢素材ブレンド ── 漢方薬局がつくる毎日の一杯\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e烏龍茶の香ばしさをベースに、どくだみ・柿の葉・ハブ茶（決明子）など11種の和漢素材を合わせたブレンド茶です。先々代から50年以上にわたり配合を受け継ぎ、漢方薬局の店頭で長く親しまれてきた一杯。「薬草茶は苦いのでは」と身構える方からも、「思ったより飲みやすい」というお声を多くいただいています。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e毎日の健康習慣として、手軽にお茶を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003e薬草茶に興味はあるけれど、飲みやすさも大切にしたい方\u003c\/li\u003e\n      \u003cli\u003eさまざまな和漢素材を、一杯でバランスよく楽しみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eお湯を注ぐと、烏龍茶とハブ茶（決明子）の香ばしい香りが立ちのぼります。焙煎の香ばしさのなかに炙甘草のほのかな甘みが感じられ、後味には陳皮の柑橘の香りがふわりと抜けていきます。多くの素材を焙じているため青みや雑味がやわらぎ、薬草茶のイメージよりずっと飲みやすい味わいです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方 ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉を大さじ1杯（約5g）に熱湯を300〜400ml注ぎ、3〜5分ほど蒸らしてお召し上がりください。蒸らす時間が長いほど、味わいが濃くなります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003eやかんに水1〜1.5Lと茶葉大さじ2〜3杯（約10〜15g）を入れ、沸騰したら弱火で5〜10分ほど煮出すと、素材の風味がしっかり引き出されます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや濃いめに抽出し、氷をたっぷり入れたグラスに注ぐと、暑い季節にもすっきりお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e健康茶（けんこうちゃ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e250g（目安：約25〜50杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（リーフ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原材料\u003c\/th\u003e\n\u003ctd\u003e烏龍茶、どくだみ、ハブ茶（決明子）、柿の葉、よもぎ、炙甘草、あまちゃづる（絞股藍）、陳皮、枸杞葉、熊笹、はとむぎ（薏苡仁）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含む（烏龍茶由来）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,300円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. ミニFAQ（3問） ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e健康茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはい、烏龍茶が含まれているためカフェインを含みます。カフェインが気になる方は、就寝直前の飲用はお控えください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eどんな素材が入っていますか？アレルギーが心配です。\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e烏龍茶、どくだみ、ハブ茶（決明子）、柿の葉、よもぎ、炙甘草、あまちゃづる（絞股藍）、陳皮、枸杞葉、熊笹、はとむぎ（薏苡仁）の11種を使用しています。イネ科（はとむぎ・熊笹）、キク科（よもぎ）、ナス科（枸杞葉）の植物を含みますので、アレルギーのある方はご注意ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e決明子（ハブ茶）など、妊娠中は控えたほうがよいとされる素材が含まれています。妊娠中・授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページCSSと分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n   ============================================================ *\/\n.kp-sticky-cta {\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851377168681,"sku":null,"price":1300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/33a9ec178faed9e695c889656cfa29fb.jpg?v=1696149716"},{"product_id":"yomogi-cha","title":"よもぎ茶｜ノンカフェイン国産の和の薬草｜下田康生堂","description":"\u003c!--\n  ============================================================\n  下田康生堂 Shopify 商品説明：よもぎ茶（60g）\n  \/products\/yomogi-cha 用｜テンプレ v3（生薬茶）から生成\n  LP（情報の母艦）: \/pages\/yomogi-tea\n  CSSスコープ: .kampo-product\n  ============================================================\n--\u003e\n\n\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"よもぎ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"よもぎ茶にカフェインは含まれていません（ノンカフェイン）。就寝前やリラックスタイムにも、時間を気にせずお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"キク科アレルギーがありますが、よもぎ茶を飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"よもぎはキク科の植物です。キク科アレルギー（ヨモギ花粉症を含む）をお持ちの方は、摂取をお控えいただくことをおすすめします。ご不安な場合は、医師または薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、よもぎには微量のツヨンという成分が含まれるため、一度に大量に飲むことは避けてください。妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003c!--\n    主ボタン：ページ最上部へスムーズスクロール（JSで制御）\n    副ボタン：説明ページ（LP）\/pages\/yomogi-tea へ遷移\n    ※ position:fixed のため DOM 上の位置は表示に影響しない\n  --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/yomogi-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eよもぎ茶（ヨモギ・艾葉）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── よもぎの青い香りを、毎日の一杯に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e草餅やお灸のもぐさでおなじみのよもぎは、日本の野山に自生する身近な薬草のひとつです。青々とした独特の芳香と、ほのかな苦味のなかに感じるやさしい甘みが持ち味。ノンカフェインで時間を問わず楽しめるよもぎ茶は、季節の変わり目や一日の終わりのひと息に選ばれています。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eカフェインを控えたい方、就寝前にもお茶を楽しみたい方\u003c\/li\u003e\n      \u003cli\u003eよもぎの青い香りで、ほっと一息つきたい方\u003c\/li\u003e\n      \u003cli\u003e草餅やお灸でおなじみのよもぎを、毎日の習慣に取り入れたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたよもぎ茶は、やや黄色がかった淡い緑色をしています。カップに顔を近づけると、草原を思わせる青い芳香がふわりと立ちのぼります。口に含むと、ほのかな苦味のあとにやさしい甘みが残り、後味はすっきり。蒸らし時間を短めにするとさっぱりと、長めにするとよもぎの風味がしっかり出ますので、お好みで調節してみてください。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉2〜3gを急須やティーポットに入れ、沸騰したお湯を注いで1〜2分ほど蒸らします。長く浸すほど苦味が出るため、短めの抽出から試すのがおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e水500ml〜1Lに茶葉2〜3gを入れ、沸騰後は弱火で5〜10分ほど煮出します。よもぎの風味がしっかり出た、こくのある一杯になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e水出し\u003c\/p\u003e\n      \u003cp\u003e水500ml〜1Lに茶葉2〜3gを入れ、冷蔵庫で2〜3時間ほど冷やします。暑い季節にうれしい、すっきりとした口当たりでお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eよもぎ（艾葉）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e60g（目安：約20〜30杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（原形）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e550円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/benibana\"\u003e紅花（ベニバナ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしい甘みが苦味をやわらげ、澄んだ黄金色が美しい彩りに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e薔薇茶（マイカイカ・玫瑰花）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 華やかなバラの香りが重なり、清々しく優雅な一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みで苦味をやわらげ、まろやかで飲みやすい味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eよもぎ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eよもぎ茶にカフェインは含まれていません（ノンカフェイン）。就寝前やリラックスタイムにも、時間を気にせずお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eキク科アレルギーがありますが、よもぎ茶を飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eよもぎはキク科の植物です。キク科アレルギー（ヨモギ花粉症を含む）をお持ちの方は、摂取をお控えいただくことをおすすめします。ご不安な場合は、医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、よもぎには微量のツヨンという成分が含まれるため、一度に大量に飲むことは避けてください。妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003c!-- ※LP導線はスティッキーCTAの「詳しく見る」が担うため、旧 detail-link-box は廃止 --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. キク科アレルギー注記（よもぎ固有・安全注記） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003eよもぎはキク科植物です。キク科アレルギーをお持ちの方は摂取をお控えください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851453026601,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/6da00b8a-fa2c-4250-aa52-49ffb4125035.jpg?v=1780299890"},{"product_id":"shichifuku-cha","title":"七福茶（しちふくちゃ）｜国産10素材のブレンド茶｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"七福茶はノンカフェインですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はい、ノンカフェインです。お子様からご年配の方まで、時間帯を問わず幅広くお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"七福茶はどんな味がしますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"大麦・ほうじ茶・玄米をベースにした香ばしくやさしい味わいです。渋みや苦みが少なく、どなたにも飲みやすいブレンドに仕上がっています。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"七福茶は食品ですが、念のため妊娠中の方・授乳中の方は、ご使用前に医師または薬剤師にご相談ください。当店では食品として販売しており、特定の効能効果を謳うものではありません。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/shichifuku-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e七福茶（しちふくちゃ）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 穀物の香ばしさと和の薬草がとけあう、やさしいブレンド茶\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e国内産の大麦・ほうじ茶・玄米が生み出す香ばしさを土台に、はと麦・柿の葉・熊笹・桑の葉・いたどり・よもぎ・松葉という七種の和の薬草を重ねたブレンド茶です。ノンカフェインで、お子様からご年配の方まで、季節や時間帯を問わずお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインのお茶を探している方\u003c\/li\u003e\n      \u003cli\u003e家族みんなで楽しめるお茶がほしい方\u003c\/li\u003e\n      \u003cli\u003e和の素材を使った香ばしいブレンド茶が好きな方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e急須に湯を注ぐと、大麦・ほうじ茶・玄米の焙煎香がふわりと立ちのぼります。口に含むと穀物由来のまろやかな甘みが広がり、渋みや苦みはほとんど感じません。和の薬草がもたらすほのかな奥行きが現れますが、主張しすぎることなく、全体として香ばしくやさしい味わいにまとまっています。二番茶でも風味が楽しめるため、一度の茶葉で長くお飲みいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本（急須）\u003c\/p\u003e\n      \u003cp\u003e200ccの急須に茶葉を約10g入れ、熱湯を注ぎます。1〜2分蒸らしてからお召し上がりください。二番茶もおいしくいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e2リットルの水を沸騰させ、茶葉を約50g入れて3分間煮出します。火を止めて3〜5分蒸らし、茶漉しで他の容器に移してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e煮出したお茶を漉し、粗熱をとってから冷蔵庫で冷やします。夏場の冷茶としてすっきりお楽しみいただけます。焼酎割りにもよく合います。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e七福茶（混合茶）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原材料\u003c\/th\u003e\n\u003ctd\u003e大麦、ほうじ茶、玄米、はと麦、柿の葉、熊笹、桑の葉、いたどり、よもぎ、松葉（すべて日本国内産）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e140g（目安：約14〜28杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（茶葉）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e日本国内産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,000円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e製造者\u003c\/th\u003e\n\u003ctd\u003e七福茶本舗 佐藤海苔店（宮城県仙台市）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、まろやかな味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ほんのり甘く、淡い橙色で華やかな一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hakka-you\"\u003e薄荷（ハッカ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 清涼感を添えて、後味すっきり\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e七福茶はノンカフェインですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはい、ノンカフェインです。お子様からご年配の方まで、時間帯を問わず幅広くお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e七福茶はどんな味がしますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e大麦・ほうじ茶・玄米をベースにした香ばしくやさしい味わいです。渋みや苦みが少なく、どなたにも飲みやすいブレンドに仕上がっています。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e七福茶は食品ですが、念のため妊娠中の方・授乳中の方は、ご使用前に医師または薬剤師にご相談ください。当店では食品として販売しており、特定の効能効果を謳うものではありません。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851478389033,"sku":null,"price":1000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/35dbfc54d85f806f2d134da00258c88f.jpg?v=1696150537"},{"product_id":"yakuzen-granola","title":"薬膳グラノーラ｜無添加・5つの薬膳素材｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"カフェインは含まれていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"焙じはとむぎ・黒豆・なつめ・くるみ・かぼちゃの種は、いずれもカフェインを含みません。時間を選ばず、お子さまから大人まで安心してお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"1日にどのくらい食べればよいですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"1日30gを目安にお召し上がりください。そのまま、ヨーグルトにトッピング、豆乳やアーモンドミルクと一緒になど、お好みの食べ方でお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"賞味期限や保存方法を教えてください。\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"賞味期限は製造日から3か月です。保存料・着色料・人工甘味料を使用していないため一般的なグラノーラよりやや短めですが、お届け時点では2か月以上を確保しています。直射日光・高温多湿を避けて常温で保存し、開封後はできるだけ早めにお召し上がりください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"アレルギーが心配ですが、大丈夫ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"原材料にくるみ（特定原材料）・大豆（黒豆）を含みます。また、はとむぎはイネ科の植物です。かぼちゃの種は落花生を使用した商品と同じ製造ラインで加工しています。アレルギーをお持ちの方は、原材料をご確認のうえご利用ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも食べられますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"原材料のはとむぎ（ヨクイニン）は、伝統的に妊娠中の使用に慎重を要するとされています。妊娠中の方、授乳中の方は、召し上がる前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/yakuzen-granola-guide\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 0.5 おすすめ素材フローティングカード（v3.1・サムネイル付き／カートバーと同期して出現） ─── --\u003e\n  \u003cdiv class=\"kp-pairing-float\" role=\"complementary\" aria-label=\"グラノーラに合わせるのがおすすめの素材\"\u003e\n    \u003cspan class=\"kp-pf-bar\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003cbutton type=\"button\" class=\"kp-pf-close\" aria-label=\"おすすめを閉じる\"\u003e×\u003c\/button\u003e\n    \u003cdiv class=\"kp-pf-body\"\u003e\n      \u003cspan class=\"kp-pf-eyebrow\"\u003eおすすめ\u003c\/span\u003e\n      \u003cp class=\"kp-pf-label\"\u003eグラノーラに合わせるなら\u003c\/p\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanomi\" class=\"kp-pf-item\"\u003e\n        \u003cimg class=\"kp-pf-thumb\" src=\"https:\/\/s-kouseidou.com\/cdn\/shop\/files\/kuwanomi_20g.jpg?v=1781152509\u0026amp;width=120\" alt=\"桑の実（マルベリー）20g\" width=\"40\" height=\"40\" loading=\"lazy\"\u003e\n        \u003cspan class=\"kp-pf-itemtext\"\u003e\n          \u003cspan class=\"kp-pf-name\"\u003e桑の実\u003c\/span\u003e\n          \u003cspan class=\"kp-pf-desc\"\u003eほどよい甘酸っぱさ\u003c\/span\u003e\n        \u003c\/span\u003e\n        \u003cspan class=\"kp-pf-arrow\" aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/ryuganniku\" class=\"kp-pf-item\"\u003e\n        \u003cimg class=\"kp-pf-thumb\" src=\"https:\/\/s-kouseidou.com\/cdn\/shop\/files\/ryuganniku_20g.jpg?v=1781152508\u0026amp;width=120\" alt=\"竜眼肉（ロンガン）20g\" width=\"40\" height=\"40\" loading=\"lazy\"\u003e\n        \u003cspan class=\"kp-pf-itemtext\"\u003e\n          \u003cspan class=\"kp-pf-name\"\u003e竜眼肉\u003c\/span\u003e\n          \u003cspan class=\"kp-pf-desc\"\u003eやさしい自然な甘み\u003c\/span\u003e\n        \u003c\/span\u003e\n        \u003cspan class=\"kp-pf-arrow\" aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e薬膳グラノーラ\u003cspan class=\"product-subtitle\"\u003e無添加 ── 5つの薬膳素材を、毎日ひとつかみ\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e焙じはとむぎ、黒豆、なつめ、くるみ、かぼちゃの種。漢方薬局が素材の性質を見極めて選んだ5つの食材を、無添加でそのまま仕上げました。保存料・着色料・人工甘味料は一切不使用。素材それぞれの香ばしさと素朴な味わいが、忙しい朝の一品にも、おやつ代わりにもそっと寄り添います。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e忙しい朝でも手軽に朝食を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eデスクワーク中のおやつを自然素材に置き換えたい方\u003c\/li\u003e\n      \u003cli\u003e無添加・自然素材の食品を選びたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eひとつかみ口に含むと、焙じはとむぎの素朴な味わいと黒豆の香ばしさ。噛み進めるとなつめの自然な甘みがほどけ、ローストしたくるみのコク、かぼちゃの種の食感が加わります。甘味料や香料に頼らず、5つの素材そのものの味で構成した、素朴で飾らない仕上がりです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 食べ方（加工食品適応：淹れ方→食べ方） ─── --\u003e\n  \u003ch4\u003eおいしい食べ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003eひとつかみ（約30g）をそのままどうぞ。デスクワークの合間や、おやつ代わりに。素材の食感と香ばしさをそのまま楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eヨーグルトに\u003c\/p\u003e\n      \u003cp\u003eヨーグルトにトッピングして、毎日の一品に。なつめの自然な甘みとヨーグルトの酸味が好相性です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e豆乳・ミルクと\u003c\/p\u003e\n      \u003cp\u003e豆乳やアーモンドミルクを注いで、忙しい朝の朝食に。少し時間を置くと、はとむぎがミルクを吸って違った食感になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品情報（加工食品向けにLP準拠で組み替え） ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e薬膳グラノーラ\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原材料\u003c\/th\u003e\n\u003ctd\u003e焙じはとむぎ、黒豆、なつめ、くるみ、かぼちゃの種\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e150g（目安：約5日分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e賞味期限\u003c\/th\u003e\n\u003ctd\u003e製造日から3か月（お届け時点で2か月以上）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e添加物\u003c\/th\u003e\n\u003ctd\u003e不使用（保存料・着色料・人工甘味料なし）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eアレルギー\u003c\/th\u003e\n\u003ctd\u003eくるみ・大豆を含む。落花生と同一製造ラインで加工\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,500円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 単品でも楽しめる素材（LP見出しを踏襲・関連商品2点） ─── --\u003e\n  \u003ch4\u003e単品でも楽しめる素材\u003c\/h4\u003e\n  \u003cp style=\"font-size:13px; color:#5E5245; margin:8px 0 4px;\"\u003eグラノーラに使われている素材は、単品でもお取り扱いしています。\u003c\/p\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ポップコーンのような香ばしさが特長の、無添加の焙煎はとむぎ\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ほのかな自然の甘みをもつ、古くから親しまれてきた果実\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7.5 メディア掲載 ─── --\u003e\n  \u003cdiv class=\"media-mention\"\u003e\n    \u003cspan class=\"media-mention-label\"\u003eMEDIA ／ メディア掲載\u003c\/span\u003e\n    \u003cp class=\"media-mention-text\"\u003e女性向け健康メディア「\u003cspan class=\"media-mention-pub\"\u003eWomen's Health（ウィメンズヘルス）\u003c\/span\u003e」のWeb記事（2024年6月3日公開）内で、当店の薬膳グラノーラをご紹介いただきました。\u003c\/p\u003e\n    \u003ca href=\"https:\/\/www.womenshealthmag.com\/jp\/wellness\/a60920033\/yk-fasting-20240603\/\" class=\"media-mention-link\" target=\"_blank\" rel=\"nofollow noopener\"\u003e記事を読む（外部サイト）\u003cspan class=\"media-mention-arrow\" aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ（5問・JSON-LDと一致） ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eカフェインは含まれていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e焙じはとむぎ・黒豆・なつめ・くるみ・かぼちゃの種は、いずれもカフェインを含みません。時間を選ばず、お子さまから大人まで安心してお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e1日にどのくらい食べればよいですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e1日30gを目安にお召し上がりください。そのまま、ヨーグルトにトッピング、豆乳やアーモンドミルクと一緒になど、お好みの食べ方でお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e賞味期限や保存方法を教えてください。\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e賞味期限は製造日から3か月です。保存料・着色料・人工甘味料を使用していないため一般的なグラノーラよりやや短めですが、お届け時点では2か月以上を確保しています。直射日光・高温多湿を避けて常温で保存し、開封後はできるだけ早めにお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eアレルギーが心配ですが、大丈夫ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e原材料にくるみ（特定原材料）・大豆（黒豆）を含みます。また、はとむぎはイネ科の植物です。かぼちゃの種は落花生を使用した商品と同じ製造ラインで加工しています。アレルギーをお持ちの方は、原材料をご確認のうえご利用ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも食べられますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e原材料のはとむぎ（ヨクイニン）は、伝統的に妊娠中の使用に慎重を要するとされています。妊娠中の方、授乳中の方は、召し上がる前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3.1\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   v3.1: フローティングカードにサムネイル追加・商品URL修正\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── メディア掲載 ── *\/\n.kampo-product .media-mention {\n  position: relative;\n  background: linear-gradient(180deg, #FFFFFF, var(--color-bg-warm));\n  border: 1px solid var(--color-border);\n  border-left: 4px solid var(--color-accent);\n  border-radius: 6px;\n  padding: 20px 22px 18px;\n  margin: 24px 0;\n  box-shadow: 0 2px 10px rgba(59, 49, 39, 0.06);\n  overflow: hidden;\n}\n\/* 装飾：右肩の大きな引用符 *\/\n.kampo-product .media-mention::before {\n  content: \"\\201C\";\n  position: absolute;\n  top: -14px;\n  right: 14px;\n  font-family: 'Zen Old Mincho', 'Yu Mincho', serif;\n  font-size: 86px;\n  line-height: 1;\n  color: var(--color-accent-light);\n  opacity: 0.28;\n  pointer-events: none;\n}\n.kampo-product .media-mention .media-mention-label {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  color: #FFFFFF;\n  background: var(--color-accent);\n  border-radius: 3px;\n  padding: 3px 10px;\n  margin: 0 0 12px;\n}\n.kampo-product .media-mention .media-mention-text {\n  position: relative;\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n  margin: 0 0 14px;\n  z-index: 1;\n}\n.kampo-product .media-mention .media-mention-pub {\n  font-weight: 700;\n  color: var(--color-strong);\n}\n.kampo-product .media-mention .media-mention-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.02em;\n  color: var(--color-accent);\n  text-decoration: none;\n  padding: 8px 16px;\n  border: 1px solid var(--color-accent);\n  border-radius: 999px;\n  background: #FFFFFF;\n  transition: background 0.2s, color 0.2s;\n}\n.kampo-product .media-mention .media-mention-link:hover {\n  background: var(--color-accent);\n  color: #FFFFFF;\n}\n.kampo-product .media-mention .media-mention-arrow {\n  font-size: 12px;\n}\n\n\/* ── 食べ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n   ============================================================ *\/\n.kp-sticky-cta {\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000;\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ============================================================\n   おすすめ素材フローティングカード（v3.1・サムネイル付き）\n   ※ JSで \u003cbody\u003e 直下へ移動するため独立スコープ。\n   ============================================================ *\/\n.kp-pairing-float {\n  --kp-accent: #8B7355;\n  --kp-accent-light: #B8A88A;\n  --kp-border: #D9CEBC;\n  --kp-muted: #5E5245;\n  --kp-strong: #5C4A32;\n  --kp-warm: #F8F4EC;\n\n  position: fixed;\n  right: 14px;\n  bottom: 84px;\n  z-index: 2147482999; \/* カートバー(2147483000)の直下 *\/\n  width: 224px; \/* v3.1: サムネイル分を確保（190px→224px） *\/\n  box-sizing: border-box;\n  background: #FFFFFF;\n  border: 1px solid var(--kp-border);\n  border-radius: 14px;\n  padding: 0;\n  overflow: hidden;\n  box-shadow: 0 6px 20px rgba(59, 49, 39, 0.14);\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  transform: translateY(10px);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n}\n.kp-pairing-float.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-pairing-float .kp-pf-bar {\n  display: block;\n  height: 3px;\n  background: linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC);\n}\n.kp-pairing-float .kp-pf-body {\n  padding: 13px 14px 14px;\n}\n.kp-pairing-float .kp-pf-close {\n  position: absolute;\n  top: 8px;\n  right: 9px;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  color: var(--kp-muted);\n  font-size: 16px;\n  line-height: 1;\n  padding: 2px 4px;\n}\n.kp-pairing-float .kp-pf-eyebrow {\n  display: inline-block;\n  font-size: 10.5px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  color: #FFFFFF;\n  background: var(--kp-accent);\n  border-radius: 3px;\n  padding: 3px 9px;\n  margin: 0 0 9px;\n}\n.kp-pairing-float .kp-pf-label {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--kp-strong);\n  letter-spacing: 0.03em;\n  line-height: 1.5;\n  margin: 0 0 11px;\n  padding-right: 12px;\n}\n.kp-pairing-float .kp-pf-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  text-decoration: none;\n  background: #FFFDF9;\n  border: 1px solid var(--kp-accent-light);\n  border-radius: 10px;\n  padding: 8px 10px; \/* v3.1: サムネイル分わずかに詰める *\/\n  margin-top: 9px;\n  transition: background 0.2s, border-color 0.2s;\n}\n.kp-pairing-float .kp-pf-item:first-of-type {\n  margin-top: 0;\n}\n.kp-pairing-float .kp-pf-item:hover {\n  background: var(--kp-warm);\n  border-color: var(--kp-accent);\n}\n\/* v3.1: 商品サムネイル *\/\n.kp-pairing-float .kp-pf-thumb {\n  flex: none;\n  width: 40px;\n  height: 40px;\n  border-radius: 8px;\n  object-fit: cover;\n  border: 1px solid var(--kp-border);\n  background: #FFFFFF;\n  display: block;\n}\n.kp-pairing-float .kp-pf-itemtext {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n  flex: 1; \/* v3.1: サムネイルと矢印の間で残り幅を使う *\/\n}\n.kp-pairing-float .kp-pf-name {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--kp-strong);\n  line-height: 1.3;\n}\n.kp-pairing-float .kp-pf-desc {\n  font-size: 11px;\n  color: var(--kp-muted);\n  line-height: 1.4;\n}\n.kp-pairing-float .kp-pf-arrow {\n  flex: none;\n  font-size: 14px;\n  color: var(--kp-accent);\n}\n@media (max-width: 600px) {\n  .kp-pairing-float {\n    right: 10px;\n    bottom: 76px;\n    width: 206px; \/* v3.1: 178px→206px *\/\n  }\n  .kp-pairing-float .kp-pf-thumb {\n    width: 36px;\n    height: 36px;\n  }\n  .kp-pairing-float .kp-pf-desc {\n    font-size: 10.5px;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .kp-pairing-float {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n@media print {\n  .kp-pairing-float {\n    display: none;\n  }\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ おすすめ素材フローティングカード\n    var floatEl = document.querySelector('.kp-pairing-float');\n    if (floatEl \u0026\u0026 floatEl.parentNode !== document.body) {\n      document.body.appendChild(floatEl);\n    }\n    var floatClosed = false;\n    try { floatClosed = sessionStorage.getItem('kpPairingClosed') === '1'; } catch (e) {}\n    if (floatEl) {\n      var pfClose = floatEl.querySelector('.kp-pf-close');\n      if (pfClose) {\n        pfClose.addEventListener('click', function () {\n          floatClosed = true;\n          floatEl.classList.remove('is-visible');\n          try { sessionStorage.setItem('kpPairingClosed', '1'); } catch (e) {}\n        });\n      }\n    }\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) {\n      root.classList.toggle('is-visible', v);\n      if (floatEl \u0026\u0026 !floatClosed) floatEl.classList.toggle('is-visible', v);\n    }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50227945603369,"sku":"","price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/DSC_8811_2_W4000.jpg?v=1751517065"},{"product_id":"biwa-no-ha","title":"びわの葉茶（枇杷葉茶）｜ノンカフェインの和漢茶｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"びわの葉茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。お子様からご年配の方まで、時間を気にせずお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"びわの葉茶はどんな味ですか？苦くありませんか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ほうじ茶に通じる穏やかな香ばしさがあり、口に含むとほんのりとした甘みが感じられます。苦味は穏やかで、クセが少なく飲みやすいお茶です。冷やすとすっきりとした味わいが際立ちます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/biwanoha-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eびわの葉茶（ビワヨウ・枇杷葉）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 江戸の夏に親しまれた和漢の葉を、日々の一杯に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eほんのりとした甘みと、ほうじ茶を思わせる穏やかな香ばしさ。びわの葉茶は、クセが少なく飲みやすい和漢素材のお茶です。江戸時代には「枇杷葉湯（びわようとう）」として夏の暑気払いに親しまれ、ノンカフェインのため時間を選ばずお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e夏場に冷たいお茶ですっきりしたい方\u003c\/li\u003e\n      \u003cli\u003e夜もお茶を楽しみたいが、カフェインは控えたい方\u003c\/li\u003e\n      \u003cli\u003eほうじ茶のような香ばしいお茶がお好きな方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eほうじ茶に通じる穏やかな香ばしさがあり、口に含むとほんのりとした甘みが感じられます。苦味は穏やかで、全体としてクセが少なく飲みやすいお茶です。冷やすとすっきりとした味わいが際立ち、夏場の冷茶としても向いています。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方 ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003eびわの葉 約5gを急須やティーポットに入れ、熱湯を300〜400mL注ぎます。5分ほど蒸らしてからお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003eやかんに700mL〜1Lの水を沸かし、びわの葉 約5gを入れて弱火で5分ほど煮出すと、味わいに深みが増します。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e煮出しでやや濃いめに抽出し、粗熱を取ってから冷やします。氷を入れたグラスに注いでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eびわの葉（びわのは）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g（目安：約20杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e750円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanoha\"\u003e桑の葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── さわやかな青みが香ばしさに重なり、まろやかで奥行きのある一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kaki-no-ha\"\u003e柿の葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 穏やかな渋みとまろやかな甘みが調和し、素直な飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、苦味がやわらいでまろやかな味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eびわの葉茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。お子様からご年配の方まで、時間を気にせずお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eびわの葉茶はどんな味ですか？苦くありませんか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eほうじ茶に通じる穏やかな香ばしさがあり、口に含むとほんのりとした甘みが感じられます。苦味は穏やかで、クセが少なく飲みやすいお茶です。冷やすとすっきりとした味わいが際立ちます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851549036841,"sku":null,"price":750.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/d3e484ef-3844-41a0-ab2d-22159f4e0238.jpg?v=1780298786"},{"product_id":"hoji-dokudami-cha","title":"焙じどくだみ茶｜焙煎仕上げで飲みやすい｜下田康生堂","description":"\u003c!--\n  焙じどくだみ茶｜商品説明欄用HTML（v3テンプレート適用）\n  ・Shopify管理画面「説明」欄に HTML ソースモードで貼り付け\n  ・スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n  ・スティッキーCTA「詳しく見る」→ LP（pages\/dokudami-tea）へ遷移\n--\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD）／本文FAQと3件で一致 --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"どくだみ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ノンカフェインです。カフェインを含まないため、時間帯を気にせず、就寝前のひと息にもお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"独特の臭いがあると聞きましたが、飲みにくくはないですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"生のどくだみには独特の香りがありますが、茶葉にする過程で揮発性の成分が大きく減り、臭みはほとんど感じられなくなります。当店の焙じどくだみ茶はさらに焙煎を加えているため、香ばしい風味とほのかな甘みが立ち、すっきりとした飲み口に仕上がっています。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ノンカフェインですが、漢方の古典文献では妊娠中の使用について慎重な見解が示されています。妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/dokudami-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e焙じどくだみ茶（ドクダミ・十薬）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 日本三大民間薬を、香ばしく焙煎した薬草茶\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eどくだみは日本三大民間薬のひとつに数えられ、江戸時代から「十薬」の名で親しまれてきた薬草です。当店では国産のどくだみを丁寧に焙煎し、独特の癖を和らげた焙じどくだみ茶に仕上げました。ノンカフェインなので、時間帯を気にせず日々の暮らしに取り入れていただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインで、夜寝る前にもお茶を楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e毎日のお茶に国産の薬草素材を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eどくだみ茶に興味はあるが、癖の強さが気になっていた方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたお茶は淡い琥珀色。口に含むと、まず香ばしい焙煎の風味が広がり、続いてほのかな甘みと穏やかな渋みが舌に残ります。後味はすっきりとしていて、食事のあとにも合わせやすい味わいです。生葉のような青臭さはほとんど感じられず、冷やしてもおいしくお召し上がりいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版・LP章立てに合わせ「基本／煮出し／水出し」） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本（急須）\u003c\/p\u003e\n      \u003cp\u003e茶葉約5gを急須やティーポットに入れ、沸騰したお湯を300〜400ml注ぎます。蓋をして3分ほど蒸らしてからお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し（やかん）\u003c\/p\u003e\n      \u003cp\u003eやかんに1Lの水と10〜15gの茶葉を入れて火にかけ、沸騰したら火を弱めて2〜3分で止めます。長く煮出しすぎないのがコツです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e水出し（冷茶）\u003c\/p\u003e\n      \u003cp\u003eポットに1Lの水と10〜15gの茶葉を入れ、冷蔵庫で3〜4時間。まろやかな口当たりで、暑い季節にも飲みやすい一杯になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eどくだみ（ドクダミ・十薬）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e150g（目安：約30〜50杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e原形（リーフ・焙煎仕上げ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e850円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ（ヨクイニン・薏苡仁）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしさが重なり、麦茶のように親しみやすい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanoha\"\u003e桑の葉茶（クワノハ・桑葉）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ほんのりした甘みが、香ばしさにやさしい奥行きを添えます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗・タイソウ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みで渋みがまろやかに整い、やさしい飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ（LPから3問選定・薬機法フィルタ済） ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eどくだみ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eノンカフェインです。カフェインを含まないため、時間帯を気にせず、就寝前のひと息にもお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e独特の臭いがあると聞きましたが、飲みにくくはないですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e生のどくだみには独特の香りがありますが、茶葉にする過程で揮発性の成分が大きく減り、臭みはほとんど感じられなくなります。当店の焙じどくだみ茶はさらに焙煎を加えているため、香ばしい風味とほのかな甘みが立ち、すっきりとした飲み口に仕上がっています。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eノンカフェインですが、漢方の古典文献では妊娠中の使用について慎重な見解が示されています。妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  padding-bottom: 84px;\n}\n\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3）\n   ============================================================ *\/\n.kp-sticky-cta {\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000;\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50229242626345,"sku":null,"price":850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/e276ecd2-4605-437d-9773-4afb7ea5b35a.jpg?v=1780297810"},{"product_id":"kuko-no-mi","title":"枸杞子（クコの実）｜寧夏産ゴジベリー｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"クコの実にカフェインは含まれますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"含みません（ノンカフェイン）。コーヒーや緑茶のようにカフェインを気にすることなく、お子様や就寝前にも安心してお召し上がりいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも食べて大丈夫ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"料理の彩りとして少量加える程度であれば、有害事象が報告された一次情報はありません。ただし、習慣的・大量の摂取はお控えいただき、日常的に取り入れたい方は、医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"飲んでいるお薬と一緒に食べても大丈夫ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"一部のお薬では併用にご注意ください。特に抗凝固薬「ワルファリン」を服用中の方は、クコの実のお茶や大量の継続摂取をお控えください。処方薬を服用中で、毎日のように取り入れたい方は、医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kuko-no-mi\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eクコの実（枸杞子・ゴジベリー）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── ほんのり甘く、フルーティーな朱色の実\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e枸杞子（クコシ）は、ナス科クコの成熟果実を乾燥させた、鮮やかな朱色の小さな実です。ほんのり甘くフルーティーで、苦味や渋味はほとんどなく、お子様にも飲みやすい味わい。当店では有機認証付の中国・寧夏産をお届けします。お茶として、薬膳料理の彩りとして、毎日の一服にどうぞ。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e薬膳やスーパーフード（ゴジベリー）に関心のある方\u003c\/li\u003e\n      \u003cli\u003e美容や毎日の習慣づくりを楽しみたい方\u003c\/li\u003e\n      \u003cli\u003eほんのり甘く、お子様にも飲みやすいお茶をお探しの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e湯を注ぐと、淡い橙色がふわりと広がります。味わいはほんのり甘く、ほのかにフルーティー。苦味や渋味はほとんどなく、後味はすっきりとしています。蒸らした後の柔らかくなった実は、小さな種子のプチプチとした食感とともにそのままお召し上がりいただけます。お子様にも飲みやすい、万人受けする一杯です。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e湯のみに枸杞子を5〜10粒（約3g）入れ、80〜90℃のお湯を注ぎます。蓋をして10〜15分ほど蒸らしてからどうぞ。蒸らした実もそのままお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e鍋に水400ccと枸杞子5g程度を入れ、弱火で15分ほど煮出します。甘みと香りがより濃く引き立ち、寒い季節や薬膳の出汁にもおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eボトルに枸杞子10g程度と水500mlを入れ、冷蔵庫で4〜6時間。淡い橙色のすっきりとした水出しになります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e枸杞子（くこし）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e200g（目安：約40〜60杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥果実（ホール／粒のまま）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国・寧夏回族自治区産（有機認証付）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,500円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花（のぎくか）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 力強いほろ苦さがクコの甘みでまろやかに。彩りも豊かな一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-ha\"\u003e枸杞葉（くこよう）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 同じクコの木の葉。実の甘さに、葉のほのかな苦味と青い香りが加わります\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e玫瑰花（薔薇茶）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 華やかな薔薇の香りに、クコの赤い彩りが重なる一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eクコの実にカフェインは含まれますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e含みません（ノンカフェイン）。コーヒーや緑茶のようにカフェインを気にすることなく、お子様や就寝前にも安心してお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも食べて大丈夫ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e料理の彩りとして少量加える程度であれば、有害事象が報告された一次情報はありません。ただし、習慣的・大量の摂取はお控えいただき、日常的に取り入れたい方は、医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e飲んでいるお薬と一緒に食べても大丈夫ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e一部のお薬では併用にご注意ください。特に抗凝固薬「ワルファリン」を服用中の方は、クコの実のお茶や大量の継続摂取をお控えください。処方薬を服用中で、毎日のように取り入れたい方は、医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50228092076329,"sku":null,"price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/48bd3a53-16e3-49f0-b759-b72401f38782.jpg?v=1780298608"},{"product_id":"hakka-you","title":"薄荷葉茶（ハッカヨウ茶）｜爽やかな清涼感｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"薄荷葉茶はカフェインを含みますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"薄荷葉茶はノンカフェインです。茶葉（チャノキ）ではなく、シソ科の薄荷（ハッカ）の地上部を用いているため、カフェインを含みません。カフェインを気にせずお楽しみいただけます。香り高い素材ですので、就寝前のお召し上がりが気になる方は、量を控えめにされると安心です。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"薄荷は、妊娠中・授乳中の方には控えめにとされることのある素材です。妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"ペパーミントティーと薄荷葉茶は同じですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"基原植物が異なります。一般的なペパーミントティーに使われるペパーミントと、漢方で用いられる薄荷は別の植物で、香りや成分のバランスにも違いがあります。当店の薄荷葉は、漢方で伝統的に用いられてきた品種です。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/hakka-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e薄荷葉茶（ハッカヨウ・ハッカ）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── スーッと広がる清涼感、漢方の薄荷を一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e湯を注いだ瞬間、スーッと立ちのぼる爽やかな香り。薄荷葉（ハッカヨウ）のお茶は、清涼感のある辛味とほのかな苦味が特徴の芳香性のお茶で、ホットでもアイスでもすっきりと楽しめます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e仕事や勉強の合間に、気持ちをすっきり切り替えたい方\u003c\/li\u003e\n      \u003cli\u003e食後にさっぱりとした一杯を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eホットでもアイスでも飲める、ノンカフェインのお茶をお探しの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたお茶は淡い黄緑色。蓋を開けた瞬間から、ハッカ特有のすっきりとした香りが立ちのぼります。口に含むと、まずメントール由来の清涼感が広がり、続いてほのかな辛味とかすかな苦味が感じられます。爽快感のある味わいで、冷やしてアイスにしてもおいしくお召し上がりいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版・基本／アイスの2パターン） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本（ホット）\u003c\/p\u003e\n      \u003cp\u003e薄荷葉2〜5gを急須やティーポットに入れ、沸騰したお湯を200〜300ml注ぎ、蓋をして3〜5分蒸らします。揮発性の芳香成分が豊富なため、蓋をして蒸らすのがポイントです。淹れたら早めにお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや多めの茶葉（4〜5g程度）で濃いめに淹れ、氷をたっぷり入れたグラスに注ぎます。暑い季節にぴったりの、すっきりとした清涼感をお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e薄荷葉（はっかよう）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e50g（目安：約10〜25杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e500円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 花の香りに清涼感が重なり、すっきり引き締まった爽やかな味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e薔薇茶（マイカイカ・玫瑰花）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 花の華やかさに清涼感が加わり、見た目も香りも華やかな一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kaki-no-ha\"\u003e柿の葉\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 穏やかな渋みと甘みに清涼感を添えて、すっきり爽やかな後味に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e薄荷葉茶はカフェインを含みますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e薄荷葉茶はノンカフェインです。茶葉（チャノキ）ではなく、シソ科の薄荷（ハッカ）の地上部を用いているため、カフェインを含みません。カフェインを気にせずお楽しみいただけます。香り高い素材ですので、就寝前のお召し上がりが気になる方は、量を控えめにされると安心です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e薄荷は、妊娠中・授乳中の方には控えめにとされることのある素材です。妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eペパーミントティーと薄荷葉茶は同じですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e基原植物が異なります。一般的なペパーミントティーに使われるペパーミントと、漢方で用いられる薄荷は別の植物で、香りや成分のバランスにも違いがあります。当店の薄荷葉は、漢方で伝統的に用いられてきた品種です。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50248551006505,"sku":null,"price":500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/c6d367a2-e9c1-4852-8aba-14f6674f16d8.jpg?v=1780298846"},{"product_id":"nanten-no-mi","title":"南天の実（ナンテンジツ）｜伝統の民間薬｜下田康生堂","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"南天実は食品（お茶）として飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"南天実は厚生労働省の定める「専ら医薬品として使用される成分本質（原材料）」に該当するため、食品やお茶としての販売・使用は認められていません。当店では薬局製剤・零売の枠組みで取り扱っております。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中でも使用できますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中・授乳中の方は、ご使用前に必ず医師または薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"南天実には毒性がありますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"南天実には微量の毒性成分（アルカロイド）が含まれます。大量の摂取はお控えいただき、用量についてはお気軽に薬剤師にお尋ねください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e南天の実（ナンテンジツ・南天実）\u003cspan class=\"product-subtitle\"\u003e「難を転ずる」── 江戸時代から伝わる赤い実の民間薬\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e冬の庭先で葉の緑に映える、鮮やかな赤い実。南天は「難を転ずる」の語呂から縁起物として愛され、日本の暮らしに深く根づいてきました。その実は江戸時代後期から咳止めの民間薬としても各地で用いられ、現代では「南天のど飴」の原料としても知られています。縁起物としての文化と民間薬としての歩み、ふたつの側面を持つ生薬です。\u003c\/p\u003e\n\n  \u003c!-- ─── 専ら医薬品 注記 ─── --\u003e\n  \u003cdiv style=\"background:#F7F5F0; border:1px solid #C8BDA8; border-radius:4px; padding:10px 14px; font-size:12px; line-height:1.8; color:#5E5245; margin:16px 0;\"\u003e\n    南天実は厚生労働省の定める「専ら医薬品として使用される成分本質（原材料）」に該当します。当店では薬局として零売の枠組みで取り扱っております。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e咳が気になる季節の備えとして、伝統的な生薬をお探しの方\u003c\/li\u003e\n      \u003cli\u003e品質の確かな国産の南天実を、薬局から購入したい方\u003c\/li\u003e\n      \u003cli\u003e漢方や民間薬に関心をお持ちの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e南天実を煎じた液は、独特の苦みと渋みが感じられます。華やかな香りはなく、素朴で落ち着いた印象です。古くから氷砂糖を加えて飲みやすくする工夫が行われてきたように、そのままではやや飲みにくさがありますが、生薬らしい力強い味わいともいえます。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 伝統的な煎じ方 ─── --\u003e\n  \u003ch4\u003e伝統的な煎じ方\u003c\/h4\u003e\n  \u003cdiv style=\"background:#F7F5F0; border-left:3px solid #9A7B4F; padding:10px 14px; margin:0 0 12px; border-radius:0 4px 4px 0;\"\u003e\n    \u003cp style=\"font-size:12px; line-height:1.8; color:#5E5245; margin:0;\"\u003e以下は民間で伝統的に行われてきた煎じ方の記録です。ご使用に際しては薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煎じ\u003c\/p\u003e\n      \u003cp\u003e乾燥した南天の実を水に入れ、弱火でじっくり煮出します。沸騰後、とろ火で20〜30分ほどが目安です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e甘みを加える\u003c\/p\u003e\n      \u003cp\u003e苦渋い味が気になる場合は、氷砂糖を加えると飲みやすくなります。古くから行われてきた工夫です。\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e南天の実（ナンテンジツ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥果実\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e区分\u003c\/th\u003e\n\u003ctd\u003e専ら医薬品（零売対応）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,100円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e南天実は食品（お茶）として飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e南天実は厚生労働省の定める「専ら医薬品として使用される成分本質（原材料）」に該当するため、食品やお茶としての販売・使用は認められていません。当店では薬局として零売の枠組みで取り扱っております。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中でも使用できますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中・授乳中の方は、ご使用前に必ず医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e南天実には毒性がありますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e南天実には微量の毒性成分（アルカロイド）が含まれます。大量の摂取はお控えいただき、用量についてはお気軽に薬剤師にお尋ねください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. 説明ページ誘導 ─── --\u003e\n  \u003cdiv class=\"detail-link-box\"\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/nantenjitsu\" class=\"detail-link\"\u003e\n      この素材についてもっと詳しく知る →\n    \u003c\/a\u003e\n    \u003cp class=\"detail-link-sub\"\u003e歴史・文化的背景・漢方の位置づけ・よくある質問などをご紹介しています\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。ご使用に際しては、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 毒性注記（南天実固有） ─── --\u003e\n  \u003cdiv class=\"caution-box\" style=\"margin-top:8px;\"\u003e\n    \u003cp\u003e南天実には微量の毒性成分（アルカロイド）が含まれます。大量の摂取はお控えください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v2\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  white-space: nowrap;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── 説明ページ誘導 ── *\/\n.kampo-product .detail-link-box {\n  text-align: center;\n  margin: 28px 0 24px;\n  padding: 20px 16px;\n  background: var(--color-bg-warm);\n  border: 1px solid var(--color-border);\n  border-radius: 6px;\n}\n.kampo-product .detail-link-box .detail-link {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 2px;\n  transition: opacity 0.2s;\n}\n.kampo-product .detail-link-box .detail-link:hover {\n  opacity: 0.75;\n}\n.kampo-product .detail-link-box .detail-link-sub {\n  font-size: 12px;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n}\n\u003c\/style\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851568173353,"sku":null,"price":1100.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/51c97971b08714cbb886e280ee9f1972.jpg?v=1696151480"},{"product_id":"sugina","title":"スギナ茶｜春の野原をノンカフェインで｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"スギナ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。夜のひとときや就寝前にも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"ニコチンが含まれていると聞きました。安心して飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"スギナにはごく微量のニコチンが含まれることが報告されていますが、日常的な飲用量（茶葉2〜5g／杯）に含まれる量はわずかです。健康な成人が1日1〜2杯程度を目安に楽しむ範囲では、心配の少ないものと考えられています。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中・授乳中の方は、スギナ茶のご使用をお控えください。ごく微量のニコチンや、ビタミンB1を分解する酵素（チアミナーゼ様物質）が含まれることが報告されているためです。ご心配な場合は、医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/sugina-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eスギナ茶（スギナ・問荊茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 緑茶を思わせる、すっきりとした野草茶\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eスギナは日本各地の野山に自生し、古くから親しまれてきた野草です。緑茶を思わせるすっきりとした風味と、ほのかな香ばしさが特徴。ノンカフェインなので、日々の水分補給や食事のおともに、気軽にお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインのお茶を日常的に取り入れたい方\u003c\/li\u003e\n      \u003cli\u003e緑茶に似たすっきりした味わいの野草茶を探している方\u003c\/li\u003e\n      \u003cli\u003e季節感のある一杯を、毎日の暮らしに添えたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたスギナ茶は、淡く澄んだ黄緑色。草原を思わせるさわやかな香りがほのかに立ちのぼります。わずかな苦みと渋みは穏やかで、緑茶に似たすっきりとした後味と、ほのかな甘みが感じられます。野草茶としてはクセが少なく、はじめての方にも飲みやすい一杯です。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉2〜3gを急須やティーポットに入れ、熱湯を注いで3〜5分蒸らします。お好みで蒸らし時間を調整して濃さを加減してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e300〜800mlの水に茶葉2〜5gを入れ、沸騰後は弱火で3〜5分。火を止めて10〜15分ほどおくと、しっかり抽出されます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e煮出しをやや濃いめに作り、粗熱を取ってから冷蔵庫で冷やします。氷を入れたグラスに注いでどうぞ。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eスギナ（すぎな）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g（目安：約20〜50杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e原形\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e750円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanoha\"\u003e桑の葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── まろやかな甘みがスギナのわずかな苦渋をやわらげ、すっきりとした一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしい焙煎香が素朴な草香に奥行きを添え、麦茶のように親しみやすく\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-dokudami-cha\"\u003e焙じどくだみ茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしさが補われて自然になじむ。ノンカフェイン同士で就寝前にも\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eスギナ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。夜のひとときや就寝前にも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eニコチンが含まれていると聞きました。安心して飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eスギナにはごく微量のニコチンが含まれることが報告されていますが、日常的な飲用量（茶葉2〜5g／杯）に含まれる量はわずかです。健康な成人が1日1〜2杯程度を目安に楽しむ範囲では、心配の少ないものと考えられています。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中・授乳中の方は、スギナ茶のご使用をお控えください。ごく微量のニコチンや、ビタミンB1を分解する酵素（チアミナーゼ様物質）が含まれることが報告されているためです。ご心配な場合は、医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記（本商品は強化表記） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、スギナ茶のご使用をお控えください。ご心配な場合は、医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237140992297,"sku":null,"price":750.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/2d7e6a0c-9460-4443-8695-76c661d7c921.jpg?v=1780299957"},{"product_id":"tokusen-senburi","title":"特選せんぶり｜日本三大民間薬の苦味健胃薬｜下田康生堂","description":"\u003c!--\n  ============================================================\n  Shopify 商品説明：特選せんぶり（第3類医薬品）\n  ============================================================\n  対象商品：\/products\/tokusen-senburi（特選せんぶり 30g ¥1,850）\n  説明ページ（LP）：\/pages\/senburi（.kampo-tea \/ v2.8）との二層構成\n  ベース：商品説明テンプレート v3 を第3類医薬品向けに改変\n\n  ■ 食品テンプレート v3 との主な差分\n  - CSSスコープ：.kampo-otc（食品 .kampo-product \/ 説明ページ .kampo-tea と分離）\n  - h3タイトルに「第3類医薬品」バッジを追加\n  - 医薬品情報ボックス（効能効果・用法用量・注意）を追加\n  - 「おいしい淹れ方」→「飲み方」（煎じる・振り出す・苦味がつらいときは）\n  - スペック表：医薬品分類・効能効果・用法用量を追加／カフェイン行を削除\n  - 「相性のよい組み合わせ」セクションを削除（医薬品のため）\n  - ディスクレーマー：食品版 → 医薬品版に差し替え\n  - スティッキーCTA（v3）は据え置き（副ボタン＝\/pages\/senburi）\n\n  ■ 注意\n  - 第3類医薬品なので、承認された効能効果はそのまま記載してよい（承認範囲を超えない）\n  - h2は使用しない（テーマがh1を出力）。最上位h3、小見出しh4\n  - bold markdown 禁止 → \u003cstrong\u003e。絵文字不使用\n  ============================================================\n--\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD：本文 faq-section と完全一致・3問） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"せんぶりは育毛に使えますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"本品は内服用の第3類医薬品「特選せんぶり」であり、育毛は承認された効能効果に含まれていません。育毛剤やシャンプーに配合される「センブリエキス」は外用の化粧品・医薬部外品成分であり、本品とは用途が異なります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"「日本三大民間薬」とは何ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ドクダミ・ゲンノショウコ・せんぶりの3つを「日本三大民間薬」と呼びます。いずれも江戸時代から日本各地の家庭で広く使われてきた野草で、現在も第3類医薬品として承認されています。なかでもせんぶりは、他国ではほとんど薬用に用いられない、純粋に日本で発達した民間薬です。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-otc\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/senburi\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋医薬品バッジ＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"otc-title\"\u003e\n    \u003cspan class=\"otc-badge\"\u003e第3類医薬品\u003c\/span\u003e\n    特選せんぶり（センブリ・千振）\n    \u003cspan class=\"product-subtitle\"\u003e日本三大民間薬 ── 千度振り出してもまだ苦い、伝統の苦味健胃薬\u003c\/span\u003e\n  \u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eせんぶりは、ドクダミ・ゲンノショウコと並ぶ「日本三大民間薬」のひとつ。「千度振り出してもまだ苦い」という名のとおり、強烈な苦味が際立つリンドウ科の野草です。江戸時代から胃腸の不調に用いられてきた日本独自の苦味健胃薬を、長野県産の全草を厳選した第3類医薬品「特選せんぶり」としてお届けします。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e食べ過ぎ・飲み過ぎで胃の調子が気になる方\u003c\/li\u003e\n      \u003cli\u003e食欲がわかないと感じることが増えた方\u003c\/li\u003e\n      \u003cli\u003e自然由来の苦味健胃薬を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 医薬品情報ボックス ─── --\u003e\n  \u003cdiv class=\"otc-info-box\"\u003e\n    \u003cp class=\"otc-info-heading\"\u003e本品は\u003cstrong\u003e第3類医薬品\u003c\/strong\u003eです\u003c\/p\u003e\n    \u003cp class=\"otc-info-line\"\u003e\u003cstrong\u003e効能効果：\u003c\/strong\u003e胃弱、食欲不振、胃部・腹部膨満感、消化不良、食べ過ぎ、飲み過ぎ、胃のむかつき\u003c\/p\u003e\n    \u003cp class=\"otc-info-line\"\u003e\u003cstrong\u003e用法用量：\u003c\/strong\u003e1日量0.8gを水約300mLで約150mLになるまで煎じ、1日3回に分けて食前または食間に服用してください。\u003c\/p\u003e\n    \u003cp class=\"otc-info-caution\"\u003e医師の治療を受けている方、妊娠中・授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 5. 味わい ─── --\u003e\n  \u003ch4\u003eせんぶりの味わい\u003c\/h4\u003e\n  \u003cp\u003e「本当に苦い」と正直にお伝えするのが、せんぶりの誠実な紹介です。香り自体は穏やかな草の香りですが、口に含んだ瞬間、舌全体に広がる強烈な苦味がすべてを支配します。これはスウェルチアマリンという苦味配糖体によるもので、「千度振り出してもまだ苦い」の名のとおり、2〜3回振り出しても続くしぶとさが持ち味です。初めての方は、少量から試されることをおすすめします。\u003c\/p\u003e\n\n  \u003c!-- ─── 6. 飲み方 ─── --\u003e\n  \u003ch4\u003e飲み方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煎じる（基本）\u003c\/p\u003e\n      \u003cp\u003e1日量0.8g（センブリ全草1〜2本が目安）を水約300mLに入れ、弱火で約150mLになるまで10〜15分煎じます。火を止めてセンブリを取り出し、1日3回に分けて食前または食間にお飲みください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e振り出す（手軽な方法）\u003c\/p\u003e\n      \u003cp\u003e湯呑みにセンブリを入れ、上から熱湯を注いでよく振り出します。同じセンブリで2〜3回は振り出せるため経済的です。手軽に試したい方におすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e苦味がつらいときは\u003c\/p\u003e\n      \u003cp\u003e初めての方には強く感じられることもあります。少量から始めるのが一番の工夫です。蜂蜜を少し加えると苦味がやわらぎ、数回に分けてお飲みいただくのもよい方法です。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 商品情報 ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eせんぶり（生薬名：センブリ／千振）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e医薬品分類\u003c\/th\u003e\n\u003ctd\u003e第3類医薬品\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e30g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥全草\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e長野県産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e効能効果\u003c\/th\u003e\n\u003ctd\u003e胃弱、食欲不振、胃部・腹部膨満感、消化不良、食べ過ぎ、飲み過ぎ、胃のむかつき\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e用法用量\u003c\/th\u003e\n\u003ctd\u003e1日量0.8gを水約300mLで約150mLになるまで煎じ、3回に分けて食前または食間に服用\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,850円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ（3問・JSON-LDと一致） ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eせんぶりは育毛に使えますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e本品は内服用の第3類医薬品「特選せんぶり」であり、育毛は承認された効能効果に含まれていません。育毛剤やシャンプーに配合される「センブリエキス」は外用の化粧品・医薬部外品成分であり、本品とは用途が異なります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e「日本三大民間薬」とは何ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eドクダミ・ゲンノショウコ・せんぶりの3つを「日本三大民間薬」と呼びます。いずれも江戸時代から日本各地の家庭で広く使われてきた野草で、現在も第3類医薬品として承認されています。なかでもせんぶりは、他国ではほとんど薬用に用いられない、純粋に日本で発達した民間薬です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ロット差注意（天然原料・FIXED文言） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e本品は天然の植物を原料としているため、収穫時期やロットにより、葉の色・大きさ・香りに多少のばらつきが生じることがあります。品質上の問題はございませんが、原料由来の茎や葉の小片などがごくまれに含まれる場合があります。気になる場合は取り除いてお使いください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. ディスクレーマー（医薬品版） ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本品は第3類医薬品です。効能効果・用法用量は上記の記載および添付文書をご確認のうえ、用法用量を守って正しくお使いください。医師の治療を受けている方、体調に不安のある方は、ご使用前に医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box caution-box--final\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS（第3類医薬品版）\n   スコープ: .kampo-otc（食品 .kampo-product \/ 説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-otc {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-otc h3.otc-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-otc h3.otc-title .otc-badge {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: #FFFFFF;\n  background: var(--color-accent);\n  padding: 3px 10px;\n  border-radius: 4px;\n  letter-spacing: 0.04em;\n  margin: 0 8px 8px 0;\n  vertical-align: middle;\n}\n.kampo-otc h3.otc-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-otc h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-otc .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-otc .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-otc .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-otc .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 医薬品情報ボックス ── *\/\n.kampo-otc .otc-info-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-otc .otc-info-box .otc-info-heading {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.02em;\n}\n.kampo-otc .otc-info-box .otc-info-line {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0 0 6px;\n}\n.kampo-otc .otc-info-box .otc-info-line strong {\n  color: var(--color-strong);\n}\n.kampo-otc .otc-info-box .otc-info-caution {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n  padding-top: 8px;\n  border-top: 1px dotted var(--color-medical-border);\n}\n\n\/* ── 飲み方 ── *\/\n.kampo-otc .brew-guide {\n  margin: 12px 0;\n}\n.kampo-otc .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-otc .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-otc .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-otc .product-spec {\n  margin: 12px 0;\n}\n.kampo-otc .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed;\n}\n.kampo-otc .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;\n  word-break: break-word;\n}\n.kampo-otc .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-otc .faq-section {\n  margin: 12px 0;\n}\n.kampo-otc .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-otc .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-otc .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-otc .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-otc .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-otc .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-otc .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 注意ボックス（ロット差・妊婦注記） ── *\/\n.kampo-otc .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 16px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-otc .caution-box--final {\n  margin: 8px 0 0;\n}\n.kampo-otc .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3・スコープ非依存）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-otc に依存しない独立スコープ。\n   ============================================================ *\/\n.kp-sticky-cta {\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000;\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-otc {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-otc h3.otc-title {\n    font-size: 19px;\n  }\n  .kampo-otc h4 {\n    font-size: 16px;\n  }\n  .kampo-otc .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-otc .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ・主ボタン：ページ最上部（購入欄）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851581051177,"sku":null,"price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/30f79e19-26b5-405a-8a56-820406c562d1.jpg?v=1780298988"},{"product_id":"gymnema","title":"ギムネマ茶（ギムネマ・シルベスタ茶）｜インド伝承のハーブ｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"ギムネマ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ギムネマ茶はノンカフェインです。カフェインを含まないため、夜のひとときや食後の一杯としても、時間を選ばず気軽にお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"ギムネマ茶を飲むと甘いものの味が変わるのですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ギムネマの葉に含まれるギムネマ酸という成分が、舌の甘味を感じる部分に一時的に作用するため、飲んだあとしばらくは甘味を感じにくくなることがあります。苦味・酸味・塩味には影響しないとされ、この変化は15分〜数十分ほどで自然に戻ります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ギムネマ茶はノンカフェインですが、妊娠中・授乳中の方は念のため、ご使用前にかかりつけの医師または薬剤師にご相談ください。また、糖尿病などで治療を受けている方やお薬を服用中の方も、事前に主治医・薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/gymnema-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eギムネマ茶（ギムネマ・シルベスタ）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 「砂糖を壊すもの」の名をもつインド伝承のハーブ\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eインドで「グルマール（砂糖を壊すもの）」と呼ばれてきたハーブ、ギムネマ・シルベスタ。口にすると甘味がふっと感じにくくなる不思議な特性と、力強い苦味が持ち味です。食後のひとときや、気分を切り替えたいときの一杯にどうぞ。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e食後にすっきりとした苦味のお茶を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eノンカフェインで食事どきのお供を探している方\u003c\/li\u003e\n      \u003cli\u003e「砂糖を壊すもの」と呼ばれる不思議な味わいを体験してみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eお湯を注ぐと薄い黄緑色の水色（すいしょく）が広がり、青々しい草の香りが立ちます。口に含むと、重厚な苦味と渋味がしっかりと広がる骨太な味わいです。最大の特徴は、飲んだ直後に甘いものを口にすると、甘味だけがふっと感じにくくなること。チョコレートや砂糖を食べても甘味が後ろに退き、ほかの味覚だけが残るという不思議な体験ができます。この変化は15分〜数十分ほどで自然に戻ります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e急須で淹れる\u003c\/p\u003e\n      \u003cp\u003eギムネマ約3gを急須に入れ、沸騰したお湯を約300ml注ぎ、3〜5分蒸らします。苦味が強いと感じる場合は、蒸らし時間を短めにすると飲みやすくなります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出す\u003c\/p\u003e\n      \u003cp\u003e小鍋にギムネマ約3gと水約300mlを入れ、沸騰したらとろ火で5分ほど煮出します。しっかりとした苦味を楽しみたいときは、やや長めに。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e濃いめに淹れたものを氷を入れたグラスに注ぐと、苦味が穏やかに感じられ、すっきりと飲めます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eギムネマ（ギムネマ・シルベスタ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e80g（目安：約26杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e原型（葉を乾燥させたもの）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003eインド\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e750円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanoha\"\u003e桑の葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みで、強い苦味をまろやかに包み込みます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/guava-no-ha\"\u003eグァバ葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 清涼感のある渋みで、後味を軽やかに引き締めます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしさが苦味を包み、ぐっと飲みやすく\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eギムネマ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eギムネマ茶はノンカフェインです。カフェインを含まないため、夜のひとときや食後の一杯としても、時間を選ばず気軽にお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eギムネマ茶を飲むと甘いものの味が変わるのですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eギムネマの葉に含まれるギムネマ酸という成分が、舌の甘味を感じる部分に一時的に作用するため、飲んだあとしばらくは甘味を感じにくくなることがあります。苦味・酸味・塩味には影響しないとされ、この変化は15分〜数十分ほどで自然に戻ります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eギムネマ茶はノンカフェインですが、妊娠中・授乳中の方は念のため、ご使用前にかかりつけの医師または薬剤師にご相談ください。また、糖尿病などで治療を受けている方やお薬を服用中の方も、事前に主治医・薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 糖尿病・服薬中の方への注記（ギムネマ特有） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e糖尿病などで治療を受けている方、お薬を服用中の方は、ご使用前に主治医・薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237032530217,"sku":null,"price":750.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/f7b1753b-f66e-4adf-a44c-9d5614795895.jpg?v=1780300060"},{"product_id":"kuwanoha","title":"桑の葉茶｜ノンカフェインの養生茶｜下田康生堂","description":"\u003c!-- ============================================================\n     桑の葉茶 商品説明（Shopify products\/kuwanoha 用）\n     テンプレート: shopify-product-description-template-v3\n     スコープ: .kampo-product ／ LP: \/pages\/kuwanoha-tea と二層構成\n     貼り付け先: 商品「説明」欄を HTML ソースモードで貼り付け\n     ============================================================ --\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD・本文FAQと3件一致） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"桑の葉茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"桑の葉茶はノンカフェインです。朝でも夜でも時間を問わず、就寝前のひとときにも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"1日にどのくらい飲めばよいですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"飲む量に決まりはありません。茶葉5gを200〜400mlのお湯で淹れた一杯を、食事のお供や仕事の合間など、お好みのタイミングで気軽にお楽しみください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"桑の葉茶はノンカフェインですのでその点は安心です。ただし、妊娠中・授乳中の方は念のため、ご使用前にかかりつけの医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kuwanoha-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e桑の葉茶（クワノハ・桑葉）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 古来「神仙茶」と親しまれた桑の葉を、毎日の一杯に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e癖が少なく、ほんのりとした甘みとすっきりした後味。緑茶に似た爽やかな風味をもつ、ノンカフェインのお茶です。古来「神仙茶」と親しまれてきた桑の葉を、食事のときも仕事の合間も、就寝前も ── 時間を選ばず気軽にお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e夜寝る前にも、カフェインを気にせずお茶を楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e食事と一緒にお茶を取り入れる習慣をつけたい方\u003c\/li\u003e\n      \u003cli\u003e緑茶のような爽やかな風味のお茶を、毎日続けたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れた桑の葉茶は、淡い緑がかった黄色。緑茶を思わせる爽やかな香りがほのかに立ちのぼり、口に含むとほんのりとした甘みが広がります。渋みは軽く、クセが少ないため、日本茶に慣れた方にも馴染みやすい味わいです。食事との相性もよく、毎日続けやすいお茶です。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方 ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉5gを急須やティーポットに入れ、沸騰したお湯を200〜400ml注ぎます。3〜5分ほど蒸らしてからお召し上がりください。2煎目、3煎目もお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e水500mlを沸騰させたあと、茶葉5gを入れて弱火で5分ほど煮出します。まとめて作り冷蔵庫で保存すれば、いつでも手軽にお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや多めの茶葉で濃いめに淹れ、氷をたっぷり入れたグラスに注ぎます。暑い季節にすっきりとした口当たりで楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品情報 ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e桑の葉（くわのは）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g（目安：約30〜40杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（茶葉）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e650円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 野生種らしい力強い風味と黄色い彩りが、すっきりとした清涼感を重ねます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、まろやかで飲みやすい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e薔薇茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── バラの華やかな芳香が、穏やかな風味に香りのアクセントを添えます\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e桑の葉茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e桑の葉茶はノンカフェインです。朝でも夜でも時間を問わず、就寝前のひとときにも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e1日にどのくらい飲めばよいですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e飲む量に決まりはありません。茶葉5gを200〜400mlのお湯で淹れた一杯を、食事のお供や仕事の合間など、お好みのタイミングで気軽にお楽しみください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e桑の葉茶はノンカフェインですのでその点は安心です。ただし、妊娠中・授乳中の方は念のため、ご使用前にかかりつけの医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851593797929,"sku":null,"price":650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/a6cf5939-3434-4ec7-9382-87bd9a3a0cdc.jpg?v=1780299800"},{"product_id":"ichou-no-ha","title":"イチョウ葉茶（銀杏葉茶）｜ほろ苦ノンカフェイン｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"銀杏葉茶にカフェインは含まれていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"含まれていません。ノンカフェインのお茶ですので、夕方や就寝前にもお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"薬を飲んでいますが、一緒に飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"抗凝固薬（ワルファリン等）や抗血小板薬（アスピリン等）を服用中の方、手術を控えている方は、念のため併用をお控えいただき、かかりつけの医師または薬剤師にご相談ください。そのほかにも相互作用が報告されているお薬があります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中ですが飲んでも大丈夫ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/ichouyo-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e銀杏葉茶（イチョウヨウ・銀杏の葉）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 2億5千万年を生き抜いた樹の葉を、一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eほろ苦さのなかに、ほのかな甘みと独特の草の香り。銀杏葉茶は、約2億5千万年前から姿を変えずに生き続ける「生きた化石」イチョウの葉を乾燥させた、ノンカフェインの国産茶です。朝の目覚めにも、デスクワークの合間の気分転換にもお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eデスクワークの合間に、気分を切り替える一杯がほしい方\u003c\/li\u003e\n      \u003cli\u003eノンカフェインで、ほろ苦い味わいのお茶を楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e自然素材・無添加にこだわったお茶を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e草木を思わせる独特の香りが立ちのぼり、口に含むと最初にほろ苦さ、あとからほのかな甘みとわずかな酸味が広がります。抽出時間を短めにすると渋みが穏やかにまとまり、ほうじ茶やウーロン茶とのブレンドでさらに飲みやすくなります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e銀杏葉 3〜5g に沸騰したお湯を 200〜300ml 注ぎ、3〜5分蒸らします。長く浸すと苦味が増すため、お好みで時間を調整してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003eやかんに 700〜1000ml の水と銀杏葉を入れ、沸騰後は弱火で 3〜5分。煮出したら速やかに茶葉を取り出してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや濃いめに淹れ、氷を入れたグラスに注ぎます。当日中にお飲みください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e銀杏葉（いちょうよう）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e80g（目安：約16〜26杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e600円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 花の香りと彩りが、ほろ苦さに軽やかなアクセントを添えます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みと淡い浸出色で、まろやかな味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hakka-you\"\u003e薄荷茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── スーッとした清涼感で、後味を爽やかに引き締めます\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e銀杏葉茶にカフェインは含まれていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e含まれていません。ノンカフェインのお茶ですので、夕方や就寝前にもお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e薬を飲んでいますが、一緒に飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e抗凝固薬（ワルファリン等）や抗血小板薬（アスピリン等）を服用中の方、手術を控えている方は、念のため併用をお控えいただき、かかりつけの医師または薬剤師にご相談ください。そのほかにも相互作用が報告されているお薬があります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中ですが飲んでも大丈夫ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50248573092137,"sku":null,"price":600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/047dbb9d-dc49-4fe4-97dc-ee01e8ceb2a3.jpg?v=1780300113"},{"product_id":"kaki-no-ha","title":"柿の葉茶（カキノハ茶）｜ノンカフェインのやさしい渋み｜下田康生堂","description":"\u003c!--\n  柿の葉茶（kaki-no-ha）｜商品説明欄 貼付用HTML\n  生成元LP: https:\/\/s-kouseidou.com\/pages\/kakinoha-tea\n  CSSスコープ: .kampo-product \/ Shopify「説明」欄にHTMLソースモードで貼付\n--\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"柿の葉茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"柿の葉茶にカフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"送料はいくらですか？送料無料はありますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"送料は配送地域によって異なり、ご注文手続きの画面で自動的に計算されます。なお、合計15,000円（税込）以上のご購入で送料が無料になります。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003c!--\n    主ボタン：ページ最上部へスムーズスクロール（JSで制御）\n    副ボタン：説明ページ（LP）へ遷移（https:\/\/s-kouseidou.com\/pages\/kakinoha-tea を共用）\n    ※ position:fixed のため DOM 上の位置は表示に影響しない\n  --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kakinoha-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e柿の葉茶（カキノハ茶・柿葉茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 柿の木のもうひとつの恵みを、一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eほのかな渋みのなかに、やさしい甘みが広がる柿の葉のお茶。カフェインを含まないため、朝の一杯にも夜のくつろぎにも、時間を選ばず楽しめます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e夜寝る前にもお茶を楽しみたい方\u003c\/li\u003e\n      \u003cli\u003eカフェインは控えたいが、緑茶のような渋みのあるお茶が好きな方\u003c\/li\u003e\n      \u003cli\u003e毎日のお茶をちょっと特別なものにしたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e青草を思わせるほのかな清涼感のあとに、穏やかな渋みとまろやかな甘みが続きます。癖が少なく、日本茶に親しんだ方にも飲みやすい味わいです。タンニンを多く含むため、蒸らし時間が長いと渋みが強まります。お好みに合わせて抽出時間を調整してください。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉3〜5gを急須やティーポットに入れ、90℃前後のお湯を200〜400ml注いで5〜10分ほど蒸らします。渋みを抑えたいときは蒸らし時間を短めに調整してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e水300〜500mlを沸騰させ、茶葉3〜5gを入れて弱火で3〜5分煮出します。深みのある味わいになります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや多めの茶葉で濃いめに淹れ、氷をたっぷり入れたグラスに注ぎます。暑い季節にすっきりとお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e柿の葉（かきのは）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e50g（目安：約10〜16杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e550円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みが重なり、まろやかな口当たりに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e薔薇茶（マイカイカ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 華やかな花の香りで、優雅な一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── すっきりとした清涼感で、引き締まった後味に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e柿の葉茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e柿の葉茶にカフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e送料はいくらですか？送料無料はありますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e送料は配送地域によって異なり、ご注文手続きの画面で自動的に計算されます。なお、合計15,000円（税込）以上のご購入で送料が無料になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003c!-- ※LP導線はスティッキーCTAの「詳しく見る」が担うため、旧 detail-link-box は廃止 --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851601760553,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/a294a1a2-782d-4acf-922b-5c2d43210ec0.jpg?v=1780299842"},{"product_id":"kuko-no-ha","title":"枸杞葉茶（クコヨウ茶）｜ノンカフェインの養生茶｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"枸杞葉茶（クコ葉茶）にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。ノンカフェインですので、時間帯を気にせずお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、念のため、妊娠中・授乳中の方は医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"どんな味ですか？飲みやすくする方法はありますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ほのかな甘さと軽い苦味、後味にかすかな渋みのある個性的な味わいです。そのままでも楽しめますが、なつめや枸杞の実などの甘みのある素材、ほうじ茶やはと麦茶とブレンドすると、ぐっと飲みやすくなります。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kukoyou-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e枸杞葉茶（クコヨウ・クコ葉）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 古来「天精草」と呼ばれたクコの葉を、一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eほのかな甘さと、あとからふわりと広がる軽い苦味。枸杞葉茶（クコ葉茶）は、ゴジベリーでおなじみのクコの木の若葉から作られるノンカフェインのお茶です。古くから「天精草」の名で親しまれてきた一杯を、季節を感じながらゆっくりお楽しみください。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインのお茶を日常に取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eクコの実（ゴジベリー）が好きで、葉のお茶にも興味がある方\u003c\/li\u003e\n      \u003cli\u003e苦味のある、個性的な薬草茶の風味を楽しみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e湯を注ぐと、青草を思わせるさわやかな香りが立ちのぼります。口に含むとまず微かな甘みが広がり、そのあとを追うように軽い苦味が顔を出す、個性的な味わいです。ほんのりイグサに似た風味と、後味のかすかな渋みも特徴。なつめや枸杞の実など甘みのある素材、あるいはほうじ茶やはと麦茶とブレンドすると、ぐっと飲みやすくなります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e枸杞葉 3〜5gを急須やティーポットに入れ、沸騰したお湯を約400ml注ぎます。3〜5分ほど蒸らしてからお召し上がりください。2煎目以降もお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e水600mlと枸杞葉 5〜10gを鍋に入れ、沸騰後は弱火で10〜15分ほど煮出します。より濃厚な風味を引き出したいときにおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e基本の分量で少し濃いめに淹れ、氷をたっぷり入れたグラスに注ぎます。暑い季節にすっきりとお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e枸杞葉（くこよう）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e60g（目安：約12〜20杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e600円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実・ゴジベリー）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 同じ木の実。やさしい甘みが葉の苦味をまろやかに整えます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、ほっと落ち着く味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしさが加わり、ぐっと親しみやすい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e枸杞葉茶（クコ葉茶）にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。ノンカフェインですので、時間帯を気にせずお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、念のため、妊娠中・授乳中の方は医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eどんな味ですか？飲みやすくする方法はありますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eほのかな甘さと軽い苦味、後味にかすかな渋みのある個性的な味わいです。そのままでも楽しめますが、なつめや枸杞の実などの甘みのある素材、ほうじ茶やはと麦茶とブレンドすると、ぐっと飲みやすくなります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 注意（ナス科アレルギー・商品固有） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e枸杞葉はナス科の植物です。ナス科にアレルギーのある方は、ご使用をお控えください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237188571433,"sku":null,"price":600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/76ff9004-00f7-4f7d-8472-400662179722.jpg?v=1780298114"},{"product_id":"ikari-so","title":"【公式】漢方薬局 下田康生堂｜イカリソウ｜","description":"\u003ch1\u003e【公式】イカリソウ｜漢方薬局 下田康生堂\u003c\/h1\u003e\n\u003ch2\u003eイカリソウとは\u003c\/h2\u003e\n\u003cp\u003eイカリソウは、和名では「淫羊藿（いんようかく）」と呼ばれ、古くから漢方の素材として重宝されてきました。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e当薬局では、高品質なイカリソウを生薬として厳選して取り扱っております。\u003c\/p\u003e\n\u003cp\u003e ※本品は、薬剤師による適切な情報提供のもと、個別に販売（零売）を行っております。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e【ご購入・ご相談をご希望の方へ】 本品は適切な用法・用量でのご使用が重要です。在庫状況の確認およびご購入のご相談は、公式LINEにて承っております。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/lin.ee\/0vlIqOw\"\u003e\u003cimg src=\"https:\/\/scdn.line-apps.com\/n\/line_add_friends\/btn\/ja.png\" alt=\"友だち追加\" height=\"36\" border=\"0\"\u003e\u003c\/a\u003e\u003c\/p\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237089448233,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/565fc0dbb10fc13f558e097445d8b809.jpg?v=1769820825"},{"product_id":"shiso","title":"しそ茶（シソ茶）｜爽やかな和の芳香｜下田康生堂","description":"\u003c!-- ============================================================\n     しそ茶 商品説明（Shopify products\/other-yakuzen-herbs 用）\n     テンプレート: shopify-product-description-template-v3\n     スコープ: .kampo-product ／ LP: \/pages\/shiso-tea と二層構成\n     貼り付け先: 商品「説明」欄を HTML ソースモードで貼り付け\n     ============================================================ --\u003e\n\n\u003c!-- FAQPage構造化データ（JSON-LD・本文FAQと3件一致） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"しそ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"しそ茶はノンカフェインです。カフェインを含まないため、就寝前やお子様、妊娠中の方にも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"赤紫蘇と青紫蘇、どちらが使われていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"当店のしそ茶には赤紫蘇（国産）を使用しています。生薬として用いられるのは赤紫蘇系の品種で、独特の芳香が強く、淹れると赤紫色の美しいお茶になります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"しそ茶はノンカフェインで、紫蘇は古くから日本の食卓に親しまれてきた身近な素材です。ただし体質や体調には個人差がありますので、妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。当店では食品として販売しており、特定の効能効果を謳うものではありません。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/shiso-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eしそ茶（シソチャ・紫蘇葉茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 古来より親しまれた和のハーブを、一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e紫蘇の葉を乾燥させて淹れるしそ茶は、爽やかな芳香とほのかな辛みが特徴のノンカフェインティーです。刺身の薬味や梅干しづくりなど、日本の食卓に古くから根づいてきた和のハーブを、そのまま一杯のお茶にしました。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e爽やかな香りで気分を切り替えたい方\u003c\/li\u003e\n      \u003cli\u003eノンカフェインのお茶を探している方\u003c\/li\u003e\n      \u003cli\u003e魚介料理や脂っこい食事のあとの一杯をお探しの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたお茶は赤紫色に色づき、見た目にも美しい一杯です。カップに注ぐと、紫蘇ならではの爽やかなハーブの香りがふわりと立ちのぼります。口に含むと微かな辛みとともに軽い甘みが広がり、渋味は少なく飲みやすい味わい。後味もすっきりとしていて、脂っこい料理や魚介料理のあとにもよく合います。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003eしそ茶3〜5gを急須やティーポットに入れ、80〜90℃のお湯を200〜300ml注ぎます。5〜10分ほど蒸らしてからお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003eやかんに水300〜500mlとしそ茶3〜5gを入れ、沸騰後に弱火で2〜3分煮出します。紫蘇の香り成分は揮発しやすいため、長時間の煮出しは避けてください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e基本の分量でやや濃いめに淹れ、氷を入れたグラスに注ぎます。レモン汁を数滴加えると、赤紫色からピンク色へと色が変化し、見た目も楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e紫蘇葉（しそよう）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e50g（目安：約10〜16杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産（赤紫蘇）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e600円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/yomogi-cha\"\u003eよもぎ茶（艾葉）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 青々とした芳香が紫蘇の香りと響き合い、すっきり清々しい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ茶（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みが紫蘇の辛みをやわらげ、まろやかな飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e薔薇茶（玫瑰花）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 華やかな芳香が紫蘇の香りと色に重なり、香りも色も華やぐ一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eしそ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eしそ茶はノンカフェインです。カフェインを含まないため、就寝前やお子様、妊娠中の方にも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e赤紫蘇と青紫蘇、どちらが使われていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e当店のしそ茶には赤紫蘇（国産）を使用しています。生薬として用いられるのは赤紫蘇系の品種で、独特の芳香が強く、淹れると赤紫色の美しいお茶になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eしそ茶はノンカフェインで、紫蘇は古くから日本の食卓に親しまれてきた身近な素材です。ただし体質や体調には個人差がありますので、妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。当店では食品として販売しており、特定の効能効果を謳うものではありません。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237156393257,"sku":null,"price":600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/aead5d49-4478-4a38-bda8-6accd412ca4f.jpg?v=1780299135"},{"product_id":"bara-cha","title":"薔薇茶（マイカイカ茶）｜華やかなバラの芳香｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"薔薇茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。ノンカフェインですので、就寝前のくつろぎの一杯としてもお召し上がりいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"毎日飲んでも大丈夫ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"通常の量（1日に花蕾3〜5個程度）であれば、日常的にお楽しみいただけます。当店では食品として販売しており、特定の効能効果を謳うものではありません。香りや味わいをお楽しみいただく飲み物としてお召し上がりください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、妊娠中の方、授乳中の方は、念のためご使用前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/bara-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e薔薇茶（マイカイカ・バラ茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── バラの花蕾がひらく、やさしい芳香のひととき\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eバラの花蕾をそのまま乾燥させた薔薇茶（マイカイカ）は、お湯を注いだ瞬間に華やかな芳香がふわりと広がる花茶です。ノンカフェインのため、一日の終わりのくつろぎの一杯にもお選びいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e一日の終わりに、香りのよいお茶でゆったりとくつろぎたい方\u003c\/li\u003e\n      \u003cli\u003eカフェインを気にせず、夜のティータイムも楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e花蕾の姿が美しい、見た目にも華やかなお茶を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eカップに注ぐと、淡い黄金色の茶湯に花蕾がゆっくりとほどけていきます。立ち上る香りは華やかでありながら穏やかで、口に含むとほのかな甘みが先に広がり、続いて微かな苦みが奥行きを添えます。クセが少なく飲みやすいため、花茶が初めての方にも取り入れやすい一杯です。紅茶やプーアル茶とのブレンドにもよく合います。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方 ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e花蕾3〜5個（約3〜6g）をポットや蓋付きカップに入れ、80℃前後のお湯を200〜300ml注ぎ、5分ほど蒸らします。沸騰直後の熱湯は香りが飛びやすいため、少し冷ましたお湯がおすすめです。1回の花蕾で2〜3煎お楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003eやや多めの花蕾で濃いめに淹れ、氷を入れたグラスに注ぎます。冷やしても華やかな香りが残り、暑い季節にも楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e蜂蜜アレンジ\u003c\/p\u003e\n      \u003cp\u003eお好みで蜂蜜を加えると、甘みと芳香がより引き立ちます。蜂蜜は40〜50℃程度に冷ましてから加えてください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eマイカイカ（まいかいか）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e15g（目安：約3〜5杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eホール（花蕾）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e550円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい自然な甘みが加わり、バラのほのかな苦みがまろやかにまとまります\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003eクコの実（枸杞子）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 赤い実と花蕾の彩りが重なって見た目も華やか。やさしい甘みが加わります\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── すっきりとした清涼感と芳香が重なり、引き締まった飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e薔薇茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。ノンカフェインですので、就寝前のくつろぎの一杯としてもお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e毎日飲んでも大丈夫ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e通常の量（1日に花蕾3〜5個程度）であれば、日常的にお楽しみいただけます。当店では食品として販売しており、特定の効能効果を謳うものではありません。香りや味わいをお楽しみいただく飲み物としてお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、妊娠中の方、授乳中の方は、念のためご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3）\n     ・主ボタン：ページ最上部へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237077684521,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/978e87a80bc0ff87e1b7d7c1e6a5d711.jpg?v=1696152141"},{"product_id":"senburi-ikumou-set","title":"【公式】せんぶり育毛セット｜自然素材・無添加・頭皮環境サポート・育毛ケア｜漢方薬局 下田康生堂","description":"\u003ch1\u003e【公式】せんぶり育毛セット｜自然素材・無添加・和漢ヘアケア・頭皮サポート｜漢方薬局 下田康生堂\u003c\/h1\u003e\n\n\u003cp\u003e「髪に自信を持ちたいあなたへ。和漢の力で、育むケアを。」\u003c\/p\u003e\n\n\u003cp\u003eせんぶり育毛セットは、センブリを中心に、川芎（せんきゅう）、生姜、朝鮮人参などの和漢素材をブレンドした自然派の育毛サポートキットです。\u003cbr\u003e\n抽出液をご自身で作成し、日々の頭皮ケアに取り入れることで、頭皮をやさしく整え、健やかな髪の土台を育てます。\u003cbr\u003e\n自然に寄り添う本格的なセルフケア習慣を始めませんか？\u003c\/p\u003e\n\n\u003ch2\u003eせんぶり育毛セットはこんな方におすすめ｜自然素材・無添加で安心\u003c\/h2\u003e\n\n\u003cp\u003e・髪や頭皮のケアをナチュラルな方法で始めたい方\u003cbr\u003e\n・市販の育毛剤に不安や刺激を感じる方\u003cbr\u003e\n・自宅で本格的な育毛ケアを取り入れたい方\u003cbr\u003e\u003cbr\u003e\nせんぶり育毛セットは、自然の恵みを活かして「整える」ヘアケアを実現する、やさしいセルフケアの新習慣です。\u003c\/p\u003e\n\n\u003ch2\u003eせんぶり育毛セットに使われている自然素材とは｜和漢植物100％ブレンド\u003c\/h2\u003e\n\n\u003cp\u003eセンブリ、川芎、生姜、朝鮮人参など、古くから活力や巡りに用いられてきた自然素材を厳選ブレンド。\u003cbr\u003e\n添加物を一切加えず、素材そのままのチカラで、髪と頭皮をサポートします。\u003c\/p\u003e\n\n\u003ch2\u003eせんぶり育毛セットの使い方｜自宅でできる和漢抽出ケア\u003c\/h2\u003e\n\n\u003cp\u003e・本品を密閉容器に入れ、ホワイトリカーなどのアルコールに1〜2週間漬け込み抽出液を作成\u003cbr\u003e\n・完成した抽出液を適量、頭皮に塗布し、指の腹でやさしくマッサージ\u003cbr\u003e\n・濃度はお好みに応じて調整可能。継続使用がおすすめです\u003c\/p\u003e\n\n\u003ch2\u003e無添加・自然素材で作る育毛ケア｜漢方薬局 下田康生堂のこだわり\u003c\/h2\u003e\n\n\u003cp\u003e保存料・着色料・人工成分を一切使用せず、和漢素材そのままをお届けします。\u003cbr\u003e\n肌への刺激が心配な方でも、自然のやさしさでセルフケアを行えます。\u003c\/p\u003e\n\n\u003ch2\u003e商品詳細｜せんぶり育毛セット\u003c\/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003e原材料名：センブリ、川芎、生姜、朝鮮人参\u003c\/li\u003e\n\u003cli\u003e保存方法：直射日光・高温多湿を避けて常温保存\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003e漢方薬局 下田康生堂が贈る｜髪と頭皮の未来に向けたナチュラルケア\u003c\/h2\u003e\n\n\u003cp\u003eナチュラルに、誠実に。\u003cbr\u003e\n髪の未来に向けた、あたらしい選択をあなたに。\u003cbr\u003e\n自然の力で、健やかな自信を育んでいきましょう。\u003c\/p\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851623125289,"sku":null,"price":1700.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/80cf633322f9aa324f886abd18322fcc.jpg?v=1696152182"},{"product_id":"hoji-hatomugi","title":"焙じはとむぎ（ヨクイニン）｜香ばしい薬膳おやつ｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"焙じはとむぎにカフェインは含まれますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"いいえ、ノンカフェインです。時間帯を気にせず、お子様から大人まで召し上がっていただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"焙じはとむぎはそのまま食べられますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はい、そのまま食べられます。ポップコーンのような香ばしさで、おやつ感覚でお楽しみいただけます。ヨーグルトやグラノーラのトッピングにもお使いいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"アレルギーの注意点はありますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はとむぎはイネ科の植物です。イネ科や小麦にアレルギーのある方は、召し上がる前に医師または薬剤師にご相談ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/hoji-hatomugi\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e焙じはとむぎ（ヨクイニン・薏苡仁）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン・無添加 ── ポップコーンのような香ばしさの薬膳おやつ\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eひと口かじると、ポップコーンのような香ばしさが広がります。漢方で古くから親しまれてきたはとむぎ（ヨクイニン）を、丁寧に焙煎した無添加の自然素材です。そのままおやつに、ヨーグルトやグラノーラのトッピングにもお使いいただけます。ノンカフェインで、時間を選ばず気軽にお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインのおやつを探している方\u003c\/li\u003e\n      \u003cli\u003e毎日の間食を自然素材のものに切り替えたい方\u003c\/li\u003e\n      \u003cli\u003eヨーグルトやグラノーラのトッピングにひと工夫加えたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e袋を開けると、焙煎穀物の香ばしい香りが立ちのぼります。淡い茶褐色のふっくらとした粒は、口に入れるとポップコーンを思わせる軽い香ばしさが広がり、噛むほどにほのかな穀物の甘みが感じられます。くせがなく、素朴で食べやすい味わいです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい食べ方（薬膳おやつ向けに「淹れ方」→「食べ方」へ適応） ─── --\u003e\n  \u003ch4\u003eおいしい食べ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003e袋から出して、おやつ感覚でそのままお召し上がりください。香ばしさとカリッとした食感が楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eトッピング\u003c\/p\u003e\n      \u003cp\u003eヨーグルト・サラダ・グラノーラ・スープ・雑炊などに加えると、香ばしい風味と歯ごたえがアクセントになります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eお茶として\u003c\/p\u003e\n      \u003cp\u003eなつめや枸杞子などと一緒に煮出すと、香ばしい薬膳茶としてお楽しみいただけます。単体では味わいが淡いため、ほかの素材とのブレンドがおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e焙じはとむぎ（ヨクイニン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e200g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e焙煎ホール（そのまま食べるタイプ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e900円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、香ばしい薬膳茶がまろやかに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 赤い彩りと甘酸っぱさで、見た目も味も華やかに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/guava-no-ha\"\u003eグァバ葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 合わせると麦茶のように親しみやすく、やさしい味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e焙じはとむぎにカフェインは含まれますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eいいえ、ノンカフェインです。時間帯を気にせず、お子様から大人まで召し上がっていただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e焙じはとむぎはそのまま食べられますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはい、そのまま食べられます。ポップコーンのような香ばしさで、おやつ感覚でお楽しみいただけます。ヨーグルトやグラノーラのトッピングにもお使いいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eアレルギーの注意点はありますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはとむぎはイネ科の植物です。イネ科や小麦にアレルギーのある方は、召し上がる前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記（テンプレ固定・変更なし） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. イネ科アレルギー注記（素材固有・LPで「必須」指定のため追加） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003eはとむぎはイネ科の植物です。イネ科や小麦にアレルギーのある方はご注意ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 食べ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50228110229801,"sku":null,"price":900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/bc98d9dd-1f4b-4c1c-8fe3-150ac6cf69ae.jpg?v=1780365815"},{"product_id":"benibana","title":"紅花茶（コウカ茶）｜黄金色のノンカフェイン茶｜下田康生堂","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"紅花茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"紅花茶にカフェインは含まれていません。ノンカフェインですので、就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"紅花茶はめぐりや冷えに良いのですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"民間では冷え対策やめぐりを期待して紅花茶を飲む習慣が古くからありますが、当店では食品として販売しており、特定の効能効果を謳うものではありません。漢方理論では紅花は活血通経の範疇に分類される素材です。味わいや香りをお楽しみいただく目的でお飲みください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"紅花茶は妊娠中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"紅花は漢方の文献において妊婦への使用が禁忌とされている素材です。妊娠中の方は飲用をお控えください。授乳中の方や服薬中の方も、医師または薬剤師にご相談の上でご判断ください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e紅花茶（コウカ茶・ベニバナ茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 美しい黄金色と香ばしさ、めぐりの花のお茶\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e紅花（ベニバナ）の花弁をそのまま乾燥させたお茶です。お湯を注ぐと、透きとおった黄金色がカップに広がります。ほうじ茶やそば茶に似た香ばしさと、ほのかな甘みのある飲みやすい味わい。ノンカフェインですので、時間を問わず気軽にお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインで夜も安心して飲めるお茶を探している方\u003c\/li\u003e\n      \u003cli\u003eほうじ茶やそば茶のような香ばしい風味が好きな方\u003c\/li\u003e\n      \u003cli\u003e毎日のお茶に花のお茶を取り入れてみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eお湯を注いだ瞬間、紅花の花弁からサフロールイエローが溶け出し、澄んだ黄金色が広がります。見た目にも美しいお茶です。香りはほうじ茶やそば茶に通じる香ばしさがあり、口に含むとほのかな甘みが感じられます。花弁そのものの香りはお茶にするとやわらかくなり、すっきりと飲みやすい味わいに仕上がります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e紅花1〜3gを急須やティーポットに入れ、沸騰したお湯を300mlほど注ぎます。3〜5分ほど蒸らし、花弁が開いて黄金色が出たら飲み頃です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003eやかんに水500mlと紅花2〜3gを入れ、沸騰後に弱火で7〜8分ほど煮出します。しっかりとした味わいが楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e基本の分量でやや濃いめに淹れ、氷を入れたグラスに注ぎます。黄金色がそのまま映え、見た目にも涼やかな一杯になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e紅花（コウカ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e50g（目安：約25〜50杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003eリーフ（花弁）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e850円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/bara-cha\"\u003e玫瑰花（まいかいか）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 華やかな薔薇の香りが加わり、花同士の上品な風味に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、まろやかな飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/other-yakuzen-herbs\"\u003e陳皮\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 柑橘の爽やかな香りがアクセント。飲み飽きない風味に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e紅花茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e紅花茶にカフェインは含まれていません。ノンカフェインですので、就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e紅花茶はめぐりや冷えに良いのですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e民間では冷え対策やめぐりを期待して紅花茶を飲む習慣が古くからありますが、当店では食品として販売しており、特定の効能効果を謳うものではありません。漢方理論では紅花は活血通経の範疇に分類される素材です。味わいや香りをお楽しみいただく目的でお飲みください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e紅花茶は妊娠中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e紅花は漢方の文献において妊婦への使用が禁忌とされている素材です。妊娠中の方は飲用をお控えください。授乳中の方や服薬中の方も、医師または薬剤師にご相談の上でご判断ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. 説明ページ誘導 ─── --\u003e\n  \u003cdiv class=\"detail-link-box\"\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/benibana-tea\" class=\"detail-link\"\u003e\n      この素材についてもっと詳しく知る →\n    \u003c\/a\u003e\n    \u003cp class=\"detail-link-sub\"\u003e漢方の位置づけ・ブレンド提案・よくある質問などをご紹介しています\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記（紅花は妊婦禁忌のため強い表現） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e紅花は漢方の文献において妊婦への使用が禁忌とされています。妊娠中の方は飲用をお控えください。授乳中の方、服薬中の方も、医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v2\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  white-space: nowrap;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── 説明ページ誘導 ── *\/\n.kampo-product .detail-link-box {\n  text-align: center;\n  margin: 28px 0 24px;\n  padding: 20px 16px;\n  background: var(--color-bg-warm);\n  border: 1px solid var(--color-border);\n  border-radius: 6px;\n}\n.kampo-product .detail-link-box .detail-link {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 2px;\n  transition: opacity 0.2s;\n}\n.kampo-product .detail-link-box .detail-link:hover {\n  opacity: 0.75;\n}\n.kampo-product .detail-link-box .detail-link-sub {\n  font-size: 12px;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n}\n\u003c\/style\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50248579711273,"sku":null,"price":850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/ee3e8d29-c83f-4f2d-8848-71d3528a28a3.jpg?v=1780299644"},{"product_id":"tochu","title":"【公式】杜仲（とちゅう）茶｜自然素材・無添加・体内バランス・健康維持｜漢方薬局 下田康生堂","description":"\u003ch1\u003e【公式】杜仲｜自然素材・無添加・巡り・健康バランスサポート｜漢方薬局 下田康生堂\u003c\/h1\u003e\n\n\u003cp\u003e「巡りと整えに、和漢の恵みを。」\u003c\/p\u003e\n\n\u003cp\u003e杜仲は、中国原産の落葉樹「杜仲」の\u003cstrong\u003e樹皮部分\u003c\/strong\u003eを乾燥させた自然素材。\u003cbr\u003e\n古くから健康維持のための煎じ薬として親しまれており、現代でも薬膳や和漢素材として高く評価されています。\u003cbr\u003e\n弾力のある独特の質感と香りが特徴で、煮出すことでじっくりと力を引き出せます。\u003c\/p\u003e\n\n\u003ch2\u003e杜仲樹皮はこんな方におすすめ｜自然素材・無添加で安心\u003c\/h2\u003e\n\n\u003cp\u003e・体調管理やバランスケアを意識する方\u003cbr\u003e\n・煎じ薬や薬膳スープに自然素材を使いたい方\u003cbr\u003e\n・無添加・ノンカフェインの和漢素材を取り入れたい方\u003cbr\u003e\u003cbr\u003e\n杜仲樹皮は、毎日の養生に使える「体内から整える」自然素材。\u003cbr\u003e\nじっくり煮出すひと手間が、丁寧なセルフケアの習慣につながります。\u003c\/p\u003e\n\n\u003ch2\u003e杜仲樹皮に使われている自然素材とは｜中国産杜仲樹皮100％\u003c\/h2\u003e\n\n\u003cp\u003e葉ではなく、伝統的に用いられてきた「杜仲の樹皮」部分のみを使用。\u003cbr\u003e\n煮出すことでじわじわと成分が引き出され、健康維持をサポートする自然派素材として人気です。\u003c\/p\u003e\n\n\u003ch2\u003e杜仲樹皮の使い方｜和漢の煎じ薬・薬膳素材として\u003c\/h2\u003e\n\n\u003cp\u003e・約10gを水600〜800mlに入れて火にかけ、30分ほどじっくり煮出してください\u003cbr\u003e\n・他の生薬とのブレンドや、薬膳スープなどの煮込み料理にも活用できます\u003c\/p\u003e\n\n\u003ch2\u003e無添加・自然素材で届ける杜仲｜漢方薬局 下田康生堂のこだわり\u003c\/h2\u003e\n\n\u003cp\u003e保存料・着色料・人工添加物を一切使用せず、自然そのままの形でお届けしています。\u003cbr\u003e\n日々の暮らしに、昔ながらの力強さを取り入れてみませんか？\u003c\/p\u003e\n\n\u003ch2\u003e商品詳細｜杜仲樹皮\u003c\/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003e内容量：100g\u003c\/li\u003e\n\u003cli\u003e原材料名：杜仲（中国産）\u003c\/li\u003e\n\u003cli\u003e保存方法：直射日光・高温多湿を避けて常温保存\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003e漢方薬局 下田康生堂が贈る｜杜仲の自然力を毎日に\u003c\/h2\u003e\n\n\u003cp\u003e昔ながらの力強さを、今の暮らしに。\u003cbr\u003e\n自然の恵みをじっくり煮出して味わう、あたらしい毎日を。\u003c\/p\u003e\n\n\u003ch2\u003e▼ご注文はこちらから▼\u003c\/h2\u003e\n\n\u003cdiv style=\"margin-top: 24px;\"\u003e\n  \u003ca href=\"\/cart\/add?id=50248540160297\" style=\"display:inline-block;padding:14px 24px;background:#2a9d8f;color:white;font-size:16px;font-weight:bold;text-decoration:none;border-radius:8px;text-align:center;\"\u003e\n    今すぐ杜仲を始める\n  \u003c\/a\u003e\n\u003c\/div\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50248540160297,"sku":null,"price":1200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/cfd6d7bba4e64cfe3418a5c135e75f48.jpg?v=1696152312"},{"product_id":"keninjin","title":"高麗人参ひげ根茶｜甘くほろ苦い国産茶｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"朝鮮人参ひげ根茶にカフェインは含まれていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。ノンカフェインですので、時間帯を気にせず、夜のひとときにもお召し上がりいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"一般的な朝鮮人参茶と何が違うのですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"市販の朝鮮人参茶の多くは主根（太い根）を使いますが、当店の朝鮮人参ひげ根茶は細根（ひげ根＝参須）のみを使用しています。主根に比べて味わいは穏やかで、価格も手に取りやすくなっています。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"妊娠中・授乳中の方は、念のため事前に医師または薬剤師にご相談ください。体質や体調により判断が必要な場合があります。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/keninjin-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e朝鮮人参ひげ根茶（ケニンジン・参須）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 朝鮮人参のひげ根で淹れる、甘くほろ苦い琥珀色の一杯\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e朝鮮人参の主根から枝分かれする、細く繊細なひげ根。これを乾燥させたものが、漢方で「参須（さんしゅ）」と呼ばれてきた素材です。主根に比べて穏やかな性質で、甘みの奥にほのかな苦味が広がる、琥珀色のお茶としてお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e朝鮮人参に関心はあるけれど、主根の価格が気になるという方\u003c\/li\u003e\n      \u003cli\u003e朝鮮人参の穏やかなタイプを試してみたい方\u003c\/li\u003e\n      \u003cli\u003eノンカフェインで、毎日続けられる温かいお茶を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れると、やわらかな琥珀色の一杯になります。口に含むと、まず朝鮮人参らしい甘みが広がり、やがてほのかな苦味が追いかけてきます。主根に比べて味わいは穏やかで、煮出しても主張が強すぎないのが持ち味。後味はすっきりとしています。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（LPの章立てに合わせて：煮出し／急須／人参酒） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し（基本）\u003c\/p\u003e\n      \u003cp\u003e参須5gを水500mlに入れて火にかけ、沸騰したら弱火で15〜20分ほど煮出します。茶こしで漉してお召し上がりください。同じ茶葉で数回繰り返しお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e急須で手軽に\u003c\/p\u003e\n      \u003cp\u003e参須3〜5gに90℃前後のお湯を200〜400ml注ぎ、ふたをして5〜10分ほど蒸らします。煮出しよりもあっさりとした飲み口になります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e人参酒\u003c\/p\u003e\n      \u003cp\u003e細根を焼酎やホワイトリカーに漬け込む飲み方も、産地で古くから親しまれてきました。お好みの量を漬け、じっくり寝かせてからお楽しみください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e朝鮮人参ひげ根／参須（さんしゅ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e60g（目安：約12杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥細根\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,800円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 自然な甘みが加わり、ほのかな苦味をやさしく包みます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── フルーティーな甘みで、根菜らしい風味をやわらげます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/shiso\"\u003e紫蘇（しそ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 清涼感のあるハーブ香で、すっきりとした後味に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ（3問） ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e朝鮮人参ひげ根茶にカフェインは含まれていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。ノンカフェインですので、時間帯を気にせず、夜のひとときにもお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e一般的な朝鮮人参茶と何が違うのですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e市販の朝鮮人参茶の多くは主根（太い根）を使いますが、当店の朝鮮人参ひげ根茶は細根（ひげ根＝参須）のみを使用しています。主根に比べて味わいは穏やかで、価格も手に取りやすくなっています。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e妊娠中・授乳中の方は、念のため事前に医師または薬剤師にご相談ください。体質や体調により判断が必要な場合があります。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50248557199657,"sku":null,"price":1800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/bd0477b4-0e5b-46b4-bf08-9c192f4f583b.jpg?v=1780299254"},{"product_id":"natsume","title":"甜なつめ（大棗）｜自然な甘みの薬膳果実｜下田康生堂","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"なつめとデーツ（ナツメヤシ）は同じものですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"なつめとデーツは全く別の植物です。なつめはクロウメモドキ科ナツメ属、デーツ（ナツメヤシ）はヤシ科の果実で、見た目は似ていますが植物学的には異なります。当店で扱っているのはクロウメモドキ科のなつめ（大棗）です。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中でも食べられますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"食品としてお召し上がりいただけますが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e甜なつめ（テンナツメ・大棗）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 樹上で熟した果実のやさしい甘みを、そのまま一粒に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eほんのり甘く、まろやかで、どこかほっとする味わい。甜なつめは、なつめの実を樹上で自然乾燥させた薬膳の定番素材です。そのまま食べても、お茶として淹れても、クセが少なく食べやすい風味が特徴。ノンカフェインですので、時間を問わずお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eノンカフェインのおやつを探している方\u003c\/li\u003e\n      \u003cli\u003e自然素材の間食を日常に取り入れたい方\u003c\/li\u003e\n      \u003cli\u003e薬膳食材を気軽に試してみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e甜なつめの味わいは、なんといってもほんのり甘く、まろやかであること。砂糖のような鋭さはなく、果実由来のやさしい甘さがふわりと広がります。しっとりモチっとした食感で、噛むほどに甘みが増していきます。クセや渋みはほとんどなく、そのままでも食べやすい風味です。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい楽しみ方（薬膳素材用） ─── --\u003e\n  \u003ch4\u003eおいしい楽しみ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003eまずはそのままお召し上がりください。しっとりモチっとした食感と、果実本来のやさしい甘みが楽しめます。おやつやお茶請けにどうぞ。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eお茶に\u003c\/p\u003e\n      \u003cp\u003e3〜5粒を半分に割るか切込みを入れ、急須やティーポットに入れます。沸騰したお湯を注ぎ、5〜10分ほど蒸らしてからお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e料理に\u003c\/p\u003e\n      \u003cp\u003eスープや煮込み料理に2〜3粒加えると、ほんのりとした甘みとコクが加わります。参鶏湯風スープや薬膳鍋にもよく合います。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック（カフェイン行なし） ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e甜なつめ（てんなつめ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e約100g（20個入り）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥果実（種抜き）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国・新疆産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,500円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（相互リンク） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume-chips\"\u003eなつめチップス\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 手軽にサクサク楽しめる、もうひとつのなつめ\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume-cha\"\u003e抽出なつめ茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 忙しい日にも、なつめの味わいをそのまま一杯で\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003eクコの実（枸杞子）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 甘味が重なり、華やかで彩りのよい組み合わせに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eなつめとデーツ（ナツメヤシ）は同じものですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eなつめとデーツは全く別の植物です。なつめはクロウメモドキ科ナツメ属、デーツ（ナツメヤシ）はヤシ科の果実で、見た目は似ていますが植物学的には異なります。当店で扱っているのはクロウメモドキ科のなつめ（大棗）です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中でも食べられますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e食品としてお召し上がりいただけますが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. 説明ページ誘導 ─── --\u003e\n  \u003cdiv class=\"detail-link-box\"\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/natsume-tea\" class=\"detail-link\"\u003e\n      なつめについてもっと詳しく知る →\n    \u003c\/a\u003e\n    \u003cp class=\"detail-link-sub\"\u003e由来と特徴・漢方的な位置づけ・ブレンド提案などをご紹介しています\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v2\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 楽しみ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  white-space: nowrap;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── 説明ページ誘導 ── *\/\n.kampo-product .detail-link-box {\n  text-align: center;\n  margin: 28px 0 24px;\n  padding: 20px 16px;\n  background: var(--color-bg-warm);\n  border: 1px solid var(--color-border);\n  border-radius: 6px;\n}\n.kampo-product .detail-link-box .detail-link {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 2px;\n  transition: opacity 0.2s;\n}\n.kampo-product .detail-link-box .detail-link:hover {\n  opacity: 0.75;\n}\n.kampo-product .detail-link-box .detail-link-sub {\n  font-size: 12px;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n}\n\u003c\/style\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50228118192425,"sku":"","price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/DSC_9221_1.jpg?v=1752297417"},{"product_id":"nogiku-ka","title":"野菊花茶（ノギクカ茶）｜ほろ苦いノンカフェイン｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"野菊花茶にカフェインは含まれますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"野菊花茶はキクの花のみを原料とする食品で、茶葉（チャノキ）を含まないため、カフェインは含まれません。お休み前のひとときや、カフェインを控えたい方にもお召し上がりいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"野菊花茶と菊花茶は何が違いますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"もとになる植物が異なります。野菊花はキク科の野菊（Chrysanthemum indicum）の花を用い、栽培種の菊花（杭白菊など）に比べて苦みが強く、野草らしい力強い風味が特徴です。すっきりとした個性的な味わいをお探しの方におすすめです。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"野菊花茶は毎日飲んでもよいですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"野菊花は風味の力強い素材です。毎日の常飲よりも、2週間程度を目安に間をおいて、1日あたり800ml以内を目安にお楽しみいただくのがおすすめです。胃腸の弱い方は特に、量やペースをほどほどになさってください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/nogikuka-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e野菊花茶（ノギクカ）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 野に咲く菊のほろ苦い一杯\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e野菊花茶は、野に自生する菊の花を乾燥させたノンカフェインのお茶です。よく知られる菊花茶（杭白菊など）とは異なり、しっかりとした苦みと野草ならではの力強い風味が持ち味。蜂蜜や甘みのある素材と合わせれば、苦みをやわらかく楽しめます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e菊花茶は親しんできたが、もう少し個性的な味わいを試してみたい方\u003c\/li\u003e\n      \u003cli\u003eデスクワークの合間に、すっきりとした一杯を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003eブレンドのアクセントになる、苦みのある素材を探している方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e口に含むと、まず明確な苦みが広がります。一般的な菊花茶（杭白菊など）の甘くやさしい味わいとは大きく異なり、野生種ならではの力強さが感じられます。この苦みが好きな方にはたまらない風味で、飲みにくいと感じる場合は蜂蜜や氷砂糖を加えるとまろやかになります。枸杞の実やなつめとのブレンドもおすすめです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e乾燥花3〜5gを急須やティーポットに入れ、沸騰したお湯を200〜300ml注ぎます。5分ほど蒸らし、花蕾が開いて香りが立てば飲み頃です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e濃いめがお好みなら、乾燥花3〜5gを水300〜400mlに入れ、沸騰後にごく弱火で10〜15分煮出します。苦みが強まるので蜂蜜で調整してみてください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e甘みを加えて\u003c\/p\u003e\n      \u003cp\u003e苦みが気になる方は、蜂蜜や氷砂糖を少量加えると飲みやすくなります。枸杞の実やなつめを一緒に淹れるのもおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 商品固有の注記（野菊花：量・ペースの目安） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e野菊花は風味の力強い素材です。毎日の常飲よりも、2週間程度を目安に間をおいて、1日あたり800ml以内を目安にお楽しみください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e野菊花（のぎくか）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e50g（目安：約10〜16杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥花\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e610円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実・ゴジベリー）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みと果実香が、野菊花のほろ苦さをまろやかに包みます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── まろやかな甘みが苦みを包み込み、親しみやすい風味に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hakka-you\"\u003e薄荷（ハッカ）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── スーッとした清涼感がほろ苦さを引き締め、アイスにも\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e野菊花茶にカフェインは含まれますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e野菊花茶はキクの花のみを原料とする食品で、茶葉（チャノキ）を含まないため、カフェインは含まれません。お休み前のひとときや、カフェインを控えたい方にもお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e野菊花茶と菊花茶は何が違いますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eもとになる植物が異なります。野菊花はキク科の野菊（Chrysanthemum indicum）の花を用い、栽培種の菊花（杭白菊など）に比べて苦みが強く、野草らしい力強い風味が特徴です。すっきりとした個性的な味わいをお探しの方におすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e野菊花茶は毎日飲んでもよいですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e野菊花は風味の力強い素材です。毎日の常飲よりも、2週間程度を目安に間をおいて、1日あたり800ml以内を目安にお楽しみいただくのがおすすめです。胃腸の弱い方は特に、量やペースをほどほどになさってください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":46851646980393,"sku":null,"price":610.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/fed566f6-857c-4a56-84e7-f3c492d5453a.jpg?v=1780298666"},{"product_id":"guava-no-ha","title":"グァバ葉茶（グァバヨウ茶）｜すっきり渋みのノンカフェイン茶｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"グァバ葉茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません。就寝前のひとときや、カフェインを控えたい方にも安心してお召し上がりいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、妊娠中・授乳中の方への安全性に関する十分なデータがないため、ご使用前に医師または薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"他のお茶とブレンドして飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はい、グァバ葉茶は癖が少なく、他の生薬茶とも合わせやすい素材です。桑の葉茶や焙じはとむぎ、薄荷などと、お好みの割合で味わいの変化をお楽しみいただけます。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/guava-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eグァバ葉茶（グァバヨウ・バンジロウ）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 南国に伝わる、爽やかな食卓のお茶\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eグァバ葉茶は、熱帯アメリカを原産とするフトモモ科の常緑樹「番石榴（バンジロウ）」の葉を乾燥させたお茶です。沖縄や中国南方では古くから民間の健康茶として親しまれ、ノンカフェインで穏やかな味わいから、食事とともに楽しまれてきました。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e食後にお茶を一杯添える習慣を大切にしたい方\u003c\/li\u003e\n      \u003cli\u003e夜のひとときも気にせず飲めるノンカフェインのお茶を探している方\u003c\/li\u003e\n      \u003cli\u003e癖が少なく食事と合わせやすいお茶をお求めの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eほのかな清涼感が立ちのぼり、口に含むと穏やかな渋みが広がります。苦味は軽く、後味はすっきりとしています。癖が少なく食事に合わせやすい味わいで、洋食・中華・沖縄料理など幅広い献立と寄り添います。渋みが気になる方は、はちみつを少量加えるとまろやかな口当たりになります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e急須やティーポットに茶葉約5gを入れ、沸騰したお湯を200〜500ml注ぎます。3〜5分ほど蒸らしてからお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e水1Lに茶葉5〜10gを入れ、沸騰後に弱火で1〜2分煮出します。お茶パックを使うと後片づけが楽です。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e水出し\u003c\/p\u003e\n      \u003cp\u003e茶葉約5gを冷水500ml〜1Lに入れ、冷蔵庫で2〜6時間ほど抽出します。暑い季節にすっきりとした口当たりで楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003eグァバ葉（ぐぁばよう）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g（目安：約20〜33杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（リーフ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国産または国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e550円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuwanoha\"\u003e桑の葉茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 青みを重ねて、まろやかで奥行きのある飲み口に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしさを添えて、麦茶のように親しみやすく\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hakka-you\"\u003e薄荷茶\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 清涼感を引き立てて、より清々しい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eグァバ葉茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません。就寝前のひとときや、カフェインを控えたい方にも安心してお召し上がりいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、妊娠中・授乳中の方への安全性に関する十分なデータがないため、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e他のお茶とブレンドして飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはい、グァバ葉茶は癖が少なく、他の生薬茶とも合わせやすい素材です。桑の葉茶や焙じはとむぎ、薄荷などと、お好みの割合で味わいの変化をお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"100ｇ","offer_id":46851652419881,"sku":null,"price":550.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/d49b8a8a-78c7-451c-9e5f-5ad4566b0b38.jpg?v=1780300010"},{"product_id":"megusuri-no-ki","title":"メグスリノキ茶（目薬の木茶）｜国産ノンカフェイン｜下田康生堂","description":"\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"メグスリノキ茶にカフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていません（ノンカフェイン）。就寝前のリラックスタイムにも、時間帯を問わず安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"苦味が強いと聞きました。飲みやすくする方法はありますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"木の芯を噛んだようなしっかりとした苦味が持ち味です。蜂蜜を加える、冷やして飲む、菊花や枸杞子など甘みのある素材とブレンドするといった工夫で、ぐっと飲みやすくなります。蒸らし時間や煮出し時間を短めにするのもおすすめです。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"ノンカフェインですが、妊娠中・授乳中の安全性に関するデータは十分ではありません。念のため、かかりつけの医師または薬剤師にご相談のうえお飲みください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/megusuri-no-ki-tea\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003eメグスリノキ茶（目薬の木）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 戦国の世から伝わる「千里眼の木」を、一杯のお茶に\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eメグスリノキ（目薬の木）は、秋に紅葉するカエデの仲間です。戦国の世から「千里眼の木」の名で親しまれてきた薬木を、日々のお茶として気軽にお楽しみいただけます。木の香りとほろ苦さが持ち味のノンカフェインで、蜂蜜を添えたり冷やしたりと、お好みのスタイルでどうぞ。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e夜寝る前にも飲めるノンカフェインのお茶を探している方\u003c\/li\u003e\n      \u003cli\u003eお酒を楽しむ機会が多い方\u003c\/li\u003e\n      \u003cli\u003e昔から伝わる、少し珍しいお茶を試してみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e淹れたお茶は澄んだ琥珀色。木をそのまま嗅いだような素朴な香りが立ちのぼり、口に含むと木の芯を噛んだようなしっかりとした苦味が広がります。この個性が好みを分けるところですが、蜂蜜を加えたり冷やしたりすると、ぐっと和らぎます。菊花や枸杞子など甘みのある素材とのブレンドも、味をととのえるのに向いています。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. 淹れ方（簡略版） ─── --\u003e\n  \u003ch4\u003eおいしい淹れ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e基本\u003c\/p\u003e\n      \u003cp\u003e茶葉3〜5gを急須やティーポットに入れ、熱湯200〜300mlを注ぎます。3〜5分ほど蒸らしてからどうぞ。蒸らす時間が長いほど苦味が強まるので、お好みで加減してください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e煮出し\u003c\/p\u003e\n      \u003cp\u003e風味をしっかり引き出したいときは、茶葉5〜10gを水500〜1000mlに入れ、沸騰後は弱火で10〜15分ほど煎じます。木の香りが濃く広がります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアイス\u003c\/p\u003e\n      \u003cp\u003e濃いめに煮出したお茶を冷蔵庫で冷やすと、苦味がやわらぎ、すっきりとした口当たりに。暑い季節にもおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e目薬の木（めぐすりのき）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e100g（目安：約20〜30杯分）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e茶葉（刻み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e1,500円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みとほのかな甘酸っぱさが、しっかりとした苦味をまろやかに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/nogiku-ka\"\u003e野菊花\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 花の香りが奥行きを添え、引き締まった後味に\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/hoji-hatomugi\"\u003e焙じはとむぎ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 香ばしい焙煎香が苦味を包み、まろやかで飲みやすい一杯に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eメグスリノキ茶にカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていません（ノンカフェイン）。就寝前のリラックスタイムにも、時間帯を問わず安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e苦味が強いと聞きました。飲みやすくする方法はありますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e木の芯を噛んだようなしっかりとした苦味が持ち味です。蜂蜜を加える、冷やして飲む、菊花や枸杞子など甘みのある素材とブレンドするといった工夫で、ぐっと飲みやすくなります。蒸らし時間や煮出し時間を短めにするのもおすすめです。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eノンカフェインですが、妊娠中・授乳中の安全性に関するデータは十分ではありません。念のため、かかりつけの医師または薬剤師にご相談のうえお飲みください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 商品固有の注意（タンニン・鉄吸収） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003eメグスリノキ茶はタンニンを多く含みます。タンニンには鉄の吸収を妨げるはたらきがあるため、貧血が気になる方や鉄剤を服用中の方は、飲みすぎにご注意ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50237040754985,"sku":null,"price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/38def9d4-afe9-4f00-bab0-f24e6bf587e6.jpg?v=1780298729"},{"product_id":"natsume-cha","title":"抽出なつめ茶｜そのまま飲める薬膳茶｜下田康生堂","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"カフェインは入っていますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"なつめにカフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中でも飲めますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e抽出なつめ茶（なつめ茶）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── なつめの甘みを、じっくり抽出した一杯\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003eなつめをじっくり抽出し、そのまま飲める一杯に仕上げました。ほんのり甘く、まろやかな味わいは、ルイボスティーと麦茶の中間のような風味。渋みや苦みはほとんどなく、どなたにも親しみやすい飲み口です。ノンカフェインですので、就寝前にもお楽しみいただけます。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003e手軽にノンカフェインの飲み物を取り入れたい方\u003c\/li\u003e\n      \u003cli\u003e茶葉を用意する時間がないけれど、なつめの味わいを楽しみたい方\u003c\/li\u003e\n      \u003cli\u003eほっとする一杯で一日を締めくくりたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eほんのり甘く、まろやかで、どこかほっとする飲み口。砂糖は加えておらず、なつめの果実由来の自然な甘みだけで仕上げています。ルイボスティーと麦茶の中間のような風味で、渋みや苦みはほとんどありません。クセが少なく、万人受けしやすい味わいです。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい楽しみ方（薬膳素材用） ─── --\u003e\n  \u003ch4\u003eおいしい楽しみ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003e常温のままでもお飲みいただけます。外出先やお忙しいときにも手軽にどうぞ。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003e温めて\u003c\/p\u003e\n      \u003cp\u003e湯煎、またはカップに移して電子レンジで温めると、なつめの甘い香りがより豊かに広がります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eアレンジ\u003c\/p\u003e\n      \u003cp\u003e薄切りの生姜やクコの実を加えて、お好みの薬膳ドリンクとしてもお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック（カフェイン行なし） ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e抽出なつめ茶\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e1包 120cc\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e液体（抽出済み）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国産または国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e150円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（相互リンク） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003e甜なつめ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── お茶にもおやつにも。なつめをまるごと楽しめる\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume-chips\"\u003eなつめチップス\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── サクサク軽やかな食感で、お茶のお供にぴったり\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/other-yakuzen-herbs\"\u003e生姜\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 古くからの定番「姜棗茶」の組み合わせを手軽に\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eカフェインは入っていますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eなつめにカフェインは含まれていません。就寝前やカフェインを控えたい方にも安心してお飲みいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中でも飲めますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれていませんが、妊娠中・授乳中の方は念のため医師または薬剤師にご相談のうえでお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. 説明ページ誘導 ─── --\u003e\n  \u003cdiv class=\"detail-link-box\"\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/natsume-tea\" class=\"detail-link\"\u003e\n      なつめについてもっと詳しく知る →\n    \u003c\/a\u003e\n    \u003cp class=\"detail-link-sub\"\u003e由来と特徴・漢方的な位置づけ・ブレンド提案などをご紹介しています\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 11. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n}\n\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  white-space: nowrap;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n}\n\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n.kampo-product .detail-link-box {\n  text-align: center;\n  margin: 28px 0 24px;\n  padding: 20px 16px;\n  background: var(--color-bg-warm);\n  border: 1px solid var(--color-border);\n  border-radius: 6px;\n}\n.kampo-product .detail-link-box .detail-link {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--color-accent);\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 2px;\n  transition: opacity 0.2s;\n}\n.kampo-product .detail-link-box .detail-link:hover {\n  opacity: 0.75;\n}\n.kampo-product .detail-link-box .detail-link-sub {\n  font-size: 12px;\n  color: var(--color-text-light);\n  margin: 8px 0 0;\n}\n\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n}\n\u003c\/style\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":50229224866089,"sku":"","price":150.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/091.jpg?v=1772789263"},{"product_id":"kodakara-cha","title":"【公式】子宝茶｜自然素材・無添加・妊活サポート・体質改善｜漢方薬局 下田康生堂","description":"\u003ch1\u003e【公式】子宝茶（こだからちゃ）｜自然素材・無添加・妊活・温活サポート｜漢方薬局 下田康生堂\u003c\/h1\u003e\n\n\u003cp\u003e\u003cstrong\u003e「自然の恵みで、からだを整え、未来を育む。」\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e【自然素材・無添加】子宝茶は、妊活・体調管理・温活を意識した自然派ブレンド茶です。\u003cbr\u003e\n黒豆・なつめ・霊芝・大麦・よもぎ・丁子（ちょうじ）をバランスよく配合し、体を内側からじんわり温め、健やかな体作りをサポート。ノンカフェインで安心してお飲みいただけます。\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e古来より健康維持に親しまれてきた素材を厳選し、体の巡りやバランスを整えることを意識したブレンド。\u003cbr\u003e\n当店では、自然素材100％・無添加にこだわり、からだにやさしい一杯をお届けしています。\u003c\/p\u003e\n\n\u003ch2\u003e子宝茶はこんな方におすすめ｜自然素材・無添加で安心\u003c\/h2\u003e\n\n\u003cp\u003e・妊活・温活を意識したい方\u003cbr\u003e\n・体を内側から整えたい方\u003cbr\u003e\n・自然素材・無添加にこだわりたい方\u003cbr\u003e\u003cbr\u003e\n子宝茶は、からだの巡りと温もりを意識した「未来を育む自然派習慣」。\u003cbr\u003e\n日常の中で、心身をやさしく整えるひとときとして取り入れていただけます。\u003c\/p\u003e\n\n\u003ch2\u003e子宝茶に使われている自然素材とは｜黒豆・なつめ・霊芝・大麦・よもぎ・丁子\u003c\/h2\u003e\n\n\u003cp\u003eすべてが自然由来の和漢素材で構成されたブレンド茶。\u003cbr\u003e\n黒豆と大麦の香ばしさ、なつめのやさしい甘み、霊芝とよもぎの深み、そして丁子のほのかな刺激がバランスよく調和し、毎日続けやすい味わいに仕上げています。\u003c\/p\u003e\n\n\u003ch2\u003e子宝茶の美味しい飲み方｜妊活・温活・整え習慣に\u003c\/h2\u003e\n\n\u003cp\u003e・ティーポットや急須に適量を入れ、熱湯を注いで5分ほど蒸らしてからお召し上がりください\u003cbr\u003e\n・朝・昼・夜いつでも、日常の中でやさしく取り入れられるブレンドです\u003cbr\u003e\n・単独でもブレンドでも、リラックスタイムにもおすすめです\u003c\/p\u003e\n\n\u003ch2\u003e無添加・自然素材で作る子宝茶｜漢方薬局 下田康生堂のこだわり\u003c\/h2\u003e\n\n\u003cp\u003e合成香料・保存料・着色料・カフェインなどは一切使用せず、自然素材だけで仕上げました。\u003cbr\u003e\n体をいたわる方のために、やさしさと確かな素材感を大切にしています。\u003c\/p\u003e\n\n\u003ch2\u003e商品詳細｜子宝茶\u003c\/h2\u003e\n\n\u003cul\u003e\n\u003cli\u003e内容量：150g\u003c\/li\u003e\n\u003cli\u003e原材料名：黒豆、なつめ、霊芝、大麦、よもぎ、丁子（ちょうじ）\u003c\/li\u003e\n\u003cli\u003e保存方法：直射日光・高温多湿を避けて常温保存\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003e漢方薬局 下田康生堂が贈る｜自然の力で育む、未来への体づくり\u003c\/h2\u003e\n\n\u003cp\u003e自然の力で、からだを整え、未来を育む。\u003cbr\u003e\n毎日をやさしく支える「子宝茶」、あなたの習慣に加えてみませんか。\u003c\/p\u003e\n\n\u003ch2\u003e▼ご注文はこちらから▼\u003c\/h2\u003e\n\n\u003cdiv style=\"margin-top: 24px;\"\u003e\n  \u003ca href=\"\/cart\/add?id=50248585150761\" style=\"display:inline-block;padding:14px 24px;background:#2a9d8f;color:white;font-size:16px;font-weight:bold;text-decoration:none;border-radius:8px;text-align:center;\"\u003e\n    今すぐ子宝茶を始める\n  \u003c\/a\u003e\n\u003c\/div\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"子宝茶","offer_id":50248585150761,"sku":null,"price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/IMG_7791.jpg?v=1737179847"},{"product_id":"other-yakuzen-herbs","title":"未掲載の薬膳素材・生薬類について","description":"\u003ch1\u003e【公式】未掲載の薬膳素材・生薬類のご相談｜漢方薬局 下田康生堂\u003c\/h1\u003e\n\u003ch2\u003eサイトに載っていない素材も豊富に取り揃えております\u003c\/h2\u003e\n\u003cp\u003eサイトに載っていない素材も豊富に取り揃えております\u003cbr\u003e下田康生堂では、ECサイトに掲載しきれていない希少な生薬や、薬膳素材を数多く取り扱っております。\u003c\/p\u003e\n\u003cp\u003e「テレビで見かけたあの生薬はある？」「薬膳料理に使いたい素材を探しているなど、お客様のご要望に合わせて、高品質な素材を厳選してご提案いたします。\u003c\/p\u003e\n\u003cp\u003e【取り扱い例】\u003c\/p\u003e\n\u003cp\u003e薬膳素材： 龍眼肉、百合、山薬、陳皮など\u003c\/p\u003e\n\u003cp\u003e漢方生薬： 各種生薬\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e【ご購入・ご相談をご希望の方へ】在庫確認およびご購入のご相談は、公式LINEにて承っております。\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/lin.ee\/0vlIqOw\"\u003e\u003cimg src=\"https:\/\/scdn.line-apps.com\/n\/line_add_friends\/btn\/ja.png\" alt=\"友だち追加\" height=\"36\" border=\"0\"\u003e\u003c\/a\u003e\u003c\/p\u003e","brand":"漢方薬局　下田康生堂","offers":[{"title":"Default Title","offer_id":52585399976233,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/AdobeStock_410774158.jpg?v=1770355518"},{"product_id":"yakuzen-samgyetang-kit","title":"薬膳 参鶏湯キット","description":"\n\u003c!-- ========================================================\n     薬膳 参鶏湯キット — Shopify 商品ページ「商品説明」用スニペット\n     貼り付け先: 商品ページ \/products\/yakuzen-samgyetang-kit の\n     「商品説明」欄 →「\u003c\u003e(コードを表示)」(HTMLソースモード)を開き、全文を貼り付け。\n\n     ※必ず「\u003c\u003e」のHTMLソースモードで貼り付けること。\n       リッチテキスト(本文)モードに貼ると \u003cscript\u003e が除去され、\n       スティッキーCTAバーとInstagram動画が表示されません。\n       ソースモードに貼れば \u003cscript\u003e はそのまま動作します\n       (商品ページでv3スティッキーが動作することを確認済み)。\n\n     ◆ この版について(2026-06-13 rev.17 \/ レシピ文言を専用LP v3.2と同期)\n       商品説明用の簡潔版。\n       構成: イントロ\/キットの内容\/作り方(レシピ協力+Reel動画)\/\n              十種の素材(簡易解説つき)\/商品情報\/FAQ(6問)。\n       価格・カート追加はテーマの購入エリアに一本化。\n       SEOの構造化データは FAQPage(JSON-LD)のみ付与(rev.13\/本文FAQと完全一致)。\n       Google検索のFAQリッチリザルトは終了済み(2026-05-07)で装飾枠は出ないが、\n       機械可読性・AI検索の理解補助として設置。商品(Product)構造化データは\n       テーマの自動出力に一本化し、重複・価格の二重管理を避けるため付与しない。\n       画面下に固定するスティッキーCTAバーで購入エリアとLPへ誘導する。\n\n     ◆ rev.17 変更点(2026-06-13)\n       ・レシピ本文の文言を専用LP v3.2と同期(調理手順の表現を統一)。\n         材料: 料理酒「大さじ2」→「大さじ2〜3」。\n         STEP 01: 鶏肉の下処理を「【手羽元の場合】【鶏もも肉の場合】」の\n                  二系統表記に整理。手羽元に「中まで火を通す必要はない」「下ゆで後に\n                  切り込みを入れると味が染み込みやすい」を追記。もも肉は「食べやすい\n                  大きさに切ってそのまま使用」。もも肉の.lp-prep-noteは本文へ統合し削除。\n         STEP 02: 袋の中身の補足(青=生薬類\/黄=もち米・緑豆)、「コトコト煮込む」、\n                  「途中で軽く混ぜ、アクが出たら取り除く」を反映。\n         STEP 03: 文体を「です・ます」に統一(「最後の5分で…」「完成です」)。\n                  ※簡潔版のため3ステップ構成は維持(LPの4ステップへは展開せず)。\n         キットの内容・十種の素材・原材料名・FAQ・JSON-LD(FAQPage)・CSS・JSは無変更。\n\n     ◆ rev.16 変更点(2026-06-11)\n       ・鶏もも肉の代替対応(専用LP v3.1と同期)。\n         材料: 数量欄(.lp-ing-q)への長文追記はモバイル幅で材料名が\n               縦折れする破綻を起こすため不採用。鶏肉の行は600gのまま、\n               材料欄の注記(.lp-prep-note)に「鶏もも肉500g可・下ゆで不要」を追記。\n         STEP 01: もも肉の場合は下ゆで不要の注記(.lp-prep-note 流用)を追加。\n         STEP 02: 「手羽元」→「鶏肉」に変更(手羽元・もも肉の両対応)。\n         FAQ・JSON-LD(FAQPage)・CSS・JSは無変更。\n\n     ◆ rev.15 変更点(2026-06-11)\n       ・デザインを専用LP v3.0(「台所の声」と「薬局の声」の二声構成)に統一。\n         HTML本体・JSON-LD・JSは無変更で、styleブロックのみ全面書き換え。\n         配色: 和紙パレット(朱) → 生成り地+薬草の緑(基調)+クコの実の紅(CTA・強調)。\n         書体: 見出し\/UI=Zen Maru Gothic、本文=Zen Kaku Gothic New、\n               読み仮名(lp-hl-r)=Shippori Mincho(薬局の声)。\n         UI: 角丸+ソフトシャドウ。十種の素材\/FAQ=白カード化、\n             STEP番号=緑の丸バッジ、画像=角丸(rteオーバーライドで復活)、\n             スティッキーCTA=深緑blur帯+紅ピルボタン(LPの追従バーと同一trim)。\n         厳守ルール①〜⑤(px指定\/.rte打消し\/フルブリード禁止\/\n         container-type維持\/スティッキー独立スコープ)は全て維持。\n\n     ◆ rev.14 変更点(2026-06-08)\n       ・スティッキー副ボタン「詳しく見る」のLPリンクを修正し、絶対URL\n         (https:\/\/s-kouseidou.com\/pages\/yakuzen-samgyetang-kit)に統一。\n       ・「十種の素材」に各素材の短い説明(料理での役割・味\/食感)を再付与。\n         薬膳・効能の説明は載せず、食品としての風味・食感・使われ方のみ記載\n         (薬機法に配慮)。産地・選定理由などの深掘りは引き続き専用LPへ。\n\n     ◆ rev.13 変更点(2026-06-08)\n       ・FAQPage の構造化データ(JSON-LD)を追加(店舗ご要望により)。\n         本文「よくあるご質問」の6問と name\/text を完全一致させている。\n         GoogleのFAQリッチリザルトは2026-05-07に終了済みのため検索の装飾枠は\n         出ないが、構造化データ自体は有効で、AI検索(AI Overviews等)・機械\n         可読性の理解補助として設置する(店舗のゼロクリック\/AI対策と整合)。\n         商品(Product)構造化データはテーマ側の自動出力に任せ、ここでは付与しない\n         (重複と価格の二重管理を避けるため)。\n\n     ◆ rev.12 変更点(2026-06-08)\n       ・スティッキーCTAバーを新設(JS版)。.lp-sangetang の外(兄弟)に置き、\n         末尾スクリプトで \u003cbody\u003e 直下へ退避させる。\n           主「カート\u0026購入」= ページ最上部(購入エリア)へスムーズスクロール。\n           副「詳しく見る」= 専用LP(\/pages\/yakuzen-samgyetang-kit)へ遷移。\n           購入欄が画面上端を過ぎたら下からスライドインして出現。\n         配色は本ページの和紙パレット(朱)に調整。CSS\/JSを追加。\n       ・Instagram動画を公式の blockquote + embed.js 方式へ変更。\n         旧 rev.8 はShopifyが \u003cscript\u003e を除去する前提で iframe 方式を採用\n         していたが、ソースモード貼り付けでは \u003cscript\u003e が動作することを\n         確認したため、公式埋め込み(自動サイズ調整)に切替。\n         埋め込み未処理時のフォールバックとしてリンクボタンも併記。\n         CSS: .lp-video-frame \/ .lp-video-frame iframe を削除し、\n              .instagram-media のテーマ干渉除けリセットを追加。\n       ・「十種の素材」を画像付き詳細から、名称＋簡易注釈のコンパクト\n         一覧(.lp-herb-list)に圧縮。各素材の産地・選定理由などの深掘りは\n         専用LPに集約(スティッキー「詳しく見る」で誘導)。\n         関連CSS(.lp-herb \/ .lp-herb-fig \/ .lp-herb-img \/ .lp-herb-caption \/\n                  .lp-herb-body \/ .lp-herb-name \/ .lp-herb-desc と\n                  @container 内のherbレイアウト)を削除し、一覧用CSSへ置換。\n       ・「もっと詳しく」セクションを削除。LP導線はスティッキー副ボタンが\n         担うため。関連CSS(.lp-more \/ .lp-more-label \/ .lp-more-lead \/\n         .lp-more-link \/ .lp-more-arrow)も削除。\n       ・フッター(監修クレジット・店舗情報)を削除。住所・電話は商品情報の\n         「製造者」欄およびテーマ共通フッターと重複するため。\n         関連CSS(.lp-foot \/ .lp-foot-inner \/ .lp-foot-credit \/ .lp-foot-brand \/\n         .lp-fb-est \/ .lp-fb-name \/ .lp-fb-info \/ .lp-fb-updated)も削除。\n\n     ◆ 履歴(要約)\n       rev.11(2026-05-25) 商品情報(.lp-spec)のモバイル表示崩れを修正。\n         既定=縦積み「ラベル\/本文」型、@container(min-width:680px)で\n         従来のテーブル形式に戻す方式へ統一。\n       rev.10\/9(2026-05-25) 「キットの内容」を「作り方」の上へ移動。同梱物\n         写真をシール付き版へ。LP版テキストとの整合修正。FAQに2問追加。\n       rev.8(2026-05-20) 作り方にInstagramリール動画を埋め込み(当時 iframe\n         方式 \/ rev.12 で公式 embed.js 方式へ変更済み)。\n       rev.7(2026-05-20) 別途用意の食材に☆印付与＋注意書き(.lp-prep-note)。\n\n     ◆ レスポンシブ設計(重要)\n       レイアウトは「単カラム=既定」、ブロック幅が広いときだけ多カラムに\n       上げる方式(モバイルファースト+コンテナクエリ)。商品説明欄が狭い\n       段組みに置かれても崩れない。古いブラウザではコンテナクエリが無視され\n       安全な単カラム表示にフォールバック。\n\n     ◆ 厳守ルール(実装上の既知の不具合対策)\n       ① 文字サイズは px で指定する。rem は新規追加しない。\n       ② 末尾「.rte img」打消しオーバーライドは削除しないこと。\n       ③ .lp-sangetang はテーマのコンテナ内に収まる通常ブロック。\n          ビューポート全幅へのフルブリードはしない。\n       ④ .lp-sangetang の container-type は削除しないこと。\n          これがレスポンシブ判定の基準(消すと多カラムが崩れる)。\n       ⑤ スティッキーCTA(.kp-sticky-cta)は .lp-sangetang の外に置き、\n          末尾スクリプトで \u003cbody\u003e 直下へ退避させること。\n          .lp-sangetang は container-type を持つため、内側に置くと\n          position:fixed の基準がビューポートにならず固定が崩れる。\n     ======================================================== --\u003e\n\n\u003c!-- FAQPage 構造化データ(JSON-LD) ─ 本文「よくあるご質問」6問と完全一致 ─\n     GoogleのFAQリッチリザルトは2026-05-07に終了済みのため検索の装飾枠は出ない。\n     付与目的は機械可読性・AI検索(AI Overviews等)の理解補助。\n     商品(Product)構造化データはテーマの自動出力に一本化し、ここでは付与しない。 --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"キットだけで作れますか?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"いいえ。鶏肉(手羽元)600gなど、別途ご用意いただく食材があります。詳しくは「作り方」の\u003cb\u003e材料\u003c\/b\u003eをご覧ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"何人前ですか? 調理時間は?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"2〜3人前です。調理時間は、手羽元の下ゆでを含めて約60分が目安です。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"圧力鍋や炊飯器でも作れますか?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"鍋でじっくり煮込む作り方を基本としてご案内しています。圧力鍋・炊飯器をお使いの場合は、お手持ちの機器の取扱説明書に沿って加熱時間を調整してください。もち米が入るため、吹きこぼれにはご注意ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"朝鮮人参が入っていますが、注意することはありますか?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"本品は食品ですので、健康な方であればお召し上がりいただけます。ただし、朝鮮人参は体を温める作用が強く、体質や状態によっては合わない場合もあります。妊娠中・授乳中の方、通院中またはお薬を服用中の方は、念のため、かかりつけの医師・薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"枸杞の実は妊娠中・授乳中でも食べて大丈夫ですか?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"料理の彩りとして加える程度(数粒〜十数粒)であれば、有害事象が報告された一次情報はありません。ただし、毎日続けるような習慣的・大量の摂取はお控えください。体質や妊娠経過、服用中のお薬によって考え方が変わりますので、日常的に取り入れたい方は、医師・薬剤師にご相談ください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"子どもも食べられますか?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"未就学のお子様への提供はお控えください。小学生のお子様には、1人前を大人と分け合う程度(1\/3〜1\/2量)を目安にお召し上がりください。発熱中・興奮しやすいお子様への提供もお控えください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Zen+Maru+Gothic:wght@500;700;900\u0026family=Zen+Kaku+Gothic+New:wght@400;500;700\u0026family=Shippori+Mincho:wght@500;600;700\u0026display=swap');\n\n\/* ════════════════════════════════════════════════\n   rev.15 デザインシステム(専用LP v3.0 と統一)\n   「台所の声」＝ Zen Maru Gothic(見出し・UI)\n   「薬局の声」＝ Shippori Mincho(読み仮名・屋号などの控えめな差し込み)\n   基調＝薬草の緑\/差し色＝クコの実の紅(CTA・強調専用)\n   ════════════════════════════════════════════════ *\/\n.lp-sangetang{\n  \/* ===== カラートークン(LP v3.0 と共通) ===== *\/\n  --kome:#fdfcf7;\n  --shiro:#ffffff;\n  --wakaba:#f0f3e4;\n  --tamago:#faf4e2;\n  --midori:#4a6238;\n  --midori-d:#2e4123;\n  --midori-pale:#dfe7cf;\n  --sumi:#2c2a22;\n  --ink:#46433a;\n  --muted:#8b8570;\n  --beni:#b8472a;\n  --beni-d:#96381f;\n  --kin:#a8862f;\n  --line:#e6e0cb;\n  --line-soft:#efeada;\n\n  --r-lg:20px;\n  --r-md:14px;\n  --r-sm:9px;\n  --shadow:0 2px 18px rgba(70,62,38,.07);\n  --shadow-s:0 1px 8px rgba(70,62,38,.06);\n\n  --maru:'Zen Maru Gothic','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;\n  --sans:'Zen Kaku Gothic New','Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;\n  --serif:'Shippori Mincho','Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;\n\n  font-family:var(--sans);\n  color:var(--ink);\n  line-height:1.95;\n  -webkit-font-smoothing:antialiased;\n  font-weight:400;\n  font-size:16px;\n  letter-spacing:.03em;\n  \/* テーマのコンテナ内に収まる通常ブロック。フルブリードはしない。 *\/\n  overflow-x:clip;\n  \/* レスポンシブをビューポートではなく「このブロックの幅」基準にする。\n     商品説明欄が狭い段組みに置かれても崩れないための要。削除しないこと。 *\/\n  container-type:inline-size;\n  \/* スティッキーCTAバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom:84px;\n}\n.lp-sangetang *, .lp-sangetang *::before, .lp-sangetang *::after{ box-sizing:border-box; }\n.lp-sangetang p{ margin:0; }\n.lp-sangetang img{ display:block; max-width:100%; height:auto; }\n.lp-sangetang a{ color:inherit; }\n\n\/* =========================================================\n   既定=単カラム(どんな幅でも崩れない安全レイアウト)\n   ========================================================= *\/\n\n\/* ----- レイアウト ----- *\/\n.lp-wrap{ max-width:820px; margin:0 auto; padding:0 22px; }\n.lp-sec{ padding:62px 0 58px; }\n\n\/* ----- 見出し ----- *\/\n.lp-chapter{ text-align:center; margin-bottom:42px; }\n.lp-chapter-h{\n  font-family:var(--maru);\n  font-weight:700; color:var(--sumi);\n  font-size:24.5px; line-height:1.55; letter-spacing:.08em; margin:0;\n}\n.lp-chapter-sub{\n  font-family:var(--sans);\n  font-size:13.6px; color:var(--muted); letter-spacing:.12em;\n  margin-top:13px; font-weight:500;\n}\n.lp-chapter-rule{\n  width:52px; height:5px; border-radius:99px;\n  background:var(--midori); margin:20px auto 0;\n}\n\n\/* ----- 画像 ----- *\/\n.lp-fig{ position:relative; }\n.lp-img{ width:100%; height:auto; }\n.lp-fig-cap{\n  font-size:12.16px; color:var(--muted); letter-spacing:.06em;\n  margin-top:12px; line-height:1.7; text-align:center;\n}\n\n\/* ----- リード文 ----- *\/\n.lp-lead-p{\n  font-size:16px; line-height:2.3; color:var(--sumi); font-weight:500;\n  letter-spacing:.05em; max-width:620px; margin:0 auto;\n}\n.lp-lead-center{ text-align:center; }\n.lp-sec-note{\n  font-size:14.4px; color:var(--ink); line-height:1.95;\n  letter-spacing:.04em; max-width:620px; margin:0 auto 32px; text-align:center;\n}\n\n\/* ----- イントロ ----- *\/\n.lp-intro-fig{ margin-bottom:30px; }\n\n\/* ----- 十種の素材(簡易解説つき一覧) -----\n   rev.14: 各素材に短い説明(料理での役割・味\/食感)を再付与。\n   薬膳・効能の説明は載せず食品としての風味\/食感のみ記載(薬機法配慮)。\n   深掘り(産地・選定理由・薬膳の考え方)は引き続き専用LPに集約。\n   column-width で幅に応じて1〜2段に自動調整(固定段数にしない)。 *\/\n.lp-herb-list{\n  margin:0; padding:24px 26px; list-style:none;\n  column-width:300px; column-gap:46px;\n  background:var(--shiro);\n  border:1px solid var(--line-soft);\n  border-radius:var(--r-lg);\n  box-shadow:var(--shadow-s);\n}\n.lp-herb-list li{\n  padding:14px 2px; break-inside:avoid;\n  border-bottom:1px dotted var(--line);\n}\n.lp-herb-list .lp-hl-head{\n  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;\n  letter-spacing:.04em;\n}\n.lp-herb-list .lp-hl-n{\n  font-family:var(--maru);\n  font-weight:700; color:var(--sumi); font-size:15.2px;\n}\n.lp-herb-list .lp-hl-r{\n  font-family:var(--serif);\n  color:var(--midori); font-size:12.5px; font-weight:600;\n}\n.lp-herb-list .lp-hl-d{\n  margin:6px 0 0; font-size:13.4px; line-height:1.85;\n  color:var(--ink); letter-spacing:.03em;\n}\n\n\/* ----- 作り方 ----- *\/\n.lp-recipe-credit{\n  font-size:13.2px; color:var(--ink);\n  letter-spacing:.06em; margin-top:16px; line-height:1.8;\n}\n.lp-rc-label{\n  font-family:var(--maru);\n  font-size:10.88px; letter-spacing:.18em;\n  color:var(--midori-d); background:var(--wakaba);\n  font-weight:700; margin-right:11px;\n  padding:3px 11px; border-radius:999px;\n  display:inline-block;\n}\n.lp-recipe-credit a{\n  color:var(--ink); font-weight:600;\n  border-bottom:1px solid var(--line);\n}\n.lp-recipe-credit a:hover{ color:var(--beni); border-color:var(--beni); }\n\n\/* ----- Instagram リール動画ブロック(公式 embed.js 方式) ----- *\/\n.lp-video-block{\n  margin:38px auto 0;\n  max-width:420px;\n  text-align:center;\n}\n.lp-video-label{\n  font-family:var(--maru);\n  display:inline-block;\n  font-size:10.88px; letter-spacing:.24em; text-indent:.24em;\n  color:#fff; background:var(--midori);\n  font-weight:700;\n  padding:6px 18px;\n  border-radius:999px;\n  margin-bottom:18px;\n}\n\/* テーマの .rte blockquote 装飾(左罫・斜体等)を打ち消し、\n   embed.js 処理前のフォールバック表示を整える。\n   処理後はInstagram製iframeに置換される。 *\/\n.lp-sangetang blockquote.instagram-media{\n  border:0; border-left:0;\n  margin:0 auto !important;\n  padding:0;\n  font-style:normal;\n  background:#fff;\n}\n.lp-video-link{\n  font-family:var(--maru);\n  display:inline-flex; align-items:center; gap:8px;\n  margin-top:18px;\n  font-size:12.8px; color:var(--ink); font-weight:700;\n  letter-spacing:.05em;\n  text-decoration:none;\n  border-bottom:1.5px solid var(--line);\n  padding-bottom:2px;\n  transition:color .2s ease,border-color .2s ease;\n}\n.lp-video-link:hover{ color:var(--beni); border-color:var(--beni); }\n.lp-video-link::before{\n  content:\"\"; display:inline-block;\n  width:14px; height:14px;\n  background:currentColor;\n  -webkit-mask:url(\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'\u003e\u003cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.5 1 .5.5.8.9 1 1.5.2.4.4 1 .4 2.2.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-1 1.5-.5.5-.9.8-1.5 1-.4.2-1 .4-2.2.4-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.5-1-.5-.5-.8-.9-1-1.5-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 1-1.5.5-.5.9-.8 1.5-1 .4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 5.2c-2.5 0-4.6 2-4.6 4.6s2 4.6 4.6 4.6 4.6-2 4.6-4.6-2-4.6-4.6-4.6zm0 7.6c-1.7 0-3-1.4-3-3s1.4-3 3-3 3 1.4 3 3-1.4 3-3 3zm5.8-7.8c0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1z'\/\u003e\u003c\/svg\u003e\") center\/contain no-repeat;\n          mask:url(\"data:image\/svg+xml;utf8,\u003csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'\u003e\u003cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.5 1 .5.5.8.9 1 1.5.2.4.4 1 .4 2.2.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-1 1.5-.5.5-.9.8-1.5 1-.4.2-1 .4-2.2.4-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.5-1-.5-.5-.8-.9-1-1.5-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 1-1.5.5-.5.9-.8 1.5-1 .4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 5.2c-2.5 0-4.6 2-4.6 4.6s2 4.6 4.6 4.6 4.6-2 4.6-4.6-2-4.6-4.6-4.6zm0 7.6c-1.7 0-3-1.4-3-3s1.4-3 3-3 3 1.4 3 3-1.4 3-3 3zm5.8-7.8c0 .6-.5 1.1-1.1 1.1-.6 0-1.1-.5-1.1-1.1 0-.6.5-1.1 1.1-1.1.6 0 1.1.5 1.1 1.1z'\/\u003e\u003c\/svg\u003e\") center\/contain no-repeat;\n}\n\n.lp-prep-h{\n  font-family:var(--maru);\n  font-weight:700; color:var(--sumi); font-size:16.32px; letter-spacing:.08em;\n  padding-bottom:14px; margin:0 0 18px;\n  border-bottom:2px solid var(--midori-pale);\n}\n.lp-prep-h small{ font-size:12.48px; color:var(--muted); letter-spacing:.05em; font-weight:500; }\n.lp-prep-note{\n  font-size:13.28px; color:var(--beni); letter-spacing:.04em;\n  margin:-4px 0 14px; line-height:1.8;\n}\n\/* column-width で幅に応じて1〜2段に自動調整(固定段数にしない) *\/\n.lp-prep ul{ margin:0; padding:0; list-style:none; column-width:240px; column-gap:42px; }\n.lp-prep li{\n  font-size:14.88px; padding:9px 0; break-inside:avoid;\n  letter-spacing:.04em;\n  display:flex; align-items:baseline; gap:12px;\n  border-bottom:1px dotted var(--line);\n}\n.lp-prep li .lp-ing-n{ flex:1; min-width:0; color:var(--sumi); }\n.lp-prep li .lp-ing-q{ flex:none; color:var(--midori-d); font-weight:700; }\n\n\/* 動画ブロックと「材料」見出しの間隔 *\/\n.lp-video-block + .lp-prep{ margin-top:48px; }\n\n.lp-timeline{ margin-top:42px; }\n\/* 既定=縦積み(番号→見出し→本文→画像)。狭い欄でも崩れない *\/\n.lp-step{\n  display:grid; grid-template-columns:1fr; gap:14px;\n  padding:26px 0;\n  border-bottom:1px solid var(--line);\n}\n.lp-step:first-child{ border-top:2px solid var(--midori-pale); }\n.lp-step-num{ display:flex; align-items:center; gap:12px; }\n.lp-step-num .lp-sn-k{\n  font-size:10.88px; letter-spacing:.28em; text-indent:.28em;\n  color:var(--muted); font-weight:700;\n}\n.lp-step-num b{\n  font-family:var(--maru);\n  font-size:18px; font-weight:900; color:#fff; line-height:44px;\n  display:block; width:44px; height:44px; text-align:center;\n  background:var(--midori);\n  border-radius:50%;\n}\n.lp-step-body{ min-width:0; }\n.lp-step-body h3{\n  font-family:var(--maru);\n  color:var(--sumi); font-size:18.4px; letter-spacing:.06em; margin:0 0 12px;\n  font-weight:700;\n  display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;\n  padding-bottom:10px;\n  border-bottom:1px dotted var(--line);\n}\n.lp-step-time{\n  font-family:var(--sans);\n  font-size:12.16px; font-weight:700; color:var(--midori-d);\n  background:var(--wakaba);\n  padding:2px 12px; border-radius:999px;\n  letter-spacing:.08em; margin-left:auto;\n}\n.lp-step-body p{ font-size:14.88px; line-height:2.0; }\n.lp-step-fig{ width:100%; order:3; }\n.lp-step-img{\n  display:block; width:100%; aspect-ratio:4\/3;\n  object-fit:cover;\n}\n\n\/* ----- 商品情報 ----- *\/\n\/* 既定(狭い幅)= 縦積み「ラベル\/本文」型。スペック表のモバイル定石。\n   th と td がそれぞれ独立した行になるので、長い td でも横幅を圧迫しない。 *\/\n.lp-spec{\n  width:100%; font-size:14.4px;\n  border-top:2px solid var(--midori-pale);\n}\n.lp-spec, .lp-spec tbody{ display:block; }\n.lp-spec tr{\n  display:block;\n  padding:16px 0 18px;\n  border-bottom:1px solid var(--line);\n}\n.lp-spec th, .lp-spec td{\n  display:block; width:auto;\n  padding:0; border:none;\n  text-align:left;\n  line-height:1.9;\n  letter-spacing:.04em;\n  vertical-align:top;\n}\n.lp-spec th{\n  font-family:var(--maru);\n  font-weight:700; color:var(--midori-d);\n  font-size:11.84px; letter-spacing:.18em;\n  white-space:normal;\n  margin-bottom:6px;\n}\n.lp-spec th br{ display:none; }\n.lp-spec td{\n  color:var(--ink); font-size:14.72px;\n}\n.lp-spec td small,.lp-spec th small{\n  color:var(--muted); font-size:12.16px;\n  white-space:normal; letter-spacing:.05em;\n  margin-left:6px;\n}\n.lp-allergen{\n  margin-top:20px; font-size:14.08px; color:var(--ink); line-height:1.9;\n  padding:16px 22px;\n  background:var(--shiro);\n  border:1px solid var(--line-soft);\n  border-left:5px solid var(--beni);\n  border-radius:var(--r-sm);\n  letter-spacing:.04em;\n}\n.lp-allergen b{ font-family:var(--maru); color:var(--beni); font-weight:700; margin-right:8px; }\n.lp-info-note{\n  margin-top:12px; font-size:13.44px; color:var(--ink); line-height:1.95;\n  padding:16px 22px;\n  background:var(--shiro);\n  border:1px solid var(--line-soft);\n  border-left:5px solid var(--midori);\n  border-radius:var(--r-sm);\n  letter-spacing:.04em;\n}\n.lp-info-note b{ font-family:var(--maru); color:var(--midori-d); font-weight:700; margin-right:8px; }\n\n\/* ----- FAQ(白カード+丸バッジ:問=緑輪郭\/答=紅塗り) ----- *\/\n.lp-faq{\n  background:var(--shiro);\n  border:1px solid var(--line-soft);\n  border-radius:var(--r-lg);\n  box-shadow:var(--shadow-s);\n  overflow:hidden;\n}\n.lp-faq details{ border-bottom:1px solid var(--line-soft); }\n.lp-faq details:last-child{ border-bottom:none; }\n.lp-faq summary{\n  list-style:none; cursor:pointer; padding:21px 44px 21px 62px;\n  position:relative;\n  font-family:var(--maru);\n  font-weight:700; color:var(--sumi); font-size:16px; letter-spacing:.04em;\n  transition:color .2s ease, background-color .2s ease;\n}\n.lp-faq summary:hover{ color:var(--midori-d); background:var(--wakaba); }\n.lp-faq summary::-webkit-details-marker{ display:none; }\n.lp-faq summary::before{\n  content:\"問\"; position:absolute; left:20px; top:21px;\n  font-family:var(--maru);\n  font-size:13px; color:var(--midori); border:1.5px solid var(--midori);\n  width:26px; height:26px; line-height:23px; text-align:center; font-weight:700;\n  border-radius:50%;\n}\n.lp-faq summary::after{\n  content:\"+\"; position:absolute; right:18px; top:20px;\n  color:var(--muted); font-size:18.4px;\n}\n.lp-faq details[open] summary::after{ content:\"−\"; }\n.lp-faq-a{\n  padding:0 20px 24px 62px; font-size:14.72px; line-height:2.05; color:var(--ink);\n  letter-spacing:.04em; position:relative;\n}\n.lp-faq-a::before{\n  content:\"答\"; position:absolute; left:20px; top:0;\n  font-family:var(--maru);\n  font-size:13px; color:#fff; background:var(--beni);\n  width:26px; height:26px; line-height:26px; text-align:center; font-weight:700;\n  border-radius:50%;\n}\n.lp-faq-a b{ color:var(--sumi); font-weight:700; }\n\n\/* =========================================================\n   ブロック幅が 680px 以上のときだけ多カラムに「格上げ」する。\n   ※ @container=このブロック自身の幅で判定(ビューポートではない)\n   ========================================================= *\/\n@container (min-width:680px){\n  .lp-wrap{ padding:0 32px; }\n  .lp-sec{ padding:86px 0 80px; }\n\n  .lp-chapter{ margin-bottom:46px; }\n  .lp-chapter-h{ font-size:30.4px; letter-spacing:.1em; }\n\n  .lp-herb-list{ padding:30px 36px; }\n\n  \/* 作り方:番号\/本文\/画像の3カラム *\/\n  .lp-step{\n    grid-template-columns:76px 1fr 200px;\n    gap:26px;\n    padding:32px 0;\n  }\n  .lp-step-num{ display:block; text-align:center; }\n  .lp-step-num .lp-sn-k{ display:block; margin-bottom:8px; }\n  .lp-step-num b{\n    font-size:21px; line-height:56px;\n    width:56px; height:56px; margin:0 auto;\n  }\n  .lp-step-fig{ order:0; }\n\n  .lp-spec th,.lp-spec td{ padding:16px 18px; }\n\n  \/* 広い幅では従来のテーブル形式に戻す(行=table-row、セル=table-cell) *\/\n  .lp-spec{\n    display:table; border-collapse:collapse; border-top:none;\n  }\n  .lp-spec tbody{ display:table-row-group; }\n  .lp-spec tr{\n    display:table-row;\n    padding:0; border-bottom:none;\n  }\n  .lp-spec th, .lp-spec td{\n    display:table-cell;\n    border-bottom:1px solid var(--line);\n  }\n  .lp-spec tr:first-child th, .lp-spec tr:first-child td{\n    border-top:2px solid var(--midori-pale);\n  }\n  .lp-spec th{\n    width:34%;\n    font-weight:700; color:var(--sumi);\n    font-size:14.4px;\n    white-space:nowrap; letter-spacing:.07em;\n    margin-bottom:0;\n  }\n  .lp-spec th br{ display:inline; }\n  .lp-spec th small{\n    margin-left:0;\n  }\n  .lp-spec td{\n    font-size:14.4px;\n  }\n}\n\n\/* ============================================================\n   ★ Shopifyテーマ(.rte img)干渉対策(削除しないこと)\n   テーマCSSが本文画像に付ける枠\/影\/角丸を打ち消す。\n   意図的な角丸・枠は直後の .lp-img\/.lp-step-img で復活。\n   ============================================================ *\/\n.lp-sangetang img{\n  border:0 !important;\n  border-radius:0 !important;\n  box-shadow:none !important;\n}\n.lp-sangetang .lp-img,\n.lp-sangetang .lp-step-img{\n  border:1px solid var(--line-soft) !important;\n  border-radius:var(--r-md) !important;\n  box-shadow:var(--shadow-s) !important;\n}\n\/* 見出し化(h3)に伴うブラウザ既定マージンの打ち消し *\/\n.lp-sangetang h3.lp-prep-h{ margin:0 0 18px; }\n.lp-sangetang .lp-lead-p{ margin-left:auto !important; margin-right:auto !important; }\n\n\/* ============================================================\n   スティッキーCTAバー(rev.12 新設 \/ v3テンプレ同等)\n   ※ JSで \u003cbody\u003e 直下へ移動するため .lp-sangetang に依存しない独立スコープ。\n      .lp-sangetang は container-type:inline-size を持ち、内側に置くと\n      position:fixed の基準がビューポートにならないため、必ず body 直下へ退避。\n      rev.15: 配色をLP v3.0の追従バー(深緑blur帯+紅ピルボタン)に統一。\n   ============================================================ *\/\n.kp-sticky-cta{\n  --kp-cta:#b8472a;\n  --kp-cta-dark:#96381f;\n  --kp-bar-bg:rgba(46,65,35,0.96);\n  --kp-bar-deep:#2e4123;\n  --kp-maru:'Zen Maru Gothic','Hiragino Maru Gothic ProN','Yu Gothic',sans-serif;\n\n  position:fixed;\n  left:0; right:0; bottom:0;\n  z-index:2147483000; \/* テーマ要素より前面に *\/\n  display:flex;\n  justify-content:center;\n  padding:9px 12px;\n  padding-bottom:calc(9px + env(safe-area-inset-bottom));\n  background:var(--kp-bar-bg);\n  -webkit-backdrop-filter:blur(8px);\n  backdrop-filter:blur(8px);\n  border-top:none;\n  box-shadow:0 -6px 22px rgba(0,0,0,0.16);\n  \/* 初期状態:下に隠す(JSで .is-visible 付与時に出現) *\/\n  transform:translateY(120%);\n  opacity:0;\n  pointer-events:none;\n  transition:transform .28s ease, opacity .28s ease;\n  box-sizing:border-box;\n}\n.kp-sticky-cta.is-visible{\n  transform:translateY(0);\n  opacity:1;\n  pointer-events:auto;\n}\n.kp-sticky-inner{\n  display:flex;\n  gap:10px;\n  width:100%;\n  max-width:820px;\n}\n.kp-sticky-cta .kp-btn{\n  font-family:var(--kp-maru);\n  font-size:15px;\n  font-weight:700;\n  letter-spacing:.08em;\n  line-height:1.3;\n  border-radius:999px;\n  border:1.5px solid transparent;\n  padding:13px 12px;\n  min-height:50px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  text-decoration:none;\n  cursor:pointer;\n  transition:background .2s, color .2s, opacity .2s, box-shadow .2s;\n  box-sizing:border-box;\n}\n.kp-sticky-cta .kp-btn-primary{\n  flex:1.4;\n  background:var(--kp-cta);\n  color:#fff;\n  border-color:var(--kp-cta);\n  box-shadow:0 3px 14px rgba(184,71,42,0.38);\n}\n.kp-sticky-cta .kp-btn-primary:hover{ background:var(--kp-cta-dark); border-color:var(--kp-cta-dark); }\n.kp-sticky-cta .kp-btn-secondary{\n  flex:1;\n  background:#fff;\n  color:var(--kp-bar-deep);\n  border-color:#fff;\n}\n.kp-sticky-cta .kp-btn-secondary:hover{ background:#f0f3e4; border-color:#f0f3e4; }\n.kp-sticky-cta .kp-btn:focus-visible{\n  outline:2px solid #fff;\n  outline-offset:2px;\n}\n\n@media (max-width:600px){\n  .kp-sticky-inner{ max-width:none; }\n  .kp-sticky-cta .kp-btn{ font-size:14px; padding:12px 8px; }\n}\n@media (prefers-reduced-motion:reduce){\n  .kp-sticky-cta{ transition:opacity .2s ease; transform:translateY(0); }\n}\n@media print{\n  .kp-sticky-cta{ display:none; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"lp-sangetang\"\u003e\n\n  \u003c!-- ============ 1. イントロ ============ --\u003e\n  \u003csection class=\"lp-sec\"\u003e\n    \u003cdiv class=\"lp-wrap\"\u003e\n      \u003cdiv class=\"lp-chapter\"\u003e\n        \u003ch2 class=\"lp-chapter-h\"\u003e薬膳の知恵を、ひと袋に。\u003c\/h2\u003e\n        \u003cp class=\"lp-chapter-sub\"\u003e― 家庭でつくる、薬膳参鶏湯のキット ―\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lp-fig lp-intro-fig\"\u003e\n        \u003cimg class=\"lp-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/80f9705b67cb12efdcc81e428a12d28a.jpg?v=1779095840\u0026amp;width=1600\" alt=\"土鍋でじっくり煮込んだ薬膳参鶏湯\" width=\"1600\" height=\"1065\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cp class=\"lp-fig-cap\"\u003e土鍋でじっくり煮込んだ薬膳参鶏湯\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"lp-lead-p lp-lead-center\"\u003e\n        なつめ・くこ・朝鮮人参など十種の素材を詰め合わせた、家庭でつくる薬膳参鶏湯のキットです。\n        鶏肉とお水を用意して煮込むだけ。韓国のさらりとしたスープとはまた違う、\n        もち米のとろみを生かした\"薬膳粥\"のような一杯に仕上がります。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 2. キットの内容 ============ --\u003e\n  \u003csection class=\"lp-sec\" id=\"kit\"\u003e\n    \u003cdiv class=\"lp-wrap\"\u003e\n      \u003cdiv class=\"lp-chapter\"\u003e\n        \u003ch2 class=\"lp-chapter-h\"\u003eキットの内容\u003c\/h2\u003e\n        \u003cdiv class=\"lp-chapter-rule\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"lp-fig lp-intro-fig\"\u003e\n        \u003cimg class=\"lp-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/NZB_0068_1_with_stickers_v8.jpg?v=1779670184\u0026amp;width=1600\" alt=\"参鶏湯キットの同梱物 青・黄・ピンクの3袋\" width=\"1600\" height=\"1064\" loading=\"lazy\" decoding=\"async\"\u003e\n        \u003cp class=\"lp-fig-cap\"\u003e青・黄・ピンクのシールを貼って3袋にわけてお届けします\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 3. 作り方 ============ --\u003e\n  \u003csection class=\"lp-sec\" id=\"howto\"\u003e\n    \u003cdiv class=\"lp-wrap\"\u003e\n      \u003cdiv class=\"lp-chapter\"\u003e\n        \u003ch2 class=\"lp-chapter-h\"\u003e作り方\u003c\/h2\u003e\n        \u003cp class=\"lp-chapter-sub\"\u003e― 下ゆでひと手間、あとはコトコト ―\u003c\/p\u003e\n        \u003cp class=\"lp-recipe-credit\"\u003e\u003cspan class=\"lp-rc-label\"\u003eレシピ協力\u003c\/span\u003e中国家庭料理研究家・りん(\u003ca href=\"https:\/\/www.instagram.com\/lin.gohan\/\" target=\"_blank\" rel=\"noopener\"\u003e@lin.gohan\u003c\/a\u003e)\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- レシピ動画(Instagram Reel 公式埋め込み \/ embed.js) --\u003e\n      \u003cdiv class=\"lp-video-block\"\u003e\n        \u003cp class=\"lp-video-label\"\u003e動画でレシピを見る\u003c\/p\u003e\n        \u003cblockquote class=\"instagram-media\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DXiV54sgXf9\/?utm_source=ig_embed\u0026amp;utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin:0 auto; max-width:420px; min-width:300px; padding:0; width:99.375%; width:calc(100% - 2px);\"\u003e\n          \u003ca href=\"https:\/\/www.instagram.com\/reel\/DXiV54sgXf9\/\" target=\"_blank\" rel=\"noopener\"\u003eこの投稿をInstagramで見る\u003c\/a\u003e\n        \u003c\/blockquote\u003e\n        \u003ca class=\"lp-video-link\" href=\"https:\/\/www.instagram.com\/reel\/DXiV54sgXf9\/\" target=\"_blank\" rel=\"noopener\"\u003eInstagramで見る\u003c\/a\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lp-prep\"\u003e\n        \u003ch3 class=\"lp-prep-h\"\u003e材料 \u003csmall\u003e(2〜3人前)\u003c\/small\u003e\n\u003c\/h3\u003e\n        \u003cp class=\"lp-prep-note\"\u003e☆印の食材は別途ご用意ください。\u003cbr\u003e※鶏肉は、鶏もも肉500gでもお作りいただけます(その場合、下ゆでは不要です)。\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e☆鶏肉(手羽元)\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e600g\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e☆エリンギ\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e80g\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e☆にんにく\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e3片\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e☆長ネギ\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e1\/2本\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e料理酒\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e大さじ2〜3\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e水\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e約1,200ml\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e☆小ねぎ\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003eお好みで\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli\u003e\n\u003cspan class=\"lp-ing-n\"\u003e参鶏湯キット\u003c\/span\u003e\u003cspan class=\"lp-ing-q\"\u003e1袋\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"lp-timeline\"\u003e\n\n        \u003cdiv class=\"lp-step\"\u003e\n          \u003cdiv class=\"lp-step-num\"\u003e\n            \u003cspan class=\"lp-sn-k\"\u003eSTEP\u003c\/span\u003e\n            \u003cb\u003e01\u003c\/b\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-body\"\u003e\n            \u003ch3\u003e下準備 \u003cspan class=\"lp-step-time\"\u003e約10分\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp\u003eエリンギは粗みじん切り、長ネギは斜め切り、にんにくは軽く潰します。\u003cbr\u003e【手羽元の場合】ひたひたの水と料理酒(分量外)で軽く下ゆでし、水で洗ってアクや汚れを落とします。中まで火を通す必要はありません。下ゆで後、切り込みを入れると、味が染み込みやすくなります。\u003cbr\u003e【鶏もも肉の場合】下ゆでは不要です。食べやすい大きさに切り、そのまま使用できます。\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-fig\"\u003e\n            \u003cdiv class=\"lp-fig\"\u003e\n              \u003cimg class=\"lp-step-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/1.jpg?v=1779095839\u0026amp;width=720\" alt=\"作り方 STEP1 下準備\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lp-step\"\u003e\n          \u003cdiv class=\"lp-step-num\"\u003e\n            \u003cspan class=\"lp-sn-k\"\u003eSTEP\u003c\/span\u003e\n            \u003cb\u003e02\u003c\/b\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-body\"\u003e\n            \u003ch3\u003e煮込む \u003cspan class=\"lp-step-time\"\u003e40〜60分\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp\u003e鍋に鶏肉・長ネギ・にんにく・エリンギを入れ、さらに青の袋(生薬類)・黄の袋(もち米・緑豆)・水1,200ml・料理酒・ピンクの袋の岩塩 小さじ1\/2を加えて火にかけます。沸騰したらアクを取り除き、弱火で蓋をして40〜60分ほどコトコト煮込みます。途中で軽く混ぜ、アクが出たら取り除いてください。\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-fig\"\u003e\n            \u003cdiv class=\"lp-fig\"\u003e\n              \u003cimg class=\"lp-step-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/3_4f53a98f-aa54-4b62-86bc-d01b64bc41e2.jpg?v=1779095840\u0026amp;width=720\" alt=\"作り方 STEP2 コトコト煮込む\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"lp-step\"\u003e\n          \u003cdiv class=\"lp-step-num\"\u003e\n            \u003cspan class=\"lp-sn-k\"\u003eSTEP\u003c\/span\u003e\n            \u003cb\u003e03\u003c\/b\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-body\"\u003e\n            \u003ch3\u003e仕上げ \u003cspan class=\"lp-step-time\"\u003e約5分\u003c\/span\u003e\n\u003c\/h3\u003e\n            \u003cp\u003e最後の5分で、ピンクの袋のクコの実を加えます。残りの岩塩(小さじ1\/2〜1)で味を整え、お好みで小ねぎを散らして完成です。\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"lp-step-fig\"\u003e\n            \u003cdiv class=\"lp-fig\"\u003e\n              \u003cimg class=\"lp-step-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/5.jpg?v=1779095838\u0026amp;width=720\" alt=\"作り方 STEP3 仕上げ\" loading=\"lazy\" decoding=\"async\"\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 4. 十種の素材(簡易解説つき) ============ --\u003e\n  \u003csection class=\"lp-sec\" id=\"herbs\"\u003e\n    \u003cdiv class=\"lp-wrap\"\u003e\n      \u003cdiv class=\"lp-chapter\"\u003e\n        \u003ch2 class=\"lp-chapter-h\"\u003e十種の素材\u003c\/h2\u003e\n        \u003cdiv class=\"lp-chapter-rule\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"lp-sec-note\"\u003e天保年間創業の漢方薬局が、産地と品質を見極めて選んだ十種です。\u003c\/p\u003e\n      \u003cul class=\"lp-herb-list\"\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e朝鮮人参\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003e六年根・長白山紅参\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e参鶏湯に欠かせない主役。煮込むほどに独特のほろ苦さとコクがスープに移ります。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003eなつめ\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003e大棗\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003eやさしい自然な甘みが、スープ全体をまろやかにまとめます。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e枸杞の実\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eくこ・寧夏産\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e仕上げに加える赤い彩り。ほのかな甘みとやわらかな酸味がアクセントになります。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e山薬\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eさんやく\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e山芋を乾燥させた素材。煮込むとほっくりとした口当たりになります。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003eもち米\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003e国産\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e煮込むうちにとろみが出て、参鶏湯ならではのお粥のような一杯に。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e芡実\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eけんじつ\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e蓮に似た水生植物の実。ほっくりとした歯ざわりが食感のアクセントに。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e乾姜\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eかんきょう\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e生姜を乾燥させた素材。ほのかな辛みと香りでスープを引き締めます。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e陳皮\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eちんぴ\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e乾燥させた柑橘の皮。さわやかな香りが後味を軽やかにします。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e緑豆\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003eりょくず\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e緑色の小さな豆。くせがなく、さっぱりとした風味です。\u003c\/p\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cp class=\"lp-hl-head\"\u003e\u003cspan class=\"lp-hl-n\"\u003e岩塩\u003c\/span\u003e\u003cspan class=\"lp-hl-r\"\u003e四川省産\u003c\/span\u003e\u003c\/p\u003e\n          \u003cp class=\"lp-hl-d\"\u003e味を最後にととのえる塩。料理全体の味の決め手になります。\u003c\/p\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ 5. 商品情報 ============ --\u003e\n  \u003csection class=\"lp-sec\" id=\"info\"\u003e\n    \u003cdiv class=\"lp-wrap\"\u003e\n      \u003cdiv class=\"lp-chapter\"\u003e\n        \u003ch2 class=\"lp-chapter-h\"\u003e商品情報\u003c\/h2\u003e\n        \u003cdiv class=\"lp-chapter-rule\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003ctable class=\"lp-spec\"\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003cth\u003e商品名\u003c\/th\u003e\n\u003ctd\u003e薬膳 参鶏湯キット\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e名 称\u003c\/th\u003e\n\u003ctd\u003e参鶏湯キット\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e原材料名\u003c\/th\u003e\n\u003ctd\u003eもち米(国産)、なつめ、緑豆、朝鮮人参、クコの実、山薬、芡実、岩塩、乾姜、陳皮\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e約130g(2〜3人前)\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e賞味期限\u003c\/th\u003e\n\u003ctd\u003e製造日から1年\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e保存方法\u003c\/th\u003e\n\u003ctd\u003e直射日光・高温多湿を避けて保存してください\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth\u003e栄養成分\u003cbr\u003e\u003csmall\u003e(1袋130gあたり)\u003c\/small\u003e\n\u003c\/th\u003e\n            \u003ctd\u003e熱量 445kcal \/ たんぱく質 9.9g \/ 脂質 2.0g \/ 炭水化物 96.9g \/ 食塩相当量 4.6g\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003e製造者\u003c\/th\u003e\n\u003ctd\u003e下田康生堂製薬株式会社\u003cbr\u003e千葉県富里市日吉台4-9-11 電話 0476-22-4160\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n      \u003cp class=\"lp-allergen\"\u003e\n        \u003cb\u003eアレルギー表示\u003c\/b\u003e特定原材料8品目および推奨表示20品目は使用しておりません。\n      \u003c\/p\u003e\n      \u003cp class=\"lp-info-note\"\u003e\n        \u003cb\u003e本品について\u003c\/b\u003e本品は食品です。特定の疾病の予防・治療・健康の増進を目的としたものではありません。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n \u003c!-- ============ 6. FAQ ============ --\u003e\n\u003csection class=\"lp-sec\" id=\"faq\"\u003e\n  \u003cdiv class=\"lp-wrap\"\u003e\n    \u003cdiv class=\"lp-chapter\"\u003e\n      \u003ch2 class=\"lp-chapter-h\"\u003eよくあるご質問\u003c\/h2\u003e\n      \u003cdiv class=\"lp-chapter-rule\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"lp-faq\"\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003eキットだけで作れますか?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003eいいえ。鶏肉(手羽元)600gなど、別途ご用意いただく食材があります。詳しくは「作り方」の\u003cb\u003e材料\u003c\/b\u003eをご覧ください。\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e何人前ですか? 調理時間は?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003e2〜3人前です。調理時間は、手羽元の下ゆでを含めて約60分が目安です。\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e圧力鍋や炊飯器でも作れますか?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003e鍋でじっくり煮込む作り方を基本としてご案内しています。圧力鍋・炊飯器をお使いの場合は、お手持ちの機器の取扱説明書に沿って加熱時間を調整してください。もち米が入るため、吹きこぼれにはご注意ください。\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e朝鮮人参が入っていますが、注意することはありますか?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003e本品は食品ですので、健康な方であればお召し上がりいただけます。ただし、朝鮮人参は体を温める作用が強く、体質や状態によっては合わない場合もあります。妊娠中・授乳中の方、通院中またはお薬を服用中の方は、念のため、かかりつけの医師・薬剤師にご相談ください。\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e枸杞の実は妊娠中・授乳中でも食べて大丈夫ですか?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003e料理の彩りとして加える程度(数粒〜十数粒)であれば、有害事象が報告された一次情報はありません。ただし、毎日続けるような習慣的・大量の摂取はお控えください。体質や妊娠経過、服用中のお薬によって考え方が変わりますので、日常的に取り入れたい方は、医師・薬剤師にご相談ください。\u003c\/div\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e子どもも食べられますか?\u003c\/summary\u003e\n        \u003cdiv class=\"lp-faq-a\"\u003e未就学のお子様への提供はお控えください。小学生のお子様には、1人前を大人と分け合う程度(1\/3〜1\/2量)を目安にお召し上がりください。発熱中・興奮しやすいお子様への提供もお控えください。\u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTAバー(rev.12 新設 \/ JS版)\n     ・主「カート\u0026購入」：ページ最上部(テーマの購入エリア)へスムーズスクロール\n     ・副「詳しく見る」：専用LP(\/pages\/yakuzen-samgyetang-kit)へ遷移\n     ・出現条件：購入欄が画面上端を過ぎたら下からスライドイン\n     ・.lp-sangetang は container-type を持ち fixed の基準がビューポートに\n       ならないため、末尾スクリプトでこのバーを \u003cbody\u003e 直下へ退避させる。\n       → このバーは必ず .lp-sangetang の外(兄弟)に置くこと(厳守ルール⑤)。\n     ============================================================ --\u003e\n\u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n  \u003cdiv class=\"kp-sticky-inner\"\u003e\n    \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n    \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/yakuzen-samgyetang-kit\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト(rev.12)\n     ・主ボタン：ページ最上部へスムーズスクロール\n     ・出現条件：購入欄(add-to-cart フォーム)が画面上端を過ぎたら表示\n     ・購入欄が特定できない場合は一定スクロール量で出現(フォールバック)\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n    \/* 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を\n       回避するため、バー自体を \u003cbody\u003e 直下へ移動し全幅固定する *\/\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    function findBuyBox() {\n      var sels = [\n        'product-form',\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e\n\n\u003c!-- ============================================================\n     Instagram 公式埋め込み処理スクリプト(rev.12)\n     embed.js が blockquote.instagram-media を iframe に置換する。\n     再描画やembed.js既読み込み時の取りこぼし対策として process() を補助実行。\n     ============================================================ --\u003e\n\u003cscript async src=\"https:\/\/www.instagram.com\/embed.js\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n(function () {\n  function process() {\n    if (window.instgrm \u0026\u0026 window.instgrm.Embeds \u0026\u0026 typeof window.instgrm.Embeds.process === 'function') {\n      window.instgrm.Embeds.process();\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', process);\n  } else {\n    process();\n  }\n  setTimeout(process, 1500);\n})();\n\u003c\/script\u003e\n","brand":"漢方薬局　下田康生堂","offers":[{"title":"1セット","offer_id":53192026161449,"sku":null,"price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"2セット（予約特典送料サービス・他の商品をご購入の際も送料サービス）（次回使えるクーポンも同封いたします）","offer_id":53192026194217,"sku":null,"price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/5.jpg?v=1779095838"},{"product_id":"kuwanomi","title":"桑の実（マルベリー）20g","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"カフェインは含まれますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"桑の実は果実を原料とするノンカフェインの素材です。カフェインは含まれませんので、お休み前の間食やカフェインを控えたい方にもお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"「桑の葉茶」とは違うものですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"はい、別の商品です。本品は桑の果実（桑椹）を乾燥させたもので、桑の葉茶は桑の葉を原料としており、由来部位も味わいも異なります。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも食べられますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"本品は食品ですが、妊娠中・授乳中の方は念のため、お召し上がりになる前に医師または薬剤師にご相談ください。なお当店では食品として販売しており、特定の効能効果を謳うものではありません。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003c!--\n    主ボタン：ページ最上部へスムーズスクロール（JSで制御）\n    副ボタン：説明ページ（LP）へ遷移（https:\/\/s-kouseidou.com\/pages\/kuwanomi を共用）\n    ※ position:fixed のため DOM 上の位置は表示に影響しない\n  --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/kuwanomi\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル（h3：テーマの h1 の下位） ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e桑の実（クワノミ・桑椹）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── そのまま食べられる、甘酸っぱいドライフルーツ\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e桑の実は、クワの木が初夏に実らせる紫紅色の小さな果実を乾燥させたものです。果実由来の自然な甘みとほどよい酸味があり、そのままドライフルーツのようにつまめます。ヨーグルトやグラノーラのトッピングに、お湯を注いでお茶にしても楽しめる、ノンカフェインの一品です。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eそのままつまめる、甘酸っぱいドライフルーツを探している方\u003c\/li\u003e\n      \u003cli\u003eヨーグルトやグラノーラのトッピングを楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e就寝前でも気にせずつまめる、ノンカフェインの間食をお探しの方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003eひと粒つまむと、果実由来の自然な甘みとほどよい酸味が広がります。苦味やクセはほとんどなく、やわらかな噛みごたえが楽しめます。そのままはもちろん、ヨーグルトや焼き菓子に加えたり、お湯を注いでほんのり色づいたお茶にしても味わえます。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい食べ方（薬膳素材：そのまま\/トッピング\/お茶として） ─── --\u003e\n  \u003ch4\u003eおいしい食べ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま\u003c\/p\u003e\n      \u003cp\u003eひと粒ずつ、ドライフルーツとしてお召し上がりください。甘酸っぱさと、やわらかな噛みごたえが楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eトッピング\u003c\/p\u003e\n      \u003cp\u003eヨーグルトやグラノーラ、サラダ、焼き菓子のトッピングに。彩りと甘酸っぱいアクセントが加わります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eお茶として\u003c\/p\u003e\n      \u003cp\u003e桑の実5gほどに80〜90℃のお湯を200〜300ml注ぎ、3〜5分ほど蒸らせば、ほんのり甘酸っぱいお茶に。ふやけた実はそのまま食べられます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e桑の実（くわのみ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e20g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥果実（ドライフルーツ）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003e中国産\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含まない（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e賞味期限\u003c\/th\u003e\n\u003ctd\u003eお買い上げ時点から約半年（商品ラベルに記載）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e260円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ（簡易版・内部リンク強化） ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/yakuzen-granola\"\u003e薬膳グラノーラ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 本品20gは、グラノーラ1袋に混ぜるのにちょうど良い量。甘酸っぱさと彩りが朝食やおやつのアクセントに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── やさしい甘みのドライフルーツ。一緒につまめば、まろやかな味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003e枸杞の実（クコの実）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 同じく甘みのある実。ヨーグルトやお茶のトッピングを彩り豊かに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003eカフェインは含まれますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e桑の実は果実を原料とするノンカフェインの素材です。カフェインは含まれませんので、お休み前の間食やカフェインを控えたい方にもお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e「桑の葉茶」とは違うものですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eはい、別の商品です。本品は桑の果実（桑椹）を乾燥させたもので、桑の葉茶は桑の葉を原料としており、由来部位も味わいも異なります。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも食べられますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e本品は食品ですが、妊娠中・授乳中の方は念のため、お召し上がりになる前に医師または薬剤師にご相談ください。なお当店では食品として販売しており、特定の効能効果を謳うものではありません。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003c!-- ※LP導線はスティッキーCTAの「詳しく見る」が担うため、旧 detail-link-box は廃止 --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 商品固有の注記（桑の実：天然果実ゆえのばらつき） ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e天然の果実を原料としているため、ロットにより実の色・大きさ・甘酸っぱさに多少のばらつきが生じることがあります。また、原料由来のへたや小さな茎などがごくまれに含まれる場合があります。品質上の問題はございませんが、気になる場合は取り除いてお召し上がりください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e\n","brand":"漢方薬局 下田康生堂","offers":[{"title":"Default Title","offer_id":53247386255657,"sku":null,"price":260.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/kuwanomi_20g.jpg?v=1781152509"},{"product_id":"ryuganniku","title":"竜眼肉（ロンガン）20g","description":"\n\u003c!-- FAQPage構造化データ（JSON-LD） --\u003e\n\u003cscript type=\"application\/ld+json\"\u003e\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"竜眼肉にカフェインは含まれますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"カフェインは含まれません。時間を選ばず、お好きなときにお楽しみいただけます。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"1日にどのくらいが目安ですか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"1日3〜4粒を目安に、おやつやお茶としてお楽しみください。甘みが強いため、糖質が気になる方は量を控えめになさってください。\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"妊娠中・授乳中でも食べられますか？\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"食品としてお楽しみいただけますが、妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえお召し上がりください。\"\n      }\n    }\n  ]\n}\n\u003c\/script\u003e\n\n\u003cdiv class=\"kampo-product\" style=\"font-family:'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif; color:#3B3127; line-height:2.0; font-size:15px; max-width:720px; margin:0 auto;\"\u003e\n\n  \u003c!-- ─── 0. スティッキーCTA（購入欄を過ぎたら下から出現） ─── --\u003e\n  \u003cdiv class=\"kp-sticky-cta\" role=\"navigation\" aria-label=\"購入とご案内\"\u003e\n    \u003cdiv class=\"kp-sticky-inner\"\u003e\n      \u003cbutton type=\"button\" class=\"kp-btn kp-btn-primary\" aria-label=\"購入欄へ移動する\"\u003eカート\u0026amp;購入\u003c\/button\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/pages\/ryuganniku\" class=\"kp-btn kp-btn-secondary\"\u003e詳しく見る\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── グラデーションバー ─── --\u003e\n  \u003cdiv style=\"height:3px; background:linear-gradient(90deg, #8B7355, #B8A88A, #D9CEBC); margin-bottom:24px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ─── 1. 商品名＋サブタイトル ─── --\u003e\n  \u003ch3 class=\"product-title\"\u003e竜眼肉（リュウガンニク・桂円肉／ロンガン）\u003cspan class=\"product-subtitle\"\u003eノンカフェイン ── 甘く香る、薬膳の養生素材\u003c\/span\u003e\n\u003c\/h3\u003e\n\n  \u003c!-- ─── 2. 導入文 ─── --\u003e\n  \u003cp style=\"margin-top:1.5rem;\"\u003e竜眼肉（リュウガンニク）は、ムクロジ科リュウガンの果肉を乾燥させた、ドライフルーツのような甘みをもつ薬膳素材です。種を除いた果肉なので、封を開けてそのままおやつのように楽しめるほか、お茶やお粥に加えても味わえます。漂白剤や燻煙による処理をしない、自然な白い色味の「白竜眼」を厳選しました。\u003c\/p\u003e\n\n  \u003c!-- ─── 3. こんな方に選ばれています ─── --\u003e\n  \u003cdiv class=\"recommend-box\"\u003e\n    \u003cp class=\"recommend-heading\"\u003eこんな方に選ばれています\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eドライフルーツとして、そのままおやつに楽しみたい方\u003c\/li\u003e\n      \u003cli\u003e甘く香る、自然な味わいの素材がお好きな方\u003c\/li\u003e\n      \u003cli\u003eなつめやクコの実と合わせて薬膳茶を楽しみたい方\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 4. 味わい ─── --\u003e\n  \u003ch4\u003e味わい\u003c\/h4\u003e\n  \u003cp\u003e甘みがしっかりとあり、乾いた状態ではレーズンのよう、お湯で戻すとライチに似たやわらかな食感になります。苦みはほとんどなく、独特の濃い甘い香りが特徴です。そのままおやつのように味わえるほか、お茶に入れるとほのかな甘みが移ります。\u003c\/p\u003e\n\n  \u003c!-- ─── 5. おいしい楽しみ方（薬膳素材：淹れ方→楽しみ方） ─── --\u003e\n  \u003ch4\u003eおいしい楽しみ方\u003c\/h4\u003e\n  \u003cdiv class=\"brew-guide\"\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eそのまま食べる\u003c\/p\u003e\n      \u003cp\u003e封を開けてそのまま、ドライフルーツのようにお召し上がりいただけます。種を除いた果肉なので、おやつ感覚で手軽に楽しめます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brew-step\"\u003e\n      \u003cp class=\"brew-label\"\u003eブレンド\u003c\/p\u003e\n      \u003cp\u003eなつめやクコの実、薬膳グラノーラと合わせると、甘みと彩りのよい一品に。本品20g入り1袋は、薬膳グラノーラ1袋に混ぜるのにちょうどよい分量です。お茶にする場合は、お好みで2〜3煎までお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 6. 商品スペック ─── --\u003e\n  \u003ch4\u003e商品情報\u003c\/h4\u003e\n  \u003cdiv class=\"product-spec\"\u003e\n    \u003ctable\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n\u003cth\u003e品名\u003c\/th\u003e\n\u003ctd\u003e竜眼肉（りゅうがんにく）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e内容量\u003c\/th\u003e\n\u003ctd\u003e20g\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e形態\u003c\/th\u003e\n\u003ctd\u003e乾燥した果肉（仮種皮）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e原産地\u003c\/th\u003e\n\u003ctd\u003eベトナム\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e賞味期限\u003c\/th\u003e\n\u003ctd\u003e販売から約半年\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003eカフェイン\u003c\/th\u003e\n\u003ctd\u003e含みません（ノンカフェイン）\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003ctr\u003e\n\u003cth\u003e価格\u003c\/th\u003e\n\u003ctd\u003e200円（税込）\u003c\/td\u003e\n\u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 7. 相性のよい組み合わせ ─── --\u003e\n  \u003ch4\u003e相性のよい組み合わせ\u003c\/h4\u003e\n  \u003cdiv class=\"related-items\"\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/natsume\"\u003eなつめ（大棗）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 甘みどうしが寄り添う、やさしい味わいに\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/kuko-no-mi\"\u003eクコの実（枸杞）\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── ほどよい酸味が、強い甘さをきりっと引き締めます\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"related-item\"\u003e\n      \u003ca href=\"https:\/\/s-kouseidou.com\/products\/yakuzen-granola\"\u003e薬膳グラノーラ\u003c\/a\u003e\n      \u003cspan class=\"related-desc\"\u003e── 1袋に混ぜるのにちょうどよい20g。食感と甘みのアクセントに\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 8. ミニFAQ ─── --\u003e\n  \u003ch4\u003eよくある質問\u003c\/h4\u003e\n  \u003cdiv class=\"faq-section\"\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e竜眼肉にカフェインは含まれますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003eカフェインは含まれません。時間を選ばず、お好きなときにお楽しみいただけます。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e1日にどのくらいが目安ですか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e1日3〜4粒を目安に、おやつやお茶としてお楽しみください。甘みが強いため、糖質が気になる方は量を控えめになさってください。\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cp class=\"faq-q\"\u003e妊娠中・授乳中でも食べられますか？\u003c\/p\u003e\n      \u003cp class=\"faq-a\"\u003e食品としてお楽しみいただけますが、妊娠中・授乳中の方は、念のため医師または薬剤師にご相談のうえお召し上がりください。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 9. ディスクレーマー ─── --\u003e\n  \u003cdiv class=\"disclaimer-box\"\u003e\n    本ページの内容は、生薬の伝統的な使われ方に基づく情報であり、特定の疾病に対する効能効果を示すものではありません。食品として、日々の暮らしの中でお楽しみください。体調に不安のある方は、医師または薬剤師にご相談ください。\n  \u003c\/div\u003e\n\n  \u003c!-- ─── 10. 妊婦注記 ─── --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003cp\u003e妊娠中の方、授乳中の方は、ご使用前に医師または薬剤師にご相談ください。\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================================\n   Shopify 商品説明テンプレート CSS  v3\n   スコープ: .kampo-product（説明ページ .kampo-tea と分離）\n   ============================================================ *\/\n\n.kampo-product {\n  --color-bg: #FDFBF7;\n  --color-bg-warm: #F8F4EC;\n  --color-text: #3B3127;\n  --color-text-light: #5E5245;\n  --color-accent: #8B7355;\n  --color-accent-light: #B8A88A;\n  --color-border: #D9CEBC;\n  --color-strong: #5C4A32;\n  --color-medical-bg: #F7F5F0;\n  --color-medical-border: #C8BDA8;\n  --color-caution: #9A7B4F;\n  \/* スティッキーCTA用（深い臙脂系・ブラウンパレットと調和） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n\n  \/* スティッキーバーが本文末尾を隠さないためのクリアランス *\/\n  padding-bottom: 84px;\n}\n\n\/* ── 見出し（h3 = 説明欄の最上位、h4 = セクション見出し） ── *\/\n.kampo-product h3.product-title {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.6;\n  color: var(--color-strong);\n  margin: 0 0 8px;\n  letter-spacing: 0.04em;\n}\n.kampo-product h3.product-title .product-subtitle {\n  display: block;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--color-text-light);\n  margin-top: 6px;\n  letter-spacing: 0.02em;\n}\n.kampo-product h4 {\n  font-family: 'Zen Old Mincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--color-strong);\n  margin: 2rem 0 12px;\n  padding-bottom: 6px;\n  border-bottom: 1px solid var(--color-accent-light);\n  letter-spacing: 0.04em;\n  line-height: 1.6;\n}\n\n\/* ── こんな方に選ばれています ── *\/\n.kampo-product .recommend-box {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 14px 18px;\n  margin: 20px 0;\n}\n.kampo-product .recommend-box p.recommend-heading {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 6px;\n}\n.kampo-product .recommend-box ul {\n  margin: 0;\n  padding-left: 1.2em;\n  list-style: disc;\n}\n.kampo-product .recommend-box li {\n  font-size: 14px;\n  line-height: 2.0;\n  color: var(--color-text);\n}\n\n\/* ── 淹れ方 ── *\/\n.kampo-product .brew-guide {\n  margin: 12px 0;\n}\n.kampo-product .brew-step {\n  background: var(--color-bg-warm);\n  border-radius: 6px;\n  padding: 12px 14px;\n  margin: 8px 0;\n}\n.kampo-product .brew-step .brew-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--color-accent);\n  margin: 0 0 4px;\n  letter-spacing: 0.04em;\n}\n.kampo-product .brew-step p {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* ── 商品スペック ── *\/\n.kampo-product .product-spec {\n  margin: 12px 0;\n}\n.kampo-product .product-spec table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n  table-layout: fixed; \/* 列幅を固定し、内容が長くても表が枠幅を超えない *\/\n}\n.kampo-product .product-spec th {\n  background: var(--color-bg-warm);\n  color: var(--color-strong);\n  font-weight: 500;\n  text-align: left;\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  width: 30%;\n  line-height: 1.6;\n  white-space: normal;     \/* 見出しも必要なら折り返す（はみ出し防止） *\/\n  word-break: break-word;\n}\n.kampo-product .product-spec td {\n  padding: 8px 14px;\n  border: 1px solid var(--color-border);\n  color: var(--color-text);\n  line-height: 1.6;\n  word-break: break-word;  \/* 長い値はセル内で折り返す *\/\n  overflow-wrap: anywhere;\n}\n\n\/* ── 関連商品（簡易版） ── *\/\n.kampo-product .related-items {\n  margin: 12px 0;\n}\n.kampo-product .related-item {\n  padding: 10px 0;\n  border-bottom: 1px dotted var(--color-border);\n  font-size: 14px;\n  line-height: 1.8;\n}\n.kampo-product .related-item:last-child {\n  border-bottom: none;\n}\n.kampo-product .related-item a {\n  color: var(--color-accent);\n  font-weight: 500;\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-accent-light);\n  padding-bottom: 1px;\n  transition: opacity 0.2s;\n}\n.kampo-product .related-item a:hover {\n  opacity: 0.75;\n}\n.kampo-product .related-item .related-desc {\n  color: var(--color-text-light);\n  font-size: 13px;\n  margin-left: 4px;\n}\n\n\/* ── ミニFAQ ── *\/\n.kampo-product .faq-section {\n  margin: 12px 0;\n}\n.kampo-product .faq-item {\n  border-bottom: 1px solid var(--color-border);\n  padding: 14px 0;\n}\n.kampo-product .faq-item:first-of-type {\n  border-top: 1px solid var(--color-border);\n}\n.kampo-product .faq-q {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-strong);\n  margin: 0 0 4px;\n  line-height: 1.7;\n}\n.kampo-product .faq-q::before {\n  content: \"Q. \";\n  color: var(--color-accent);\n}\n.kampo-product .faq-a {\n  font-size: 13px;\n  line-height: 1.9;\n  color: var(--color-text);\n  margin: 0;\n  padding-left: 1.8em;\n}\n.kampo-product .faq-a::before {\n  content: \"A. \";\n  color: var(--color-accent-light);\n  margin-left: -1.8em;\n  display: inline-block;\n  width: 1.8em;\n}\n\n\/* ── ディスクレーマー ── *\/\n.kampo-product .disclaimer-box {\n  background: var(--color-medical-bg);\n  border: 1px solid var(--color-medical-border);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 16px 0 0;\n  text-align: left;\n}\n\n\/* ── 妊婦注記 ── *\/\n.kampo-product .caution-box {\n  background: var(--color-medical-bg);\n  border-left: 3px solid var(--color-caution);\n  padding: 8px 14px;\n  margin: 8px 0 0;\n  border-radius: 0 4px 4px 0;\n}\n.kampo-product .caution-box p {\n  font-size: 12px;\n  line-height: 1.8;\n  color: var(--color-text-light);\n  margin: 0;\n}\n\n\/* ============================================================\n   スティッキーCTAバー（v3 新設）\n   ※ JSで \u003cbody\u003e 直下へ移動するため .kampo-product に依存しない独立スコープ。\n      テーマ親要素の transform 等で fixed が効かない問題を回避する。\n   ============================================================ *\/\n.kp-sticky-cta {\n  \/* 自己完結カラー（.kampo-product の外でも効くよう個別定義） *\/\n  --kp-cta: #9E2B3C;\n  --kp-cta-dark: #7E1F2E;\n  --kp-bar-bg: rgba(253, 251, 247, 0.96);\n  --kp-bar-border: #D9CEBC;\n  --kp-bar-warm: #F8F4EC;\n\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147483000; \/* テーマ要素より前面に *\/\n  display: flex;\n  justify-content: center;\n  padding: 8px 12px;\n  padding-bottom: calc(8px + env(safe-area-inset-bottom));\n  background: var(--kp-bar-bg);\n  -webkit-backdrop-filter: blur(6px);\n  backdrop-filter: blur(6px);\n  border-top: 1px solid var(--kp-bar-border);\n  box-shadow: 0 -4px 16px rgba(59, 49, 39, 0.10);\n  \/* 初期状態：下に隠す（JSで .is-visible 付与時に出現） *\/\n  transform: translateY(120%);\n  opacity: 0;\n  pointer-events: none;\n  transition: transform 0.28s ease, opacity 0.28s ease;\n  box-sizing: border-box;\n}\n.kp-sticky-cta.is-visible {\n  transform: translateY(0);\n  opacity: 1;\n  pointer-events: auto;\n}\n.kp-sticky-inner {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n  max-width: 720px;\n}\n.kp-sticky-cta .kp-btn {\n  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;\n  font-size: 15px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.3;\n  border-radius: 8px;\n  border: 1.5px solid transparent;\n  padding: 13px 12px;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n.kp-sticky-cta .kp-btn-primary {\n  flex: 1.4;\n  background: var(--kp-cta);\n  color: #FFFFFF;\n  box-shadow: 0 2px 6px rgba(124, 30, 46, 0.28);\n}\n.kp-sticky-cta .kp-btn-primary:hover {\n  background: var(--kp-cta-dark);\n}\n.kp-sticky-cta .kp-btn-secondary {\n  flex: 1;\n  background: #FFFFFF;\n  color: var(--kp-cta);\n  border-color: var(--kp-cta);\n}\n.kp-sticky-cta .kp-btn-secondary:hover {\n  background: var(--kp-bar-warm);\n}\n\n\/* ── レスポンシブ ── *\/\n@media (max-width: 600px) {\n  .kampo-product {\n    padding: 0 12px;\n    padding-bottom: 84px;\n    font-size: 14px;\n  }\n  .kampo-product h3.product-title {\n    font-size: 19px;\n  }\n  .kampo-product h4 {\n    font-size: 16px;\n  }\n  .kampo-product .product-spec th {\n    width: 35%;\n    padding: 6px 10px;\n  }\n  .kampo-product .product-spec td {\n    padding: 6px 10px;\n  }\n  .kp-sticky-cta .kp-btn {\n    font-size: 14px;\n    padding: 12px 8px;\n  }\n}\n\n\/* ── アクセシビリティ：動きを抑える設定を尊重 ── *\/\n@media (prefers-reduced-motion: reduce) {\n  .kp-sticky-cta {\n    transition: opacity 0.2s ease;\n    transform: translateY(0);\n  }\n}\n\n\/* ── 印刷時は非表示 ── *\/\n@media print {\n  .kp-sticky-cta {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- ============================================================\n     スティッキーCTA 制御スクリプト（v3 新設）\n     ・主ボタン：購入欄（add-to-cart フォーム）へスムーズスクロール\n     ・出現条件：購入欄が画面上端を過ぎたら表示（IntersectionObserver）\n     ・購入欄が特定できない場合は一定スクロール量で出現（フォールバック）\n     ============================================================ --\u003e\n\u003cscript\u003e\n(function () {\n  function init() {\n    \/\/ ページ内のスティッキーバーを1つに集約（テーマ再描画での重複対策）\n    var bars = document.querySelectorAll('.kp-sticky-cta');\n    if (!bars.length) return;\n    var root = bars[0];\n    for (var b = 1; b \u003c bars.length; b++) {\n      if (bars[b].parentNode) bars[b].parentNode.removeChild(bars[b]);\n    }\n\n    \/\/ 親要素の transform\/filter 等で position:fixed が画面基準にならない問題を回避するため\n    \/\/ バー自体を \u003cbody\u003e 直下へ移動し、確実にビューポート基準で全幅固定する\n    if (root.parentNode !== document.body) {\n      document.body.appendChild(root);\n    }\n\n    var cartBtn = root.querySelector('.kp-btn-primary');\n\n    \/\/ よくあるテーマの購入欄セレクタを順に探索\n    function findBuyBox() {\n      var sels = [\n        'product-form',                 \/* Dawn 系のカスタム要素 *\/\n        'form[action*=\"\/cart\/add\"]',\n        '.product-form',\n        '.shopify-product-form',\n        '[id^=\"product-form\"]',\n        '#AddToCart',\n        '.product__info-wrapper'\n      ];\n      for (var i = 0; i \u003c sels.length; i++) {\n        var el = document.querySelector(sels[i]);\n        if (el) return el;\n      }\n      return null;\n    }\n\n    var buyBox = findBuyBox();\n\n    \/\/ 「カート\u0026購入」→ ページ最上部へスムーズスクロール\n    if (cartBtn) {\n      cartBtn.addEventListener('click', function (e) {\n        e.preventDefault();\n        \/\/ ページ最上部へスムーズスクロール\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n      });\n    }\n\n    function show(v) { root.classList.toggle('is-visible', v); }\n\n    \/\/ 「購入欄を過ぎたら出現」\n    if (buyBox \u0026\u0026 'IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function (entries) {\n        var e = entries[0];\n        \/\/ 購入欄が画面上端より上に抜けたら表示\n        show(!e.isIntersecting \u0026\u0026 e.boundingClientRect.top \u003c 0);\n      }, { threshold: 0 });\n      io.observe(buyBox);\n    } else {\n      \/\/ フォールバック：一定量スクロールで出現\n      var onScroll = function () { show(window.pageYOffset \u003e 640); };\n      window.addEventListener('scroll', onScroll, { passive: true });\n      onScroll();\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n\u003c\/script\u003e\n","brand":"漢方薬局 下田康生堂","offers":[{"title":"Default Title","offer_id":53247386419497,"sku":null,"price":200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/files\/ryuganniku_20g.jpg?v=1781152508"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/3279\/2617\/collections\/AdobeStock_528167923_2.jpg?v=1696140952","url":"https:\/\/s-kouseidou.com\/collections\/yakusocha.oembed?page=3","provider":"漢方薬局 下田康生堂","version":"1.0","type":"link"}