{"product_id":"vanhouten-cocoa-kaimin","title":"バンホーテン 快眠 ココア","description":"\u003cstyle\u003e\n\/* =========================\n  Vanhouten “Kaimin Cocoa” LP (Full \/ Latest)\n  - Points：左丸＋右文（SPも横並び維持）\n  - 「機能性表示食品」：囲みなし\n  - 食材カード：影なし（borderのみ）\n  - 睡眠セクション：白枠影なし、タイトルは中央揃え\n  - 「ってなに？」：薄色＆太すぎない\n  - 深い眠り\/すっきり：中央揃え（カード内）\n========================= *\/\n.vh-kaimin{\n  --acc:#2764aa;\n  --acc-soft: rgba(39,100,170,.70);\n  --text:#111827;\n  --muted:#6b7280;\n  --line:#e5e7eb;\n  --soft:#d9ecff; \/* 薄青 *\/\n  --card:#ffffff;\n  --brown:#6b5b4c;\n\n  font-family: system-ui,-apple-system,\"Segoe UI\",\"Hiragino Kaku Gothic ProN\",\"Noto Sans JP\",Meiryo,sans-serif;\n  color:var(--text);\n  line-height:1.8;\n  word-break:keep-all;\n}\n.vh-kaimin *{box-sizing:border-box;}\n.vh-kaimin img{max-width:100%; height:auto; display:block;}\n.vh-kaimin .wrap{max-width:980px; margin:0 auto; padding:18px 14px 44px;}\n.vh-kaimin .note{color:var(--muted); font-size:12px; margin-top:10px;}\n\n\/* ================= HERO ================= *\/\n.vh-kaimin .hero{\n  display:grid;\n  grid-template-columns: 1fr;\n  gap:14px;\n  align-items:center;\n  padding:6px 0 12px;\n}\n.vh-kaimin .hero-media{width:min(340px, 92vw); margin:0 auto;}\n.vh-kaimin .hero-title{text-align:center;}\n.vh-kaimin .hero-kicker{\n  color:var(--acc);\n  font-weight:900;\n  letter-spacing:.06em;\n  font-size:20px;\n  margin:2px 0 12px;\n}\n.vh-kaimin .hero-title h1{\n  margin:4px 0 8px;\n  color:var(--acc);\n  font-weight:900;\n  letter-spacing:.02em;\n  line-height:1.18;\n  font-size:36px;\n}\n.vh-kaimin .hero-title h1 span{\n  display:block;\n  font-size:18px;\n  margin-bottom:4px;\n}\n.vh-kaimin .hero-label{\n  margin-top:10px;\n  font-weight:800;\n  color:#4b5563;\n  font-size:22px;\n  letter-spacing:.08em;\n}\n.vh-kaimin .hero-anno{\n  margin-top:14px;\n  color:#6b7280;\n  font-size:13px;\n  line-height:1.75;\n}\n@media (min-width: 768px){\n  .vh-kaimin .hero{grid-template-columns: 360px 1fr; gap:26px; padding:12px 0 18px;}\n  .vh-kaimin .hero-media{width:100%; margin:0;}\n  .vh-kaimin .hero-title{text-align:left;}\n  .vh-kaimin .hero-title h1{font-size:48px;}\n  .vh-kaimin .hero-title h1 span{font-size:20px;}\n  .vh-kaimin .hero-kicker{font-size:22px;}\n}\n\n\/* ================= POINTS ================= *\/\n.vh-kaimin .points{margin-top:18px; display:grid; gap:26px;}\n.vh-kaimin .p-row{\n  display:grid;\n  grid-template-columns: 170px 1fr;\n  gap:26px;\n  align-items:center;\n}\n.vh-kaimin .circle{\n  width:150px; height:150px;\n  border-radius:999px;\n  display:grid;\n  place-items:center;\n  background: rgba(39,100,170,.55);\n  position:relative;\n}\n.vh-kaimin .circle:before{\n  content:\"\";\n  position:absolute;\n  inset:10px;\n  border-radius:999px;\n  border:6px solid rgba(255,255,255,.55);\n}\n.vh-kaimin .circle span{\n  position:relative;\n  color:#fff;\n  font-weight:900;\n  letter-spacing:.04em;\n  font-size:22px;\n  line-height:1.2;\n  text-align:center;\n}\n.vh-kaimin .p-text{\n  font-size:22px;\n  font-weight:700;\n  color:var(--brown);\n  letter-spacing:.02em;\n}\n.vh-kaimin .p-text p{margin:0;}\n.vh-kaimin .p-text strong{color:var(--acc);}\n\n\/* SPでも横並び維持（写真寄せ） *\/\n@media (max-width: 680px){\n  .vh-kaimin .p-row{grid-template-columns: 130px 1fr; gap:16px;}\n  .vh-kaimin .circle{width:120px; height:120px;}\n  .vh-kaimin .circle:before{inset:9px; border-width:5px;}\n  .vh-kaimin .circle span{font-size:18px;}\n  .vh-kaimin .p-text{font-size:16px;}\n}\n\n\/* ================= SOFT SECTION ================= *\/\n.vh-kaimin .soft{\n  background:var(--soft);\n  border-radius:20px;\n  padding:22px 14px;\n  margin:26px 0 0;\n}\n@media (min-width:768px){ .vh-kaimin .soft{padding:34px 22px;} }\n\n.vh-kaimin .sec-title{\n  margin:0;\n  text-align:left;\n  font-size:40px;\n  color:var(--acc);\n  font-weight:900;\n  letter-spacing:.02em;\n}\n.vh-kaimin .sec-title .q{\n  color:var(--acc-soft);\n  font-weight:600;\n  font-size:.72em;\n  margin-left:10px;\n  letter-spacing:.01em;\n}\n@media (max-width:560px){ .vh-kaimin .sec-title{font-size:30px;} }\n\n.vh-kaimin .lead{\n  margin:12px 0 0;\n  max-width:760px;\n  color:#374151;\n  font-size:15px;\n}\n.vh-kaimin .lead b{color:var(--acc);}\n\n\/* ================= CARD（影なし） ================= *\/\n.vh-kaimin .card{\n  background:#fff;\n  border-radius:26px;\n  box-shadow:none;\n  border:1px solid rgba(39,100,170,.18);\n  padding:18px 14px;\n  margin:16px auto 0;\n  max-width:860px;\n}\n\n\/* ================= FOOD（2×2 \/ 高さ統一） ================= *\/\n.vh-kaimin .food-grid{\n  display:grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap:18px 22px;\n}\n.vh-kaimin .food{text-align:center; padding:6px 6px 10px;}\n.vh-kaimin .food .imgbox{\n  height:140px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.vh-kaimin .food img{\n  height:140px;\n  width:100%;\n  object-fit:contain;\n}\n.vh-kaimin .food p{\n  margin:10px 0 0;\n  font-weight:800;\n  color:var(--brown);\n  letter-spacing:.02em;\n  font-size:18px;\n}\n\/* SP：2列キープ *\/\n@media (max-width: 560px){\n  .vh-kaimin .food-grid{grid-template-columns: repeat(2, 1fr); gap:14px 12px;}\n  .vh-kaimin .food .imgbox,\n  .vh-kaimin .food img{height:110px;}\n  .vh-kaimin .food p{font-size:14px;}\n}\n\n\/* ================= SLEEP SECTION ================= *\/\n.vh-kaimin .sleep-card{\n  background:#fff;\n  border-radius:28px;\n  box-shadow:none; \/* 影なし *\/\n  border:1px solid rgba(39,100,170,.18);\n  padding:18px 14px;\n  margin:18px auto 0;\n  max-width:860px;\n}\n\n\/* ★タイトルを中央揃えにする *\/\n.vh-kaimin .sleep-head{\n  text-align:center;\n  padding:10px 6px 8px;\n}\n.vh-kaimin .sleep-title{\n  color:var(--acc);\n  font-weight:900;\n  font-size:40px;\n  letter-spacing:.02em;\n  display:inline-block;\n}\n.vh-kaimin .sleep-title small{\n  font-size:.55em;\n  font-weight:800;\n  margin-left:10px;\n}\n@media (max-width:560px){ .vh-kaimin .sleep-title{font-size:28px;} }\n\n.vh-kaimin .graph{\n  background:#fff;\n  border-radius:18px;\n  padding:12px;\n  margin-top:10px;\n}\n.vh-kaimin .graph img{width:100%; border-radius:12px;}\n.vh-kaimin .foot{color:var(--muted); font-size:12px; margin:10px 0 0; text-align:center;}\n\u003c\/style\u003e\n\u003cdiv class=\"vh-kaimin\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/products\/4901305406824.jpg?v=1768784641\" alt=\"バンホーテン 快眠ココア\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-title\"\u003e\n\u003cdiv class=\"hero-kicker\"\u003eおやすみ前のひとときに。\u003c\/div\u003e\n\u003ch1\u003e\n\u003cspan\u003eバンホーテンの\u003c\/span\u003e快眠ココア\u003c\/h1\u003e\n\u003c!-- 囲みなし --\u003e\n\u003cdiv class=\"hero-label\"\u003e「機能性表示食品」\u003c\/div\u003e\n\u003cdiv class=\"hero-anno\"\u003e※機能性関与成分GABAの研究報告に基づく表示\u003cbr\u003e※個人差があります。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= POINTS ================= --\u003e\n\u003cdiv class=\"points\"\u003e\n\u003cdiv class=\"p-row\"\u003e\n\u003cdiv class=\"circle\"\u003e\u003cspan\u003eおいしさ\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"p-text\"\u003e\n\u003cp\u003eバンホーテンのピュア ココアをたっぷり使用。\u003cbr\u003e濃厚ながらすっきりとした味わいに仕上げました。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"p-row\"\u003e\n\u003cdiv class=\"circle\"\u003e\u003cspan\u003e睡眠の\u003cbr\u003e質の改善\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"p-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eGABA\u003c\/strong\u003e が睡眠の質（眠りの深さ、\u003cbr\u003eすっきりとした目覚め）の改善に役立ちます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"p-row\"\u003e\n\u003cdiv class=\"circle\"\u003e\u003cspan\u003eカラダに\u003cbr\u003eうれしい\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"p-text\"\u003e\n\u003cp\u003e1杯20gあたり、食物繊維4.1g、カカオポリフェノール160mg。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= GABA SECTION ================= --\u003e\n\u003cdiv class=\"soft\"\u003e\n\u003ch2 class=\"sec-title\"\u003eGABA \u003cspan class=\"q\"\u003eとは？\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"lead\"\u003e機能成分の\u003cb\u003eGABA\u003c\/b\u003eは、野菜や果物、穀物に多く含まれているアミノ酸の一種です。\u003cbr\u003eバンホーテンの快眠ココアは\u003cb\u003e1杯（20g）あたり100mg\u003c\/b\u003eのGABAを含みます。\u003c\/p\u003e\n\u003cp class=\"lead\" style=\"margin-top: 10px;\"\u003e快眠ココア1杯に含まれるGABA量（100mg）を食材に例えると・・・\u003c\/p\u003e\n\u003cdiv class=\"card\"\u003e\n\u003cdiv class=\"food-grid\"\u003e\n\u003cdiv class=\"food\"\u003e\n\u003cdiv class=\"imgbox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-item.jpg?v=1768787006\" alt=\"トマト缶(ホール)\"\u003e\u003c\/div\u003e\n\u003cp\u003eトマト缶(ホール) 約105g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"food\"\u003e\n\u003cdiv class=\"imgbox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-item2.jpg?v=1768787006\" alt=\"ジャガイモ\"\u003e\u003c\/div\u003e\n\u003cp\u003eジャガイモ 約230g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"food\"\u003e\n\u003cdiv class=\"imgbox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-item3.jpg?v=1768787006\" alt=\"なす\"\u003e\u003c\/div\u003e\n\u003cp\u003eなす 約300g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"food\"\u003e\n\u003cdiv class=\"imgbox\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-item4.jpg?v=1768787006\" alt=\"ぶどう\"\u003e\u003c\/div\u003e\n\u003cp\u003eぶどう 約590g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================= SLEEP QUALITY SECTION ================= --\u003e\n\u003cdiv class=\"soft\"\u003e\n\u003ch2 class=\"sec-title\"\u003e睡眠の質の改善 \u003cspan class=\"q\"\u003eってなに？\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003c!-- 中央揃え（アイコン無し） --\u003e\n\u003cdiv class=\"sleep-card\"\u003e\n\u003cdiv class=\"sleep-head\"\u003e\n\u003cdiv class=\"sleep-title\"\u003e深い眠り \u003csmall\u003e（ノンレム睡眠）\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"graph\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-graph1.jpg?v=1768787007\" alt=\"深い眠り（ノンレム睡眠）グラフ\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sleep-card\"\u003e\n\u003cdiv class=\"sleep-head\"\u003e\n\u003cdiv class=\"sleep-title\"\u003eすっきりとした目覚め\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"graph\"\u003e\u003cimg alt=\"すっきりとした目覚め グラフ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/vanhouten-cocoa-kaimin-graph2.jpg?v=1768791780\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"foot\"\u003e※主観的な起床時の気分の良さを10cmの目盛りに記録、摂取前と比較した結果。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"KATAOKA","offers":[{"title":"100g","offer_id":52646460719420,"sku":"4901305406824","price":715.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9803\/0652\/files\/4901305406824.jpg?v=1768786308","url":"https:\/\/mamigo.jp\/ja-mo\/products\/vanhouten-cocoa-kaimin","provider":"MamiGo","version":"1.0","type":"link"}