{"product_id":"lion-oct-shampoo","title":"オクト シャンプー マイルドフローラルの香り","description":"\u003cstyle\u003e\n\/* -------------------------------------------------------------------------\n  Shopify Description CSS Scope - Octo Shampoo (v6)\n---------------------------------------------------------------------------- *\/\n.pd-wrap, .pd-wrap * {\n  box-sizing: border-box;\n}\n\n.pd-wrap {\n  --acc: #1a7a3c; \/* パッケージカラー：清潔感のあるグリーン *\/\n  --acc-dark: #0d4d26;\n  --acc-light: #f0f9f4;\n  --acc-mid: #a8d5ba;\n  font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n  color: #333;\n  line-height: 1.6;\n  max-width: 800px;\n  margin: 0 auto;\n  background-color: #ffffff;\n}\n\n.pd-wrap h1, .pd-wrap h2, .pd-wrap h3, \n.pd-wrap h4, .pd-wrap h5, .pd-wrap h6 {\n  margin: 0;\n  padding: 0;\n  line-height: 1.3;\n  font-family: inherit;\n}\n\n\/* 1. Hero Section *\/\n.pd-wrap .pd-hero {\n  background: linear-gradient(135deg, var(--acc-dark) 0%, var(--acc) 100%);\n  padding: 40px 24px;\n  text-align: center;\n  color: #ffffff;\n  position: relative;\n  overflow: hidden;\n  border-radius: 0 0 24px 24px;\n}\n\n.pd-wrap .pd-hero::before {\n  content: \"\";\n  position: absolute;\n  top: -50px;\n  right: -50px;\n  width: 150px;\n  height: 150px;\n  background: rgba(255, 255, 255, 0.1);\n  border-radius: 50%;\n}\n\n.pd-wrap .pd-hero .category-badge {\n  display: inline-block;\n  background: rgba(255, 255, 255, 0.2);\n  padding: 4px 12px;\n  border-radius: 20px;\n  font-size: 14px;\n  font-weight: 600;\n  margin-bottom: 16px;\n  border: 1px solid rgba(255, 255, 255, 0.4);\n}\n\n.pd-wrap .pd-hero h1 {\n  color: #ffffff !important;\n  font-size: clamp(22px, 4vw, 36px) !important;\n  font-weight: 800 !important;\n  margin-bottom: 12px !important;\n  text-shadow: 0 0 28px rgba(0,0,0,0.55), 0 2px 8px rgba(0,0,0,0.4);\n}\n\n.pd-wrap .pd-hero .tagline {\n  font-size: 16px;\n  font-weight: 500;\n  margin-bottom: 24px;\n  text-shadow: 0 1px 6px rgba(0,0,0,0.35);\n  opacity: 0.95;\n}\n\n.pd-wrap .pd-hero .hero-pills {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 8px;\n}\n\n.pd-wrap .pd-hero .hero-pill {\n  background: #ffffff;\n  color: var(--acc);\n  padding: 6px 14px;\n  border-radius: 50px;\n  font-size: 13px;\n  font-weight: 700;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\n\/* 2. Card Layout *\/\n.pd-wrap .section-card {\n  background: #ffffff;\n  margin: 20px 16px;\n  padding: 24px;\n  border-radius: 16px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n.pd-wrap .section-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--acc);\n  margin-bottom: 18px;\n  padding-bottom: 8px;\n  border-bottom: 2px solid var(--acc-light);\n  display: flex;\n  align-items: center;\n}\n\n.pd-wrap .section-title::before {\n  content: \"\";\n  width: 6px;\n  height: 24px;\n  background: #ffd700;\n  margin-right: 12px;\n  border-radius: 3px;\n}\n\n\/* 3. Grid *\/\n.pd-wrap .action-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 14px;\n  margin-top: 10px;\n}\n\n@media (max-width: 480px) {\n  .pd-wrap .action-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n.pd-wrap .action-card {\n  background: var(--acc-light);\n  padding: 16px;\n  border-radius: 12px;\n  border: 1px solid var(--acc-mid);\n}\n\n.pd-wrap .action-card h3 {\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--acc);\n  margin-bottom: 6px;\n}\n\n.pd-wrap .action-card .pill {\n  display: inline-block;\n  font-size: 11px;\n  background: #fff;\n  padding: 2px 8px;\n  border-radius: 4px;\n  margin-bottom: 8px;\n  border: 1px solid var(--acc-mid);\n  color: var(--acc);\n}\n\n.pd-wrap .action-card p {\n  font-size: 13px;\n  margin: 0;\n  color: #444;\n}\n\n\/* 4. Table *\/\n.pd-wrap .table-wrapper {\n  overflow-x: auto;\n  margin: 10px 0;\n  border-radius: 8px;\n  border: 1px solid #eee;\n}\n\n.pd-wrap .ing-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 14px;\n}\n\n.pd-wrap .ing-table thead tr th {\n  background-color: var(--acc) !important;\n  color: #ffffff !important;\n  font-weight: 700 !important;\n  padding: 12px 14px !important;\n  text-align: left;\n}\n\n.pd-wrap .ing-table tbody tr td {\n  padding: 12px 14px !important;\n  vertical-align: middle !important;\n  color: #333 !important;\n  background-color: #fff;\n  border-bottom: 1px solid #eee;\n}\n\n.pd-wrap .ing-table tbody tr:nth-child(even) td {\n  background-color: var(--acc-light) !important;\n}\n\n\/* 5. Utility *\/\n.pd-wrap .efficacy-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.pd-wrap .efficacy-tag {\n  background: var(--acc-light);\n  border: 1px solid var(--acc-mid);\n  color: var(--acc);\n  padding: 6px 12px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.pd-wrap .caution-box {\n  background: #fff8e1;\n  border-left: 5px solid #f59e0b;\n  padding: 16px;\n  margin: 20px 16px;\n  border-radius: 0 12px 12px 0;\n}\n\n.pd-wrap .caution-box h4 {\n  color: #b45309;\n  margin-bottom: 8px;\n  font-size: 16px;\n}\n\n.pd-wrap .storage-box {\n  background: #f0f4ff;\n  border-left: 5px solid #4a6fa5;\n  padding: 16px;\n  margin: 20px 16px;\n  border-radius: 0 12px 12px 0;\n}\n\n.pd-wrap .storage-box h4 {\n  color: #2e4a7d;\n  margin-bottom: 8px;\n  font-size: 16px;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"pd-wrap\"\u003e\n  \u003c!-- 1. Hero Section --\u003e\n  \u003cheader class=\"pd-hero\"\u003e\n    \u003cdiv class=\"category-badge\"\u003e医薬部外品 | 薬用シャンプー\u003c\/div\u003e\n    \u003ch1\u003eオクト シャンプー\u003c\/h1\u003e\n    \u003cp class=\"tagline\"\u003eフケ・かゆみを防ぐ薬用成分配合。地肌を清潔に保ち、すこやかな頭皮環境へ。\u003c\/p\u003e\n    \u003cdiv class=\"hero-pills\"\u003e\n      \u003cspan class=\"hero-pill\"\u003e薬用成分オクトピロックス配合\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003eフケ・かゆみを強力に防止\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003eマイルドフローラルの香り\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003eデオドラント効果でニオイを防ぐ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003c!-- 2. 商品概要カード --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003e地肌の悩みに、確かな「清潔」を。\u003c\/h2\u003e\n    \u003cp\u003e\n      「オクト シャンプー」は、繰り返すフケやかゆみ、気になる地肌のニオイでお悩みの方のために開発された薬用シャンプーです。有効成分「オクトピロックス」が、フケ・かゆみの原因となる菌の繁殖を抑制し、頭皮をすこやかに保ちます。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      きめ細やかな泡立ちで、地肌のすみずみまで汚れをしっかり落としながらも、マイルドな洗い心地。デオドラント効果により、汗のニオイもしっかり防ぎます。ご家族皆さまでお使いいただける、清潔で爽やかな地肌ケアの定番アイテムです。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 3. 特長グリッド --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003e4つのこだわりポイント\u003c\/h2\u003e\n    \u003cdiv class=\"action-grid\"\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003eフケ・かゆみの発生を抑制\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003e有効成分オクトピロックス\u003c\/span\u003e\n        \u003cp\u003e殺菌・抗酸化作用を持つ成分が、フケ・かゆみの原因菌にアプローチ。すこやかな地肌環境を整えます。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003e気になるニオイを防ぐ\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eデオドラント効果\u003c\/span\u003e\n        \u003cp\u003e優れた殺菌効果により、地肌の汗のニオイを防ぎ、一日中清潔感のある頭皮をキープします。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003e地肌にやさしい泡立ち\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eきめ細かな泡\u003c\/span\u003e\n        \u003cp\u003e豊かな泡立ちで、地肌を傷つけずに汚れを包み込んで落とします。地肌へのストレスを軽減した設計です。\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003e清潔感のある香り\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eマイルドフローラル\u003c\/span\u003e\n        \u003cp\u003e爽やかで心やすらぐマイルドフローラルの香り。洗い上がりもほのかに香り、清潔感を演出します。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 4. 有効成分テーブル --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003e配合成分の詳細\u003c\/h2\u003e\n    \u003cdiv class=\"table-wrapper\"\u003e\n      \u003ctable class=\"ing-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003e分類\u003c\/th\u003e\n            \u003cth\u003e成分名\u003c\/th\u003e\n            \u003cth\u003e役割\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e\u003cspan style=\"font-size: 11px; padding: 2px 6px; background: #fff; border: 1px solid var(--acc-mid); border-radius: 4px; color: var(--acc);\"\u003e有効成分\u003c\/span\u003e\u003c\/td\u003e\n            \u003ctd\u003eピロクトン オラミン\u003c\/td\u003e\n            \u003ctd\u003e殺菌・抗酸化作用により、フケ・かゆみ、頭皮のニオイを防ぎます。\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eその他の成分\u003c\/td\u003e\n            \u003ctd\u003eラウレス硫酸Na、安息香酸Na\u003c\/td\u003e\n            \u003ctd\u003e頭皮を洗浄し、製品の品質を保つための成分です。\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003e保湿・整肌\u003c\/td\u003e\n            \u003ctd\u003e甘草抽出末、リン酸\u003c\/td\u003e\n            \u003ctd\u003e地肌のコンディションを整え、すこやかに保ちます。\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 5. 効能・効果 --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003e効能・効果\u003c\/h2\u003e\n    \u003cdiv class=\"efficacy-list\"\u003e\n      \u003cspan class=\"efficacy-tag\"\u003eフケ・かゆみを防ぐ\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003e毛髪・頭皮の汗臭を防ぐ\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003e毛髪・頭皮を清浄にする\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003e毛髪・頭皮をすこやかに保つ\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 6. 用法・用量 --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003eご使用方法\u003c\/h2\u003e\n    \u003cp\u003e地肌をマッサージするように洗い、その後よくすすいでください。\u003c\/p\u003e\n    \u003cdiv style=\"border-left: 4px solid var(--acc-mid); background-color: var(--acc-light); padding: 12px; margin-top: 10px; font-size: 14px;\"\u003e\n      ●ぬるま湯で地肌と髪を十分に濡らしてから、適量を手に取り泡立ててください。\u003cbr\u003e\n      ●指の腹を使って、頭皮全体を優しくもみほぐすように洗うのが効果的です。\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 8. ブランドストーリー --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003e🌱 ブランドストーリー\u003c\/h2\u003e\n    \u003cp\u003e\n      「オクト」は、日本を代表する日用品メーカー・ライオンが長年展開している、地肌ケアのためのロングセラーブランドです。地肌を「清潔に保つこと」こそが、美しい髪を育むための第一歩であるという信念から生まれました。\n    \u003c\/p\u003e\n    \u003cp\u003e\n      有効成分「オクトピロックス（ピロクトンオラミン）」を採用し、確かな効果と日常使いしやすい快適な使用感を追求。時代の変化に合わせながら、多くの方々の頭皮の悩みに寄り添い、清潔で健康な地肌を守り続けています。\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 9. 使用上の注意 --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003ch4\u003e⚠️ 使用上の注意\u003c\/h4\u003e\n    \u003cp style=\"font-size: 13px; margin: 0;\"\u003e\n      ●湿疹、皮膚炎（かぶれ、ただれ）等の皮膚障害があるときには、悪化させるおそれがあるので使用しないでください。\u003cbr\u003e\n      ●使用中、かぶれたり、刺激を感じたときには使用を中止し、商品を持参し医師に相談してください。\u003cbr\u003e\n      ●目に入ったときは、すぐに洗い流してください。\u003cbr\u003e\n      ●乳幼児の手の届くところに置かないでください。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 10. 保管上の注意 --\u003e\n  \u003cdiv class=\"storage-box\"\u003e\n    \u003ch4\u003e📦 保管上の注意\u003c\/h4\u003e\n    \u003cp style=\"font-size: 13px; margin: 0;\"\u003e\n      ●直射日光の当たる場所や、極端に高温または低温の場所には保管しないでください。\u003cbr\u003e\n      ●開封後は、なるべく早く使い切るようにしてください。\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Lion","offers":[{"title":"320ml","offer_id":52320960643388,"sku":"4903301437239","price":800.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9803\/0652\/files\/4903301437239.png?v=1777733209","url":"https:\/\/mamigo.jp\/ja-ph\/products\/lion-oct-shampoo","provider":"MamiGo","version":"1.0","type":"link"}