{"product_id":"lion-oct-shampoo","title":"Oct Shampoo Mild Floral Scent","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\"\u003eQuasi-drug | Quasi-drug Shampoo\u003c\/div\u003e\n    \u003ch1\u003eOcto Shampoo\u003c\/h1\u003e\n    \u003cp class=\"tagline\"\u003eContains Quasi-drug ingredients that prevent dandruff and itching. Keeps the scalp clean and promotes a healthy scalp environment.\u003c\/p\u003e\n    \u003cdiv class=\"hero-pills\"\u003e\n      \u003cspan class=\"hero-pill\"\u003eContains the Quasi-drug active ingredient Octopirox\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003eStrongly prevents dandruff and itching\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003eMild floral scent\u003c\/span\u003e\n      \u003cspan class=\"hero-pill\"\u003ePrevents odor with deodorant effect\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\"\u003eReliable \"cleanliness\" for scalp concerns.\u003c\/h2\u003e\n    \u003cp\u003e\n      \"Octo Shampoo\" is a Quasi-drug shampoo developed for those troubled by recurring dandruff, itching, and scalp odor. The active ingredient \"Octopirox\" suppresses the growth of bacteria causing dandruff and itching, keeping the scalp healthy.\n    \u003c\/p\u003e\n    \u003cp\u003e\n      With fine foam, it thoroughly removes dirt from every corner of the scalp while providing a mild washing sensation. The deodorant effect effectively prevents sweat odor. A classic item for clean and refreshing scalp care that the whole family can use.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 3. 特長グリッド --\u003e\n  \u003csection class=\"section-card\"\u003e\n    \u003ch2 class=\"section-title\"\u003eFour Key Features\u003c\/h2\u003e\n    \u003cdiv class=\"action-grid\"\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003eSuppresses dandruff and itching\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eActive Ingredient Octopirox\u003c\/span\u003e\n        \u003cp\u003eIngredients with antibacterial and antioxidant effects target the bacteria causing dandruff and itching, promoting a healthy scalp environment.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003ePrevents unpleasant odors\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eDeodorant Effect\u003c\/span\u003e\n        \u003cp\u003eExcellent antibacterial effect prevents sweat odor on the scalp, keeping it fresh all day.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003eGentle foaming on the scalp\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eFine foam\u003c\/span\u003e\n        \u003cp\u003eRich foam gently envelops and removes dirt without damaging the scalp. Designed to reduce stress on the scalp.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"action-card\"\u003e\n        \u003ch3\u003eClean scent\u003c\/h3\u003e\n        \u003cspan class=\"pill\"\u003eMild Floral\u003c\/span\u003e\n        \u003cp\u003eA refreshing and soothing mild floral scent. Leaves a subtle fragrance after washing, creating a clean feeling.\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\"\u003eDetails of Formulated Ingredients\u003c\/h2\u003e\n    \u003cdiv class=\"table-wrapper\"\u003e\n      \u003ctable class=\"ing-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eClassification\u003c\/th\u003e\n            \u003cth\u003eIngredient Name\u003c\/th\u003e\n            \u003cth\u003eRole\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);\"\u003eActive Ingredient\u003c\/span\u003e\u003c\/td\u003e\n            \u003ctd\u003ePiroctone Olamine\u003c\/td\u003e\n            \u003ctd\u003ePrevents dandruff, itching, and scalp odor through antibacterial and antioxidant effects.\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eOther Ingredients\u003c\/td\u003e\n            \u003ctd\u003eSodium laureth sulfate, sodium benzoate\u003c\/td\u003e\n            \u003ctd\u003eIngredients for cleansing the scalp and maintaining product quality.\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003ctd\u003eMoisturizing and skin conditioning\u003c\/td\u003e\n            \u003ctd\u003eLicorice extract powder, phosphate\u003c\/td\u003e\n            \u003ctd\u003eConditions the scalp and keeps it healthy.\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\"\u003eEfficacy and Effects\u003c\/h2\u003e\n    \u003cdiv class=\"efficacy-list\"\u003e\n      \u003cspan class=\"efficacy-tag\"\u003ePrevent dandruff and itching\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003ePrevent sweat odor on hair and scalp\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003eCleanse hair and scalp\u003c\/span\u003e\n      \u003cspan class=\"efficacy-tag\"\u003eKeep hair and scalp healthy\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\"\u003eHow to Use\u003c\/h2\u003e\n    \u003cp\u003eWash by massaging the scalp, then rinse thoroughly.\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      ● Wet your scalp and hair thoroughly with lukewarm water, then take an appropriate amount and lather.\u003cbr\u003e\n      ● It is effective to wash by gently massaging the entire scalp with the pads of your fingers.\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🌱 Brand Story\u003c\/h2\u003e\n    \u003cp\u003e\n      \"Octo\" is a long-selling scalp care brand developed over many years by Lion, a leading Japanese daily necessities manufacturer. It was born from the belief that \"keeping the scalp clean\" is the first step to growing beautiful hair.\n    \u003c\/p\u003e\n    \u003cp\u003e\n      Featuring the active ingredient \"Octopirox (Piroctone Olamine),\" it pursues reliable effectiveness and a comfortable feel for everyday use. Adapting to changing times, it supports many people’s scalp concerns and continues to protect a clean and healthy scalp.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- 9. 使用上の注意 --\u003e\n  \u003cdiv class=\"caution-box\"\u003e\n    \u003ch4\u003e⚠️ Usage Precautions\u003c\/h4\u003e\n    \u003cp style=\"font-size: 13px; margin: 0;\"\u003e\n      ● Do not use if you have skin disorders such as eczema or dermatitis (rash, inflammation) as it may worsen the condition.\u003cbr\u003e\n      ● If you experience rash or irritation during use, stop using and consult a doctor with the product.\u003cbr\u003e\n      ● If it gets into your eyes, rinse immediately.\u003cbr\u003e\n      ● Keep out of reach of infants and young children.\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- 10. 保管上の注意 --\u003e\n  \u003cdiv class=\"storage-box\"\u003e\n    \u003ch4\u003e📦 Storage Precautions\u003c\/h4\u003e\n    \u003cp style=\"font-size: 13px; margin: 0;\"\u003e\n      ● Do not store in places exposed to direct sunlight or in extremely high or low temperatures.\u003cbr\u003e\n      ● After opening, please use up as soon as possible.\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\/en-ph\/products\/lion-oct-shampoo","provider":"MamiGo","version":"1.0","type":"link"}