{"product_id":"club-suppin-cream-whitening","title":"Club Suppin Cream Whitening","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\"\u003eQuasi-drug | Face Cream\u003c\/div\u003e\n\u003ch1\u003eClub Suppin Cream Whitening\u003c\/h1\u003e\n\u003cp class=\"tagline\"\u003e24-hour whitening care while looking cute bare-faced. Whitening skincare Powder-In Cream that can be slept in.\u003c\/p\u003e\n\u003cdiv class=\"hero-pills\"\u003e\n\u003cspan class=\"hero-pill\"\u003eContains vitamin C derivative\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003eNo need to wash off before sleeping\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003eContains blue light cut ingredients\u003c\/span\u003e \u003cspan class=\"hero-pill\"\u003eWhitening and skin roughness prevention effects\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\"\u003eCreates the ideal \"bare face\" while protecting future beautiful skin\u003c\/h2\u003e\n\u003cp\u003e“Club Suppin Cream Whitening” is a quasi-drug whitening Cream that, while being skincare, softly covers uneven skin tone and pores the moment it is applied, creating the ideal bare skin look. It fulfills the wish to look beautiful without makeup during sleepovers or short outings.\u003c\/p\u003e\n\u003cp\u003eThe whitening active ingredient vitamin C derivative suppresses melanin production and prevents spots and freckles. Additionally, it contains ingredients to prevent skin roughness, providing skincare effects while worn. No need to wash off, so it can be used as intensive night care or natural daytime makeup, making it a multifunctional product.\u003c\/p\u003e\n\u003c\/section\u003e\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\u003eWhitening care while you sleep\u003c\/h3\u003e\n\u003cspan class=\"pill\"\u003eVitamin C Derivative\u003c\/span\u003e\n\u003cp\u003eWhitening active ingredients penetrate the skin. Whitening care is possible 24 hours a day, leading to translucent skin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-card\"\u003e\n\u003ch3\u003eGentle on skin without needing to wash the face\u003c\/h3\u003e\n\u003cspan class=\"pill\"\u003eSkincare Design\u003c\/span\u003e\n\u003cp\u003eAs it is a Cream with moisturizing ingredients, cleansing is unnecessary. It does not burden the skin even if you sleep with it on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-card\"\u003e\n\u003ch3\u003eBeautifully corrects bare skin\u003c\/h3\u003e\n\u003cspan class=\"pill\"\u003ePowder-In\u003c\/span\u003e\n\u003cp\u003eThe included powder diffuses light. Naturally covers pores and dullness, creating a brighter skin tone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"action-card\"\u003e\n\u003ch3\u003eGuards against external irritation\u003c\/h3\u003e\n\u003cspan class=\"pill\"\u003eBlue Light Cut\u003c\/span\u003e\n\u003cp\u003eProtects skin from blue light from smartphones and PCs. Filter ingredients also prevent tobacco smoke and dust adhesion.\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\"\u003eDetails of Active Ingredients\u003c\/h2\u003e\n\u003cdiv class=\"table-wrapper\"\u003e\n\u003ctable class=\"ing-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eCategory\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);\"\u003eWhitening Active Ingredient\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003eL-Ascorbic Acid 2-Glucoside\u003c\/td\u003e\n\u003ctd\u003eSuppresses melanin production, prevents spots and freckles, and maintains transparency.\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);\"\u003eAnti-inflammatory Active Ingredient\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003eGlycyrrhetinic Acid Stearyl\u003c\/td\u003e\n\u003ctd\u003eSuppresses skin inflammation, prevents rough skin and acne, and maintains healthy skin.\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);\"\u003eMoisturizing Ingredients\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd\u003eHyaluronic Acid Na(2), Water-soluble Collagen(F)\u003c\/td\u003e\n\u003ctd\u003eProvides plenty of moisture to the skin and protects it from dryness.\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\"\u003eEfficacy and Effects\u003c\/h2\u003e\n\u003cdiv class=\"efficacy-list\"\u003e\n\u003cspan class=\"efficacy-tag\"\u003eSuppresses melanin production to prevent spots and freckles\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003eFor rough and sensitive skin\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003ePrevents acne\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003eTightens and conditions the skin\u003c\/span\u003e \u003cspan class=\"efficacy-tag\"\u003eMoisturizes the skin\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\"\u003eHow to Use\u003c\/h2\u003e\n\u003cp\u003eAfter preparing your skin with lotion and emulsion, take an appropriate amount in your hand and apply evenly over the entire face.\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● Use as the final step of skincare.\u003cbr\u003e● Applying to the neck and décolleté results in a more natural finish.\u003cbr\u003e● When removing, use a facial cleanser (or cleansing). *If only this product is used, washing the face is not necessary.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 8. ブランドストーリー --\u003e\n\u003csection class=\"section-card\"\u003e\n\u003ch2 class=\"section-title\"\u003e🌱 Brand Story\u003c\/h2\u003e\n\u003cp\u003eClub Cosmetics Co., Ltd. is a long-established cosmetics manufacturer that has supported the beauty of Japanese women for over 100 years since its founding in 1903. Under the philosophy of \"creating women's beauty and brightening society,\" it has delivered unique products with a focus on quality.\u003c\/p\u003e\n\u003cp\u003eThe \"Suppin Series\" was born from modern women's real desire to look cute 24 hours a day. It is not just makeup but pursues gentleness and care effects for the skin, continuously offering women worldwide the joy of confidently being \"bare-faced.\"\u003c\/p\u003e\n\u003c\/section\u003e\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● Use with care, paying close attention to any abnormalities on your skin.\u003cbr\u003e● Do not use on areas with wounds, swelling, eczema, or other abnormalities.\u003cbr\u003e● If redness, swelling, itching, irritation, discoloration (such as white spots), or darkening occurs during or after use when exposed to sunlight, stop using and consult a dermatologist.\u003cbr\u003e● If it gets into your eyes, rinse immediately.\u003c\/p\u003e\n\u003c\/div\u003e\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● Always close the lid tightly after use.\u003cbr\u003e● Keep out of reach of infants and young children.\u003cbr\u003e● Do not store in extremely hot or cold places, or in direct sunlight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CLUB cosmetics","offers":[{"title":"30g","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\/en-ph\/products\/club-suppin-cream-whitening","provider":"MamiGo","version":"1.0","type":"link"}