{"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","url":"https:\/\/s-kouseidou.com\/products\/kuwanomi","provider":"漢方薬局 下田康生堂","version":"1.0","type":"link"}