{"product_id":"club-suppin-cream-whitening","title":"クラブ すっぴんクリーム ホワイトニング","description":"\u003cstyle\u003e\n\/* -------------------------------------------------------------------------\n  Shopify Description CSS Scope - Club Suppin Cream Whitening (v6)\n---------------------------------------------------------------------------- *\/\n.pd-wrap, .pd-wrap * {\n  box-sizing: border-box;\n}\n\n.pd-wrap {\n  --acc: #a0304a; \/* カテゴリ：美容・スキンケア（ローズ系） *\/\n  --acc-dark: #7a2438;\n  --acc-light: #fdf2f4;\n  --acc-mid: #d6a1ad;\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\u003cdiv class=\"pd-wrap\"\u003e\n\u003c!-- 1. Hero Section --\u003e\u003cheader class=\"pd-hero\"\u003e\n\u003cdiv class=\"category-badge\"\u003e医薬部外品 | フェイスクリーム\u003c\/div\u003e\n\u003ch1\u003eクラブ すっぴんクリーム ホワイトニング\u003c\/h1\u003e\n\u003cp class=\"tagline\"\u003e24時間、美白ケアしながら「すっぴん」を可愛く。塗ったまま眠れる美白スキンケアパウダーインクリーム。\u003c\/p\u003e\n\u003cdiv class=\"hero-pills\"\u003e\n\u003cspan class=\"hero-pill\"\u003eビタミンC誘導体配合\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003e洗顔不要でそのまま寝られる\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003eブルーライトカット成分配合\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003e美白・肌荒れ防止効果\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003c!-- 2. 商品概要カード --\u003e\n\u003csection class=\"section-card\"\u003e\n\u003ch2 class=\"section-title\"\u003e理想の「素顔」を演出しながら、未来の美肌を守る\u003c\/h2\u003e\n\u003cp\u003e「クラブ すっぴんクリーム ホワイトニング」は、スキンケアでありながら、塗った瞬間に色ムラや毛穴をふんわりカバーし、理想の素肌感を演出する薬用美白クリームです。お泊まり会やちょっとした外出時、メイクはしたくないけれど綺麗に見せたい、そんな願いを叶えます。\u003c\/p\u003e\n\u003cp\u003e美白有効成分のビタミンC誘導体が、メラニンの生成を抑え、シミ・そばかすを防止。さらに、肌荒れ防止成分も配合されているため、つけている間中スキンケア効果を発揮します。洗顔不要でそのまま眠れるため、夜の集中ケアとしても、日中のナチュラルメイクとしてもお使いいただける多機能な一品です。\u003c\/p\u003e\n\u003c\/section\u003e\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ビタミンC誘導体\u003c\/span\u003e\n\u003cp\u003e美白有効成分が肌に浸透。24時間いつでも美白ケアが可能で、透明感のある肌へと導きます。\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スマホやPCのブルーライトからも肌を保護。フィルター成分がタバコの煙やホコリの付着も防ぎます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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\u003eL-アスコルビン酸2-グルコシド\u003c\/td\u003e\n\u003ctd\u003eメラニンの生成を抑え、シミ・そばかすを防ぎ、透明感を守ります。\u003c\/td\u003e\n\u003c\/tr\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\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ヒアルロン酸Na(2)、水溶性コラーゲン(F)\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\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/4901416183755-2.jpg?v=1759910849\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/4901416183755-3.jpg?v=1759910849\" alt=\"\"\u003e\u003c\/p\u003e\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 \u003cspan class=\"efficacy-tag\"\u003e肌荒れ・あれ性\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003eニキビを防ぐ\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003e肌をひきしめる・整える\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003e皮膚にうるおいを与える\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\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●スキンケアの最後の仕上げとしてお使いください。\u003cbr\u003e●首元やデコルテまでなじませると、より自然に仕上がります。\u003cbr\u003e●落とす際は、洗顔料（またはクレンジング）をお使いください。※本品のみを使用した場合は洗顔不要です。\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 8. ブランドストーリー --\u003e\n\u003csection class=\"section-card\"\u003e\n\u003ch2 class=\"section-title\"\u003e🌱 ブランドストーリー\u003c\/h2\u003e\n\u003cp\u003e株式会社クラブコスメチックスは、明治36年の創業以来、100年以上にわたり日本の女性の美しさに寄り添い続けてきた老舗化粧品メーカーです。「女性の美しさを創造し、社会を明るくする」という理念のもと、品質にこだわった独創的な製品を世に送り出してきました。\u003c\/p\u003e\n\u003cp\u003e「すっぴんシリーズ」は、現代の女性たちの「24時間いつでも可愛くいたい」というリアルな願いから誕生しました。単なるメイクアップではなく、肌へのやさしさとケア効果を追求することで、自信を持って「すっぴん」でいられる喜びを世界中の女性に提供し続けています。\u003c\/p\u003e\n\u003c\/section\u003e\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●お肌に異常が生じていないかよく注意して使用してください。\u003cbr\u003e●傷・はれもの・湿疹等、異常がある部位にはお使いにならないでください。\u003cbr\u003e●使用中（または使用後日光にあたって）、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた場合は使用を中止し、皮膚科専門医等にご相談ください。\u003cbr\u003e●目に入った時は直ちに洗い流してください。\u003c\/p\u003e\n\u003c\/div\u003e\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●使用後は必ずしっかりとフタをしめてください。\u003cbr\u003e●乳幼児の手の届かない所に保管してください。\u003cbr\u003e●極端に高温または低温の場所、直射日光のあたる場所には保管しないでください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CLUB cosmetics","offers":[{"title":"30ｇ","offer_id":52270386053436,"sku":"4901416183775","price":1540.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9803\/0652\/files\/4901416183775.jpg?v=1761531536","url":"https:\/\/mamigo.jp\/ja-ph\/products\/club-suppin-cream-whitening","provider":"MamiGo","version":"1.0","type":"link"}