{"product_id":"revitadew-previtadew-facialroller-3set","title":"プレヴィータ・レヴィータ・スペシャル3点セット＜特別価格＞","description":"\u003c!-- Google Fonts 読み込み --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ▼ここから背景を付けたい --\u003e\n\u003csection class=\"bior-revita-bg\"\u003e\u003c!-- =========================\n     Logo\n========================= --\u003e\n\u003cdiv class=\"bior-fv-logo\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/biororganics_logo.webp?v=1767660346\" alt=\"BIOR ロゴ\"\u003e\n\u003cp class=\"bior-fv-catch\"\u003e世界初*¹、ブランド史上最高峰の\u003cbr class=\"sp-only\"\u003e美容液が誕生。\u003cbr\u003e24時間、クリーンビューティー。\u003c\/p\u003e\n\u003cp class=\"bior-3p-note bior-fv-note\"\u003e*¹ COSMOSオーガニック認証を取得したレチノール配合化粧品として世界初（2025年10月1日時点\/ステラアソシエ調べ）\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-fv-heading\" aria-label=\"Day and Night Serum heading\"\u003e\n\u003cp class=\"bior-fv-heading__en\"\u003eDay Serum \u0026amp; Night Serum\u003c\/p\u003e\n\u003cp class=\"bior-fv-heading__jp\"\u003e朝と夜の美容液\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n     Repre 2P\n========================= --\u003e\n\u003cdiv class=\"bior-repre-2p-wrap bior-repre-2p-wrap--fv\"\u003e\n\u003cimg class=\"bior-2p-pc\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_2p_PC.webp?v=1765869172\" alt=\"\"\u003e \u003cimg class=\"bior-2p-sp\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_2p_SP.webp?v=1765869137\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n     Repre 1P\n========================= --\u003e\n\u003cdiv class=\"bior-repre-image\"\u003e\n\u003cimg class=\"bior-pc-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_1p_PC.webp?v=1767194560\" alt=\"\"\u003e \u003cimg class=\"bior-sp-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_1p_SP.webp?v=1767201880\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n    ReVITA アイテム\n========================= --\u003e\n\u003cdiv class=\"bior-revitadetail-title\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_title_revita-detail.webp?v=1767147382\" alt=\"ReVITA detail\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-itemdetail-copy\" aria-label=\"Item detail copy\"\u003e\n\u003cp class=\"bior-itemdetail-copy__main\"\u003eオーガニックでは不可能—\u003cbr\u003eそう言われてきたレチノール美容液。\u003c\/p\u003e\n\u003cp class=\"bior-itemdetail-copy__sub\"\u003ebior organicsは、その常識を覆します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-itemdetail-worldfirst\" aria-label=\"世界初コピー\"\u003e\n\u003cp class=\"bior-itemdetail-worldfirst__jp\"\u003e世界初*¹─\u003cbr\u003eオーガニックレチノール、誕生。\u003cbr\u003eRe:VITA DEW\u003cspan class=\"bior-itemdetail-worldfirst__kana\"\u003e（レヴィータ デュー）\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ▼ここを追加：下に画像 --\u003e\n\u003cdiv class=\"bior-itemdetail-worldfirst-img\" aria-label=\"Re:VITA DEW image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_mainimg.webp?v=1767095696\" alt=\"Re:VITA DEW\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n   レヴィータ成分\n========================= --\u003e\n\u003csection class=\"bior-retinol-card\" aria-label=\"Retinol diagram\"\u003e\n\u003cdiv class=\"bior-retinol-card__inner\"\u003e\n\u003cp class=\"bior-retinol-topline\"\u003eYour First Retinol — Organic by Nature.\u003c\/p\u003e\n\u003ch2 class=\"bior-retinol-title\"\u003eファーストレチノールは\u003cbr\u003eオーガニックで。\u003c\/h2\u003e\n\u003cdiv class=\"bior-retinol-row\"\u003e\n\u003c!-- 左 --\u003e\n\u003cdiv class=\"bior-retinol-item\"\u003e\n\u003cimg class=\"bior-retinol-ball\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Retinol.webp?v=1767096745\" alt=\"Retinol\"\u003e \u003cspan class=\"bior-retinol-pill bior-retinol-pill--whitening\"\u003e美肌ハリ成分\u003c\/span\u003e\n\u003cp class=\"bior-retinol-name\"\u003e天然レチノール*²\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ×（画像） --\u003e \u003cimg class=\"bior-retinol-ximg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_x.webp?v=1767097417\" alt=\"\" aria-hidden=\"true\"\u003e \u003c!-- 右 --\u003e\n\u003cdiv class=\"bior-retinol-item\"\u003e\n\u003cimg class=\"bior-retinol-ball\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Retinoate.webp?v=1767096714\" alt=\"Retinoate\"\u003e \u003cspan class=\"bior-retinol-pill bior-retinol-pill--skin\"\u003e整肌成分\u003c\/span\u003e\n\u003cp class=\"bior-retinol-name\"\u003e天然レチノエート*³\u003c\/p\u003e\n\u003cp class=\"bior-retinol-sub\"\u003eビタミンA誘導体×\u003cbr class=\"sp-only\"\u003eビタミンEを結合\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 下につながるライン（画像） --\u003e\n\u003cdiv class=\"bior-retinol-line\" aria-hidden=\"true\"\u003e\u003cimg class=\"bior-retinol-lineimg\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_line.webp?v=1767097417\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-retinol-center\"\u003e\n\u003cp class=\"bior-retinol-centerlead\"\u003e世界初*¹\u003cbr\u003eオーガニックレチノール美容液\u003c\/p\u003e\n\u003cimg class=\"bior-retinol-centerball\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/BioscienceRetinol.webp?v=1767096593\" alt=\"Bioscience Retinol\"\u003e\n\u003cp class=\"bior-retinol-bracket\"\u003e〈bior organics 独自原料〉\u003c\/p\u003e\n\u003cp class=\"bior-retinol-mainname\"\u003eバイオサイエンス レチノール™*⁴\u003c\/p\u003e\n\u003cp class=\"bior-retinol-desc\"\u003e天然カロテノイド由来の美肌ハリ成分”天然レチノール*²”と\u003cbr class=\"pc-only\"\u003eビタミンA誘導体×ビタミンEを結合させた\u003cbr class=\"pc-only\"\u003e整肌成分”天然レチノエート*³”をCX発想で融合させた、\u003cbr class=\"pc-only\"\u003ebior organics独自原料【バイオサイエンス レチノール™】*⁴が、\u003cbr class=\"pc-only\"\u003e毎日のケアに無理なく寄り添いながら\u003cbr class=\"pc-only\"\u003e肌印象の“底上げ”へと導きます。\u003cbr class=\"pc-only\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"bior-retinol-notes\"\u003e*¹ COSMOSオーガニック認証を取得したレチノール配合化粧品として世界初（2025年10月1日時点\/ステラアソシエ調べ）\u003cbr class=\"pc-only\"\u003e*²ハリ・保湿・整肌　*³レチノイン酸トコフェリル、トリ（カプリル酸／カプリン酸）グリセリル\/ハリ・保湿・整肌\u003cbr class=\"pc-only\"\u003e*⁴レチノール\/ハリ・保湿・整肌、レチノイン酸トコフェリル、トリ（カプリル酸／カプリン酸）グリセリル\/ハリ・保湿・整肌\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    レヴィータ効果\n========================= --\u003e \u003c!-- 攻めるオーガニック×サイエンス --\u003e\n\u003csection class=\"bior-revita-concept\" aria-label=\"攻めるオーガニック×サイエンス\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003e攻めるオーガニック×サイエンス\u003c\/h3\u003e\n\u003cdiv class=\"bior-revita-circles\"\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003eハリ\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e保湿\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e整肌\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle-wrap\"\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e\u003cspan style=\"display: inline-block; transform: translateY(0.3em);\"\u003eエイジング\u003cbr\u003eケア*\u003c\/span\u003e\u003c\/div\u003e\n\u003cp class=\"bior-revita-note\"\u003e*年齢に応じたお手入れ\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-underimg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_img02.webp?v=1767110759\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    レヴィータおすすめな方\n========================= --\u003e\n\u003csection class=\"bior-retinol-reco\" aria-label=\"Re:VITA DEW おすすめ\"\u003e\n\u003cp class=\"bior-retinol-reco__top\"\u003e〈一般的なレチノール〉\u003cbr\u003e刺激に耐性があり、効果を最優先したい方におすすめ\u003c\/p\u003e\n\u003cdiv class=\"bior-retinol-reco__arrow\" aria-hidden=\"true\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_img03.webp?v=1767113055\" alt=\"\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-revita-title\"\u003eRe:VITA DEWは\u003cbr class=\"sp-only\"\u003eこんな方におすすめ\u003c\/h3\u003e\n\u003cdiv class=\"bior-retinol-reco__box\"\u003e\n\u003cp class=\"bior-retinol-reco__boxtitle\"\u003e〈レヴィータ デュー〉\u003cbr\u003e（ビオール独自レチノール美容液）\u003c\/p\u003e\n\u003cul class=\"bior-retinol-reco__list\"\u003e\n\u003cli\u003e・刺激を抑えてエイジングケア*¹を続けたい方\u003c\/li\u003e\n\u003cli\u003e・敏感、乾燥、レチノールが初めての方*²\u003c\/li\u003e\n\u003cli\u003e・無添加*³／ナチュラル志向の方\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"bior-retinol-reco__notes\"\u003e*¹ 年齢に応じたお手入れ。\u003cbr class=\"pc-only\"\u003e*² 敏感肌パッチテスト済み（全ての方に刺激が起こらないということではありません）\u003cbr class=\"pc-only\"\u003e*³ 防腐剤・石油由来成分・シリコン・アルコール・合成香料 フリー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    疑問\n========================= --\u003e\n\u003csection class=\"bior-retinol-reco\" aria-label=\"なぜ「オーガニックでレチノール」は難しかったのか。\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003eなぜ\u003cbr class=\"sp-only\"\u003e「オーガニックでレチノール」\u003cbr class=\"sp-only\"\u003eは難しかったのか。\u003c\/h3\u003e\n\u003cp class=\"bior-retinol-reco__top is-sp-left\"\u003eレチノールは長らく“石油由来の合成品”でしか存在せず、\u003cbr class=\"pc-only\"\u003eオーガニック設計では配合が困難だと言われてきました。\u003cbr class=\"pc-only\"\u003e\u003cbr\u003e植物由来のバクチオールやクロレラエキスは、\u003cbr class=\"pc-only\"\u003eレチノールの“疑似成分”であり、レチノールではありません。\u003cbr class=\"pc-only\"\u003e\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    敏感肌だからレヴィータ\n========================= --\u003e\n\u003csection class=\"bior-retinol-reco\" aria-label=\"「敏感肌対応*」だから\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003e「敏感肌対応*」だから\u003cbr\u003eファーストレチノールとして\u003cbr class=\"sp-only\"\u003eおすすめ\u003c\/h3\u003e\n\u003cp class=\"bior-retinol-reco__top\"\u003e皮膚科医監修の下、敏感肌テスト済み*\u003c\/p\u003e\n\u003cdiv class=\"bior-retinol-reco__notes\"\u003e*敏感肌パッチテスト済み\u003cbr class=\"sp-only\"\u003e(全ての方に刺激が起こらないということではありません）\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"bior-retinol-reco__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_img04.webp?v=1767114254\" alt=\"敏感肌対応イメージ\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n  bior organicsの肌へのこだわり（2ボックス）\n========================= --\u003e\n\u003csection class=\"bior-skin-commit\" aria-label=\"bior organicsの肌へのこだわり\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003ebior organicsの肌へのこだわり\u003c\/h3\u003e\n\u003cdiv class=\"bior-skin-commit__grid\"\u003e\n\u003c!-- 左：無添加 --\u003e\n\u003cdiv class=\"bior-skin-commit__card\"\u003e\n\u003cp class=\"bior-skin-commit__head\"\u003e無添加\u003c\/p\u003e\n\u003cp class=\"bior-skin-commit__text\"\u003e防腐剤・石油由来成分・\u003cbr\u003eシリコン・アルコール・\u003cbr\u003e合成香料 フリー\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 右：天然由来100% --\u003e\n\u003cdiv class=\"bior-skin-commit__card\"\u003e\n\u003cp class=\"bior-skin-commit__head\"\u003e天然由来100%\u003c\/p\u003e\n\u003c!-- ロゴ画像に差し替えてOK（今は仮） --\u003e \u003cimg class=\"bior-skin-commit__mark\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/ecocert_logo.png?v=1753959314\" alt=\"ECOCERT COSMOS ORGANIC\"\u003e\n\u003cp class=\"bior-skin-commit__text bior-skin-commit__text--center\"\u003eオーガニック認証\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ↓ 斜線 --\u003e\n\u003cdiv class=\"bior-fullline\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_line100.svg?v=1767167283\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n    PreVITA アイテム\n========================= --\u003e\n\u003cdiv class=\"bior-previtadetail-title\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_title_previta-detail.webp?v=1767147383\" alt=\"ReVITA detail\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-itemdetail-worldfirst\" aria-label=\"世界初コピー\"\u003e\n\u003cp class=\"bior-itemdetail-worldfirst__jp\"\u003e“メイク前”の一滴が、\u003cbr\u003e1日を変える。\u003cbr\u003ePre:VITA DEW\u003cbr class=\"sp-only\"\u003e\u003cspan class=\"bior-itemdetail-worldfirst__kana\"\u003e(プレヴィータ デュー)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ▼ここを追加：下に画像 --\u003e\n\u003cdiv class=\"bior-predetail-worldfirst-img\" aria-label=\"PRe:VITA DEW image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_mainimg.webp?v=1767148605\" alt=\"Re:VITA DEW\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n   グルタチオン枠（PreVITAの下）\n========================= --\u003e\n\u003csection class=\"bior-gluta-card\" aria-label=\"Glutathione card\"\u003e\n\u003cdiv class=\"bior-gluta-card__inner\"\u003e\n\u003cp class=\"bior-gluta-topline\"\u003eGlutathione at the Recommended Level\u003c\/p\u003e\n\u003ch2 class=\"bior-gluta-title\"\u003eグルタチオン*\u003cbr class=\"sp-only\"\u003e推奨濃度配合\u003c\/h2\u003e\n\u003cimg class=\"bior-gluta-ball\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glutathione.webp?v=1767149202\" alt=\"Glutathione\"\u003e\n\u003cp class=\"bior-gluta-desc\"\u003e白玉点滴として知られる【グルタチオン*推奨濃度配合】で、\u003cbr class=\"pc-only\"\u003e日中もお肌を整えて徹底的に守ります。\u003c\/p\u003e\n\u003cp class=\"bior-gluta-notes\"\u003e*保護・保湿・整肌・ハリ\u003c\/p\u003e\n\u003cimg class=\"bior-gluta-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_img01.webp?v=1767149268\" alt=\"イメージ画像\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    プレヴィータ効果\n========================= --\u003e\n\u003csection class=\"bior-revita-concept\" aria-label=\"攻めるオーガニック×サイエンス\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003e攻めるオーガニック×サイエンス\u003c\/h3\u003e\n\u003cdiv class=\"bior-revita-circles\"\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003eメイク\u003cbr\u003eノリUP\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e保湿\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e毛穴ケア\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle-wrap\"\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e\u003cspan style=\"display: inline-block; transform: translateY(0.2em);\"\u003eモロモロ\u003cbr\u003eフリー*\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-previta-underimg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_img02.webp?v=1767195731\"\u003e\u003c\/div\u003e\n\u003cp class=\"bior-revita-note\"\u003e*クリームなどに配合される\u003cbr class=\"sp-only\"\u003e増粘剤の影響で起こるピリングのこと\u003c\/p\u003e\n\u003cdiv class=\"bior-pilling-box\" aria-label=\"モロモロ（ピリング）説明\"\u003e\n\u003cdiv class=\"bior-pilling-box__inner\"\u003e\n\u003ch3 class=\"bior-pilling-box__title\"\u003eファンデーションを塗ったら出てくるモロモロの正体とは？\u003c\/h3\u003e\n\u003cp class=\"bior-pilling-box__text\"\u003eせっかくのメイクがヨレたり崩れた、という経験はありませんか？\u003cbr class=\"pc-only\"\u003eモロモロの正体は、増粘剤を含む高粘度クリームが作る“厚い膜”が浮き上がったものなんです。\u003cbr class=\"pc-only\"\u003e〈プレヴィータ デュー〉は、モロモロができにくい処方。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-pilling-aftercopy\" aria-label=\"Pre:VITA DEWのベール設計コピー\"\u003e\n\u003cp class=\"bior-pilling-aftercopy__text\"\u003ePre:VITA DEWは厚いクリームの膜を使用せず、\u003cbr class=\"pc-only\"\u003eうるおいの薄膜ヴェールで密着させる美容液設計。\u003cbr\u003eメイクの完成度に悩んでいた方をサポートします。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n    敏感肌だからプレヴィータ\n========================= --\u003e\n\u003csection class=\"bior-retinol-reco\" aria-label=\"「敏感肌対応*」だから\"\u003e\n\u003ch3 class=\"bior-previta-title\"\u003e敏感肌対応*\u003c\/h3\u003e\n\u003cp class=\"bior-retinol-reco__top\"\u003e皮膚科医監修の下、敏感肌テスト済み*\u003c\/p\u003e\n\u003cdiv class=\"bior-retinol-reco__notes\"\u003e*敏感肌パッチテスト済み\u003cbr class=\"sp-only\"\u003e(全ての方に刺激が起こらないということではありません）\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"bior-retinol-reco__img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_img03.webp?v=1767149268\" alt=\"敏感肌対応イメージ\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n  bior organicsの肌へのこだわり（2ボックス）\n========================= --\u003e\n\u003csection class=\"bior-skin-commit\" aria-label=\"bior organicsの肌へのこだわり\"\u003e\n\u003ch3 class=\"bior-revita-title\"\u003ebior organicsの肌へのこだわり\u003c\/h3\u003e\n\u003cdiv class=\"bior-skin-commit__grid\"\u003e\n\u003c!-- 左：無添加 --\u003e\n\u003cdiv class=\"bior-skin-commit__card\"\u003e\n\u003cp class=\"bior-skin-commit__head\"\u003e無添加\u003c\/p\u003e\n\u003cp class=\"bior-skin-commit__text\"\u003e防腐剤・石油由来成分・\u003cbr\u003eシリコン・アルコール・\u003cbr\u003e合成香料 フリー\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- 右：天然由来100% --\u003e\n\u003cdiv class=\"bior-skin-commit__card\"\u003e\n\u003cp class=\"bior-skin-commit__head\"\u003e天然由来100%\u003c\/p\u003e\n\u003c!-- ロゴ画像に差し替えてOK（今は仮） --\u003e \u003cimg class=\"bior-skin-commit__mark\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/ecocert_logo.png?v=1753959314\" alt=\"ECOCERT COSMOS ORGANIC\"\u003e\n\u003cp class=\"bior-skin-commit__text bior-skin-commit__text--center\"\u003eオーガニック認証\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ↓ 斜線 --\u003e\n\u003cdiv class=\"bior-fullline\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_line100.svg?v=1767167283\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n    SET　タイトル\n========================= --\u003e\n\u003cdiv class=\"bior-setdetail-title\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_title_set-detail.webp?v=1767147383\" alt=\"SET detail\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-setdetail-worldfirst\" aria-label=\"世界初コピー\"\u003e\n\u003cp class=\"bior-setdetail-worldfirst__jp\"\u003eフェイスラインローラーで、\u003cbr\u003eハリと透明感をサポート。\u003cbr\u003e\u003cbr\u003eFACIAL ROLLER \u0026amp;\u003cbr\u003eGUA SHA PLATE\u003cbr\u003e\u003cspan class=\"bior-setdetail-worldfirst__kana\"\u003e(フェイシャルローラー ＆ カッサプレート)\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ▼ここを追加：下に画像 --\u003e\n\u003cdiv class=\"bior-setdetail-worldfirst-img\" aria-label=\"SET image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_set_mainimg.webp?v=1767158050\" alt=\"SET\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n    美顔ローラー効果\n========================= --\u003e\n\u003csection class=\"bior-revita-concept\" aria-label=\"美顔ローラー効果\"\u003e\n\u003ch3 class=\"bior-previta-title\"\u003eDetail\u003c\/h3\u003e\n\u003cdiv class=\"bior-revita-circles\"\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e高密度\u003cbr\u003e合金素材\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e2WAY\u003cbr\u003e設計\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003eむくみ\u003cbr\u003eケア\u003c\/div\u003e\n\u003cdiv class=\"bior-revita-circle\"\u003e引き締め\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-previta-underimg\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_pre_set_img01.webp?v=1767159248\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-set-aftertext\" aria-label=\"SET詳細\"\u003e\n\u003cp class=\"bior-set-aftertext__text\"\u003e美しいフォルムと確かな機能性を兼ね備えた合金製美容器。\u003cbr class=\"pc-only\"\u003eフェイスラインや首筋（胸鎖乳突筋）を心地よく刺激し、\u003cbr class=\"pc-only\"\u003eまるでプロの手技のようなリズムで、お手入れタイムをより\u003cbr class=\"pc-only\"\u003e楽しんでいただけます。\u003cbr class=\"pc-only\"\u003eカッサプレート部分は、頬や額などの広い面をなめらかに\u003cbr class=\"pc-only\"\u003eなじませるケアに最適。\u003cbr class=\"pc-only\"\u003eコンパクトサイズで携帯にも便利。旅先でも、自宅でも、\u003cbr class=\"pc-only\"\u003e毎日のスキンケアにプラスするだけで、引き締まった印象と\u003cbr class=\"pc-only\"\u003eツヤに満ちた美しい肌を目指します。\u003cbr class=\"pc-only\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch1 class=\"title-main\"\u003ePre:VITA DEW＋Re:VITA DEW＋美顔ローラースペシャル3点セット\u003cimg class=\"title-icon\" alt=\"朝夜アイコン\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/AMPM_Icons.svg?v=1754015731\"\u003e\n\u003c\/h1\u003e\n\u003cp class=\"description\"\u003e贅沢なスペシャルキットが登場。\u003cbr\u003e新製品「プレヴィータ」「レヴィータ」をデュアルで楽しむ ローラー美顔器との特別なセットにしました。\u003cbr\u003eとろけるように広がるテクスチャーが、こわばった肌をやさしく 解きほぐし、まるで極上のマッサージを受けた後のように、\u003cbr class=\"pc-only\"\u003e柔らかでしなやかな素肌へ導きます。モロモロ感のない上質な 心地よさは、ローラー美顔器との相性も格別です。\u003cbr\u003e\u003cbr\u003e自分へのご褒美に。大切な方へ想いを届ける贈り物 にもふさわしい、特別なコレクションです。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003chr\u003e\n\u003c!-- FREE成分リスト --\u003e\n\u003ch2 class=\"free-title\"\u003eFREE\u003c\/h2\u003e\n\u003cdiv class=\"free-ingredients\"\u003e\n\u003cspan class=\"tag\"\u003e防腐剤全般\u003csup\u003e*\u003c\/sup\u003e\u003c\/span\u003e \u003cspan class=\"tag\"\u003e紫外線吸収剤\u003c\/span\u003e \u003cspan class=\"tag\"\u003eシリコン\u003c\/span\u003e \u003cspan class=\"tag\"\u003e石油系界面活性剤\u003c\/span\u003e \u003cspan class=\"tag\"\u003e鉱物油\u003c\/span\u003e \u003cspan class=\"tag\"\u003e合成香料\u003c\/span\u003e \u003cspan class=\"tag\"\u003e合成ポリマー\u003c\/span\u003e \u003cspan class=\"tag\"\u003eタルク\u003c\/span\u003e \u003cspan class=\"tag\"\u003eアルコール\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003e* パラベン・フェノキシエタノールなどの防腐剤全般\u003c\/p\u003e\n\u003c!-- 全成分アコーディオン --\u003e\n\u003cdiv class=\"accordion\"\u003e\n\u003cinput id=\"toggle-ingredients\" type=\"checkbox\"\u003e \u003clabel for=\"toggle-ingredients\" class=\"accordion-label\"\u003e \u003cspan class=\"accordion-title\"\u003e全成分を表示\u003c\/span\u003e \u003cspan class=\"accordion-arrow\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e【Pre:VITA DEW\/全成分】水（還元性イオン水含む）、イネ種子水*、BG、ジグリセリン、グリセリン、ペンチレングリコール、PCA-Na、ベタイン、ナツミカン果皮水*、カプリリルグリコール、グリチルリチン酸2K、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na、イモセミルエキス、マンダリンオレンジ果実エキス、ビターオレンジ果実エキス、オレンジ果皮エキス*、アスコルビルグルコシド、セラミドAP、セラミドNP、ラウリン酸ポリグリセリル-10、バクホウシアシトリオドラ葉油*、グルタチオン、フムスエキス、ツボクサエキス、オウゴン根エキス、イタドリ根エキス、カンゾウ根エキス、ローズマリー葉エキス、カミツレ花エキス、チャ葉エキス、トコフェロール、ヒマワリ種子油\u003cbr\u003e*オーガニック原料\u003cbr\u003e\u003cbr\u003e【Re:VITA DEW\/全成分】水（還元性イオン水含む）、イネ種子水*、BG、ジグリセリン、グリセリン、ペンチレングリコール、PCA-Na、レチノール、レチノイン酸トコフェリル、トリ（カプリル酸／カプリン酸）グリセリル、アスコルビルグルコシド、イモセミルエキス、セラミドAP、セラミドNP、グルタチオン、ナツミカン花水*、ツボクサエキス、加水分解ヒアルロン酸Na、ヒアルロン酸Na、フムスエキス、トコフェロール、グリチルリチン酸２Ｋ、クエン酸、カプリリルグリコール、ベタイン、α－グルカンオリゴサッカリド、ラウリン酸ポリグリセリル-10、ヒマワリ種子油、オウゴン根エキス、イタドリ根エキス、カンゾウ根エキス、ローズマリー葉エキス、カミツレ花エキス、チャ葉エキス、マンダリンオレンジ果実エキス、ビターオレンジ果実エキス、ダマスクバラ花油*、ティーツリー葉油*、バクホウシアシトリオドラ葉油*、オレンジ果皮油*、ニオイテンジクアオイ油*、ヘリクリスムイタリクム花油*\u003cbr\u003e*オーガニック原料\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003c!-- ORGANIC POINT 説明 --\u003e\n\u003cdiv class=\"organic-point\"\u003e\n\u003ch2 class=\"free-title\"\u003eORGANIC×SCIENCE POINT\u003c\/h2\u003e\n\u003cdiv class=\"organic-content\"\u003e\n\u003cimg class=\"eco-mark\" alt=\"敏感肌対応マーク\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/binkanhada.svg?v=1761304744\"\u003e\n\u003cdiv class=\"organic-text\"\u003e*敏感肌パッチテスト済み(すべての方に刺激が起こらないということではありません)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"organic-content\"\u003e\n\u003cimg class=\"eco-mark\" alt=\"ECOCERTマーク\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/ecocert.svg?v=1754016929\"\u003e\n\u003cdiv class=\"organic-text\"\u003eエコサートグリーンライフによって認証された COSMOS ORGANIC 化粧品\u003cbr\u003e原料の 100% 天然由来\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eSTEP\/Pre:VITA DEW\u003c\/h2\u003e\n\u003cdiv class=\"step-gallery\"\u003e\n\u003cdiv class=\"step-track\"\u003e\n\u003c!-- STEP 01 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%AF%E3%83%AC%E3%83%B3%E3%82%B8%E3%83%B3%E3%82%B0%E3%82%BD%E3%83%BC%E3%83%97vcex-%E3%83%80%E3%83%9E%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%82%BA-%E3%83%8D%E3%83%AD%E3%83%AA%E3%81%AE%E9%A6%99%E3%82%8A-%E3%83%A9%E3%83%99%E3%83%B3%E3%83%80%E3%83%BC-%E3%83%8D%E3%83%AD%E3%83%AA%E3%81%AE%E9%A6%99%E3%82%8A\"\u003e\u003cimg alt=\"STEP 01\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step1_nightonly.webp?v=1764981194\"\u003e\n\u003cp\u003eSTEP 01\u003c\/p\u003e\n\u003ch3\u003eCLEANSING WASH\u003c\/h3\u003e\n\u003cp\u003e朝はぬるま湯でオフ\u003c\/p\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 02 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%B9%E3%82%AD%E3%83%B3%E3%83%99%E3%83%BC%E3%82%B9-%E3%83%9E%E3%83%AA%E3%83%B3%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9-%E3%83%96%E3%83%BC%E3%82%B9%E3%82%BF%E3%83%BC\"\u003e\u003cimg alt=\"STEP 02\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step2.webp?v=1754025141\"\u003e\n\u003cp\u003eSTEP 02\u003c\/p\u003e\n\u003ch3\u003eSKINBASE MARINE SCIENCE BOOSTER\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 03 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/products\/%E3%82%AA%E3%83%BC%E3%82%AC%E3%83%8B%E3%83%83%E3%82%AF%E8%AA%8D%E8%A8%BC-%E8%96%AC%E7%94%A8%E7%BE%8E%E7%99%BD-the-vc-white-%E3%82%AA%E3%83%BC%E3%83%AB%E3%82%A4%E3%83%B3-%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%B3%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88%E3%83%AD%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3\"\u003e\u003cimg alt=\"STEP 03\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step3.webp?v=1754025141\"\u003e\n\u003cp\u003eSTEP 03\u003c\/p\u003e\n\u003ch3\u003eTHE VC WHITE CONCENTRATE LOTION\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/products\/revitadew\"\u003e\u003cimg alt=\"PreVITA DEW\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step_previta.webp?v=1767614491\"\u003e\n\u003cp\u003eSTEP 04\u003c\/p\u003e\n\u003ch3\u003ePre:VITA DEW\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/products\/hydration-veil-infusion\"\u003e\u003cimg alt=\"STEP 04 morning\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step4wc.webp?v=1764948909\"\u003e\n\u003cp\u003eSTEP 05\u003c\/p\u003e\n\u003ch3\u003eHYDRATION VEIL INFUSION\u003c\/h3\u003e\n\u003cp\u003eより保湿したい日に\u003c\/p\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eSTEP\/Re:VITA DEW\u003c\/h2\u003e\n\u003cdiv class=\"step-gallery\"\u003e\n\u003cdiv class=\"step-track\"\u003e\n\u003c!-- STEP 01 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%AF%E3%83%AC%E3%83%B3%E3%82%B8%E3%83%B3%E3%82%B0%E3%82%BD%E3%83%BC%E3%83%97vcex-%E3%83%80%E3%83%9E%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%82%BA-%E3%83%8D%E3%83%AD%E3%83%AA%E3%81%AE%E9%A6%99%E3%82%8A-%E3%83%A9%E3%83%99%E3%83%B3%E3%83%80%E3%83%BC-%E3%83%8D%E3%83%AD%E3%83%AA%E3%81%AE%E9%A6%99%E3%82%8A\"\u003e\u003cimg alt=\"STEP 01\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step1_nightonly.webp?v=1764981194\"\u003e\n\u003cp\u003eSTEP 01\u003c\/p\u003e\n\u003ch3\u003eCLEANSING WASH\u003c\/h3\u003e\n\u003cp\u003e朝はぬるま湯でオフ\u003c\/p\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 02 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%B9%E3%82%AD%E3%83%B3%E3%83%99%E3%83%BC%E3%82%B9-%E3%83%9E%E3%83%AA%E3%83%B3%E3%82%B5%E3%82%A4%E3%82%A8%E3%83%B3%E3%82%B9-%E3%83%96%E3%83%BC%E3%82%B9%E3%82%BF%E3%83%BC\"\u003e\u003cimg alt=\"STEP 02\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step2.webp?v=1754025141\"\u003e\n\u003cp\u003eSTEP 02\u003c\/p\u003e\n\u003ch3\u003eSKINBASE MARINE SCIENCE BOOSTER\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 03 --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/products\/%E3%82%AA%E3%83%BC%E3%82%AC%E3%83%8B%E3%83%83%E3%82%AF%E8%AA%8D%E8%A8%BC-%E8%96%AC%E7%94%A8%E7%BE%8E%E7%99%BD-the-vc-white-%E3%82%AA%E3%83%BC%E3%83%AB%E3%82%A4%E3%83%B3-%E3%82%B3%E3%83%B3%E3%82%BB%E3%83%B3%E3%83%88%E3%83%AC%E3%83%BC%E3%83%88%E3%83%AD%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3\"\u003e\u003cimg alt=\"STEP 03\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step3.webp?v=1754025141\"\u003e\n\u003cp\u003eSTEP 03\u003c\/p\u003e\n\u003ch3\u003eTHE VC WHITE CONCENTRATE LOTION\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca class=\"step-item\" href=\"https:\/\/biororganics.com\/products\/revitadew\"\u003e\u003cimg alt=\"PreVITA DEW\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step_revita.webp?v=1767614491\"\u003e\n\u003cp\u003eSTEP 04\u003c\/p\u003e\n\u003ch3\u003eRe:VITA DEW\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg class=\"arrow\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca class=\"step-item\" href=\"https:\/\/p4uc5hkb7y41nfsb-62254284888.shopifypreview.com\/collections\/skin-care\/products\/%E3%82%A2%E3%82%B5%E3%83%91%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%BC%E3%83%AB%E3%82%A4%E3%83%B3%E3%83%AF%E3%83%B3%E7%BE%8E%E5%AE%B9%E6%B6%B2%E3%83%91%E3%83%83%E3%82%AF-%E3%83%8F%E3%82%A4%E3%83%89%E3%83%ADc-%E3%83%A2%E3%82%A4%E3%82%B9%E3%83%88%E3%83%AC%E3%83%81%E3%83%BC%E3%83%8Ec\"\u003e\u003cimg alt=\"STEP 04 morning\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step4wc.webp?v=1764948909\"\u003e\n\u003cp\u003eSTEP 05\u003c\/p\u003e\n\u003ch3\u003eHYDRATION VEIL INFUSION\u003c\/h3\u003e\n\u003cp\u003eより保湿したい日に\u003c\/p\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e【Pre:VITA DEW】使用方法：洗顔後、化粧水やブースターでお肌を整えた後、ベースメイクの直前に適量をやさしくなじませてください。\u003cbr\u003e【Re:VITA DEW】使用方法：ご使用前に軽く振り、適量を清潔なお肌にやさしくなじませてください。夜のお手入れに取り入れていただくことをおすすめします。\u003c\/p\u003e\n\u003chr\u003e\n\n\u003ch2 class=\"free-title\"\u003eタイプ別 HOW TO USE\u003c\/h2\u003e\n\u003cdiv class=\"bior-howto\"\u003e\n\u003cfigure class=\"bior-howto__item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/howto-morning.webp?v=1770567439\" alt=\"タイプ別 HOW TO USE - Morning\" loading=\"lazy\"\u003e\u003c\/figure\u003e\n\u003cfigure class=\"bior-howto__item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/howto-night.webp?v=1770567439\" alt=\"タイプ別 HOW TO USE - Night\" loading=\"lazy\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eMORE DETAILS\u003c\/h2\u003e\n\u003c!-- 販売名 --\u003e\n\u003cp class=\"description\"\u003e販売名：プレヴィータ デュー\/レヴィータ デュー\/フェイシャルローラー ＆ カッサプレート\u003c\/p\u003e\n\u003cp class=\"description\"\u003e原産国(地)：日本\u003c\/p\u003e\n\u003cdiv class=\"accordion\"\u003e\n\u003cinput id=\"toggle-caution\" type=\"checkbox\"\u003e \u003clabel for=\"toggle-caution\" class=\"accordion-label\"\u003e \u003cspan class=\"accordion-title\"\u003e使用上の注意事項を表示\u003c\/span\u003e \u003cspan class=\"accordion-arrow\"\u003e\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"description\"\u003e・キズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003cbr\u003e・お肌に異常が生じていないかよく注意して使用してください。\u003cbr\u003e・使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003cbr\u003e・乳幼児の手の届かない場所に保管してください。\u003cbr\u003e・日のあたるところや高温所、極端な低温所に置かないでください。\u003cbr\u003e・開封後はお早めに使用してください。\u003cbr\u003e・目に入った時はすぐに洗い流してください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\u003c!-- ページ上部へ戻るリンク --\u003e\n\u003cp class=\"back-to-top\"\u003e\u003ca id=\"backToTopLink\" href=\"#top\"\u003eページ上部へ戻る↑\u003c\/a\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n \n  \/* =========================\n   ReVITA 範囲 背景色\n========================= *\/\n.bior-revita-bg{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  background: #edf3f3;\n  padding: 120px 0 120px;   \/* 上下の余白（好みで調整OK） *\/\n}\n\n\/* SPは余白を少し詰める（任意） *\/\n@media screen and (max-width: 749px){\n  .bior-revita-bg{\n    padding: 90px 0 90px;\n  }\n}\n\n  hr {\n  margin: 30px 0 15px 0;\n}\n\n  .check-icon {\n  width: 20px;\n  height: auto;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n  \n.product-description {\n  font-family: \"Noto Sans JP\", sans-serif;\n  color: #000;\n  line-height: 1.8;\n  max-width: 100%;\n  box-sizing: border-box;\n  margin-top: 50px;\n}\n\n.title-main {\n  font-size: 25px;\n  font-weight: normal;\n  font-family: \"Outfit\", sans-serif;\n}\n.subtitle {\n  font-size: 12px;\n  margin-top: 2px;\n}\n  \n.ml {\n  font-size: 13px;\n  margin-top: 3px;\n  font-family: \"Outfit\", sans-serif;\n  font-weight: 600;\n}\n  \n.title-sub {\n  font-size: 25px;\n  font-weight: normal;\n  margin-top: 45px;\n}\n  .free-title {\n  font-size: 18px;\n  font-family: \"Outfit\", sans-serif;\n  margin: 30px 0 10px;\n  font-weight: normal;\n}\n.description {\n  font-size: 13px;\n  margin-top: 10px;\n}\n  \n\n\/* 販売名・原産国とアコーディオンの間隔を詰める *\/\n.product-description p.description {\n  margin-bottom: 5px !important; \/* 下の余白をほぼゼロに *\/\n}\n  \n\/* アコーディオン全体の上余白を削除 *\/\n.product-description .accordion {\n  margin-top: 0 !important;\n}\n  \n.spacer {\n  height: 20px;\n}\n\n\/* ラベル *\/\n.label-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin: 10px 0 10px;\n}\n.label {\n  background-color: #666;\n  color: #fff;\n  padding: 6px 16px;\n  font-size: 14px;\n  display: inline-block;\n}\n\n\/* FREE成分タグ *\/\n.free-ingredients {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n\/* これを消す or コメントアウトする *\/\n\/*\n.tag {\n  border: 1px solid #000;\n  padding: 4px 10px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n*\/\n\/* FREE成分タグ（商品説明エリア限定） *\/\n.product-description .tag {\n  border: 1px solid #000;\n  padding: 4px 10px;\n  font-size: 13px;\n  white-space: nowrap;\n}\n\n  .product-description .free-ingredients {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n  .product-recommendations .tag {\n  border: none !important;\n  padding: 0 !important;\n}\n  \/* =========================\n   注釈\n========================= *\/\n.note {\n  font-size: 0.65em;\n  margin-bottom: 30px;\n}\n@media screen and (max-width: 749px){\n  .note {\n  font-size: 0.5em;\n  margin-bottom: 30px;\n}\n  }\n\n\/* ORGNAIC POINT セクション *\/\n.organic-point {\n  margin-top: 30px;\n}\n.organic-point h2 {\n  font-size: 18px;\n  margin-bottom: 10px;\n  font-family: \"Outfit\", sans-serif;\n}\n.organic-content {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.eco-mark {\n  width: 50px;\n  height: auto;\n   margin-top: 5px;\n}\n.organic-text {\n  font-size: 13px;\n  line-height: 1.6;\n}\n  \n\/* 全成分 セクション *\/\n.accordion {\n  margin-top: 5px;\n  font-size: 15px;\n}\n\n.accordion input[type=\"checkbox\"] {\n  display: none;\n}\n\n.accordion-label {\n  display: inline-flex;           \/* 横に並べる *\/\n  align-items: center;           \/* 上下中央揃え *\/\n  cursor: pointer;\n  padding: 4px 0;\n  border: none;\n  background: none;\n}\n\n.accordion-title {\n  font-size: 13px;\n  font-family: \"Noto Sans JP\", sans-serif;\n  margin-right: 13px;             \/* ← 矢印との間に余白 *\/\n}\n\n.accordion-arrow {\n width: 8px;  \/* 元は 10px → 少し小さく *\/\n  height: 8px; \/* 元は 10px → 少し小さく *\/\n  border-right: 1px solid #000;\n  border-bottom: 1px solid #000;\n  transform: rotate(45deg);\n  transition: transform 0.3s ease;\n}\n\n.accordion input[type=\"checkbox\"]:checked + .accordion-label .accordion-arrow {\n  transform: rotate(135deg);\n}\n  \n.accordion-content {\n  display: none;\n  padding: 10px 0;\n  font-size: 13px;\n  line-height: 1.6;\n  border: none;\n}\n\n.accordion input[type=\"checkbox\"]:checked + .accordion-label + .accordion-content {\n  display: block;\n}\n  \n .accordion-label,\n.accordion-content,\n.accordion {\n  border: none !important;      \/* 追加 *\/\n  box-shadow: none !important;  \/* 念のため *\/\n}\n\/* POINT セクション *\/\n.point-section {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  background-color: #fff;\n  color: #000;\n  margin: 30px 0;\n}\n\n.point-image-wrapper {\n  width: 500px;   \/* 横幅は固定 *\/\n  height: auto;   \/* 縦は可変 *\/\n  flex: none;\n  overflow: hidden;\n}\n\n.point-image {\n  width: 100%;     \/* 親要素の横幅にフィット *\/\n  height: auto;    \/* 縦は比率を維持して自由 *\/\n  object-fit: contain; \/* coverではなく比率優先 *\/\n  display: block;\n}\n\n.point-text {\n  flex: 1;\n  padding: 30px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: #fff;\n}\n\n.point-label {\n  font-size: 11px;\n  letter-spacing: 1px;\n  margin-bottom: 20px;\n  color: #000;\n}\n\n.point-title {\n  font-size: 25px;\n  font-weight: 350;\n  margin-bottom: 15px;\n  font-family: \"Outfit\", sans-serif;\n  color: #000;\n}\n\n.point-desc {\n  font-size: 13px;\n  line-height: 2;\n}\n\n@media screen and (max-width: 768px) {\n  .point-image-wrapper {\n  width: 100%;\n    height: auto !important;\n    min-height: unset !important; \/* ← これが重要 *\/\n    margin-bottom: 0;\n    overflow: visible;\n  }\n\n  .point-text {\n    padding-top: 10px;\n    padding-bottom: 30px;\n  }\n\n  .point-section {\n    flex-direction: column;\n    margin: 30px 0;\n  }\n\n.point-image {\n  width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n  \n  .point-text {\n    flex: 1 1 100%;\n  }\n\n  .point-title {\n    font-size: 23px;\n    margin-bottom: 5px;\n  }\n\n  .point-desc {\n    font-size: 13px;\n  }\n}\n\n  \/* タイトルとアイコンを横並び中央揃え *\/\n.title-main-wrap {\n  display: flex;\n  align-items: center; \/* 垂直中央揃え *\/\n  gap: 8px; \/* 文字とアイコンの間隔 *\/\n}\n\n\/* タイトル本体のスタイル（元のを流用） *\/\n.title-main {\n  font-size: 25px;\n  font-weight: normal;\n  font-family: \"Outfit\", sans-serif;\n  margin: 0; \/* デフォルトの余白削除 *\/\n}\n\n\/* アイコンの高さを文字と揃える *\/\n.title-icon {\n  height: auto; \/* 文字の高さに合わせる *\/\n  width: 30px; \/* 縦横比を維持 *\/\n  display: inline-block;\n}\n\n  \/* STEP *\/\n.step-gallery {\n  max-width: 1600px;\n  margin: auto;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  font-family: 'Outfit', sans-serif; \/* 全体フォントをOutfitに *\/\n}\n.step-track {\n  display: flex;\n  align-items: flex-start;\n  gap: 40px;\n  padding: 20px;\n}\n.step-item {\n  flex: 0 0 auto;\n  width: 150px;\n  text-align: center;\n  text-decoration: none;\n  color: #000;\n}\n.step-item img {\n  width: 150px; \/* 横150px固定 *\/\n  height: auto;\n  display: block;\n}\n.step-item p {\n  font-size: 12px;\n  margin: 10px 0 4px;\n}\n.step-item h3 {\n  font-size: 13px;\n  font-weight: normal;\n}\n.arrow {\n  flex: 0 0 auto;\n  width: 10px;\n  height: auto;\n  align-self: center;\n}\n@media screen and (max-width: 768px) {\n  .step-track {\n    gap: 20px;\n  }\n  .step-item {\n    width: 150px;\n  }\n}\n  \/* 横スクロールバーを非表示 *\/\n.step-gallery {\n  scrollbar-width: none; \/* Firefox *\/\n}\n.step-gallery::-webkit-scrollbar { \/* Chrome, Safari *\/\n  display: none;\n}\n    \/* リフィル詰め替え *\/\n.refill-section {\n  text-align: left;\n  margin: 20px 0;\n}\n\n.refill-image {\n  width: 150px;\n  height: auto;\n  display: block;\n}\n\n.refill-price {\n  font-size: 12px;\n  color: #000;\n  margin-top: 5px;\n  text-align: center; \/* ← 追加（中央寄せ） *\/\n  width: 150px;       \/* ← 画像と同じ幅に固定 *\/\n}\n\n \/* ページ上部へ戻るリンク *\/\n.back-to-top {\n  margin-top: 10px;\n  text-align: right; \/* 右寄せ *\/\n}\n\n.back-to-top a {\n  color: #000;\n  text-decoration: underline; \/* 下線 *\/\n  font-size: 13px;\n}\n\n.back-to-top a:hover {\n  color: #888; \/* 薄いグレー *\/\n}\n\/* ORGANIC POINT 説明テキストの行間＆間隔調整 *\/\n.organic-text {\n  line-height: 1.4;           \/* 行間を少しだけ詰める *\/\n}\n\n\/* 敏感肌テスト説明 と ECOCERT説明 の間だけ余白を足す *\/\n.organic-point + .organic-content {\n  margin-top: 18px;           \/* 好みで 16〜24px くらいに調整OK *\/\n}\n\n  \/* ORGANIC POINT スマホ版：画像の横にテキストを配置 *\/\n@media screen and (max-width: 768px) {\n  .organic-content {\n    flex-wrap: nowrap;        \/* 折り返さず横並び維持 *\/\n    align-items: flex-start;  \/* テキスト頭を揃える *\/\n  }\n\n  .eco-mark {\n    width: 40px;              \/* 少し小さめにして余裕を作る *\/\n    flex-shrink: 0;           \/* 画像が潰れないようにする *\/\n    margin-top: 0;\n  }\n\n  .organic-text {\n    flex: 1 1 auto;           \/* 画像の右側いっぱいにテキストを広げる *\/\n  }\n}\n\n\n\n\/* =========================\n   Background（header \/ footer 제외）\n========================= *\/\n#MainContent {\n  background-color: #fff;\n}\n\n#MainContent .shopify-section,\n#MainContent .page-width {\n  background-color: #fff;\n}\n\n\/* タイトル非表示 *\/\n.main-page-title,\n.page-width.page-content h1 {\n  display: none !important;\n}\n\n\/* 上の余白をゼロに *\/\n#MainContent .shopify-section {\n  padding-top: 0 !important;\n  margin-top: 0 !important;\n}\n\n\/* =========================\n   First view\n========================= *\/\n.bior-firstview {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  background-color: #fff;\n}\n\n.bior-firstview img {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n  \/* =========================\n   First view（PC\/SP 出し分け）\n========================= *\/\n.bior-firstview .bior-fv-pc { display:block; }\n.bior-firstview .bior-fv-sp { display:none; }\n\n@media screen and (max-width: 749px){\n  .bior-firstview .bior-fv-pc { display:none; }\n  .bior-firstview .bior-fv-sp { display:block; }\n}\n\/* =========================\n   Logo\n========================= *\/\n.bior-fv-logo {\n  display: flex;\n  justify-content: center;\n  margin: 130px 0;\n    flex-direction: column;      \/* ← ロゴの下にテキストを積む *\/\n  align-items: center;\n}\n\n.bior-fv-logo img {\n  width: 13vw;\n  max-width: 600px;\n  height: auto;\n  display: block;\n}\n  \n@media screen and (max-width: 749px) {\n  .bior-fv-logo {\n    margin: 50px 0;\n  }\n\n  .bior-fv-logo img {\n    width: 30vw;\n  }\n    }\n  \/* =========================\nlogoの下のテキスト\n========================= *\/\n\n.bior-fv-catch{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin: 50px 0 0;\n  font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Hiragino Mincho Pro\",\n               \"Noto Serif JP\", serif;   \/* 明朝系 *\/\n  font-size: 2vw;            \/* PC（あとで調整OK） *\/\n  line-height: 1.7;\n  letter-spacing: 0.06em;\n  color: #333;\n  font-weight: 400;\n}\n\n@media screen and (max-width: 749px){\n  .bior-fv-catch{\n    margin-top: 30px;\n    font-size: 5.2vw;          \/* SP（あとで調整OK） *\/\n    line-height: 1.4;\n    letter-spacing: 0.04em;\n    padding: 0 6vw;            \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n    font-weight: 400;\n  }\n}\n\n\n  \/* =========================\n   FV 注釈の下に入れる見出し\n========================= *\/\n.bior-fv-heading{\n  margin-top: 200px;               \/* ← 注釈の下の余白 *\/\n  text-align: center;\n  font-family: \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Hiragino Mincho Pro\",\n               \"Noto Serif JP\", serif;\n  color: #3d6d9a;\n}\n\n\/* 英語（2vw） *\/\n.bior-fv-heading__en{\n  margin: 0;\n  font-size: 1.1vw;\n  line-height: 1;\n  letter-spacing: 0.12em;          \/* ← 仮。あとで調整してOK *\/\n  font-weight: 400;\n}\n\n\/* 日本語（朝と夜の美容液） *\/\n.bior-fv-heading__jp{\n  margin: 0.4em 0 0;               \/* ← 2行の間隔（好みで） *\/\n  font-size: 2.6vw;\n  line-height: 1.15;\n  letter-spacing: 0.09em;          \/* ← 仮。あとで調整してOK *\/\n  font-weight: 400;\n}\n\n\/* SPで大きすぎ\/小さすぎ回避（必要なら微調整） *\/\n@media screen and (max-width: 749px){\n  .bior-fv-heading{ margin-top: 120px; }  \/* SPは詰めたい場合 *\/\n  .bior-fv-heading__en{ font-size: 3vw; }\n  .bior-fv-heading__jp{ font-size: 6vw; }\n}\n\n\/* =========================\n   FV見出しの下に 2Pを重ねる（FV専用）\n========================= *\/\n.bior-repre-2p-wrap--fv{\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 0 !important;          \/* ← marginは殺す *\/\n  transform: translateY(-50px);     \/* ★ここが重なり量 *\/\n  z-index: 1;\n}\n\n.bior-fv-heading{\n  position: relative;\n  z-index: 2;                         \/* 見出しを前面 *\/\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-repre-2p-wrap--fv{\n    transform: translateY(-40px);     \/* ★SPの重なり量 *\/\n  }\n}\n\n\n\/* =========================\n   Repre 1P（PC \/ SP）\n========================= *\/\n.bior-repre-image {\n  display: flex;\n  justify-content: center;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-bottom: 90px;\n}\n\n.bior-repre-image .bior-pc-only {\n  width: 70vw;\n  max-width: none;\n  display: block;\n}\n\n.bior-repre-image .bior-sp-only {\n  width: 80vw;\n  max-width: none;\n  display: none;\n}\n  \n@media screen and (max-width: 749px) { \n .bior-repre-image .bior-pc-only {\n    display: none;\n  }\n\n  .bior-repre-image .bior-sp-only {\n    display: block;\n    width: 92vw;\n  } \n}\n\/* =========================\n   Repre 2P overlap（完全版）\n========================= *\/\n\n\/* 親：flexを使わない *\/\n.bior-repre-2p-wrap {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: -130px; \/* PC 重なり量 *\/\n}\n\n\/* 共通 *\/\n.bior-repre-2p-wrap img {\n  width: 95vw;\n  max-width: none;\n  height: auto;\n  display: block;\n  margin: 0 auto;\n}\n\n\/* ===== PC 初期状態 ===== *\/\n.bior-2p-pc {\n  position: relative;\n  visibility: visible;\n  opacity: 1;\n  height: auto;\n  display:block;\n}\n\n.bior-2p-sp {\n  position: absolute;\n  visibility: hidden;\n  opacity: 0;\n  height: 0;\n  overflow: hidden;\n  display:none;\n}\n\n\/* ===== SP ===== *\/\n@media screen and (max-width: 749px) {\n  .bior-repre-2p-wrap {\n    margin-top: -80px; \/* SP 重なり量 *\/\n  }\n\n  .bior-2p-pc {\n    position: absolute;\n    visibility: hidden;\n    opacity: 0;\n    height: 0;\n    overflow: hidden;\n    display:none;\n  }\n\n  .bior-2p-sp {\n    position: relative;\n    visibility: visible;\n    opacity: 1;\n    height: auto;\n    display:block;\n  }\n}\n\n\n\/* =========================\n   Campaign Items（Title Image）\n========================= *\/\n.bior-campaign-title-img {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 120px;\n  display: flex;\n  justify-content: center;\n}\n\n.bior-campaign-title-img img {\n  width: 40vw; \/* PC *\/\n  display: block;\n}\n\n\/* =========================\n   Campaign Items（Main Image）\n========================= *\/\n.bior-campaign-main-img {\n  position: relative; \/* ← 重要 *\/\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 0px;\n  display: flex;\n  justify-content: center;\n}\n\n\n\/* 3P メイン画像 *\/\n.bior-3p-main {\n  width: 40vw; \/* PC *\/\n  max-width: none;\n  height: auto;\n  display: block;\n}\n\n\/* チェック画像のリンク用ラッパー *\/\n.bior-3p-check-wrap {\n  position: absolute;\n  right: 28vw;\n  bottom: -2%;\n  transform: translateY(-50%);\n  pointer-events: auto; \/* ← ここ重要 *\/\n  display: block;\n}\n\n\/* 画像自体は今まで通り *\/\n.bior-3p-check {\n  width: 7vw; \/* PC *\/\n  max-width: none;\n  height: auto;\n  display: block;\n}\n\n\/* =========================\n   Campaign Items Text PC\n========================= *\/\n.bior-campaign-text {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 40px; \/* 3P画像との余白（調整OK） *\/\n  text-align: center;\n}\n\n\/* テキスト1 *\/\n.bior-campaign-text-1 {\n  color: #8ab1c6;\n  font-size: 1.3vw; \/* PC *\/\n  line-height: 1.3;\n  margin: 0 0 10px 0;\n  font-weight: 400; \/* ← 少し太く *\/\n}\n\n\/* テキスト2 *\/\n.bior-campaign-text-2 {\n  color: #333333;\n  font-size: 1vw; \/* PC *\/\n  line-height: 1.4;\n  margin: 0;\n}\n\n\n\n  \/* =========================\n  ポーチ 注釈\n========================= *\/\n\n.bior-3p-note{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;          \/* 画像の下で中央寄せ *\/\n  margin-top: 15px;             \/* ← ここが「下に3vw」 *\/\n  font-size: 0.6vw;            \/* PCは小さめ（好みで0.7〜0.9） *\/\n  color: #333;\n  line-height: 1.4;\n}\n\n@media screen and (max-width: 749px){\n  .bior-3p-note{\n    margin-top: 3vw;           \/* SPも3vwでOK *\/\n    font-size: 3vw;            \/* SPは読みやすく *\/\n  }\n}\n\n.bior-fv-note{\n width: auto;\n  margin-left: 0;\n  text-align: center;\n}\n\n  @media screen and (max-width: 749px){\n    .bior-fv-note{\n      padding: 0 10vw;            \/* 端詰まり防止 *\/\n      font-size: 2vw;            \/* SPは読みやすく *\/\n      }\n}\n\/* =========================\n   ポーチ条件：商品リスト（PC=横並びで縦ライン揃え \/ SP=縦）\n========================= *\/\n\n.bior-poach{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 40px;\n  text-align: center;\n}\n\n\/* 「ポーチのプレゼントの条件は…」 *\/\n.bior-poach__lead{\n  margin: 0 0 28px;\n  font-size: 1vw;   \/* 好みで *\/\n  color: #333;\n}\n\n\/* 3行まとめ *\/\n.bior-poach__list{\n  display: flex;\n  flex-direction: column;\n  gap: 56px;            \/* 行間（好みで調整） *\/\n  align-items: center;\n    margin-top: 80px;\n}\n\n\/* 1行：PCは grid で列固定 → 左端が完全に揃う *\/\n.bior-poach__row{\n  display: grid;\n  grid-template-columns: 16vw 30vw;  \/* ★ここが肝：画像列 \/ テキスト列の幅固定 *\/\n  column-gap: 3.5vw;\n  align-items: start;\n  justify-content: center;\n  width: 100%;\n}\n\n\/* 画像セル（中身は中央） *\/\n.bior-poach__imgcell{\n  display: flex;\n  justify-content: flex-end;\n  padding-right: 1vw;\n}\n\n\/* 画像（単品） *\/\n.bior-poach__img{\n  width: 4vw;         \/* 単品ボトルの見え方（好みで） *\/\n  height: auto;\n  display: block;\n}\n\n\/* 画像（3点セット） *\/\n.bior-poach__imgset{\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n.bior-poach__img--set{\n  width: 10vw;        \/* 3点セットの見え方（好みで） *\/\n  height: auto;\n  display: block;\n}\n\n\/* テキストセル *\/\n.bior-poach__text{\n  align-self: center;\n  text-align: left;\n  color: #333;\n}\n\n\/* ①〈カテゴリ〉 *\/\n.bior-poach__no{\n  font-size: 1.1vw;\n  font-weight: 500;\n  margin: 0 0 6px;\n}\n\n\/* 商品名 *\/\n.bior-poach__name{\n  font-size: 1.1vw;\n  font-weight: 500;\n  margin: 0 0 8px;\n    line-height: 1.2; \n}\n\n\/* 価格（太く） *\/\n.bior-poach__price{\n  font-size: 0.8vw;\n  font-weight: 700;\n  margin: 0;\n}\n\n\/* =========================\n   ①②③ 1点ご購入で〜（テキストピル）\n========================= *\/\n.bior-poach__pill{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 64px;\n}\n\n.bior-poach__pill-inner{\n  background: #8ab1c6;\n  color: #fff;\n  padding: 18px 56px;\n  border-radius: 999px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  font-size: 1.2vw;\n  line-height: 1.3;\n  text-align: center;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-poach__pill{\n    margin-top: 40px;\n  }\n\n  .bior-poach__pill-inner{\n    width: 90vw;\n    padding: 14px 16px;\n    font-size: 4vw;\n  }\n}\n\n\n\/* 下の注意文 *\/\n.bior-poach__notearea{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 30px;\n  text-align: center;\n  color: #333;\n}\n.bior-poach__notearea p{\n  margin: 8px 0;\n  font-size: 1vw;\n  line-height: 1.8;\n}\n\n\/* SP：縦並び（画像→テキスト）にする *\/\n@media screen and (max-width: 749px){\n  .bior-poach__lead{ font-size: 3.5vw; }\n\n  .bior-poach__row{\n    grid-template-columns: 1fr;\n    row-gap: 14px;\n  }\n\n  .bior-poach__img{ width: 18vw; }\n  .bior-poach__img--set{ width: 40vw; }\n\n  .bior-poach__text{\n    text-align: left;\n    width: min(86vw, 520px);\n     margin-left: 11vw;   \/* ←ここで右へ寄せる（3〜10vwで調整） *\/\n    margin-right: auto; \/* ←念のため右は自動 *\/\n  }\n\n  .bior-poach__no,\n  .bior-poach__name{ font-size: 4vw; }\n\n  .bior-poach__price{ font-size: 3vw; }\n\n  .bior-poach__pill img{ width: 88vw; }\n\n  .bior-poach__notearea p{ font-size: 3.3vw; }\n\n  .bior-poach__imgcell{\n    justify-content: center;\n    padding-right: 0;}\n\n    .bior-poach__text p{\n    margin-bottom: 4px;   \/* ← 行と行の余白（0〜6pxで調整） *\/\n    line-height: 1.35;    \/* ← 行の詰まり具合（1.2〜1.4） *\/\n  }\n\n  \/* 最後の価格だけは下余白を消すとさらに締まる *\/\n  .bior-poach__text p:last-child{\n    margin-bottom: 0;\n  }\n\n}\n\n\n\/* =========================\n  schedule（Title Image）PC\n========================= *\/\n.bior-schedule-title-img {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 120px;\n  display: flex;\n  justify-content: center;\n}\n\n.bior-schedule-title-img img {\n  width: 19vw; \/* PC *\/\n  display: block;\n}\n\n  .bior-schedule-text {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 20px; \/* 3P画像との余白（調整OK） *\/\n  text-align: center;\n}\n\n\/* スケジュールテキスト1 *\/\n.bior-schedule-text-1 {\n  color: #8ab1c6;\n  font-size: 2vw; \/* PC *\/\n  line-height: 1.3;\n  margin: 0 0 8px 0;\n  font-weight: 500; \/* ← 少し太く *\/\n}\n\n\n    .bior-schedule-text2 {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 80px; \/* 3P画像との余白（調整OK） *\/\n  text-align: center;\n}\n  \/* スケジュールテキスト2 *\/\n.bior-schedule-text-2 {\n  color: #8ab1c6;\n  font-size: 2vw; \/* PC *\/\n  line-height: 1.3;\n  margin: 0 0 10px 0;\n  margin-top: 20px;\n  font-weight: 500; \/* ← 少し太く *\/\n}\n\n  \/* =========================\n   Campaign Items Button　PC\n========================= *\/\n.bior-campaign-button {\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 20px; \/* テキストとの距離（調整OK） *\/\n  display: flex;\n  justify-content: center;\n}\n\n.bior-campaign-button img {\n  width: 30vw; \/* PCサイズ *\/\n  max-width: none;\n  height: auto;\n  display: block;\n  transition: opacity 0.2s ease;\n}\n\n  \/* =========================\n   Store info box（dateは画像）PC\n========================= *\/\n.bior-storeinfo{\n  width: 100vw;\n  margin-left: calc(50% - 50vw); \/* ★これが重要：右にズレて見切れるのを防ぐ *\/\n  display: flex;\n  justify-content: center;\n  margin-top: 60px;\n}\n\n\/* 左：日付画像 *\/\n.bior-storeinfo__dateimg{\n  position: absolute;\n  top: -28px;     \/* ← ボックス外に少しはみ出させる *\/\n  left: 28px;\n\n  width: 7vw;   \/* PCサイズ *\/\n  height: auto;\n}\n\n\n\/* 右：文章ボックス *\/\n.bior-storeinfo__box{\n  position: relative;\n  padding: 2.2vw 3vw;\n  color: #333;\n  border: 1px solid #333;   \/* ★ 全周1px線画 *\/\n  box-sizing: border-box;\n width: 45vw;          \/* ★追加：箱の横幅 *\/\n  max-width: 1100px;    \/* ★追加：最大幅 *\/\n  margin: 0 auto;       \/* ★追加：中央寄せ保険 *\/\n  text-align: center;\n}\n\n  .bior-storeinfo__lead {\n  font-size: 1vw;        \/* PC *\/\n  line-height: 1.6;\n  letter-spacing: 0.04em;\n  margin-bottom: 1.4vw;\n}\n  .bior-storeinfo__list {\n  font-size: 1vw;       \/* PC *\/\n  line-height: 1.9;\n  letter-spacing: 0.03em;\n}\n  .bior-storeinfo__note {\n  font-size: 0.8vw;       \/* PC *\/\n  line-height: 1.6;\n  letter-spacing: 0.02em;\n  margin-top: 1.2vw;\n}\n\n\/* =========================\n   SP ------------------------------------------\n========================= *\/\n@media screen and (max-width: 749px) {\n\n  .bior-repre-image {\n    margin-bottom: 50px;\n  }\n\n\n\n  .bior-repre-2p-wrap {\n    margin-top: -80px; \/* ★重なり量（SP） *\/\n  }\n\n\n  .bior-campaign-title-img img {\n    width: 80vw; \/* SP *\/\n  }\n\n  .bior-campaign-main-img {\n    margin-top: 5px;\n  }\n\n .bior-schedule-title-img img {\n    width: 38vw; \/* SP *\/\n  }\n\n  .bior-schedule-main-img {\n    margin-top: 5px;\n  }\n\n  \n  .bior-3p-main {\n    width: 80vw;\n  }\n\n   .bior-3p-check-wrap {\n    right: 8vw;\n    bottom: -10%;\n  }\n\n  .bior-3p-check {\n    width: 18vw;\n  }\n\/* =========================\n   schedule Text SP\n========================= *\/\n  .bior-schedule-text {\n    margin-top: 30px;\n  }\n\n  .bior-schedule-text-1 {\n    font-size: 5vw; \/* SP *\/\n  }\n\n\n    .bior-schedule-text2 {\n    margin-top: 60px;\n  }\n\n    .bior-schedule-text-2 {\n    font-size: 5vw; \/* SP *\/\n  }\n\n  \n\/* =========================\n   Campaign Items Text SP\n========================= *\/\n  .bior-campaign-text {\n    margin-top: 30px;\n  }\n\n  .bior-campaign-text-1 {\n    font-size: 5vw; \/* SP *\/\n  }\n\n  .bior-campaign-text-2 {\n    font-size: 3.2vw; \/* SP *\/\n  }\n\n\n\n\/* =========================\n   Campaign Items Button SP\n========================= *\/\n    .bior-campaign-button {\n    margin-top: 15px;\n  }\n\n  .bior-campaign-button img {\n    width: 80vw; \/* SPサイズ *\/\n  }\n\n    .bior-storeinfo__dateimg{\n    width: 20vw;\n    max-width: 160px;\n    top: -40px;\n    left: 0px;\n  }\n\n .bior-storeinfo__box{\n    width: 80vw;\n    padding: 18px 18px 20px;  \/* 上に余白を確保 *\/\n   text-align: center;\n  }\n\n\n  .bior-storeinfo__box::before,\n  .bior-storeinfo__box::after{\n    width: 52px;\n    height: 52px;\n  }\n\n\n .bior-storeinfo__lead {\n    font-size: 3vw;\n    line-height: 1.6;\n    margin-bottom: 12px;\n  }\n  \n  .bior-storeinfo__list {\n    font-size: 3vw;\n    line-height: 1.8;\n    text-align: center;\n  }\n  .bior-storeinfo__note {\n    font-size: 2vw;\n    margin-top: 10px;\n  }\n\n  } \/* ← 消さない *\/\n  \n\/* =========================\n   ホバーで白（poach \/ yoyaku 共通）\n========================= *\/\n\n\/* クリックできる感じに *\/\n.bior-3p-check-link,\n.bior-campaign-button a {\n  display: inline-block;\n  cursor: pointer;\n}\n\n\/* 画像側にトランジション *\/\n.bior-3p-check,\n.bior-campaign-button img {\n  transition: opacity 0.2s ease;\n}\n\n\/* PC：hoverで薄く *\/\n.bior-3p-check-link:hover .bior-3p-check,\n.bior-campaign-button a:hover img {\n  opacity: 0.5;\n}\n\n\/* SP：タップ時の薄く（iOS対策込み） *\/\n.bior-3p-check-link:active .bior-3p-check,\n.bior-campaign-button a:active img {\n  opacity: 0.5;\n}\n\/* =========================\n   スクロールでふわっと表示共通（button）\n========================= *\/\n.bior-campaign-button,\n.bior-3p-check-wrap,\n.bior-item-card__buy{\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 1.2s ease, transform 1.2s ease;\n  will-change: opacity, transform;\n}\n\n.bior-campaign-button.is-inview,\n.bior-3p-check-wrap.is-inview,\n.bior-item-card__buy.is-inview{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bior-campaign-button,\n  .bior-3p-check-wrap,\n  .bior-item-card__buy{\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\/* =========================\n   スクロールでふわっと表示共通（Coming Soon）\n========================= *\/\n.bior-fadein{\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 1.2s ease, transform 1.2s ease;\n  will-change: opacity, transform;\n}\n.bior-fadein.is-inview{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-reduced-motion: reduce){\n  .bior-fadein{\n    opacity: 1;\n    transform: none;\n    transition: none;\n  }\n}\n\n\/* =========================\n  モーダル　CSS\n========================= *\/\n\n.bior-modal{\n  position: fixed;\n  inset: 0;\n  z-index: 9999;\n  display: none;\n}\n\n.bior-modal.is-open{\n  display: block;\n}\n\n.bior-modal__overlay{\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.45);\n}\n\n.bior-modal__panel{\n  position: absolute;\n  left: 50%;\n  top: 46%;\n  transform: translate(-50%, -50%);\n  width: min(720px, 92vw);\n  max-height: 82vh;\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #333;\n  box-sizing: border-box;\n  padding: 22px 40px 40px;\n  overflow-x: hidden; \/* 横スクロールを出さない *\/\n}\n\n.bior-modal__close{\n  position: sticky;\n  top: 0;\n  margin-left: auto;\n  display: block;\n  width: 40px;\n  height: 40px;\n  border: 0px solid #333;\n  background: #fff;\n  font-size: 40px;\n  line-height: 1;\n  cursor: pointer;\n   color: #333 !important;\n  -webkit-text-fill-color: #333 !important; \/* iOS対策 *\/\n  text-decoration: none !important;\n  appearance: none;\n  -webkit-appearance: none;\n  background: #fff;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n  \n\n.bior-modal__title{\n  margin: 8px 0 8px;\n  font-size: 1.5vw;\n  font-weight: 500;\n  color: #8ab1c6;\n  text-align: center;\n}\n  \n.bior-modal__title2{\n  margin: 8px 0 30px;\n  font-size: 1vw;\n  font-weight: 500;\n  color: #8ab1c6;\n  text-align: center;\n}\n  \n.bior-modal__lead{\n  margin: 12px 0 10px;\n  font-size: 15px;\n  font-weight: 600;\n  color: #333;\n}\n\n.bior-modal__hr{\n  border: 0;\n  border-top: 1px solid #ddd;\n  margin: 14px 0;\n}\n\n.bior-modal__list{\n  margin: 8px 0 10px;\n  padding-left: 1.1em;\n  line-height: 1.7;\n  font-size: 14px;\n  color: #333;\n}\n\n.bior-modal__note{\n  margin: 10px 0 6px;\n  font-size: 13px;\n  color: #333;\n}\n\n.bior-modal__foot{\n  margin-top: 5px;\n  font-size: 12.5px;\n  color: #333;\n  line-height: 1.6;\n}\n\n@media screen and (max-width: 749px){\n  .bior-modal__panel{\n    padding: 18px 16px 18px;\n    width: 92vw;\n  }\n  .bior-modal__title{ font-size: 20px; }\n  .bior-modal__title2{ font-size: 15px; }\n  .bior-modal__lead{ font-size: 14px; }\n  .bior-modal__list{ font-size: 13px; }\n}\n\n \/* ===== SNS buttons in modal ===== *\/\n.bior-social-links{\n  margin-top: 16px;\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: nowrap; \/* PCは1行固定 *\/\n   margin-bottom: 40px; \/* 下に余白 *\/\n}\n\n.bior-social-btn{\n  flex: 1 1 0;\n  max-width: 220px;        \/* 広がりすぎ防止（好みで200〜260） *\/\n  min-width: 180px;        \/* ← あなたが「いい感じ」になった値 *\/\n  box-sizing: border-box;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n\n  padding: 7px 12px;       \/* 少し小さめ *\/\n  border: 1px solid rgba(0,0,0,0.25);\n  border-radius: 999px;\n  background: #fff;\n\n  text-decoration: none;\n  color: #333;\n  font-size: 12px;\n  line-height: 1;\n  white-space: nowrap;\n}\n\n.bior-social-ic{\n  width: 16px;\n  height: 16px;\n  display: block;\n}\n\n.bior-social-btn:hover{ opacity: 0.75; }\n\n@media screen and (max-width: 749px){\n  .bior-social-links{\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .bior-social-btn{\n    width: min(420px, 92%);\n    max-width: none;\n    min-width: 0;          \/* SPは固定幅いらない *\/\n    padding: 12px 16px;\n    font-size: 13px;\n  }\n\n  .bior-social-ic{\n    width: 18px;\n    height: 18px;\n  }\n}\n\n  \/* =========================\n   Movie Title（infoの下に追加）\n========================= *\/\n.bior-movie-title{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 150px;   \/* ← infoボックスからの余白（好みで調整） *\/\n}\n\n.bior-movie-title img{\n  width: 50vw;        \/* PCのサイズ（好みで 22〜30vw） *\/\n  max-width: none;\n  height: auto;\n  display: block;\n}\n\n@media screen and (max-width: 749px){\n  .bior-movie-title{\n    margin-top: 80px; \/* SPは少し詰める *\/\n  }\n  .bior-movie-title img{\n    width: 90vw;      \/* SPのサイズ *\/\n    max-width: none;\n  }\n}\n\n  \/* =========================\n   Movie（thumbnail + popup）\n========================= *\/\n.bior-movie{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 22px; \/* タイトル画像の下の余白 *\/\n  opacity: 0;\n  transform: translateY(14px);\n  transition: opacity 1.2s ease, transform 1.2s ease;\n  will-change: opacity, transform;\n}\n\n.bior-movie__inner{\n  position: relative;\n  width:  40vw; \/* サムネのサイズ *\/\n}\n\n.bior-movie__thumb{\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n  .bior-movie.is-inview{\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* 右下ボタン（画像） *\/\n.bior-movie__btn{\n  position: absolute;\n  right: -40px;\n  bottom: -50px;\n  display: block;\n  width: 7vw;            \/* ボタンの大きさ（好みで調整） *\/\n  cursor: pointer;\n  transition: opacity 0.2s ease;\n}\n\n.bior-movie__btn:hover{ opacity: 0.75; }\n\n  .bior-movie__open:hover .bior-movie__btn{\n  opacity: 0.5;\n}\n\n\/* --- Movie modal --- *\/\n.bior-movie-modal{\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: none;\n  background: rgba(0,0,0,0.85);\n}\n.bior-movie-modal.is-open{ display: block; }\n\n.bior-movie-modal__overlay{\n  position: absolute;\n  inset: 0;\n  background: transparent;\n}\n\n.bior-movie-modal__panel{\n  position: absolute;\n  left: 50%;\n  top: 45%;\n  transform: translate(-50%, -50%);\n   width: auto;\n  max-width: none;\n  background: transparent;\n  border: none;\n  box-sizing: border-box;\n  padding: 0;\n}\n\n.bior-movie-modal__close{\n  position: absolute;     \/* ← 画面基準にする *\/\n    top: -56px;  \n  right: 0;\n\n  color: #fff;         \/* 白 *\/\n  background: transparent;\n  border: 0;\n\n  font-size: 44px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n\/* 16:9 iframe *\/\n.bior-movie-modal__video{\n  position: relative;\n  width: min(960px, 92vw);\n  aspect-ratio: 16 \/ 9;\n  background: #000;\n  margin: 0 auto;\n}\n.bior-movie-modal__video iframe{\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n  .bior-movie__open{\n  display: block;\n  position: relative;\n  cursor: pointer;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-movie__inner{\n    width: min(520px, 88vw);\n  }\n  .bior-movie__btn{\n    right: -10px;\n    bottom: -40px;\n    width: 15vw; \n    min-width: 0;\n    max-width: 120px;\n  }\n  .bior-movie-modal__panel{\n    padding: 12px 12px 14px;\n  }\n\n  .bior-movie__open:active .bior-movie__btn{\n  opacity: 0.5;\n}\n\n   .bior-movie-modal__close{\n    top: -48px;\n    font-size: 36px;\n}\n  }\n\n\/* =========================\n   Making movie：手動ロック（JSなし）\n========================= *\/\n\n\/* ロック中：クリックできない＆丸いボタン非表示 *\/\n.bior-movie--making.is-locked .bior-movie__open{\n  pointer-events: none;\n  cursor: default;\n}\n\n.bior-movie--making.is-locked .bior-movie__btn{\n  display: none !important; \/* 丸ボタン非表示 *\/\n}\n\n\/* 任意：ロック中の見た目（不要なら消してOK） *\/\n.bior-movie--making.is-locked .bior-movie__thumb{\n  opacity: 0.75;\n}\n.bior-movie--making{\n  margin-bottom: 300px;\n}\n\n  \/* =========================\n   サムネの下の矢印\n========================= *\/\n\n.bior-movie-arrow{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 100px;\n  pointer-events: none;\n}\n\n.bior-movie-arrow img{\n  margin-top: 20px;\n  width: 2vw;   \/* ← PCはこのくらいが自然 *\/\n  height: auto;\n  opacity: 0.9;\n}\n\n\/* SPだけ小さく *\/\n@media screen and (max-width: 749px){\n  .bior-movie-arrow{\n    margin-top: 50px;\n  }\n    \n  .bior-movie-arrow img{\n    width: 5vw;\n    margin-top: 10px;\n  }\n}\n\n  \/* =========================\n   ReVITA detail title（矢印の下）\n========================= *\/\n.bior-revitadetail-title{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 150px; \/* 矢印との距離（好みで調整） *\/\n}\n\n.bior-revitadetail-title img{\n  width: 35vw;        \/* PCサイズ（好みで調整） *\/\n  height: auto;\n  display: block;\n}\n\n@media screen and (max-width: 749px){\n  .bior-revitadetail-title{\n    margin-top: 50px;\n  }\n  .bior-revitadetail-title img{\n    width: 80vw;      \/* SPサイズ *\/\n    max-width: none;\n  }\n}\n\n  \/* =========================\n   Movie 下グラデーション\n========================= *\/\n.bior-movie-gradient{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  height: 150px;\n  background: linear-gradient(to bottom, #e7eff2 0%, #ffffff 100%);\n  display: block;\n  font-size: 0;\n  line-height: 0;\n}\n\n\n\/* =========================\n   Gradient下 注釈（問い合わせ）\n========================= *\/\n.bior-footer-note{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n margin-top: 120px;      \/* ← ここを「上のコンテンツからの余白」に *\/\n  margin-bottom: -220px;   \/* ← グラデとの距離 *\/\n  font-size: 0.8vw;      \/* .bior-3p-note と同じ *\/\n  color: #333;\n  line-height: 1.8;\n}\n\n.bior-footer-note a{\n  color: #333;\n  text-decoration: underline;\n}\n\n@media screen and (max-width: 749px){\n  .bior-footer-note{\n    margin-top: 200px;\n    margin-bottom: -230px;\n    font-size: 3vw;          \/* ← .bior-3p-note と同じ *\/\n    line-height: 1.8;\n    padding: 0 6vw;          \/* 端が詰まるの防止 *\/\n    box-sizing: border-box;\n  }\n}\n  \/* =========================\n   Item detail copy（タイトル画像の下）\n   ※フォントはテーマ（大元）に従う\n========================= *\/\n.bior-itemdetail-copy{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 40px;\n  color: #333;\n}\n\n.bior-itemdetail-copy__main{\n  margin: 0;\n  font-size: 1.5vw;\n  line-height: 1.65;\n  letter-spacing: 0.02em;\n  font-weight: 200;\n}\n\n.bior-itemdetail-copy__sub{\n  margin: 22px 0 0;\n  font-size: 1.5vw;\n  line-height: 1.6;\n  letter-spacing: 0.02em;\n  font-weight: 200;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-itemdetail-copy{\n    margin-top: 26px;\n    padding: 0 7vw;\n    box-sizing: border-box;\n  }\n  .bior-itemdetail-copy__main{\n    font-size: 4vw;\n    line-height: 1.55;\n  }\n  .bior-itemdetail-copy__sub{\n    margin-top: 16px;\n    font-size: 4vw;\n    line-height: 1.55;\n  }\n}\n\n\/* =========================\n   Item detail：世界初コピー\n   ※「朝と夜の美容液」と同じ色・サイズ\n========================= *\/\n.bior-itemdetail-worldfirst{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 60px; \/* itemdetail-copy との間隔（好みで調整） *\/\n  color: #3d6d9a;   \/* ← .bior-fv-heading と同じ *\/\n}\n\n.bior-itemdetail-worldfirst__jp{\n  margin: 0;\n  font-size: 2.3vw;     \/* ← .bior-fv-heading__jp と同じ *\/\n  line-height: 1.15;\n  letter-spacing: 0.09em;\n  font-weight: 400;\n    font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n}\n\n\/* （レヴィータ デュー）だけ小さく *\/\n.bior-itemdetail-worldfirst__kana{\n  font-size: 0.40em;   \/* 好みで 0.55〜0.7 *\/\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-itemdetail-worldfirst__jp{\n    font-size: 6vw;     \/* ← .bior-fv-heading__jp と同じ *\/\n        padding: 0 10vw;            \/* 端詰まり防止 *\/\n  }\n  .bior-itemdetail-worldfirst__kana{\n    font-size: 0.6em;\n    padding: 0 10vw;            \/* 端詰まり防止 *\/\n  }\n}\n\/* =========================\n   Item detail：世界初コピーの下の画像\n========================= *\/\n.bior-itemdetail-worldfirst-img{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 80px;   \/* ←コピーとの間（好みで調整） *\/\n}\n\n.bior-itemdetail-worldfirst-img img{\n  width: 35vw;        \/* PCサイズ（好みで調整） *\/\n  max-width: none;\n  height: auto;\n  display: block;\n}\n\n@media screen and (max-width: 749px){\n  .bior-itemdetail-worldfirst-img{\n    margin-top: 30px;\n     justify-content: flex-start;   \/* 中央 → 左基準に *\/\n  }\n  .bior-itemdetail-worldfirst-img img{\n    width: 80vw;      \/* SPサイズ *\/\n    margin-left: 13vw;              \/* ← ここで右にずらす量を調整 *\/\n  }\n}\n\n \/* =========================\n   レヴィータ成分\n========================= *\/\n.bior-retinol-card{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 90px;   \/* 直前ブロックとの距離 *\/\n  margin-bottom: 40px;\n  color: #3d6d9a;\n}\n\n.bior-retinol-card__inner{\n  width: 50vw;\n  border: 1px solid rgba(61,109,154,0.75);\n  padding: 44px 34px 28px;\n  box-sizing: border-box;\n  background: #f3fafe; \/* ほんのり白膜（不要なら消してOK） *\/\n}\n\n.bior-retinol-topline{\n  margin: 0 0 10px;\n  text-align: center;\n  font-size: 1vw;\n  letter-spacing: 0.04em;\n  opacity: 0.95;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\", serif;\n}\n\n.bior-retinol-title{\n  color: #3d6d9a; \n  margin: 20px 0 26px;\n  text-align: center;\n  font-size: 2vw;\n  line-height: 1.1;\n  letter-spacing: 0.06em;\n  font-weight: 400;\n    font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\", serif;\n}\n\n.bior-retinol-row{\n  display: grid;\n  grid-template-columns: 15vw auto 15vw;\n  align-items: start;\n  gap: 10px;\n  margin-top: 8px;\n  justify-content: center;\n}\n\n.bior-retinol-item{\n  text-align: center;\n}\n\n.bior-retinol-ball{\n  width: 8vw;\n  height: auto;\n  display: block;\n  margin: 0 auto 10px;\n}\n\n.bior-retinol-x{\n  align-self: center;\n  justify-self: center;\n  width: 3vw;\n  position: relative;\n  margin-top: 46px;\n  opacity: 0.85;\n}\n.bior-retinol-x::before,\n.bior-retinol-x::after{\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 200px;\n  height: 1px;\n  background: rgba(61,109,154,0.75);\n  transform-origin: center;\n}\n.bior-retinol-x::before{ transform: translate(-50%,-50%) rotate(45deg); }\n.bior-retinol-x::after { transform: translate(-50%,-50%) rotate(-45deg); }\n\n.bior-retinol-pill{\n  display: inline-block;\n  padding: 10px 20px;\n  border-radius: 999px;\n  background: #3d6d9a;\n  color: #fff;\n  font-size: 1vw;\n  line-height: 1;\n  letter-spacing: 0.04em;\n  margin: 10px 0 10px;\n  font-weight: 400;\n}\n\n.bior-retinol-name{\n  margin: 0;\n  font-size: 1.5vw;\n  letter-spacing: 0.06em;\n  color: #3d6d9a;\n  font-weight: 400;\n}\n\n.bior-retinol-sub{\n  margin: 3px 0 0;\n  font-size: 0.8vw;\n  color: #3d6d9a;\n  letter-spacing: 0.02em;\n  opacity: 0.9;\n}\n\n\/* 2成分→下に繋ぐブラケット *\/\n.bior-retinol-bridge{\n  width: 30%;\n  margin: 18px auto 0;\n  height: 26px;\n  position: relative;\n  border-left: 1px solid rgba(61,109,154,0.55);\n  border-right: 1px solid rgba(61,109,154,0.55);\n  border-bottom: 1px solid rgba(61,109,154,0.55);\n}\n.bior-retinol-bridge::after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:100%;\n  height: 18px;\n  border-left: 1px solid rgba(61,109,154,0.55);\n  transform: translateX(-50%);\n}\n\n\/* 中央：世界初＋大きい球 *\/\n.bior-retinol-center{\n  text-align: center;\n  margin-top: 15px;\n}\n\n.bior-retinol-centerlead{\n  margin: 0 0 12px;\n  font-size: 1.3vw;\n  letter-spacing: 0.06em;\n  line-height: 1.4;\n  font-weight: 400;\n}\n\n.bior-retinol-centerball{\n  width: 150px;\n  height: auto;\n  display: block;\n  margin: 0 auto 16px;\n}\n\n.bior-retinol-bracket{\n  margin: 15px 0 0px;\n  font-size: 1vw;\n  letter-spacing: 0.06em;\n  opacity: 0.95;\n   line-height: 1.1;\n}\n\n.bior-retinol-mainname{\n  margin: 10px 0 12px;\n  font-size: 1.6vw;\n  letter-spacing: 0.04em;\n  font-weight: 600;\n  line-height: 1.1;\n}\n\n.bior-retinol-desc{\n  margin: 40px auto;\n  width: min(550px, 88%);\n  font-size: 1vw;\n  line-height: 1.9;\n  letter-spacing: 0.02em;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n}\n\n.bior-retinol-notes{\n  margin: 22px 0 0;\n  font-size: 0.6vw;\n  line-height: 1.7;\n  color: #333;\n  opacity: 0.95;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial, \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n}\n\n  \/* ×画像 *\/\n.bior-retinol-ximg{\n  align-self: center;\n  justify-self: center;\n  width: 3vw;     \/* PC *\/\n  height: auto;\n  margin-top: -100px;\n  display: block;\n  opacity: 0.9;\n}\n\n\/* 下につながるライン画像 *\/\n.bior-retinol-line{\n  display: flex;\n  justify-content: center;\n  margin-top: 14px;\n}\n\/* 下につながるライン画像 *\/\n.bior-retinol-lineimg{\n  width: 18vw;      \n  height: auto;\n  display: block;\n  opacity: 0.85;\n}\n\n  \n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-retinol-card{ margin-top: 60px; }\n\n  .bior-retinol-card__inner{\n    width: 92vw;\n    padding: 26px 18px 18px;\n  }\n\n  .bior-retinol-topline{ \n  font-size: 11px; \n  }\n  \n  .bior-retinol-title{\n    font-size: 5.3vw;\n    margin-bottom: 22px;\n  }\n  \n    .bior-retinol-row{\n    grid-template-columns: 20vw auto 20vw; \/* 玉の大きさ *\/\n    gap: 30px;                             \/* 玉の幅 *\/\n  }\n\n  .bior-retinol-ball{ width: 40vw; }\n  .bior-retinol-x{\n    width: 90vw;\n    margin-top: 34px;\n  }\n  .bior-retinol-x::before,\n  .bior-retinol-x::after{ width: 50px; }\n\n  .bior-retinol-pill{\n    margin-top: 15px;\n    position: relative;\n    display: inline-flex;          \/* ← 安定 *\/\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;           \/* ← これが重要：勝手な改行を止める *\/\n    padding: 10px 18px;             \/* ← ここで横の大きさがちゃんと効く *\/\n    font-size: 3.5vw;\n    line-height: 1;\n  }\n\n    \/* 成分名（天然レチノール \/ 天然レチノエート）を外側へ *\/\n  .bior-retinol-item:first-child .bior-retinol-name{\n    transform: translateX(-5vw); \/* 天然レチノール位置 *\/\n  }\n\n  .bior-retinol-item:last-child .bior-retinol-name{\n    transform: translateX(-5vw);  \/* 天然レチノエート位置 *\/\n  }\n  \n  \/* SP：右側の説明文（ビタミンA誘導体×ビタミンEを結合）を広くする *\/\n  .bior-retinol-item:last-child .bior-retinol-sub{\n    display: block;\n    width: 40vw;          \/* ここを増やすほど横に広がる（例：44vw〜52vw） *\/\n    margin: 6px auto 0;   \/* 中央に置きつつ幅を確保 *\/\n    text-align: left;     \/* 読みやすく *\/\n    line-height: 1.4;\n    white-space: normal;  \/* 念のため *\/\n    font-size: 3vw;\n  }\n\n\n\n  \/* pill自体の基準を “自分の中央” にしやすくする *\/\n  .bior-retinol-pill{\n    position: relative;\n    left: 50%;\n    transform: translateX(-50%); \/* ← 基本はセンター *\/\n  }\n\n  \/* ここから “個別微調整”  *\/\n  .bior-retinol-pill--whitening{\n    transform: translateX(-50%) translateX(0vw);  \/* ←ここを+で右 \/ -で左 *\/                            \/* ←上下も微調整したい時 *\/\n  }\n\n  .bior-retinol-pill--skin{\n    transform: translateX(-50%) translateX(0vw);  \/* ←ここを+で右 \/ -で左 *\/\n  }\n\n  .bior-retinol-name{\n    white-space: nowrap;     \/* 改行しない *\/\n    word-break: keep-all;    \/* 念のため（日本語の不自然な分割防止） *\/\n    letter-spacing: 0.02em;  \/* 0.06emだと幅を食うので少し詰める（任意） *\/\n    line-height: 1.2;\n    font-size: 3.8vw;        \/* きつい場合だけ微調整（任意） *\/\n  }\n\n  .bior-retinol-bracket{\n  margin: 15px 0 10px;\n  font-size: 3.2vw;\n  letter-spacing: 0.06em;\n  opacity: 0.95;\n}\n  \n  .bior-retinol-bridge{ width: 86%; height: 22px; }\n  .bior-retinol-bridge::after{ height: 14px; }\n\n  .bior-retinol-centerlead{ \n    font-size: 3.8vw;\n    margin-top: 10px;\n  }\n  .bior-retinol-centerball{ width: 30vw; }\n\n  .bior-retinol-mainname{ font-size: 5vw; }\n  \n  .bior-retinol-desc{\n    margin-top: 40px;\n    width:  90%;\n    font-size: 4.2vw;\n    text-align: left;\n    line-height: 1.8;\n  }\n  .bior-retinol-notes{\n    font-size: 2vw;\n    width:  90%;\n    max-width: 520px;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n  }\n  \n    .bior-retinol-ximg{\n    width: 10vw;  \/* ←ここを好みで（8〜14vwくらい） *\/\n    margin-top: -130px; \/* 必要なら *\/\n  }\n    .bior-retinol-lineimg{\n    width: 50vw;  \/* ←ここを好みで（50〜75vwくらい） *\/\n  }\n\n}\n \/* =========================\n   PCだけ改行する\n========================= *\/\n                       \n\/* デフォルト：改行しない（SP） *\/\n.pc-only{\n  display: none;\n}\n\n\/* PCだけ改行 *\/\n@media screen and (min-width: 750px){\n  .pc-only{\n    display: inline;\n  }\n}\n\/* =========================\n   SPだけ改行する\n========================= *\/\n\n\/* デフォルト：改行しない（PC） *\/\n.sp-only{\n  display: none;\n}\n\n\/* SPだけ改行 *\/\n@media screen and (max-width: 749px){\n  .sp-only{\n    display: inline;\n  }\n}\n\n\n\n \/* =========================\n   攻めるオーガニック×サイエンス\n========================= *\/\n.bior-revita-concept{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 120px;\n  color: #3d6d9a;\n}\n\n\/* タイトル *\/\n.bior-revita-title{\n  margin: 0 0 15px;\n  font-size: 1.3vw;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n    color: #3d6d9a;\n\n}\n\n\/* 丸エリア *\/\n.bior-revita-circles{\n  display: flex;\n  justify-content: center;\n  gap: 0.5vw;\n}\n\n\/* 丸 *\/\n.bior-revita-circle{\n  width: 8vw;\n  height: 8vw;\n  max-width: 160px;\n  max-height: 160px;\n\n  border: 2px solid rgba(61,109,154,0.5);\n  border-radius: 50%;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  font-size: 1.2vw;\n  letter-spacing: 0.01em;\n  line-height: 1.2;\n  font-weight: 700;\n\n  background: #f3fafe;\n}\n\n\/* エイジングケア＋注釈 *\/\n.bior-revita-circle-wrap{\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.bior-revita-note{\n  margin-top: 10px;\n  font-size: 0.8vw;\n  color: #333;\n}\n\n\/* 画像 *\/\n.bior-revita-underimg{\n  display: flex;\n  justify-content: center;\n  margin-top: 0px;\n}\n\n.bior-revita-underimg img{\n  width: 25vw;\n  max-width: 1100px;\n  height: auto;\n  display: block;\n}\n\n\n@media screen and (max-width: 749px){\n  .bior-revita-concept{\n    margin-top: 150px;\n  }\n\n  .bior-revita-title{\n    font-size: 5vw;\n    margin-bottom: 15px;\n  }\n\n  .bior-revita-circles{\n    display: grid;\n    grid-template-columns: repeat(2, 1fr); \/* ← 2列 *\/\n    gap: 2vw 1vw;                          \/* 縦 横 *\/\n    justify-items: center;\n  }\n\n  .bior-revita-circle{\n    width: 30vw;\n    height: 30vw;\n    font-size: 5vw;\n    border-width: 1.5px;\n  }\n\n  .bior-revita-note{\n    font-size: 3vw;\n    margin-top: 6px;\n  }\n\n  .bior-revita-underimg{\n    margin-top: -10px;\n  }\n\n  .bior-revita-underimg img{\n    width: 70vw;\n  }\n    .bior-revita-circle-wrap{\n    margin-bottom: 2vw;\n  }\n   \/* 4つの玉：左列→右へ、右列→左へ（内側に寄せる） *\/\n  .bior-revita-circles \u003e :nth-child(odd){\n    transform: translateX(8vw);   \/* ←量は好みで 2〜6vw *\/\n  }\n  .bior-revita-circles \u003e :nth-child(even){\n    transform: translateX(-8vw);  \/* ←量は同じにすると綺麗 *\/\n  }\n}\n\n  \/* =========================\n   Re:VITAおすすめ（img02 の下）\n========================= *\/\n.bior-retinol-reco{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 120px;\n  text-align: center;\n}\n\n.bior-retinol-reco__top{\n  margin: 0 0 22px;\n  font-size: 1vw;\n  line-height: 1.7;\n  letter-spacing: 0.04em;\n  opacity: 0.95;\n}\n\n.bior-retinol-reco__arrow{\n  display: flex;\n  justify-content: center;\n  margin: 18px 0 26px;\n  pointer-events: none;\n}\n.bior-retinol-reco__arrow img{\n  width: 0.5vw;\n  height: auto;\n  opacity: 0.9;\n}\n\n.bior-retinol-reco__heading{\n  margin: 0 0 28px;\n  font-size: 1.3vw;\n  line-height: 1.25;\n  letter-spacing: 0.06em;\n  font-weight: 400;\n}\n\n.bior-retinol-reco__box{\n  width: 50vw;\n  margin: 0 auto;\n  border: 1px solid rgba(61,109,154,0.55);\n  padding: 34px 34px 26px;\n  box-sizing: border-box;\n  background: rgba(255,255,255,0.35);\n}\n\n.bior-retinol-reco__boxtitle{\n  margin: 0 0 16px;\n  font-size: 1.1vw;\n  line-height: 1.6;\n  letter-spacing: 0.04em;\n  color: #333;\n  font-weight: 500;\n}\n\n.bior-retinol-reco__list{\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n  width: min(520px, 100%);\n  text-align: center;\n  color: #3d6d9a;\n  font-size: 1.05vw;\n  line-height: 1.9;\n  letter-spacing: 0.03em;\n}\n\n.bior-retinol-reco__list li{\n  margin: 0 0 10px;\n}\n\n.bior-retinol-reco__notes{\n  margin-top: 18px;\n  font-size: 0.75vw;\n  line-height: 1.7;\n  color: #333;\n  opacity: 0.95;\n\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-retinol-reco{\n    margin-top: 100px;\n  }\n\n  .bior-retinol-reco__top{\n    font-size: 3.7vw;\n    padding: 0 10vw;     \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n  }\n\n  .is-sp-left{\n    text-align: left;   \/* なぜ～の説明だけ左寄せ *\/\n  }\n\n  .bior-retinol-reco__arrow{\n    margin: 14px 0 18px;\n  }\n  .bior-retinol-reco__arrow img{\n    width: 2vw;\n  }\n\n  .bior-retinol-reco__heading{\n    font-size: 5.6vw;\n    padding: 0 10px;  \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n  }\n\n  .bior-retinol-reco__box{\n    width: 92vw;\n    padding: 22px 0px 30px;\n  }\n\n  .bior-retinol-reco__boxtitle{\n    font-size: 3.6vw;\n  }\n\n  .bior-retinol-reco__list{\n    text-align: left;\n    font-size: 3.9vw;\n    line-height: 1.5;\n    padding: 10px 0 15px;  \/* 端詰まり防止 *\/\n     font-weight: 500;\n  }\n\n  .bior-retinol-reco__notes{\n    font-size: 2.2vw;\n    line-height: 1.7;\n      padding: 0px 20px 0px;\n  }\n}\n\/* =========================\n   敏感肌対応 注釈下の画像\n========================= *\/\n.bior-retinol-reco__img{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 40px;   \/* ← 注釈との距離（好みで 24〜48px） *\/\n}\n\n.bior-retinol-reco__img img{\n  width: 20vw;        \/* PCサイズ（好みで 24〜32vw） *\/\n  max-width: 520px;\n  height: auto;\n  display: block;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-retinol-reco__img{\n    margin-top: 24px;\n  }\n\n  .bior-retinol-reco__img img{\n    width: 75vw;      \/* SPは大きめでOK *\/\n    max-width: none;\n  }\n}\n\/* =========================\n  bior organicsの肌へのこだわり（2ボックス）\n========================= *\/\n.bior-skin-commit{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 120px;               \/* 直前ブロックからの距離 *\/\n  text-align: center;\n}\n\n\/* 2カラム *\/\n.bior-skin-commit__grid{\n  width: min(980px, 40vw);\n  margin: 40px auto 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n}\n\n\/* カード *\/\n.bior-skin-commit__card{\n  border: 1px solid rgba(61,109,154,0.75);\n  padding: 34px 26px 70px;\n  background: rgba(255,255,255,0.35);\n  box-sizing: border-box;\n}\n\n\/* 見出し（枠内） *\/\n.bior-skin-commit__head{\n  margin: 0 0 18px;\n  font-size: 1.6vw;\n  letter-spacing: 0.08em;\n  color: #3d6d9a;\n  font-weight: 500;\n}\n\n\/* 本文 *\/\n.bior-skin-commit__text{\n  margin: 0;\n  font-size: 1vw;\n  line-height: 1.9;\n  letter-spacing: 0.03em;\n  color: #333;\n  text-align: left;\n  width: fit-content;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.bior-skin-commit__text--center{\n  text-align: center;\n}\n\n\/* マーク *\/\n.bior-skin-commit__mark{\n  width: 3vw;                 \/* ロゴサイズ（好みで） *\/\n  max-width: 120px;\n  height: auto;\n  display: block;\n  margin: 6px auto 16px;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-skin-commit{\n    margin-top: 120px;\n  }\n\n  .bior-skin-commit__grid{\n    margin-top: 26px;\n    grid-template-columns: 1fr;\n    gap: 18px;\n    width: 80vw;\n  }\n\n  .bior-skin-commit__card{\n    padding: 24px 5px 25px;\n  }\n\n  .bior-skin-commit__head{\n    font-size: 5.5vw;\n    margin-bottom: 14px;\n  }\n\n  .bior-skin-commit__text{\n    font-size: 3.6vw;\n    line-height: 1.85;\n  }\n\n  .bior-skin-commit__mark{\n    width: 15vw;\n    max-width: 140px;\n    margin: 6px auto 14px;\n  }\n}\n\/* =========================\n   Item card：添付の配置（PC=30\/70、SP=上下）\n========================= *\/\n\n\/* 外側：中央寄せだけ担当 *\/\n.bior-item-card{\n  width: 100%;\n  margin: 0;\n  margin-top: 120px;\n  display: flex;\n  justify-content: center;\n}\n\n\/* カード本体：PCは 50vw \/ 中央寄せ *\/\n.bior-item-card__inner{\n  width: 50vw;              \/* 添付の「横幅50vw」 *\/\n  max-width: 1100px;\n  display: grid;\n  grid-template-columns: 30% 70%;  \/* 左30 \/ 右70 *\/\n  align-items: stretch;\n  gap: 0;                    \/* 仕切り線をピタッと *\/\n  box-sizing: border-box;\n}\n\n\/* 左：画像エリア（縦横比固定＆中央） *\/\n.bior-item-card__img{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 0;           \/* 高さの作り（好みで調整） *\/\n  box-sizing: border-box;\n}\n\n\/* 商品画像：エリア内で収まるように *\/\n.bior-item-card__img img{\n  width: clamp(70px, 6vw, 120px);\n  height: auto;\n  display: block;\n}\n\n\/* 右：テキストエリア *\/\n.bior-item-card__text{\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 34px 40px;\n  box-sizing: border-box;\n  color: #333;\n}\n\n\/* テキストの見た目（必要なら微調整） *\/\n.bior-item-card__lead{\n  margin: 0 0 5px;\n  font-size: 0.95vw;\n  letter-spacing: 0.04em;\n}\n\n.bior-item-card__name{\n  margin: 0 0 3px;\n  font-size: 1.6vw;\n  letter-spacing: 0.02em;\n  line-height: 1.1;\n  font-weight: 400;\n}\n\n.bior-item-card__kana{\n  margin: 0 0 12px;\n  font-size: 0.9vw;\n  letter-spacing: 0.08em;\n  font-weight: 400;\n}\n\n.bior-item-card__meta{\n  margin: 0 0 18px;\n  font-size: 1vw;\n  letter-spacing: 0.03em;\n}\n\n\/* 購入ボタン：右エリアの中で “横いっぱい” に *\/\n.bior-item-card__buy{\n  display: block;\n  width: 100%;\n  line-height: 0;\n}\n\n.bior-item-card__buy img{\n  width: 100%;\n  max-width: none;\n  height: auto;\n  display: block;\n}\n\n\/* =========================\n   SP：上下（画像→テキスト）\n========================= *\/\n@media screen and (max-width: 749px){\n  .bior-item-card{\n    margin-top: 100px;\n  }\n\n  .bior-item-card__inner{\n    width: 100%;               \/* 添付の「横幅90vw」 *\/\n    grid-template-columns: 1fr; \/* 縦積み *\/\n  }\n\n  .bior-item-card__img{\n    border-right: none;\n    padding: 40px 0;\n  }\n\n  .bior-item-card__img img{\n    width: 18vw;               \/* 添付の見た目に近いサイズ感 *\/\n    max-width: 140px;\n  }\n\n  .bior-item-card__text{\n    padding: 5px 22px 28px;\n    text-align: left;          \/* 添付は左寄せっぽいので *\/\n  }\n\n  .bior-item-card__lead{ font-size: 3.2vw; }\n  .bior-item-card__name{ font-size: 6vw;\n                         margin: 0 0 2px;}\n  .bior-item-card__kana{ font-size: 3.2vw; }\n  .bior-item-card__meta{ font-size: 3.4vw; }\n\n  .bior-item-card__buy img{\n    width: 100%;\n  }\n}\n\n  \/* =========================\n   PreVITA detail title（矢印の下）\n========================= *\/\n.bior-previtadetail-title{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 200px; \/* 矢印との距離（好みで調整） *\/\n}\n\n.bior-previtadetail-title img{\n  width: 35vw;        \/* PCサイズ（好みで調整） *\/\n  height: auto;\n  display: block;\n}\n\n@media screen and (max-width: 749px){\n  .bior-previtadetail-title{\n    margin-top: 150px;\n  }\n  .bior-previtadetail-title img{\n    width: 80vw;      \/* SPサイズ *\/\n    max-width: none;\n  }\n}\n\/* =========================\n   PreVITA メイン画像\n========================= *\/\n.bior-predetail-worldfirst-img{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 80px;   \/* ←コピーとの間（好みで調整） *\/\n}\n\n.bior-predetail-worldfirst-img img{\n  width: 35vw;        \/* PCサイズ（好みで調整） *\/\n  max-width: none;\n  height: auto;\n  display: block;\n  margin-left: -5vw;              \/* ← ここで右にずらす量を調整 *\/\n}\n\n@media screen and (max-width: 749px){\n  .bior-predetail-worldfirst-img{\n    margin-top: 30px;\n     justify-content: flex-start;   \/* 中央 → 左基準に *\/\n  }\n  .bior-predetail-worldfirst-img img{\n    width: 80vw;      \/* SPサイズ *\/\n    margin-left: 6vw;              \/* ← ここで右にずらす量を調整 *\/\n  }\n}\n\n  \/* =========================\n   Glutathione card（PreVITAの下）\n========================= *\/\n.bior-gluta-card{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 100px;   \/* ← pre_mainimg との距離 *\/\n  margin-bottom: 40px;\n}\n\n.bior-gluta-card__inner{\n  width: 50vw;\n  border: 1px solid rgba(61,109,154,0.75);\n  box-sizing: border-box;\n  padding: 56px 46px 40px;\n  text-align: center;\n  background: #f3fafe;\n}\n\n.bior-gluta-topline{\n  margin: 0 0 18px;\n  font-size: 1vw;\n  letter-spacing: 0.08em;\n  color: #3d6d9a;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n  font-weight: 400;\n}\n\n.bior-gluta-title{\n  margin: 0 0 34px;\n  font-size: 2.3vw;\n  line-height: 1.15;\n  letter-spacing: 0.09em;\n  color: #3d6d9a;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n  font-weight: 400;\n}\n\n\/* 玉 *\/\n.bior-gluta-ball{\n  width: 10vw;\n  height: auto;\n  display: block;\n  margin: 0 auto 40px;\n}\n\n\/* 本文 *\/\n.bior-gluta-desc{\n  margin: 30px auto 16px;\n  width: min(620px, 92%);\n  font-size: 1vw;\n  line-height: 1.9;\n  letter-spacing: 0.02em;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial,\n               \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n}\n\n\/* 小さな注釈（* 保護・保湿…） *\/\n.bior-gluta-notes{\n  margin: 0 0 22px;\n  font-size: 0.75vw;\n  letter-spacing: 0.02em;\n  color: #333;\n  font-family: -apple-system, BlinkMacSystemFont, \"Helvetica Neue\", Arial,\n               \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", Meiryo, sans-serif;\n}\n\n\/* 下のイメージ画像 *\/\n.bior-gluta-img{\n  width: 40vw;\n  height: auto;\n  display: block;\n  margin: 0 auto;\n}\n\n\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-gluta-card{\n    margin-top: 80px;\n  }\n  .bior-gluta-card__inner{\n    width: 92vw;\n    padding: 34px 18px 22px;\n  }\n  .bior-gluta-topline{\n    font-size: 3vw;\n    margin-bottom: 14px;\n  }\n  .bior-gluta-title{\n    font-size: 6.2vw;\n    margin-bottom: 22px;\n  }\n  .bior-gluta-ball{\n    width: 25vw;\n    margin-bottom: 18px;\n  }\n  \n  .bior-gluta-img{\n  width: 80vw;\n  height: auto;\n  }\n    \n  .bior-gluta-desc{\n    font-size: 4.2vw;\n    width: 92%;\n    margin-bottom: 10px;\n    text-align: left;\n  }\n  .bior-gluta-notes{\n    font-size: 3vw;\n    margin-bottom: 16px;\n  }\n\n}\n\n   \/* =========================\n   プレヴィータ　モロモロ画像\n========================= *\/\n\n.bior-previta-underimg{\n  display: flex;\n  justify-content: center;\n  margin-top: 50px;\n}\n\n.bior-previta-underimg img{\n  width: 35vw;\n  max-width: 1100px;\n  height: auto;\n  display: block;\n}\n\n\n@media screen and (max-width: 749px){\n  .bior-previta-underimg{\n    margin-top: 30px;\n  }\n\n  .bior-previta-underimg img{\n    width: 80vw;\n  }\n\n}\n\n\/* =========================\n   モロモロ注釈の下：説明ボックス（添付デザイン風）\n========================= *\/\n.bior-pilling-box{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 35px;     \/* 注釈との間 *\/\n  margin-bottom: 10px;\n}\n\n.bior-pilling-box__inner{\n  width: 50vw;\n  background: rgba(255,255,255,0.6);\n  padding: 34px 20px 32px;\n  box-sizing: border-box;\n}\n\n.bior-pilling-box__title{\n  margin: 0 0 16px;\n  color: #3d6d9a;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n  font-size: 1.2vw;\n  line-height: 1.45;\n  letter-spacing: 0.06em;\n  font-weight: 400;\n}\n\n.bior-pilling-box__text{\n  margin: 0;\n  color: #333;\n  font-size: 0.85vw;\n  line-height: 1.95;\n  letter-spacing: 0.02em;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-pilling-box{\n    margin-top: 30px;\n  }\n  .bior-pilling-box__inner{\n    width: 85vw;\n    padding: 25px 25px 25px;\n  }\n  .bior-pilling-box__title{\n    font-size: 4.5vw;\n    line-height: 1.35;\n    margin-bottom: 10px;\n    padding: 0 10px;\n  }\n  .bior-pilling-box__text{\n    font-size: 3vw;\n    line-height: 1.85;\n    padding: 0 10px;\n    text-align: left;\n  }\n}\n\/* =========================\n   モロモロ説明の下：大きい青テキスト（添付風）\n========================= *\/\n.bior-pilling-aftercopy{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 70px;     \/* ←ボックスからの距離 *\/\n  color: #3d6d9a;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n  font-weight: 400;\n  letter-spacing: 0.06em;\n}\n\n.bior-pilling-aftercopy__text{\n  margin: 0;\n  font-size: 1.2vw;     \/* PC *\/\n  line-height: 1.85;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-pilling-aftercopy{\n    margin-top: 44px;\n    padding: 0 8vw;     \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n    letter-spacing: 0.04em;\n    text-align: left;\n  }\n  .bior-pilling-aftercopy__text{\n    font-size: 4vw;   \/* SP *\/\n    line-height: 1.7;\n  }\n}\n \/* =========================\n   プレヴィータ敏感肌だけ\n========================= *\/\n\n\/* タイトル *\/\n.bior-previta-title{\n  margin: 0 0 15px;\n  font-size: 1.8vw;\n  letter-spacing: 0.08em;\n  font-weight: 500;\n    color: #3d6d9a;\n}\n  @media screen and (max-width: 749px){\n.bior-previta-title{\n  font-size: 7vw;\n  }\n}\n\n   \/* =========================\n  セットタイトル画像\n========================= *\/\n.bior-setdetail-title{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 200px; \/* 矢印との距離（好みで調整） *\/\n}\n\n.bior-setdetail-title img{\n  width: 20vw;        \/* PCサイズ（好みで調整） *\/\n  height: auto;\n  display: block;\n}\n\n@media screen and (max-width: 749px){\n  .bior-setdetail-title{\n    margin-top: 150px;\n  }\n  .bior-setdetail-title img{\n    width: 55vw;      \/* SPサイズ *\/\n    max-width: none;\n  }\n}\n  \/* =========================\n   セットタイトル\n========================= *\/\n.bior-setdetail-worldfirst{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 60px; \/* itemdetail-copy との間隔（好みで調整） *\/\n  color: #3d6d9a;   \/* ← .bior-fv-heading と同じ *\/\n}\n\n.bior-setdetail-worldfirst__jp{\n  margin: 0;\n  font-size: 2.3vw;     \/* ← .bior-fv-heading__jp と同じ *\/\n  line-height: 1.15;\n  letter-spacing: 0.09em;\n  font-weight: 400;\n    font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n}\n\n\/* （レヴィータ デュー）だけ小さく *\/\n.bior-setdetail-worldfirst__kana{\n  font-size: 0.40em;   \/* 好みで 0.55〜0.7 *\/\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-setdetail-worldfirst__jp{\n    font-size: 5.7vw;    \n        padding: 0 8vw;            \/* 端詰まり防止 *\/\n  }\n  .bior-setdetail-worldfirst__kana{\n    font-size: 0.6em;\n    padding: 0 8vw;            \/* 端詰まり防止 *\/\n  }\n}\n\/* =========================\n   セット メイン画像\n========================= *\/\n.bior-setdetail-worldfirst-img{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: flex;\n  justify-content: center;\n  margin-top: 80px;   \/* ←コピーとの間（好みで調整） *\/\n}\n\n.bior-setdetail-worldfirst-img img{\n  width: 35vw;        \/* PCサイズ（好みで調整） *\/\n  max-width: none;\n  height: auto;\n  display: block;\n  margin-left: -5vw;              \/* ← ここで右にずらす量を調整 *\/\n}\n\n@media screen and (max-width: 749px){\n  .bior-setdetail-worldfirst-img{\n    margin-top: 30px;\n     justify-content: flex-start;   \/* 中央 → 左基準に *\/\n  }\n  .bior-setdetail-worldfirst-img img{\n    width: 80vw;      \/* SPサイズ *\/\n    margin-left: 6vw;              \/* ← ここで右にずらす量を調整 *\/\n  }\n}\n\/* =========================\n   セット説明\n========================= *\/\n.bior-set-aftercopy{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 70px;     \/* ←ボックスからの距離 *\/\n  color: #3d6d9a;\n  font-family: \"Yu Mincho\",\"Hiragino Mincho ProN\",\"Hiragino Mincho Pro\",\"Noto Serif JP\",serif;\n  font-weight: 400;\n  letter-spacing: 0.06em;\n}\n\n.bior-set-aftercopy__text{\n  margin: 0;\n  font-size: 1.2vw;     \/* PC *\/\n  line-height: 1.85;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n.bior-set-aftercopy{\n    margin-top: 44px;\n    padding: 0 8vw;     \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n    letter-spacing: 0.04em;\n    text-align: left;\n  }\n  .bior-set-aftercopy__text{\n    font-size: 4vw;   \/* SP *\/\n    line-height: 1.8;\n  }\n}\n\n\/* =========================\n   セット説明 下部黒文字\n========================= *\/\n.bior-set-aftertext{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  text-align: center;\n  margin-top: 70px;     \/* ←ボックスからの距離 *\/\n  color: #333;\n  font-weight: 400;\n  letter-spacing: 0.06em;\n}\n\n.bior-set-aftertext__text{\n  margin: 0;\n  font-size: 1vw;     \/* PC *\/\n  line-height: 1.85;\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-set-aftertext{\n    margin-top: 44px;\n    padding: 0 8vw;     \/* 端詰まり防止 *\/\n    box-sizing: border-box;\n    letter-spacing: 0.04em;\n    text-align: left;\n  }\n  .bior-set-aftertext__text{\n    font-size: 3.4vw;   \/* SP *\/\n    line-height: 1.8;\n  }\n}\n\/* =========================\n   商品紹介ブロック　セット（SIMPLE）\n========================= *\/\n.bior-itemset-card{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-top: 120px;\n  display: flex;\n  justify-content: center;\n}\n\n.bior-itemset-card__inner{\n  width: min(980px, 50vw);    \/* 50vw固定より安定 *\/\n  display: flex;\n  align-items: center;\n  gap: 5vw;\n   transform: translateX(60px); \/* 好みで 20〜80px くらい *\/\n}\n\n.bior-itemset-card__img{\n  flex: 0 0 auto;\n}\n.bior-itemset-card__img img{\n  width: 15vw;\n  max-width: 320px;          \/* 広すぎ防止 *\/\n  height: auto;\n  display: block;\n}\n\n.bior-itemset-card__text{\n  flex: 1 1 auto;\n  color: #333;\n}\n\n.bior-itemset-card__name{\n  margin: 0 0 10px;\n  font-size: 1.2vw;\n  line-height: 1.2;\n  font-weight: 400;\n}\n\n.bior-itemset-card__meta{\n  margin: 0 0 18px;\n  font-size: 1vw;\n}\n\n.bior-itemset-card__buy{\n  display: inline-block;\n  line-height: 0;\n}\n.bior-itemset-card__buy img{\n  width: 20vw;\n  max-width: 460px;\n  height: auto;\n  display: block;\n  transition: opacity 0.2s ease;\n}\n\n@media (hover:hover){\n  .bior-itemset-card__buy:hover img{ opacity: 0.6; }\n}\n\n\/* SP *\/\n@media screen and (max-width: 749px){\n  .bior-itemset-card{ margin-top: 100px; }\n\n  .bior-itemset-card__inner{\n    width: 92vw;\n    flex-direction: column;\n    text-align: center;\n    gap: 12px;\n    transform: none;\n  }\n\n  .bior-itemset-card__img img{\n    width: min(42vw, 200px);\n  }\n\n  .bior-itemset-card__name{ font-size: 4.3vw; }\n  .bior-itemset-card__meta{ font-size: 3.6vw; margin-bottom: 12px; }\n\n  .bior-itemset-card__buy img{\n    width: 86vw;\n    max-width: none;\n  }\n\n  .bior-itemset-card__buy:active img{ opacity: 0.6; }\n}\n\n\/* =========================\n  斜線\n========================= *\/\n.bior-fullline{\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  display: block;\n  margin-top: 150px;\n  margin-bottom: 0;\n}\n\n.bior-fullline img{\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n @media screen and (max-width: 749px){\n  .bior-fullline{\n    margin-top: 70px;\n    margin-bottom: 0;\n  }\n\n  img[src*=\"repre_line100.svg\"]{\n    transform: scaleY(1.5);\n  }\n}\n\n  \/* =========================\n   タイプ別 HOW TO USE（画像2枚）\n   hr（商品説明の幅）に合わせる\n========================= *\/\n.bior-howto{\n  width: 100%;\n  margin: 20px 0 10px;\n  padding: 0;                 \/* 余白は必要ならここで調整 *\/\n  box-sizing: border-box;\n\n  display: grid;\n  grid-template-columns: 1fr 1fr;  \/* PCは横2列 *\/\n  gap: 24px;\n  align-items: start;\n}\n\n.bior-howto__item{ margin: 0; }\n\n.bior-howto__item img{\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n\/* SP：縦並び *\/\n@media screen and (max-width: 749px){\n  .bior-howto{\n    grid-template-columns: 1fr;\n    gap: 18px;\n    margin: 18px 0 6px;\n  }\n}\n\n\u003c\/style\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":43737363087448,"sku":"E054550","price":9900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_sldr_set01_01.webp?v=1770474296","url":"https:\/\/biororganics.com\/products\/revitadew-previtadew-facialroller-3set","provider":"bior organics WEB STORE","version":"1.0","type":"link"}