{"title":"2026 Summer Campaign","description":"\u003cdiv class=\"campaign-content\"\u003e\n \u003cdiv class=\"campaign-images\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/32.jpg?v=1784791677\" alt=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026sc_34.jpg?v=1784878925\" alt=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026sc_35.jpg?v=1784878925\" alt=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026sc_36.jpg?v=1784878925\" alt=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026sc_37.jpg?v=1784878925\" alt=\"\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026sc_38.jpg?v=1784878925\" alt=\"\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"release-area\"\u003e\n \u003cp class=\"release-note\"\u003e\n \u003cstrong\u003e〈対象外商品〉\u003c\/strong\u003e\u003cbr\u003e\n\n ・\u003ca href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%A8%E3%82%A2%E3%83%AC%E3%82%B9%E3%82%AF%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%B0%E3%83%AD%E3%82%A6%E5%B0%82%E7%94%A8%E3%83%91%E3%83%95-%E3%83%8F%E3%83%BC%E3%83%88bl\"\u003e\n エアレスクッショングロウ専用パフ ハートBL\n \u003c\/a\u003e\u003cbr\u003e\n\n ・\u003ca href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%A8%E3%82%A2%E3%83%AC%E3%82%B9%E3%82%AF%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3hn%E5%B0%82%E7%94%A8%E3%83%91%E3%83%95-%E3%83%8F%E3%83%BC%E3%83%88w\"\u003e\n エアレスクッショングロウ専用パフ ハートW\n \u003c\/a\u003e\u003cbr\u003e\n\n ・\u003ca href=\"https:\/\/biororganics.com\/collections\/all\/products\/%E3%82%B7%E3%83%A7%E3%83%83%E3%83%91%E3%83%BC\"\u003e\n GIFTキット ショッパー＆選べるカード\n \u003c\/a\u003e\n \u003c\/p\u003e\n\n \u003cp id=\"release-text\"\u003e\n 2026\/8\/1(土) 10:00 ～ 開始\n \u003c\/p\u003e\n\n \u003ca id=\"release-button\" class=\"release-btn disabled\"\u003e\n Coming Soon\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* コレクションタイトルを非表示 *\/\n.collection-hero__title,\n.collection-hero h1,\n.title--primary {\n display: none !important;\n}\n\n\/* 全体 *\/\n.campaign-content {\n width: 80%;\n max-width: 1120px;\n margin: 0;\n padding: 0;\n}\n\n\/* 画像 *\/\n.campaign-images img {\n display: block;\n width: 100%;\n height: auto;\n margin: 0;\n padding: 0;\n}\n\n\/* リリースエリア *\/\n.release-area {\n width: 100%;\n margin: 60px 0;\n text-align: center;\n}\n\n\/* 対象外商品 *\/\n.release-note {\n margin: 0 0 80px !important;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.8;\n color: #666;\n text-align: center;\n}\n\n.release-note strong {\n color: #444;\n font-weight: 500;\n}\n\n.release-note a {\n color: #666;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.25s ease;\n}\n\n.release-note a:hover {\n color: #e8e8e8;\n}\n\n\/* 開始日時 *\/\n#release-text {\n margin: 0 0 40px !important;\n font-family: inherit;\n font-size: 30px;\n font-weight: 400;\n color: #000;\n text-align: center;\n}\n\n\/* ボタン *\/\n.release-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 90%;\n max-width: 900px;\n height: 72px;\n margin: 0 auto;\n\n border: 1.5px solid #111;\n border-radius: 999px;\n\n font-family: inherit;\n font-size: 24px;\n font-weight: 400;\n\n color: #111;\n text-align: center;\n text-decoration: none;\n\n box-sizing: border-box;\n transition: 0.3s;\n}\n\n\/* 公開前 *\/\n.release-btn.disabled {\n pointer-events: none;\n cursor: default;\n}\n\n\/* 公開後 *\/\n.release-btn.active {\n cursor: pointer;\n}\n\n.release-btn.active:hover {\n background: #111;\n color: #fff;\n}\n\n\/* スマホ *\/\n@media screen and (max-width: 768px) {\n .campaign-content {\n width: 100%;\n }\n\n .release-area {\n margin: 40px 0;\n }\n\n .release-note {\n margin: 0 0 55px !important;\n font-size: 12px;\n line-height: 1.7;\n }\n\n #release-text {\n margin: 0 0 24px !important;\n font-size: 20px;\n }\n\n .release-btn {\n width: 90%;\n height: 56px;\n font-size: 18px;\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const button = document.getElementById('release-button');\n\n if (!button) return;\n\n \/*\n 2026年8月1日 10:00 日本時間\n 日本時間10:00 = UTC 01:00\n *\/\n const releaseTime = Date.UTC(2026, 7, 1, 1, 0, 0);\n\n function updateReleaseButton() {\n const now = Date.now();\n\n if (now \u003e= releaseTime) {\n button.textContent = '商品はこちら';\n button.href = 'https:\/\/biororganics.com\/collections\/all';\n button.classList.remove('disabled');\n button.classList.add('active');\n } else {\n button.textContent = 'Coming Soon';\n button.removeAttribute('href');\n button.classList.add('disabled');\n button.classList.remove('active');\n }\n }\n\n updateReleaseButton();\n\n \/* ページを開いたまま公開時刻を迎えた場合にも切り替える *\/\n setInterval(updateReleaseButton, 1000);\n});\n\u003c\/script\u003e","products":[{"product_id":"クレンジングソープvcex-ダマスクローズ-ネロリの香り-ラベンダー-ネロリの香り","title":"オーガニック認証 クレンジングソープVCEX ダマスクローズ＆ネロリの香り\/ラベンダー＆ネロリの香り","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_clw_itempage_01.webp?v=1757238393\" media=\"(max-width: 768px)\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/clw_itempage_01.webp?v=1757238394\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfY2x3X2l0ZW1wYWdlXzAy.webp?v=1734525335\" media=\"(max-width: 768px)\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Y2x3X2l0ZW1wYWdlXzAy.webp?v=1734525209\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfY2x3X2l0ZW1wYWdlXzAz.webp?v=1735031418\" media=\"(max-width: 768px)\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Y2x3X2l0ZW1wYWdlXzAz.webp?v=1735031403\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfY2x3X2l0ZW1wYWdlXzA0.webp?v=1735031393\" media=\"(max-width: 768px)\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Y2x3X2l0ZW1wYWdlXzA0.webp?v=1735031382\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/img07.shop-pro.jp\/PA01420\/440\/etc_base64\/Y2x3X2Nyb3A.jpg?cmsp_timestamp=20240628225812\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eクレンジングソープVCEX ダマスクローズ＆ネロリの香り\/ラベンダー＆ネロリの香り\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e洗顔時：1プッシュ・メイク落とし：２～３プッシュの泡をお顔を濡らさずメイクによく馴染ませて、汚れを浮かしたあとに洗い流してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e【クレンジングソープVCEX ダマスクローズ＆ネロリの香り】水（還元性イオン水含む）、デシルグルコシド、ヤシ脂肪酸K、BG、ジグリセリン、ペンチレングリコール、イソステアリン酸ポリグリセリル-2、アロエベラ液汁末*、ダマスクバラ花水*、ナツミカン花水*、ダマスクバラ花エキス*、アルガニアスピノサ核油*、セラミドAP、セラミドNP、アスコルビルグルコシド、クリスマムマリチマムカルス培養液、エリンギウムマリチムムカルス培養液、リンゴ果実培養細胞エキス、イソマルト、クロレラエキス、プロパンジオール、レシチン、乳酸、センチペダクンニンガミーエキス、PCA-Na、ロドデンドロンフェルギネウムエキス、フムスエキス、スクワラン、トコフェロール、シロキクラゲ多糖体、ヒアルロン酸Na、グリセリン**、ベタイン、イソステアリン酸ポリグリセリル-10、ラウリン酸ポリグリセリル-10、カプリル酸グリセリル、ヒマワリ種子油、エタノール、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス*、ティーツリー葉油*、オレンジ果皮油*、ダマスクバラ花油*、ニオイテンジクアオイ油*　*オーガニック原料 、**オーガニック由来原料 【クレンジングソープVCEXラベンダー＆ネロリの香り】 水（還元性イオン水含む）、デシルグルコシド、ヤシ脂肪酸K、BG、ジグリセリン、ペンチレングリコール、イソステアリン酸ポリグリセリル-2、ナツミカン花水*、ナツミカン果皮水*、ラベンダー水*、アロエベラ液汁末*、セラミドAP、セラミドNP、アスコルビルグルコシド、クリスマムマリチマムカルス培養液、エリンギウムマリチムムカルス培養液、リンゴ果実培養細胞エキス、イソマルト、クロレラエキス、プロパンジオール、レシチン、乳酸、PCA-Na、ロドデンドロンフェルギネウムエキス、フムスエキス、スクワラン、トコフェロール、シロキクラゲ多糖体、ヒアルロン酸Na、グリセリン**、ベタイン、イソステアリン酸ポリグリセリル-10、ラウリン酸ポリグリセリル-10、カプリル酸グリセリル、ヒマワリ種子油、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス*、ティーツリー葉油*、オレンジ果皮油*、ラベンダー油 ＊はオーガニック原料 、＊＊オーガニック由来原料\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!--▼販売店注釈--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"bior organics","offers":[{"title":"ダマスクローズ＆ネロリの香り","offer_id":42377533423704,"sku":"B014950","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ラベンダー＆ネロリの香り","offer_id":42377533456472,"sku":"B015010","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/VCEX_759b82ee-beeb-44f9-99f8-74b4c9aa7eb5.jpg?v=1735274628"},{"product_id":"オーガニックアクア-エアレスクッション","title":"オーガニックアクア エアレスクッション HAQURA＜コンパクト＆リフィル（パフ付）＞","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec02\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_pc_2.jpg?v=1735259794\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッションH オーガニックアクア　エアレスクッションN　※MEGUMIさん著書「キレイはこれでつくれます」掲載商品はこちらにバージョンアップしました\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。専用コンパクトケース（別売り）にセットしてご使用いただけます。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e5940円(税込)※コンパクト990円 リフィル4950円\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜HAQURA bior＞\u003cbr\u003eダマスクバラ花水*、ヤマザクラ花水、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、アスコルビルグルコシド、オオシマザクラ葉エキス、コメ発酵液、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003H","offer_id":42465931657304,"sku":"E352640","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005H","offer_id":42465931690072,"sku":"E352710","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007H","offer_id":42465931722840,"sku":"E352880","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/3.png?v=1736422782"},{"product_id":"オーガニックアクア-エアレスクッション-ハクラビオール-コピー","title":"オーガニックアクア エアレスクッション HAQURA＜リフィル（パフ付）＞","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\u003cdl\u003e\n\u003c!--\u003cdt class=\"w_li\"\u003e商品について詳しくはこちら\u003c\/dt\u003e--\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec02\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_pc_2.jpg?v=1735259794\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッションH オーガニックアクア　エアレスクッションN　※MEGUMIさん著書「キレイはこれでつくれます」掲載商品はこちらにバージョンアップしました\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。専用コンパクトケース（別売り）にセットしてご使用いただけます。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e5940円(税込)※コンパクト990円 リフィル4950円\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分1\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜HAQURA bior＞\u003cbr\u003eダマスクバラ花水*、ヤマザクラ花水、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、アスコルビルグルコシド、オオシマザクラ葉エキス、コメ発酵液、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分2\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜NATURA bior＞\u003cbr\u003eダマスクバラ花水*、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003H","offer_id":42489333481560,"sku":"B011430","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005H","offer_id":42489333514328,"sku":"B011500","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007H","offer_id":42489333547096,"sku":"B011670","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/6.png?v=1736422858"},{"product_id":"オーガニックアクア-エアレスクッション-リフィル-パフ-ハクラビオール-コピー","title":"オーガニックアクア エアレスクッション NATURA＜リフィル（パフ付）＞","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\u003c!--\u003cdt class=\"w_li\"\u003e商品について詳しくはこちら\u003c\/dt\u003e--\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec02\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_pc_2.jpg?v=1735259794\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッションH オーガニックアクア　エアレスクッションN　※MEGUMIさん著書「キレイはこれでつくれます」掲載商品はこちらにバージョンアップしました\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。専用コンパクトケース（別売り）にセットしてご使用いただけます。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e5940円(税込)※コンパクト990円 リフィル4950円\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜NATURA bior＞\u003cbr\u003eダマスクバラ花水*、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003N","offer_id":42489340067928,"sku":"B011740","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005N","offer_id":42489340100696,"sku":"B011810","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007N","offer_id":42489340133464,"sku":"B011980","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ヘルシー009N","offer_id":42489344884824,"sku":"B013030","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/5.png?v=1736422834"},{"product_id":"オーガニックアクア-エアレスクッション-ハクラビオール-コピー-1","title":"オーガニックアクア エアレスクッション NATURA＜コンパクト＆リフィル（パフ付）＞","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\u003cdl\u003e\n\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec02\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_pc_2.jpg?v=1735259794\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/hn_banner_sp_2.jpg?v=1735259797\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッションH オーガニックアクア　エアレスクッションN　※MEGUMIさん著書「キレイはこれでつくれます」掲載商品はこちらにバージョンアップしました\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。専用コンパクトケース（別売り）にセットしてご使用いただけます。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e5940円(税込)※コンパクト990円 リフィル4950円\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜NATURA bior＞\u003cbr\u003eダマスクバラ花水*、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003N","offer_id":42489422708824,"sku":"E352950","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005N","offer_id":42489422741592,"sku":"E353010","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007N","offer_id":42489422774360,"sku":"E353180","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ヘルシー009N","offer_id":42489434210392,"sku":"E353250","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2_ef582e77-c8f5-43ae-a2e8-f5b8b0b17a1e.png?v=1736422727"},{"product_id":"オーガニックアクア-エアレスクッション-ハクラビオール-コピー-2","title":"オーガニックアクア エアレスクッション ESSENCE GLOW＜コンパクト＆リフィル（パフ付）＞","description":"\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\u003cdt class=\"w_li\"\u003e\u003cbr\u003e\u003c\/dt\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec01\"\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" media=\"(min-width:768px)\"\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" media=\"(max-width:767px)\"\u003e\u003cimg alt=\"商品について詳しくはこちら\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e商品名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッション エッセンスグロウ\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクアエアレスクッション5940円(税込)※コンパクト990円 リフィル4950円　\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003eエッセンスグロウ全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cbr\u003eダマスクバラ花水*、(カプリル酸\/カプリン酸)ヤシアルキル、酸化亜鉛、BG、カノラ油、水添オリーブ油エチルヘキシル、ラウリン酸イソアミル、シリカ、グリセリン、硫酸Mg、(アブラナ種子油\/シナアブラギリ種子油)コポリマー、クオタニウム-90ベントナイト、(ジイソステアリン酸\/ポリヒドロキシステアリン酸\/セバシン酸)ポリグリセリル-4、セラミドAP、セラミドNP、クロレラエキス、フラーレン、アスコルビルグルコシド、スクワラン、ホホバ種子油*、アルガニアスピノサ核油*、オリーブ果実油*、トリ(カプリル酸\/カプリン酸)グリセリル、ラウロイルリシン、ポリヒドロキシステアリン酸ポリグリセリル-6、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、水添オリーブ油不けん化物、デカイソステアリン酸ポリグリセリル-10、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、ポリヒドロキシステアリン酸、ポリグリセリン-6、ジミリスチン酸Al、トコフェロール、グレープフルーツ種子エキス、シルク、パール、パルミチン酸アスコルビル、プロパンジオール、カニナバラ果実エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、タチジャコウソウ花\/葉エキス*、ラベンダー花エキス*、ローズマリー葉エキス*、セージ葉エキス*、ビルベリ果実エキス*、ステアリン酸、水酸化Al、レシチン、乳酸、白金、水、クエン酸Na、(+／-)酸化チタン、酸化鉄、ヒマシ油　*はオーガニック原料　●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003G","offer_id":42489434964056,"sku":"E353320","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005G","offer_id":42489434996824,"sku":"E353490","price":5940.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007G","offer_id":42489435029592,"sku":"E353560","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/1_6a120a49-6446-48ea-a88f-cc9f7b7fc1bc.png?v=1736422692"},{"product_id":"オーガニックアクア-エアレスクッション-リフィル-パフ-ハクラビオール-コピー-1","title":"オーガニックアクア エアレスクッション ESSENCE GLOW＜リフィル（パフ付）＞","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec01\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e商品名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　エアレスクッション エッセンスグロウ　リフィル＆パフ\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクアエアレスクッションリフィル＆パフ4950円(税込)　※コンパクト別売り 990円(税込)　\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003eエッセンスグロウ全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cbr\u003eダマスクバラ花水*、(カプリル酸\/カプリン酸)ヤシアルキル、酸化亜鉛、BG、カノラ油、水添オリーブ油エチルヘキシル、ラウリン酸イソアミル、シリカ、グリセリン、硫酸Mg、(アブラナ種子油\/シナアブラギリ種子油)コポリマー、クオタニウム-90ベントナイト、(ジイソステアリン酸\/ポリヒドロキシステアリン酸\/セバシン酸)ポリグリセリル-4、セラミドAP、セラミドNP、クロレラエキス、フラーレン、アスコルビルグルコシド、スクワラン、ホホバ種子油*、アルガニアスピノサ核油*、オリーブ果実油*、トリ(カプリル酸\/カプリン酸)グリセリル、ラウロイルリシン、ポリヒドロキシステアリン酸ポリグリセリル-6、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、水添オリーブ油不けん化物、デカイソステアリン酸ポリグリセリル-10、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、ポリヒドロキシステアリン酸、ポリグリセリン-6、ジミリスチン酸Al、トコフェロール、グレープフルーツ種子エキス、シルク、パール、パルミチン酸アスコルビル、プロパンジオール、カニナバラ果実エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、タチジャコウソウ花\/葉エキス*、ラベンダー花エキス*、ローズマリー葉エキス*、セージ葉エキス*、ビルベリ果実エキス*、ステアリン酸、水酸化Al、レシチン、乳酸、白金、水、クエン酸Na、(+／-)酸化チタン、酸化鉄、ヒマシ油　*はオーガニック原料　●スクワランは植物由来（オリーブ）●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n \u003cbr\u003e\u003cbr\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ライト003G","offer_id":42489438961752,"sku":"B017850","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ニュートラル005G","offer_id":42489438994520,"sku":"B017920","price":4950.0,"currency_code":"JPY","in_stock":true},{"title":"ミディアム007G","offer_id":42489439027288,"sku":"B018080","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/4.png?v=1736422808"},{"product_id":"コンパクトケース-オーガニックアクアクッション-ファンデーション-haqura-bior-natura-bior-専用","title":"オーガニックアクア エアレスクッション コンパクトケース","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\u003cdt class=\"w_li\"\u003e\u003cbr\u003e\u003c\/dt\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec01\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア エアレスクッション（別売り）をセットしてご使用ください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ハクラナチュラ専用","offer_id":42489447809112,"sku":"B018150","price":990.0,"currency_code":"JPY","in_stock":true},{"title":"エッセンスグロウ専用","offer_id":42489447841880,"sku":"B018220","price":990.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d6939052b9421ddf69a637c415c9a540.jpg?v=1735287273"},{"product_id":"uvトーンアップスポッツ-ハイライトファンデーション","title":"オーガニックアクア UVトーンアップスポッツ","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\n\u003cdl\u003e\n\u003cdt class=\"w_re\"\u003eお肌にのせると\u003cbr\u003eさらっとしたパウダーのような質感に変化し、\u003cbr\u003eべたつきにくく、ヨレにくい\u003cbr\u003eポイント用ハイライト美容液ファンデーション。\u003c\/dt\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/detail_cover06.jpg?v=1734522277\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア　UVトーンアップスポッツH（スポッツ美容液ファンデーション／色：ポーセリンSAKURA）\u003cbr\u003eオーガニックアクア　UVトーンアップスポッツN（スポッツ美容液ファンデーション／色：エクリュAPRICOT）\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e目元や鼻筋、頬の高い位置など明るく見せたい箇所に適量をなじませてください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e2970円(税込)\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分1\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜ポーセリン サクラ＞\u003cbr\u003eダマスクバラ花水*、ヤマザクラ花水、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、アスコルビルグルコシド、オオシマザクラ葉エキス、コメ発酵液、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-3、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）\u003cbr\u003e●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分2\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e＜エクリュ アプリコット＞\u003cbr\u003eダマスクバラ花水*、（カプリル酸／カプリン酸）カプリリル、ドデカン、酸化亜鉛、ラウリン酸イソアミル、BG、（カプリル酸／カプリン酸）ヤシアルキル、シリカ、水添オリーブ油エチルヘキシル、グリセリン、硫酸Mg、水酸化Al、クオタニウム-90ベントナイト、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル-4、セラミドAP、セラミドNP、センチペダクンニンガミーエキス、スクワラン、フラーレン、アルガニアスピノサ核油*、パール、シルク、白金、ホホバ種子油*、アボカド油、グレープフルーツ種子エキス、ヒマワリ種子油、ゴマ油、オリーブ果実油*、ブドウ種子油、ライム果汁、カニナバラ果実エキス*、オレンジ果汁、ラベンダー花エキス*、タチジャコウソウ花／葉エキス*、セイヨウサンザシ果実エキス*、セイヨウノコギリソウエキス*、レモン果汁、ローズマリー葉エキス*、セージ葉エキス*、ビルベリー葉エキス*、サンザシエキス、リンゴ果実エキス、グレープフルーツ果実エキス、ナツメ果実エキス、キュウリ果実エキス、イソステアリン酸ポリグリセリル-2、ステアリン酸、トリ（カプリル酸／カプリン酸）グリセリル、ラウロイルリシン、ポリリシノレイン酸ポリグリセリル-6、オレイン酸ポリグリセリル-3、キシリトール、（アブラナ種子油／シナアブラギリ種子油）コポリマー、ポリヒドロキシステアリン酸、デカイソステアリン酸ポリグリセリル-10、コーンスターチ、ダイマージリノール酸ジイソステアリン酸ポリグリセリル-5、水添オリーブ油不けん化物、水、ジミリスチン酸Al、トコフェロール、ステアリン酸亜鉛、エタノール、クエン酸Na、（＋\/－）酸化チタン、酸化鉄、ヒマシ油\u003cbr\u003e\u003cbr\u003e※エタノール（植物由来）は一部原料の溶媒として使用しているものです\u003cbr\u003e\u003cbr\u003e*はオーガニック原料\u003cbr\u003e●スクワランは植物由来（オリーブ）\u003cbr\u003e●セラミドAP\/セラミドNPは九州産醤油粕由来\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e使用後は必ずしっかりとキャップを閉めてください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"contents_inr\"\u003e\n\u003clink href=\"https:\/\/file003.shop-pro.jp\/PA01420\/440\/theme2023_2\/css\/page-details_v2.css\" media=\"all\" rel=\"stylesheet\"\u003e \u003c!--▼製品特徴--\u003e\n\u003csection id=\"details_feat\" class=\"details_box\"\u003e\n\u003ch3\u003e製品特徴\u003c\/h3\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_feat_box details_6_feat_1\"\u003e\n\u003cdiv class=\"details_feat_box_num en\"\u003e01\u003c\/div\u003e\n\u003ch4\u003eSPF５０＋、PA＋＋＋＋\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003e目元専用美容液を贅沢に全顔に\u003c\/p\u003e\n\u003cp class=\"details_box_txt\"\u003eSPF５０＋、PA＋＋＋＋で日常生活の紫外線からお肌をガード。\u003c\/p\u003e\n\u003cdiv class=\"details_feat_box_img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_6_feat_1_img.jpg?v=1734522295\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_feat_box details_6_feat_2\"\u003e\n\u003cdiv class=\"details_feat_box_num en\"\u003e02\u003c\/div\u003e\n\u003ch4\u003eメイクアップ効果でお肌を明るい印象に演出\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003eオレンジカラーパウダー\u003csup\u003e※1\u003c\/sup\u003eを配合し、血色感を演出しシワをぼかします。また、乾燥による小ジワを目立たなくします\u003csup\u003e※2\u003c\/sup\u003e。\u003c\/p\u003e\n\u003cdiv class=\"details_feat_box_img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_6_feat_2_img_2.jpg?v=1734522310\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_feat_box details_6_feat_3\"\u003e\n\u003cdiv class=\"details_feat_box_num en\"\u003e03\u003c\/div\u003e\n\u003ch4\u003e石けんでかんたんオフ\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003e本品だけの使用の場合、石けんで落とすことができます。\u003c\/p\u003e\n\u003cdiv class=\"details_feat_box_img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_6_feat_3_img.jpg?v=1734522329\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_feat_box details_6_feat_4\"\u003e\n\u003cdiv class=\"details_feat_box_num en\"\u003e04\u003c\/div\u003e\n\u003ch4\u003eハリ潤いキメのあるお肌に導くプラントリン\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003eハリ潤いキメのあるお肌に導くプラントリンCCエキス\u003csup\u003e※3\u003c\/sup\u003eやオーガニック原料をはじめ、美容成分を100％\u003csup\u003e※4\u003c\/sup\u003e配合しています。\u003c\/p\u003e\n\u003cdiv class=\"details_feat_box_img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_6_feat_4_img.jpg?v=1734522342\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1 酸化鉄\u003cbr\u003e※2 効能評価試験済み\u003cbr\u003e※3 センチペダクンニンガミーエキス、エタノール、水\u003cbr\u003e※4 水、メイクアップ成分、紫外線散乱剤を含む\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲製品特徴--\u003e\u003c!--▼無添加へのこだわり--\u003e\n\u003csection id=\"details_mutenka\" class=\"details_box\"\u003e\n\u003ch3\u003e無添加へのこだわり\u003c\/h3\u003e\n\u003cdiv class=\"details_box_copy\"\u003e紫外線吸収剤を使わずミネラル由来の紫外線散乱剤だけで高いUVカット効果\u003cbr\u003e肌、環境のことを考えた天然由来100％\u003c\/div\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_mutenka_list_ttl\"\u003e＜ 無添加一覧 ＞\u003c\/div\u003e\n\u003cul class=\"details_mutenka_list\"\u003e\n\u003cli\u003e防腐剤全般\u003csup\u003e※1\u003c\/sup\u003e\n\u003c\/li\u003e\n\u003cli\u003e紫外線吸収剤\u003c\/li\u003e\n\u003cli\u003eシリコン\u003c\/li\u003e\n\u003cli\u003e石油系界面活性剤\u003c\/li\u003e\n\u003cli\u003e鉱物油\u003c\/li\u003e\n\u003cli\u003e合成香料\u003c\/li\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=\"details_box_note details_mutenka_list_note\"\u003e※1 パラベン・フェノキシエタノールなどの防腐剤全般\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲無添加へのこだわり--\u003e\u003c!--▼bior organics Quality--\u003e\n\u003csection id=\"details_quality\" class=\"details_box details_quality_type_1\"\u003e\n\u003ch3\u003ebior organics Quality\u003c\/h3\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_quality_top details_quality_box\"\u003e\n\u003cdiv class=\"details_quality_box_logo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_1_logo.png?v=1734521153\" alt=\"Natural Fullerene\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy\"\u003eビタミンCの250倍ともいわれる高い抗酸化力で、ハリ・保護・整肌・保湿をサポートするフラーレン。\u003c\/div\u003e\n\u003cdiv class=\"details_quality_box_img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_2_img_0b01ecd3-3b61-4b39-bea9-b589e1fce965.png?v=1734521157\" alt=\"防腐剤不使用※1　紫外線吸収剤不使用　UVカットSPF50+ PA+++　天然由来100%　植物フラーレン※2推奨濃度配合　石けんオフ　ノンケミカル\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy details_quality_copy_2\"\u003eお顔もデコルテもボディもしっかり紫外線から守りながら内側から滲み出るようなツヤとハリを演出する高いメイク効果\u003c\/div\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1パラベン、フェノキシエタノールなど防腐剤全般\u003cbr\u003e※2ハリ、ツヤ、保湿、保護\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_quality_btm details_quality_box\"\u003e\n\u003cdiv class=\"details_quality_box_logo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_2_logo.png?v=1734521164\" alt=\"PLANTOLIN\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy\"\u003eエイジングケア\u003csup\u003e※1\u003c\/sup\u003eへの効果で注目のプラントリン。お肌を保護し、ハリ・ツヤを与え、キメを整えます。\u003c\/div\u003e\n\u003cp class=\"details_box_txt\"\u003e開発者がその功績を認められノーベル賞を受賞した話題の成分フラーレンが、ついに植物由来でデビュー。（リポフラーレン®N※2）メーカー推奨量[規定値]配合し、プラントリン※3とともに植物化学でナチュラルなエイジングケア*1を実現します。\u003c\/p\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1 年齢に応じたお手入れ\u003cbr\u003e※2 スクワラン（オリーブ由来）、フラーレン（杉の木由来）\u003cbr\u003e※3 センチペダクンニンガミーエキスを含む複合体\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲bior organics Quality--\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ポーセリンSAKURA","offer_id":42489525862488,"sku":"B011290","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"エクリュAPRICOT","offer_id":42489525895256,"sku":"B011360","price":2970.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/UV_3a3fb6df-1f9f-4db0-bc72-1267ede8cd0d.jpg?v=1735274173"},{"product_id":"リップセラム-ananモテコスメ大賞2024ss受賞","title":"リップセラムシリーズ","description":"\u003cstyle\u003e\n\/* =========================\n Background\n========================= *\/\n#MainContent{\n background-color:#fff;\n overflow-x:hidden;\n}\n\n#MainContent .shopify-section,\n#MainContent .page-width{\n background-color:#fff;\n}\n\n.main-page-title,\n.page-width.page-content h1{\n display:none !important;\n}\n\n#MainContent .shopify-section{\n padding-top:0 !important;\n margin-top:0 !important;\n}\n\/* =========================\n サイドバナー非表示（このページのみ）\n========================= *\/\n.bior-makeup-lp ~ * .fixedbnr,\n.bior-makeup-lp ~ .fixedbnr,\n.fixedbnr{\n display:none !important;\n}\n\/* ======================================\n bior organics × Travis Japan LP\n====================================== *\/\n.bior-makeup-lp{\n width:100%;\n background:#fff;\n overflow:visible;\n}\n\n.bior-hero,\n.bior-wide{\n max-width:none;\n}\n\n.bior-makeup-lp picture{\n display:block;\n}\n\n.bior-makeup-lp img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-hero img,\n.bior-newintro-image img{\n object-fit:contain;\n}\n\n\/* =========================\n hero\n========================= *\/\n.bior-hero{\n width:100vw;\n margin-left:calc(50% - 50vw);\n background:#eadfe4;\n}\n\n\/* =========================\n wide block\n========================= *\/\n.bior-wide{\n width:100vw;\n margin-left:calc(50% - 50vw);\n background:#fff;\n}\n\n\/* =========================\n old intro\n========================= *\/\n.bior-intro{\n text-align:center;\n padding-top:140px;\n padding-bottom:86px;\n}\n\n.bior-intro-text{\n margin:0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.5vw;\n line-height:1.7;\n letter-spacing:0.04em;\n color:#111;\n}\n\n@media screen and (max-width:768px){\n .bior-intro{\n padding-top:64px;\n padding-bottom:40px;\n }\n\n .bior-intro-text{\n font-size:8.9vw;\n line-height:1.65;\n }\n}\n\n\/* =========================\n section title\n========================= *\/\n.bior-section-title{\n margin-top:140px;\n text-align:center;\n padding-bottom:100px;\n}\n\n.bior-section-title-img{\n width:50vw;\n margin:0 auto;\n}\n\n.bior-section-title-ja{\n margin-top:24px;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:1.3vw;\n line-height:1.8;\n letter-spacing:0.2em;\n color:#6d6666;\n}\n\n@media screen and (max-width:768px){\n .bior-section-title{\n padding-bottom:60px;\n }\n\n .bior-section-title-img{\n width:80vw;\n }\n\n .bior-section-title-ja{\n margin-top:16px;\n font-size:4vw;\n line-height:1.8;\n letter-spacing:0.1em;\n }\n}\n\n\/* =========================\n variation block\n========================= *\/\n.bior-variation-wrap{\n width:100%;\n}\n\n\n.bior-variation-row{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n gap:5.8vw;\n margin-bottom:128px;\n}\n\n.bior-variation-row.reverse{\n flex-direction:row-reverse;\n}\n\n.bior-person{\n width:27.5vw;\n flex:0 0 27.5vw;\n}\n\n.bior-info{\n width:15.5vw;\n flex:0 0 15.5vw;\n text-align:center;\n}\n\n\/* 商品画像 *\/\n.bior-product{\n width:10vw;\n margin:0 auto;\n}\n\n.bior-copy-top{\n margin-top:14px;\n font-family:\"Avenir Next\", \"Avenir\", sans-serif;\n font-size:0.8vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#c9c1bf;\n}\n\n.bior-copy-main{\n margin-top:6px;\n font-family:\"Times New Roman\", serif;\n font-size:1.62vw;\n line-height:1.25;\n letter-spacing:0.03em;\n color:#7d7474;\n}\n\n.bior-copy-sub{\n margin-top:6px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.8vw;\n line-height:1.5;\n letter-spacing:0.01em;\n color:#8b8383;\n}\n\n\/* learn moreボタン *\/\n.bior-btn{\n display:block;\n width:13vw;\n margin:26px auto 0;\n}\n\n.bior-btn img{\n width:100%;\n}\n\n@media screen and (max-width:768px){\n .bior-variation-row,\n .bior-variation-row.reverse{\n display:block;\n margin-bottom:60px;\n }\n\n .bior-person{\n width:66.5vw;\n margin:0 auto;\n }\n\n .bior-info{\n width:100%;\n margin-top:28px;\n }\n\n .bior-product{\n width:30vw;\n }\n\n .bior-copy-top{\n margin-top:8px;\n font-size:1.5vw;\n line-height:1.4;\n }\n\n .bior-copy-main{\n margin-top:6px;\n font-size:5.8vw;\n line-height:1.2;\n }\n\n .bior-copy-sub{\n margin-top:6px;\n font-size:2.8vw;\n line-height:1.5;\n }\n\n .bior-btn{\n width:50vw;\n margin-top:20px;\n }\n}\n\n\/* =========================\n Scroll Fade Animation\n========================= *\/\n.fade-left,\n.fade-right{\n opacity:0;\n transition:all 0.9s ease;\n will-change:transform, opacity;\n}\n\n.fade-left{\n transform:translateX(-4vw);\n}\n\n.fade-right{\n transform:translateX(4vw);\n}\n\n.fade-left.is-visible,\n.fade-right.is-visible{\n opacity:1;\n transform:translateX(0);\n}\n\n\/* =========================\n New makeup series intro\n========================= *\/\n.bior-newintro{\n width:100%;\n text-align:center;\n padding-top:150px;\n padding-bottom:120px;\n}\n\n.bior-newintro-title{\n width:58vw;\n margin:0 auto;\n}\n\n.bior-newintro-sub{\n margin-top:30px;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1.3vw;\n line-height:1.5;\n letter-spacing:0.06em;\n color:#8f8580;\n font-weight:200;\n}\n\n.bior-newintro-head{\n margin:158px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3vw;\n line-height:1.65;\n letter-spacing:0.01em;\n color:#8c7f79;\n font-weight:400;\n}\n\n.bior-newintro-lead{\n margin-top:30px;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2vw;\n line-height:1.85;\n letter-spacing:0.01em;\n color:#7b6d60;\n font-weight:400;\n}\n\n.bior-newintro-image{\n width:66vw;\n margin:94px auto 0;\n}\n\n.bior-newintro-body{\n width:50vw;\n margin:80px auto 0;\n}\n\n.bior-newintro-text{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.2vw;\n line-height:1.7;\n letter-spacing:0.01em;\n color:#7b6d60;\n font-weight:500;\n}\n\n.bior-newintro-text + .bior-newintro-text{\n margin-top:40px;\n}\n\n.bior-newintro-emphasis{\n display:inline-block;\n font-weight:700;\n}\n\n\/* 改行 *\/\n.bior-br-pc{\n display:block;\n}\n\n.bior-br-sp{\n display:none;\n}\n\n@media screen and (max-width:768px){\n .bior-newintro{\n padding-top:60px;\n padding-bottom:56px;\n }\n\n .bior-newintro-title{\n width:72vw;\n }\n\n .bior-newintro-sub{\n margin-top:20px;\n font-family:\"Avenir Next\", \"Avenir\", sans-serif;\n font-size:3vw;\n line-height:1.5;\n letter-spacing:0.08em;\n font-weight:400;\n }\n\n .bior-newintro-head{\n margin-top:68px;\n font-size:7vw;\n line-height:1.62;\n letter-spacing:0.01em;\n }\n\n .bior-newintro-lead{\n margin-top:15px;\n font-size:4vw;\n line-height:1.8;\n letter-spacing:0.01em;\n }\n\n .bior-newintro-image{\n width:100vw;\n margin:38px auto 0;\n }\n\n .bior-newintro-body{\n width:85vw;\n margin-top:30px;\n }\n\n .bior-newintro-text{\n font-size:3.2vw;\n line-height:1.9;\n }\n\n .bior-newintro-text + .bior-newintro-text{\n margin-top:30px;\n }\n\n .bior-br-pc{\n display:none;\n }\n\n .bior-br-sp{\n display:block;\n }\n}\n\n\/* =========================\n policy section\n========================= *\/\n.bior-policy{\n margin-top:50px;\n text-align:center;\n}\n\n.bior-policy-title{\n margin:0 0 20px;\n font-size:1.5vw;\n font-weight:400;\n letter-spacing:0.05em;\n color:#7b6d60;\n}\n\n.bior-policy-image{\n width:40vw;\n margin:0 auto;\n}\n\n@media screen and (max-width:768px){\n .bior-policy{\n margin-top:30px;\n }\n\n .bior-policy-title{\n font-size:5vw;\n }\n\n .bior-policy-image{\n width:75vw;\n }\n}\n\n\/* =========================\n 無添加一覧\n========================= *\/\n.bior-mutenka{\n margin-top:80px;\n text-align:center;\n}\n\n.bior-mutenka-title{\n margin:0 0 20px;\n font-size:1.5vw;\n font-weight:400;\n letter-spacing:0.08em;\n color:#7b6d60;\n}\n\n.bior-mutenka-image{\n width:40vw;\n margin:0 auto;\n}\n\n.bior-mutenka-note{\n margin-top:10px;\n font-size:0.7vw;\n color:#7b6d60;\n line-height:1.2;\n}\n\n.bior-mutenka-note p{\n margin:0 0 6px;\n}\n\n.bior-mutenka-note p:last-child{\n margin-bottom:0;\n}\n\n@media screen and (max-width:768px){\n .bior-mutenka{\n margin-top:60px;\n }\n\n .bior-mutenka-title{\n font-size:4vw;\n }\n\n .bior-mutenka-image{\n width:75vw;\n }\n\n .bior-mutenka-note{\n width:85vw;\n margin:30px auto 0;\n font-size:2vw;\n }\n}\n\n\/* =========================\n image collage section\n========================= *\/\n.bior-image-collage{\n position:relative;\n width:100%;\n max-width:100%;\n margin-top:200px;\n padding-bottom:120px;\n}\n\n.bior-image-collage-inner{\n position:relative;\n width:66vw;\n height:70vw;\n margin:0 auto;\n}\n\n.bior-collage-item{\n position:absolute;\n}\n\n.bior-collage-item img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-collage-01{\n width:28vw;\n left:0;\n top:150px;\n z-index:2;\n}\n\n.bior-collage-02{\n width:32vw;\n right:0;\n top:0;\n z-index:3;\n}\n\n.bior-collage-03{\n width:24vw;\n left:10vw;\n top:650px;\n z-index:3;\n}\n\n.bior-collage-04{\n width:25vw;\n right:10vw;\n top:700px;\n z-index:1;\n}\n\n@media screen and (max-width:768px){\n .bior-image-collage{\n margin-top:60px;\n padding-bottom:80px;\n }\n\n .bior-image-collage-inner{\n width:100%;\n height:230vw;\n }\n\n .bior-collage-01{\n width:42vw;\n left:7vw;\n top:0;\n }\n\n .bior-collage-02{\n width:69vw;\n right:7vw;\n top:100px;\n }\n\n .bior-collage-04{\n width:43vw;\n left:10vw;\n top:500px;\n }\n\n .bior-collage-03{\n width:55vw;\n left:25vw;\n top:580px;\n }\n}\n\n\/* =========================\n line up section\n========================= *\/\n.bior-lineup{\n width:100%;\n padding:60px 0 150px;\n}\n\n.bior-lineup-inner{\n width:76vw;\n margin:0 auto;\n}\n\n.bior-lineup-head{\n text-align:center;\n}\n\n.bior-lineup-small{\n margin-top:200px;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1.3vw;\n line-height:1.5;\n letter-spacing:0.06em;\n color:#8f8580;\n font-weight:200;\n}\n\n.bior-lineup-title{\n width:52vw;\n margin:26px auto 0;\n}\n\n.bior-lineup-title img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lineup-grid-top{\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n column-gap:5vw;\n row-gap:0;\n margin-top:50px;\n}\n\n.bior-lineup-grid-bottom{\n display:grid;\n grid-template-columns:repeat(2, 1fr);\n column-gap:8vw;\n row-gap:0;\n width:58vw;\n margin:50px auto 0;\n}\n\n.bior-lineup-item{\n text-align:center;\n}\n\n.bior-lineup-image{\n display:flex;\n align-items:center;\n justify-content:center;\n height:14.5vw;\n}\n\n.bior-lineup-image img{\n display:block;\n max-width:100%;\n max-height:100%;\n width:auto;\n height:auto;\n}\n\n.bior-lineup-item.item-01 .bior-lineup-image img,\n.bior-lineup-item.item-02 .bior-lineup-image img,\n.bior-lineup-item.item-03 .bior-lineup-image img,\n.bior-lineup-item.item-04 .bior-lineup-image img,\n.bior-lineup-item.item-05 .bior-lineup-image img{\n width:12.5vw;\n}\n\n.bior-lineup-name{\n margin-top:10px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.1vw;\n line-height:1.3;\n letter-spacing:0.01em;\n color:#6f6663;\n font-weight:500;\n}\n\n.bior-lineup-price{\n margin-top:10px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.02em;\n color:#ceb8bc;\n font-weight:400;\n}\n\n.bior-lineup-desc{\n width:17.8vw;\n margin:30px auto 0;\n text-align:left;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.84vw;\n line-height:1.85;\n letter-spacing:0.01em;\n color:#6f6663;\n font-weight:400;\n}\n\n.bior-lineup-desc.center{\n text-align:center;\n}\n\n.bior-lineup-note{\n display:block;\n margin-top:6px;\n}\n\n.bior-lineup-btn-row{\n text-align:center;\n margin-top:46px;\n}\n\n.bior-lineup-btn{\n display:inline-block;\n width:20.5vw;\n}\n\n.bior-lineup-btn img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lineup-btn-row-bottom{\n display:flex;\n justify-content:center;\n gap:9vw;\n margin-top:46px;\n}\n\n.bior-lineup-btn-row-bottom .bior-lineup-btn{\n width:20.5vw;\n}\n\n.bior-lineup-btn-row-sp{\n display:none;\n}\n\n@media screen and (max-width:768px){\n .bior-lineup{\n padding:40px 0 80px;\n }\n\n .bior-lineup-inner{\n width:84vw;\n }\n\n .bior-lineup-small{\n margin-top:20px;\n font-family:\"Avenir Next\", \"Avenir\", sans-serif;\n font-size:3vw;\n line-height:1.5;\n letter-spacing:0.08em;\n font-weight:400;\n }\n\n .bior-lineup-title{\n width:70vw;\n margin-top:12px;\n }\n\n .bior-lineup-grid-top,\n .bior-lineup-grid-bottom{\n display:block;\n width:100%;\n margin-top:32px;\n }\n\n .bior-lineup-item{\n margin-bottom:52px;\n }\n\n .bior-lineup-item:last-child{\n margin-bottom:0;\n }\n\n .bior-lineup-image{\n height:auto;\n }\n\n .bior-lineup-item.item-01 .bior-lineup-image img,\n .bior-lineup-item.item-02 .bior-lineup-image img,\n .bior-lineup-item.item-03 .bior-lineup-image img,\n .bior-lineup-item.item-04 .bior-lineup-image img,\n .bior-lineup-item.item-05 .bior-lineup-image img{\n width:46vw;\n }\n\n .bior-lineup-name{\n margin-top:20px;\n font-size:4vw;\n line-height:1.5;\n }\n\n .bior-lineup-price{\n margin-top:8px;\n font-size:3.8vw;\n line-height:1.5;\n }\n\n .bior-lineup-desc{\n width:74vw;\n margin-top:10px;\n font-size:2.95vw;\n line-height:1.9;\n }\n\n .bior-lineup-note{\n margin-top:6px;\n }\n\n .bior-lineup-btn{\n width:72vw;\n }\n\n .bior-lineup-btn-row{\n margin-top:28px;\n }\n\n .bior-lineup-btn-row-bottom{\n display:block;\n margin-top:20px;\n }\n\n .bior-lineup-btn-row-bottom .bior-lineup-btn{\n display:block;\n width:72vw;\n margin:0 auto 32px;\n }\n\n .bior-lineup-btn-row-bottom .bior-lineup-btn:last-child{\n margin-bottom:0;\n }\n\n .bior-lineup-btn-row-sp{\n display:block;\n text-align:center;\n margin-top:28px;\n }\n\n .bior-lineup-btn-row-sp .bior-lineup-btn{\n display:inline-block;\n width:72vw;\n }\n\n .bior-lineup-btn-row-bottom .bior-lineup-btn:first-child{\n display:none;\n }\n}\n \/* =========================\n Makeup Palette\n========================= *\/\n.bior-palette{\n width:100%;\n padding:120px 0 150px;\n background:#fff;\n}\n\n.bior-palette-inner{\n width:86vw;\n margin:0 auto;\n}\n\n.bior-palette-head{\n text-align:center;\n}\n\n.bior-palette-title{\n width:35vw;\n margin:0 auto;\n}\n\n.bior-palette-title img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-palette-ja{\n margin:56px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2.5vw;\n line-height:1.62;\n letter-spacing:0.01em;\n color:#84786d;\n}\n\n.bior-palette-release{\n margin:38px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.45vw;\n line-height:1.5;\n letter-spacing:0.06em;\n color:#84786d;\n font-weight:500;\n}\n\n.bior-palette-main{\n margin-top:90px;\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:6vw;\n}\n\n\/* 左詳細 *\/\n.bior-palette-viewer{\n width:34vw;\n min-height:34vw;\n background:#fff;\n position:relative;\n padding:52px 70px 44px;\n box-sizing:border-box;\n}\n\n.bior-palette-slide{\n display:none;\n text-align:center;\n opacity:0;\n}\n\n.bior-palette-slide.is-active{\n display:block;\n opacity:1;\n}\n\n.bior-palette-slide.is-entering-from-right{\n animation:biorPaletteSlideFromRight .35s ease both;\n}\n\n.bior-palette-slide.is-entering-from-left{\n animation:biorPaletteSlideFromLeft .35s ease both;\n}\n\n@keyframes biorPaletteSlideFromRight{\n 0%{\n opacity:0;\n transform:translateX(22px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n}\n\n@keyframes biorPaletteSlideFromLeft{\n 0%{\n opacity:0;\n transform:translateX(-22px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n}\n\n@media screen and (max-width:768px){\n .bior-palette-slide.is-entering-from-right{\n animation:biorPaletteSlideFromRightSp .3s ease both;\n }\n\n .bior-palette-slide.is-entering-from-left{\n animation:biorPaletteSlideFromLeftSp .3s ease both;\n }\n\n @keyframes biorPaletteSlideFromRightSp{\n 0%{\n opacity:0;\n transform:translateX(16px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n }\n\n @keyframes biorPaletteSlideFromLeftSp{\n 0%{\n opacity:0;\n transform:translateX(-16px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n }\n}\n.bior-palette-slide-image{\n width:11vw;\n margin:0 auto;\n}\n\n.bior-palette-slide-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-palette-category{\n width:16vw;\n margin:22px auto 0;\n border:1.5px solid #b9b1ad;\n padding:8px 10px;\n box-sizing:border-box;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.2;\n color:#84786d;\n text-transform:lowercase;\n}\n\n.bior-palette-number{\n margin-top:18px;\n font-family:\"Times New Roman\", serif;\n font-size:2.2vw;\n line-height:1;\n letter-spacing:0.01em;\n color:#d0bcc2;\n font-weight:500;\n}\n\n.bior-palette-name{\n margin-top:8px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.5vw;\n line-height:1.35;\n letter-spacing:0.04em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-sub{\n margin-top:2px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.8vw;\n line-height:1.5;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-desc{\n margin-top:28px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.7;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-price{\n margin-top:20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.02em;\n color:#d0bcc2;\n font-weight:700;\n}\n\n\/* 矢印 *\/\n.bior-palette-arrow{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:54px;\n height:88px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n}\n\n.bior-palette-arrow.prev{\n left:18px;\n}\n\n.bior-palette-arrow.next{\n right:18px;\n}\n\n.bior-palette-arrow span{\n display:block;\n width:22px;\n height:22px;\n margin:0 auto;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n}\n\n.bior-palette-arrow.prev span{\n transform:rotate(-135deg);\n}\n\n.bior-palette-arrow.next span{\n transform:rotate(45deg);\n}\n\n\/* 右サムネイル *\/\n.bior-palette-nav-wrap{\n width:20vw;\n padding-top:56px;\n}\n\n.bior-palette-nav-title{\n text-align:center;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1.9vw;\n line-height:1.4;\n color:#7f7369;\n}\n\n.bior-palette-nav{\n margin-top:34px;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n column-gap:2.4vw;\n row-gap:2.8vw;\n}\n\n.bior-palette-thumb{\n display:block;\n width:100%;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n}\n\n.bior-palette-thumb img{\n display:block;\n width:100%;\n height:auto;\n transition:opacity .2s ease, transform .2s ease;\n}\n\n.bior-palette-thumb:hover img{\n opacity:.85;\n transform:translateY(-1px);\n}\n\n.bior-palette-thumb.is-active img{\n outline:1px solid #b7aaa2;\n outline-offset:4px;\n}\n\n\/* SP *\/\n@media screen and (max-width:768px){\n .bior-palette{\n padding:40px 0 90px;\n }\n\n .bior-palette-inner{\n width:90vw;\n }\n\n .bior-palette-title{\n margin-top:50px;\n width:70vw;\n }\n\n .bior-palette-ja{\n margin-top:34px;\n font-size:5vw;\n line-height:1.6;\n }\n\n\n .bior-palette-release{\n margin-top:18px;\n font-size:4vw;\n }\n\n .bior-palette-main{\n margin-top:30px;\n display:block;\n }\n\n .bior-palette-viewer{\n width:100%;\n min-height:auto;\n padding:54px 24px 42px;\n }\n\n .bior-palette-slide-image{\n width:30vw;\n }\n\n .bior-palette-category{\n width:52vw;\n margin-top:24px;\n font-size:3vw;\n padding:10px 10px;\n font-weight:500;\n }\n\n .bior-palette-number{\n margin-top:10px;\n font-size:7vw;\n }\n\n .bior-palette-name{\n margin-top:5px;\n font-size:5.3vw;\n line-height:1;\n }\n\n .bior-palette-sub{\n margin-top:3px;\n font-size:3vw;\n line-height:1.5;\n }\n\n .bior-palette-desc{\n margin-top:20px;\n font-size:3.5vw;\n line-height:1.7;\n }\n\n .bior-palette-price{\n margin-top:22px;\n font-size:4.2vw;\n }\n\n .bior-palette-arrow{\n width:32px;\n height:52px;\n }\n\n .bior-palette-arrow.prev{\n left:8px;\n }\n\n .bior-palette-arrow.next{\n right:8px;\n }\n\n .bior-palette-arrow span{\n width:16px;\n height:16px;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n }\n\n .bior-palette-nav-wrap{\n width:100%;\n padding-top:34px;\n }\n\n .bior-palette-nav-title{\n font-size:4.5vw;\n font-weight:500;\n }\n\n .bior-palette-nav{\n margin-top:28px;\n grid-template-columns:repeat(4, 14vw);\n justify-content:center;\n column-gap:7vw;\n row-gap:9vw;\n }\n\n .bior-palette-thumb.is-active img{\n outline-offset:3px;\n }\n}\n\n \/* =========================\n product features\n========================= *\/\n.bior-features{\n width:100%;\n padding:10px 0 100px;\n background:#fff;\n}\n\n.bior-features-inner{\n width:60vw;\n margin:0 auto;\n}\n\n.bior-features-head{\n text-align:center;\n}\n\n.bior-features-en{\n margin:0;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-ja{\n margin:10px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.2vw;\n line-height:1.3;\n letter-spacing:0.04em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-grid{\n margin-top:48px;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n column-gap:2.8vw;\n row-gap:72px;\n}\n\n.bior-features-card{\n border:1px solid #9e958d;\n padding:22px 22px 20px;\n box-sizing:border-box;\n background:#fff;\n\n display:flex;\n flex-direction:column;\n justify-content:flex-start;\n}\n\n.bior-features-text{\n margin-top:20px;\n}\n\n.bior-features-image{\n margin-top:auto; \/* 画像を一番下へ *\/\n padding-top:20px; \/* テキストとの間隔 *\/\n}\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n \n .bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n.bior-features-number{\n width:3vw;\n}\n\n.bior-features-number img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-features-title{\n margin:14px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.08vw;\n line-height:1.55;\n letter-spacing:0.03em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-text{\n margin-top:20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.84vw;\n line-height:1.8;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-note{\n display:block;\n margin-top:8px;\n font-size:0.62vw;\n line-height:1.4;\n}\n\n\n\n@media screen and (max-width:768px){\n .bior-features{\n padding:20px 0 40px;\n }\n\n .bior-features-inner{\n width:90vw;\n }\n\n .bior-features-en{\n font-size:3vw;\n line-height:1.4;\n }\n\n .bior-features-ja{\n margin-top:12px;\n font-size:8vw;\n line-height:1.3;\n }\n\n .bior-features-grid{\n margin-top:42px;\n grid-template-columns:repeat(2, 1fr);\n column-gap:6vw;\n row-gap:38px;\n }\n\n .bior-features-card{\n position:relative;\n padding:15px 15px 15px;\n min-height:460px;\n }\n\n .bior-features-number{\n width:9vw;\n }\n\n .bior-features-title{\n margin-top:8px;\n font-size:4vw;\n line-height:1.5;\n }\n\n .bior-features-text{\n margin-top:20px;\n font-size:2.95vw;\n line-height:1.7;\n }\n\n .bior-features-note{\n margin-top:8px;\n font-size:2vw;\n line-height:1.7;\n }\n\n\n .bior-features-card{\n display:flex;\n flex-direction:column;\n }\n\n .bior-features-image{\n margin-top:auto;\n padding-top:10px;\n }\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n}\n \/* =========================\n Coming soon button\n========================= *\/\n.bior-comingsoon{\n width:100%;\n padding:10px 0 140px;\n background:#fff;\n}\n\n.bior-comingsoon-inner{\n width:70vw;\n margin:0 auto;\n text-align:center;\n}\n\n.bior-comingsoon-date{\n margin:0 0 20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.3vw; \/* 今の発売日サイズを維持 *\/\n line-height:1.5;\n letter-spacing:0.06em;\n color:#84786d;\n font-weight:500;\n}\n\n.bior-comingsoon-btn{\n display:block;\n width:30vw;\n max-width:800px;\n margin:0 auto;\n}\n\n.bior-comingsoon-btn img{\n display:block;\n width:100%;\n height:auto;\n}\n\n@media screen and (max-width:768px){\n .bior-comingsoon{\n padding:0 0 90px;\n }\n\n .bior-comingsoon-inner{\n width:90vw;\n }\n\n .bior-comingsoon-date{\n margin-bottom:20px;\n font-size:4vw; \/* SPでも既存サイズ感に近づける *\/\n line-height:1.5;\n }\n\n .bior-comingsoon-btn{\n width:72vw;\n }\n}\n \/* =========================\n Lip serum section\n========================= *\/\n.bior-lipserum{\n width:100%;\n padding:150px 0 150px;\n background:#fff;\n}\n\n.bior-lipserum-inner{\n width:76vw;\n margin:0 auto;\n text-align:center;\n}\n\n.bior-lipserum-title{\n width:23vw;\n margin:0 auto;\n}\n\n.bior-lipserum-title img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lipserum-lead{\n margin:48px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2.3vw;\n line-height:1.62;\n letter-spacing:-0.01em;\n color:#84786d;\n}\n\n.bior-lipserum-note{\n margin:5px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.62vw;\n line-height:1.4;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-lipserum-grid{\n margin-top:70px;\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:10vw;\n}\n\n.bior-lipserum-item{\n width:9vw;\n text-align:center;\n}\n\n.bior-lipserum-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lipserum-number{\n margin-top:34px;\n font-family:\"Times New Roman\", serif;\n font-size:2vw;\n line-height:1;\n letter-spacing:0.01em;\n color:#d0bcc2;\n font-weight:500;\n}\n\n.bior-lipserum-name{\n margin-top:10px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.5vw;\n line-height:1.2;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-lipserum-price{\n margin-top:16px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.02em;\n color:#d0bcc2;\n font-weight:600;\n}\n\n@media screen and (max-width:768px){\n .bior-lipserum{\n padding:100px 0 90px;\n }\n\n .bior-lipserum-inner{\n width:90vw;\n }\n\n .bior-lipserum-title{\n width:44vw;\n }\n\n .bior-lipserum-lead{\n margin-top:34px;\n font-size:5vw;\n line-height:1.6;\n }\n\n .bior-lipserum-note{\n margin-top:14px;\n font-size:2vw;\n line-height:1.7;\n }\n\n .bior-lipserum-grid{\n margin-top:50px;\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:6vw;\n }\n\n .bior-lipserum-item{\n width:36vw;\n }\n\n .bior-lipserum-image{\n width:20vw;\n margin:0 auto;\n }\n\n .bior-lipserum-number{\n margin-top:18px;\n font-size:5.5vw;\n line-height:1;\n }\n\n .bior-lipserum-name{\n margin-top:8px;\n font-size:4vw;\n line-height:1.35;\n letter-spacing:0.01em;\n word-break:keep-all;\n overflow-wrap:normal;\n }\n\n .bior-lipserum-price{\n margin-top:12px;\n font-size:3.6vw;\n line-height:1.5;\n white-space:nowrap;\n }\n}\n\/* =========================\n Lip serum features\n========================= *\/\n.bior-lip-features{\n width:100%;\n padding:10px 0 50px;\n background:#fff;\n}\n\n.bior-lip-features .bior-features-inner{\n width:40vw;\n}\n\n.bior-lip-features .bior-features-grid{\n grid-template-columns:repeat(2, 1fr);\n}\n\n.bior-lip-features .bior-features-number{\n width:3vw;\n}\n\n.bior-lip-features .bior-features-note{\n display:block;\n margin-top:8px;\n font-size:0.62vw;\n line-height:1.4;\n}\n\n.bior-lip-features .bior-features-note p{\n margin:0 0 4px;\n}\n\n.bior-lip-features .bior-features-note p:last-child{\n margin-bottom:0;\n}\n\n@media screen and (max-width:768px){\n .bior-lip-features{\n padding:0 0 50px;\n }\n\n .bior-lip-features .bior-features-inner{\n width:90vw;\n }\n\n .bior-lip-features .bior-features-grid{\n grid-template-columns:repeat(2, 1fr);\n }\n\n .bior-lip-features .bior-features-number{\n width:9vw;\n }\n\n .bior-lip-features .bior-features-note{\n margin-top:8px;\n font-size:2vw;\n line-height:1.7;\n }\n}\n \/* =========================\n Lip serum existing color lineup\n========================= *\/\n.bior-lip-existing{\n width:100%;\n padding:10px 0 80px;\n background:#fff;\n}\n\n.bior-lip-existing-inner{\n width:50vw;\n margin:0 auto;\n text-align:center;\n}\n\n.bior-lip-existing-head{\n text-align:center;\n}\n\n.bior-lip-existing-en{\n margin:0;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-lip-existing-ja{\n margin:10px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.2vw;\n line-height:1.3;\n letter-spacing:0.04em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-lip-existing-grid{\n margin-top:70px;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n column-gap:4vw;\n row-gap:0;\n justify-items:center;\n align-items:start;\n}\n\n.bior-lip-existing-item{\n width:100%;\n text-align:center;\n}\n\n.bior-lip-existing-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n .bior-lip-existing-image{\n width:5vw;\n margin:0 auto;\n}\n\n.bior-lip-existing-number{\n margin-top:34px;\n font-family:\"Times New Roman\", serif;\n font-size:1.5vw;\n line-height:1;\n letter-spacing:0.01em;\n color:#d0bcc2;\n font-weight:500;\n}\n\n.bior-lip-existing-name{\n margin-top:10px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.2;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n@media screen and (max-width:768px){\n .bior-lip-existing{\n padding:0 0 40px;\n }\n\n .bior-lip-existing-inner{\n width:90vw;\n }\n\n .bior-lip-existing-en{\n font-size:3vw;\n line-height:1.4;\n }\n\n .bior-lip-existing-ja{\n margin-top:10px;\n font-size:8vw;\n line-height:1.3;\n }\n\n .bior-lip-existing-grid{\n margin-top:20px;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n column-gap:4vw;\n row-gap:0;\n }\n\n .bior-lip-existing-item{\n width:100%;\n }\n\n .bior-lip-existing-image{\n width:10vw;\n margin:0 auto;\n }\n\n .bior-lip-existing-number{\n margin-top:10px;\n font-size:5.5vw;\n line-height:1;\n }\n\n .bior-lip-existing-name{\n margin-top:8px;\n font-size:2vw;\n line-height:1.35;\n letter-spacing:0.01em;\n word-break:keep-all;\n overflow-wrap:normal;\n }\n}\n \/* =========================\n 商品説明\n========================= *\/\n\nhr {\n margin: 30px 0 15px 0;\n}\n\n.product-description {\n font-family: \"Noto Sans JP\", sans-serif;\n color: #000;\n line-height: 1.8;\n width: 78vw;\n max-width: 1200px;\n margin: 50px auto 0;\n box-sizing: border-box;\n}\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\n.description {\n font-size: 13px;\n margin-top: 10px;\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\/* アコーディオン *\/\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;\n height: 8px;\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\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\n\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"bior-makeup-lp\"\u003e\n\n \u003c!-- hero --\u003e\n \n \u003c!-- ここから下を100vw化 --\u003e\n \u003cdiv class=\"bior-wide\"\u003e\n\n \n \n\n \u003c!-- =========================\n Lip serum\n========================= --\u003e\n\u003csection id=\"lip-serum\" class=\"bior-lipserum\"\u003e\n \u003cdiv class=\"bior-lipserum-inner\"\u003e\n\n \u003cdiv class=\"bior-lipserum-title\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_lipserum_til.svg?v=1773305189\" alt=\"Lip serum\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bior-lipserum-lead\"\u003e\n お花とミネラルで色づく*粘膜感\u003cbr\u003e\n カラーリップ美容液\n \u003c\/p\u003e\n\n \u003cp class=\"bior-lipserum-note\"\u003e* ベニ花赤・酸化鉄\u003c\/p\u003e\n\n \u003cdiv class=\"bior-lipserum-grid\"\u003e\n\n \u003cdiv class=\"bior-lipserum-item\"\u003e\n \u003cdiv class=\"bior-lipserum-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_FloralCoral.webp?v=1773305219\" alt=\"05 フローラルコーラル\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-number\"\u003e05\u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-name\"\u003e\n フローラル\u003cbr\u003e\n コーラル\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-price\"\u003e¥2,970（税込）\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lipserum-item\"\u003e\n \u003cdiv class=\"bior-lipserum-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_FairyBlossom.webp?v=1773316899\" alt=\"06 フェアリーブロッサム\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-number\"\u003e06\u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-name\"\u003e\n フェアリー\u003cbr\u003e\n ブロッサム\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lipserum-price\"\u003e¥2,970（税込）\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n Lip serum product features\n========================= --\u003e\n\u003csection class=\"bior-lip-features\"\u003e\n \u003cdiv class=\"bior-features-inner\"\u003e\n\n \u003cdiv class=\"bior-features-head\"\u003e\n \u003cp class=\"bior-features-en\"\u003eproduct features\u003c\/p\u003e\n \u003ch2 class=\"bior-features-ja\"\u003e製品特徴\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-grid\"\u003e\n\n \u003c!-- 01 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_01.svg\" alt=\"01\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 1本3役の\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003eカラーリップ美容液\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n 天然由来の美容成分を100%配合。\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e\n 1本でリップ美容液・口紅・グロスの3役を果たし、自然なのに、艶っぽい発色です。リップクリームのように気軽につけても、ほどよく華やぎます。\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Lip_features_01.webp?v=1773305274\" alt=\"1本3役のカラーリップ美容液\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 02 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_02.svg\" alt=\"02\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 衛生的で使いやすい\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003eシリコンブラシ\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n容器の底を回すと、リップがシリコンブラシを通って適量出てくる設計。\u003cbr\u003e\nやわらかなシリコンブラシが唇にやさしくフィットし、指を使わずにそのまま塗布できます。\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Lip_features_02.webp?v=1773305274\" alt=\"衛生的で使いやすいシリコンブラシ\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 03 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_03.svg\" alt=\"03\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 5つの成分で\u003cbr\u003e\n 潤いチャージ\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n ビタミンC 誘導体*¹\/オリーブスクワラン*²\/麹由来ヒト型セラミド*³\/ビタミンE*⁴\/オーガニックオルガンオイル*⁵\n \u003cspan class=\"bior-features-note\"\u003e\n *¹ パルミチン酸アスコルビル(オーバーリップセラム)\/アスコルビルグルコシド(カラーリップ)\/ハリ・整肌\u003cbr\u003e\n *² スクワラン\/保湿　*³ セラミドAP・セラミドNP\/保湿\u003cbr\u003e\n *⁴ トコフェロール\/ハリ・保湿　*⁵ アルガニアスピノサ核油\/保湿・ツヤ\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Lip_features_03.webp?v=1773317000\" alt=\"5つの成分で潤いチャージ\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- 04 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_04.svg\" alt=\"04\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 敏感肌対応*¹\u003cbr\u003e\n 9つのフリー処方\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n 〈防腐剤全般*²・紫外線吸収剤・シリコン・石油系界面活性剤・鉱物油・合成ポリマー・タルク・タール系色素・カルミン〉全てフリー。\n \u003cspan class=\"bior-features-note\"\u003e\n *¹ 敏感肌パッチテスト済み（すべての方に刺激が起こらないということではありません）\u003cbr\u003e\n *² パラベン・フェノキシエタノールなどの防腐剤全般\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Lip_features_04.webp?v=1773317000\" alt=\"敏感肌対応 9つのフリー処方\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n \u003c!-- =========================\n Existing color lineup\n========================= --\u003e\n\u003csection class=\"bior-lip-existing\"\u003e\n \u003cdiv class=\"bior-lip-existing-inner\"\u003e\n\n \u003cdiv class=\"bior-lip-existing-head\"\u003e\n \u003cp class=\"bior-lip-existing-en\"\u003eexisting color lineup\u003c\/p\u003e\n \u003ch2 class=\"bior-lip-existing-ja\"\u003e既存色\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lip-existing-grid\"\u003e\n\n \u003c!-- 01 --\u003e\n \u003cdiv class=\"bior-lip-existing-item\"\u003e\n \u003cdiv class=\"bior-lip-existing-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SSmakeup_01.webp?v=1773329801\" alt=\"01 クリアハニー\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-name\"\u003eクリアハニー\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 02 --\u003e\n \u003cdiv class=\"bior-lip-existing-item\"\u003e\n \u003cdiv class=\"bior-lip-existing-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SSmakeup_02.webp?v=1773329801\" alt=\"02 アフタヌーンティーレッド\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-name\"\u003e\n アフタヌーン\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003eティー\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e\n レッド\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 03 --\u003e\n \u003cdiv class=\"bior-lip-existing-item\"\u003e\n \u003cdiv class=\"bior-lip-existing-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SSmakeup_03.webp?v=1773329801\" alt=\"03 金曜日のロゼ\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-name\"\u003e金曜日のロゼ\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 04 --\u003e\n \u003cdiv class=\"bior-lip-existing-item\"\u003e\n \u003cdiv class=\"bior-lip-existing-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SSmakeup_04.webp?v=1773329801\" alt=\"04 デイリーチェリー\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"bior-lip-existing-name\"\u003e\n デイリー\u003cbr\u003e\n チェリー\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n \n \u003c!--　ポリシー無添加 --\u003e\n \u003c!-- =========================\n policy section\n========================= --\u003e\n\u003csection class=\"bior-policy\"\u003e\n\n \u003c!-- タイトル（SEO用） --\u003e\n \u003ch2 class=\"bior-policy-title\"\u003epolicy\u003c\/h2\u003e\n\n \u003c!-- 画像 --\u003e\n \u003cdiv class=\"bior-policy-image\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/policy_SP.svg?v=1773126717\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/policy_PC.webp?v=1773122379\" alt=\"ノンケミカル 天然由来100% 敏感肌パッチテスト済み PETA認証 日本製 せっけんオフ 時短\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =========================\n 無添加一覧 section\n========================= --\u003e\n\u003csection class=\"bior-mutenka\"\u003e\n\n \u003c!-- タイトル（SEO用） --\u003e\n \u003ch2 class=\"bior-mutenka-title\"\u003e無添加一覧\u003c\/h2\u003e\n\n \u003c!-- 画像 --\u003e\n \u003cdiv class=\"bior-mutenka-image\"\u003e\n \u003cpicture\u003e\n \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/mutenka_SP.svg?v=1773126717\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/mutenka_PC.webp?v=1773122379\" alt=\"防腐剤全般 紫外線吸収剤 シリコン 石油系界面活性剤 鉱物油 合成香料 合成ポリマー タルク アルコール カルミン 合成着色料 不使用\"\u003e\u003c\/picture\u003e\n \u003c\/div\u003e\n\n \u003c!-- 注釈（SEO用） --\u003e\n \u003cdiv class=\"bior-mutenka-note\"\u003e\n \u003cp\u003e*¹ 敏感肌パッチテスト済み\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e（すべての方に刺激が起こらないということではありません）\u003c\/p\u003e\n \u003cp\u003e*² パラベン・フェノキシエタノールなどの防腐剤全般\u003c\/p\u003e\n \u003cp\u003e*³ 一部製品では溶媒として使用しているものがあります。\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c!-- =========================\n 詳細\n========================= --\u003e\n\u003cdiv class=\"product-description\" id=\"more-details\"\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\u003chr\u003e\n\u003cp class=\"description\"\u003e使用方法：底部のダイヤルを回して吐出させ、唇に塗布してください。\u003c\/p\u003e\n\u003chr\u003e\n\u003cp class=\"description\"\u003eメーカー小売価格：2,970円(税込)\u003c\/p\u003e\n\u003chr\u003e\n\u003c!-- FREE成分リスト --\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【クリアハニー】（イソステアリン酸ポリグリセリル－２／ダイマージリノール酸）コポリマー、ホホバ種子油*、ヒマシ油*、ミツロウ*、カルナウバロウ*、パルミチン酸アスコルビル、スクワラン、セラミドAP、セラミドNP、トコフェロール、アルガニアスピノサ核油*、ダマスクバラ花エキス*、トリ（カプリル酸／カプリン酸）グリセリル、ヒマワリ種子油、アプリコット核油ポリグリセリル－６エステルズ、オレンジ果皮油*\u003cbr\u003e*はオーガニック成分\u003cbr\u003e\u003cbr\u003e\n【アフタヌーンティーレッド\/金曜日のロゼ\/デイリーチェリー\/フローラルコーラル\/フェアリーブロッサム】\u003cbr\u003e(イソステアリン酸ポリグリセリル-2\/ダイマージリノール酸)コポリマー、ヒマワリ種子油*、ヒドロキシステアリン酸水添ヒマシ油、トリベヘニン、トリ（カプリル酸／カプリン酸）グリセリル、ダイマージリノール酸ダイマージリノレイル、(アブラナ種子油\/シナアブラギリ種子油)コポリマー、アスコルビルグルコシド、センチペダクンニンガミーエキス、セラミドNP、セラミドAP、スクワラン、トコフェロール、アルガニアスピノサ核油*、イソステアリン酸デキストリン、ヒマワリ種子ロウ、カルナウバロウ、アーモンド油*、ザクロ種子油*、マカデミア種子油、オレンジ果皮油、水、エタノール、（+\/－）ヒマシ油、結晶セルロース、ベニバナ赤、酸化チタン、酸化鉄、マイカ\u003cbr\u003e*はオーガニック成分\n\u003c\/div\u003e\n\u003chr\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\u003chr\u003e\n\u003cp class=\"description\"\u003e原産国(地)：日本\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ページ上部へ戻るリンク --\u003e\n\u003cp class=\"back-to-top\"\u003e\u003ca id=\"backToTopLink\" href=\"#top\"\u003eページ上部へ戻る↑\u003c\/a\u003e\u003c\/p\u003e\n\n\n\n \u003c\/div\u003e\n\n \n\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"オーガニック認証オーバーリップセラム〈クリアハニー〉","offer_id":42489574391896,"sku":"B013103","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"オーガニックカラーリップセラム〈アフタヌーンティーレッド〉","offer_id":42489574424664,"sku":"B013273","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"オーガニックカラーリップセラム〈金曜日のロゼ〉","offer_id":42489574457432,"sku":"B013343","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"オーガニックカラーリップセラム〈デイリーチェリー〉","offer_id":42489574490200,"sku":"B013413","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"オーガニックカラーリップセラム〈フローラルコーラル〉","offer_id":43909157814360,"sku":"B021950","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"オーガニックカラーリップセラム〈フェアリーブロッサム〉","offer_id":43909157847128,"sku":"B024300","price":2970.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/lip_sld_smn_210d6e2e-20d0-4aac-a38a-2d2bbc858c91.jpg?v=1774520696"},{"product_id":"オーガニック認証-薬用美白-the-vc-white-オールイン-コンセントレートローション","title":"オーガニック認証 薬用美白 THE VC WHITE オールイン コンセントレートローション【ボトル＆リフィル】","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003c!--スマホ1枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_01.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e \u003c!--PC1枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_01.webp?v=1752764941\" alt=\"PC1枚目\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ2枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_02.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e \u003c!--PC2枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_02.webp?v=1752769533\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ3枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_03.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e \u003c!--PC3枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_03.webp?v=1752765733\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ4枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_04.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e \u003c!--PC4枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_04.webp?v=1752766294\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ5枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_05.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e \u003c!--PC5枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_05.webp?v=1752765732\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/vcwhite_item.webp?v=1780456260\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニック認証 薬用美白　THE VC WHITE オールイン コンセントレート ローション\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌にまんべんなくなじませてください\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e有効成分：グリチルリチン酸ジカリウム、Ｌ－アスコルビン酸２－グルコシド その他の成分：１，３－ブチレングリコール、アロエ液汁末（２）*、１，２－ペンタンジオール、濃グリセリン、シロキクラゲ多糖体、ヒアルロン酸ナトリウム（２）、クエン酸、クエン酸ナトリウム、水酸化カリウム、サクラ葉抽出液、コメ発酵液、トリメチルグリシン、香料、セイヨウサンザシエキス*、ラベンダーエキス（１）*、ノバラエキス*、ローズマリーエキス*、セージエキス*、タイムエキス（２）*、セイヨウノコギリソウエキス*、エーデルワイスエキス*、植物性スクワラン、Ｎ－ステアロイルフィトスフィンゴシン、モノラウリン酸ポリグリセリル *オーガニック原料\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\u003c!--▼販売店注釈--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":42491184283736,"sku":"E353941","price":5500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2025_HP_d57fb664-5d50-4183-af89-cf1c1424f115.jpg?v=1752681089"},{"product_id":"オーガニック認証-薬用美白-the-vc-white-オールイン-コンセントレートローション-コピー","title":"オーガニック認証 薬用美白 THE VC WHITE オールイン コンセントレートローション 白桜の香り【リフィル】","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003c!--スマホ1枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_01.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC1枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_01.webp?v=1752764941\" alt=\"PC1枚目\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ2枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_02.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC2枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_02.webp?v=1752769533\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ3枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_03.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC3枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_03.webp?v=1752765733\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ4枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_04.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC4枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_04.webp?v=1752766294\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ5枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_wht_de_05.webp?v=1752765732\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC5枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wht_de_05.webp?v=1752765732\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/18516a862a3b406517455a77fdd3e251_7e8b0d0d-da6f-4b3d-9e95-b22335b322f4.jpg?v=1736151936\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e薬用美白ローションH\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌にまんべんなくなじませてください\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e有効成分：グリチルリチン酸ジカリウム、Ｌ－アスコルビン酸２－グルコシド その他の成分：１，３－ブチレングリコール、アロエ液汁末（２）*、１，２－ペンタンジオール、濃グリセリン、シロキクラゲ多糖体、ヒアルロン酸ナトリウム（２）、クエン酸、クエン酸ナトリウム、水酸化カリウム、サクラ葉抽出液、コメ発酵液、トリメチルグリシン、香料、セイヨウサンザシエキス*、ラベンダーエキス（１）*、ノバラエキス*、ローズマリーエキス*、セージエキス*、タイムエキス（２）*、セイヨウノコギリソウエキス*、エーデルワイスエキス*、植物性スクワラン、Ｎ－ステアロイルフィトスフィンゴシン、モノラウリン酸ポリグリセリル *オーガニック原料\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!--▼販売店注釈--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"リフィル","offer_id":42491215413336,"sku":"B019830","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/18516a862a3b406517455a77fdd3e251_c4f5da41-2a91-40f6-851f-acd0367ef788.jpg?v=1736151936"},{"product_id":"スキンベース-マリンサイエンス-ブースター","title":"オーガニック認証 スキンベース マリンサイエンス ブースター【ボトル＆リフィル】","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\u003c!--▼幅960px 左右アキ--\u003e\u003cdiv class=\"contents_inr\"\u003e\u003c\/div\u003e\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n \n \u003c!--スマホ1枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_01.webp?v=1752769680\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC1枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_01.webp?v=1752769680\" alt=\"PC1枚目\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ2枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_02.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC2枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_02.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ3枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_03.webp?v=1752769680\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC3枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_03.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ4枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_04.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC4枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_04.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c!--スマホ5枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_05.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e\n\u003c!--PC5枚目--\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_05.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/booster_item.webp?v=1780456252\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eスキンベース マリンサイエンス ブースター\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eお顔を洗ったあと、最初に本品をお肌によくなじませ、お手持ちのスキンケアを行ってください\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e水(還元性イオン水含む)、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、BG、PCA-Na、ダマスクバラ花水*、ジグリセリン、ベタイン、孔雀石抽出物、クロレラエキス、プロパンジオール、レシチン、乳酸、ラウリン酸ポリグリセリル-10、イモセミルエキス、カプリリルグリコール、オレンジ果皮油*、ティーツリー油* *オーガニック原料 　\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\u003c!--▼販売店注釈--\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":42491228782680,"sku":"E354001","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2025_HP_fa292dde-db79-400f-9adc-fdb7cad8984f.jpg?v=1754013406"},{"product_id":"アサパック-オールインワン美容液パック-ハイドロc-モイストレチーノc","title":"オーガニック認証 アサパック オールインワン美容液パック ハイドロC\/モイストレチーノC【スターターボックス】","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAx.webp?v=1734528898\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAx.webp?v=1734528891\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAy.webp?v=1734528912\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAy.webp?v=1734528908\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAz.webp?v=1734528924\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAz.webp?v=1734528918\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzA0.webp?v=1734528937\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzA0.webp?v=1734528929\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzA1.webp?v=1734528943\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzA1.webp?v=1734528938\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2Nyb3A.webp?v=1734528946\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eアサパック  ハイドロC\/モイストレチーノC\u003c\/dd\u003e\n\u003cdd\u003eセット内容（本体パウチ・容器・パッド70枚）\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eパッドに本液を含ませたものをお肌に5分前後貼付してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e【ハイドロC】水（還元性イオン水含む）、BG、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、グリセリン、ジグリセリン、ナツミカン花水*、ベタイン、PCA-Na、リンゴ果実培養細胞エキス、イソマルト、イモセミルエキス、アスコルビルグルコシド、セラミドAP、セラミドNP、孔雀石抽出物、フムスエキス、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス*、ツボクサエキス、オウゴン根エキス、イタドリ根エキス、カンゾウ根エキス、チャ葉エキス、ローズマリー葉エキス、カミツレ花エキス、エーデルワイス花／葉エキス*、クエン酸、カプリリルグリコール、グリチルリチン酸２Ｋ、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na *オーガニック原料 【モイストレチーノC】水（還元性イオン水含む）、BG、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、グリセリン、ダマスクバラ花水*、ジグリセリン、PCA-Na、アスコルビルグルコシド、セラミドAP、セラミドNP、リンゴ果実培養細胞エキス、イソマルト、イモセミルエキス、クロレラエキス、ベタイン、カプリリルグリコール、グリチルリチン酸２Ｋ、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na、プロパンジオール、レシチン、乳酸、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス* *オーガニック原料 　\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp\u003eメーカー希望小売価格　3,960円(税込)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!--▼販売店注釈--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ハイドロC","offer_id":42491254505560,"sku":"B015700","price":3960.0,"currency_code":"JPY","in_stock":false},{"title":"モイストレチーノC","offer_id":42491254538328,"sku":"B015870","price":3960.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/1_ef69331a-7b72-4324-abb6-2d0dcf524f2d.jpg?v=1735274085"},{"product_id":"アサパック-オールインワン美容液パック-ハイドロc-モイストレチーノc-コピー","title":"【詰め替え用 美容液＆パッド】オーガニック認証 アサパック オールインワン美容液パック ハイドロC\/モイストレチーノC リフィルセット　※詰め替え用のため容器は付属しません","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAx.webp?v=1734528898\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAx.webp?v=1734528891\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAy.webp?v=1734528912\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAy.webp?v=1734528908\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzAz.webp?v=1734528924\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzAz.webp?v=1734528918\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzA0.webp?v=1734528937\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzA0.webp?v=1734528929\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/c3BfdGFwX2l0ZW1wYWdlXzA1.webp?v=1734528943\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2l0ZW1wYWdlXzA1.webp?v=1734528938\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/dGFwX2Nyb3A.webp?v=1734528946\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eアサパック  ハイドロC\/モイストレチーノC【詰め替え用 リフィルセット】メーカー希望小売価格3.630円(税込)\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eパッドに本液を含ませたものをお肌に5分前後貼付してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e【ハイドロC】水（還元性イオン水含む）、BG、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、グリセリン、ジグリセリン、ナツミカン花水*、ベタイン、PCA-Na、リンゴ果実培養細胞エキス、イソマルト、イモセミルエキス、アスコルビルグルコシド、セラミドAP、セラミドNP、孔雀石抽出物、フムスエキス、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス*、ツボクサエキス、オウゴン根エキス、イタドリ根エキス、カンゾウ根エキス、チャ葉エキス、ローズマリー葉エキス、カミツレ花エキス、エーデルワイス花／葉エキス*、クエン酸、カプリリルグリコール、グリチルリチン酸２Ｋ、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na *オーガニック原料 【モイストレチーノC】水（還元性イオン水含む）、BG、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、グリセリン、ダマスクバラ花水*、ジグリセリン、PCA-Na、アスコルビルグルコシド、セラミドAP、セラミドNP、リンゴ果実培養細胞エキス、イソマルト、イモセミルエキス、クロレラエキス、ベタイン、カプリリルグリコール、グリチルリチン酸２Ｋ、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na、プロパンジオール、レシチン、乳酸、マンダリンオレンジ果実エキス*、ビターオレンジ果実エキス*、オレンジ果皮エキス* *オーガニック原料 　\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\u003c!--▼販売店注釈--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ハイドロC","offer_id":42491275280472,"sku":"B017090","price":3630.0,"currency_code":"JPY","in_stock":true},{"title":"モイストレチーノC","offer_id":42491275313240,"sku":"B017160","price":3630.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/1.jpg?v=1735274053"},{"product_id":"オーガニックアクア-フラワーミネラル-カラーセラムスポッツ","title":"オーガニックアクア フラワーミネラル　カラーセラム","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\u003c!--\u003cdt class=\"w_li\"\u003e商品について詳しくはこちら\u003c\/dt\u003e--\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec04\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e商品名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eオーガニックアクア フラワーミネラル カラーセラム〈コントロールカラー美容液〉\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e3,630円（税込）\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cbr\u003eｲﾈ種子水*、(カプリル酸\/カプリン酸)ﾔｼｱﾙｷﾙ、ﾗｳﾘﾝ酸ｲｿｱﾐﾙ、水添オリーブ油ｴﾁﾙﾍｷｼﾙ、BG、セバシン酸ｼﾞｴﾁﾙ、酸化亜鉛、ペﾝﾁﾚﾝｸﾞﾘｺｰﾙ、グリセリン、硫酸Mg、ｸｵﾀﾆｳﾑ-90べﾝﾄﾅｲﾄ、ｾﾗﾐﾄﾞAP、ｾﾗﾐﾄﾞNP、ｸﾛﾚﾗｴｷｽ、ｾﾝﾁﾍﾟﾀﾞｸﾝﾆﾝｶﾞﾐｰｴｷｽ、ｲﾓｾﾐﾙｴｷｽ、ｱｽｺﾙﾋﾞﾙｸﾞﾙｺｼﾄﾞ、ｽｸﾜﾗﾝ、ｼﾙｸ、ﾊﾟｰﾙ、ポﾘﾋドロキシステアリン酸ポﾘｸﾞﾘｾﾘﾙ-6、ﾎﾟﾘﾘｼﾉﾚｲﾝ酸ﾎﾟﾘｸﾞﾘｾﾘﾙ-6、 (ｼﾞｲｿｽﾃｱﾘﾝ酸\/ﾎﾟﾘﾋﾄﾞﾛｷｼｽﾃｱﾘﾝ酸\/ｾﾊﾞｼﾝ酸)ﾎﾟﾘｸﾞﾘｾﾘﾙ-4、ﾄﾘ(ｶﾌﾟﾘﾙ酸\/ｶﾌﾟﾘﾝ酸)ｸﾞﾘｾﾘﾙ、ｽﾃｱﾘﾝ酸、水添オリーブ油不けん化物、水酸化Al、ｷｼﾘﾄｰﾙ、ﾎﾟﾘﾋﾄﾞﾛｷｼｽﾃｱﾘﾝ酸、ｵﾚｲﾝ酸ﾎﾟﾘｸﾞﾘｾﾘﾙ-3、ﾀﾞｲﾏｰｼﾞﾘﾉｰﾙ酸ｼﾞｲｿｽﾃｱﾘﾝ酸ﾎﾟﾘｸﾞﾘｾﾘﾙ-3、ﾎﾟﾘｸﾞﾘｾﾘﾝ-6、ﾃﾞｶｲｿｽﾃｱﾘﾝ酸ﾎﾟﾘｸﾞﾘｾﾘﾙ-10、ｼﾞﾐﾘｽﾁﾝ酸Al、ﾄｺﾌｪﾛｰﾙ、ｾｲﾖｳｱﾌﾞﾗﾅ種子油、ｸﾞﾚｰﾌﾟﾌﾙｰﾂ種子ｴｷｽ、ﾌﾟﾛﾊﾟﾝｼﾞｵｰﾙ、ﾊﾟﾙﾐﾁﾝ酸ｱｽｺﾙﾋﾞﾙ、ﾚｼﾁﾝ、乳酸、水、ｴﾀﾉｰﾙ、（＋\/－）酸化ﾁﾀﾝ、ﾋﾏｼ油、酸化鉄、ｸﾞﾝｼﾞｮｳ、結晶ｾﾙﾛｰｽ、ﾐﾘｽﾁﾝ酸ｵｸﾁﾙﾄﾞﾃﾞｼﾙ、加水分解ｸﾁﾅｼｴｷｽ、ﾍﾞﾆﾊﾞﾅ赤、ﾃﾞｷｽﾄﾘﾝ、ﾑﾗｻｷ根ｴｷｽ ＊はオーガニック原料\u003c\/dd\u003e\n\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n \u003cbr\u003e\u003cbr\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e長期に放置しますと吐出口に溜まっていた内容物が分離することがありますが、品質には問題ありません。\u003c\/li\u003e\n\u003cli\u003eパフが汚れたら中性洗剤でやさしくもみ洗いし、完全に乾かしてからご使用ください。\u003cbr\u003e※パフに付いた色は完全には落ちません。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ラベンダーガーデン","offer_id":42514942296152,"sku":"B018840","price":3630.0,"currency_code":"JPY","in_stock":true},{"title":"アクアブルー","offer_id":42514942328920,"sku":"B018910","price":3630.0,"currency_code":"JPY","in_stock":true},{"title":"フォレストグリーン","offer_id":42514942361688,"sku":"B019070","price":3630.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/1_ef1ebb9e-afec-4b5f-8285-56416d93a9de.jpg?v=1735287438"},{"product_id":"フラワーミネラル-クリーミーマルチーク","title":"フラワーミネラル　クリーミーマルチーク","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"bannerBlock\"\u003e\n\u003cdl\u003e\n\u003c!--\u003cdt class=\"w_li\"\u003e商品について詳しくはこちら\u003c\/dt\u003e--\u003e\n\u003cdd\u003e\u003ca href=\"\/pages\/makeup#sec03\"\u003e\u003cpicture\u003e\u003csource media=\"(min-width:768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/d14f658c21358d6d465195f3e5f05b82.png?v=1735290238\" alt=\"商品について詳しくはこちら\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdiv class=\"onlyBlock\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e商品名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eフラワーミネラル クリーミー マルチーク\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e清潔なお肌に適量を塗布してください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003eメーカー希望小売価格\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e2,970円（税込）\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cbr\u003eﾄﾘ(ｶﾌﾟﾘﾙ酸\/ｶﾌﾟﾘﾝ酸)ｸﾞﾘｾﾘﾙ、ﾋﾄﾞﾛｷｼｽﾃｱﾘﾝ酸水添ﾋﾏｼ油、(ｶﾌﾟﾘﾙ酸\/ｶﾌﾟﾘﾝ酸)ﾔｼｱﾙｷﾙ、ﾗｳﾘﾝ酸ｲｿｱﾐﾙ、合成ﾌﾙｵﾛﾌﾛｺﾞﾊﾟｲﾄ、ﾋﾏﾜﾘ種子油、ﾋﾏﾜﾘ種子ﾛｳ、水添ｺｺｸﾞﾘｾﾘﾙ、ｶﾙﾅｳﾊﾞﾛｳ、ﾎﾟﾘﾋﾄﾞﾛｷｼｽﾃｱﾘﾝ酸、ｼﾞﾐﾘｽﾁﾝ酸Al、ﾄｺﾌｪﾛｰﾙ、ｾｲﾖｳｱﾌﾞﾗﾅ種子油、ﾊﾟｰﾙ、ｽｸﾜﾗﾝ、ｾﾗﾐﾄﾞAP、ｾﾗﾐﾄﾞNP、（＋\/－）ｼﾘｶ、酸化ﾁﾀﾝ、ﾏｲｶ、ﾋﾏｼ油、酸化鉄、結晶ｾﾙﾛｰｽ、ﾄﾘｲｿｽﾃｱﾘﾝ酸ﾎﾟﾘｸﾞﾘｾﾘﾙ-2、ﾍﾞﾆﾊﾞﾅ赤、水酸化Al、酸化ｽｽﾞ、ﾀﾞｲｽﾞ油、ﾆﾝｼﾞﾝ根ｴｷｽ\u003c\/dd\u003e\n\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n \u003cbr\u003e\u003cbr\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003cli\u003e天然由来成分のため、色素に偏りが見えることがありますが、使用には問題ございません\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"じゅわっとロゼ","offer_id":42514944196696,"sku":"B018530","price":2970.0,"currency_code":"JPY","in_stock":false},{"title":"じゅわっとコーラル","offer_id":42514944229464,"sku":"B018600","price":2970.0,"currency_code":"JPY","in_stock":true},{"title":"じゅわっとマンダリン","offer_id":42514944262232,"sku":"B018770","price":2970.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/98ef3350316f56a634b8aa131bf70d18.jpg?v=1735287574"},{"product_id":"スキンベース-マリンサイエンス-ブースター-リフィル-コピー","title":"オーガニック認証 スキンベース マリンサイエンス ブースター 【リフィル】","description":"\u003cstyle\u003e#product .contents { background: #FFF; }\u003c\/style\u003e\n\u003c!--▼幅960px 左右アキ--\u003e\n\u003cdiv class=\"contents_inr\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--▲幅960px 左右アキ--\u003e\u003c!--▼画像挿入--\u003e\n\u003cdiv style=\"margin-bottom: 10%;\"\u003e\n\u003c!--スマホ1枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_01.webp?v=1752769680\" media=\"(max-width: 768px)\"\u003e \u003c!--PC1枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_01.webp?v=1752769680\" alt=\"PC1枚目\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ2枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_02.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e \u003c!--PC2枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_02.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ3枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_03.webp?v=1752769680\" media=\"(max-width: 768px)\"\u003e \u003c!--PC3枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_03.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ4枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_04.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e \u003c!--PC4枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_04.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--スマホ5枚目--\u003e\n\u003cdiv\u003e\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sp_smb_de_05.webp?v=1752769681\" media=\"(max-width: 768px)\"\u003e \u003c!--PC5枚目--\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/smb_de_05.webp?v=1752769681\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/18516a862a3b406517455a77fdd3e251_2469b025-efc0-4123-839b-044019bc70db.jpg?v=1735274531\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eスキンベース マリンサイエンス ブースター\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eお顔を洗ったあと、最初に本品をお肌によくなじませ、お手持ちのスキンケアを行ってください\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e水(還元性イオン水含む)、チャ葉水*、ナツミカン果皮水*、ペンチレングリコール、BG、PCA-Na、ダマスクバラ花水*、ジグリセリン、ベタイン、孔雀石抽出物、クロレラエキス、プロパンジオール、レシチン、乳酸、ラウリン酸ポリグリセリル-10、イモセミルエキス、カプリリルグリコール、オレンジ果皮油*、ティーツリー油* *オーガニック原料 　\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\u003c!--▼販売店注釈--\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"リフィル","offer_id":42829256163416,"sku":"B019900","price":4400.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/18516a862a3b406517455a77fdd3e251_ec9958c8-2229-46e0-ac31-907ef0ee00ea.jpg?v=1736151884"},{"product_id":"hydration-veil-infusion","title":"オーガニック認証 ハイドレーションヴェール インフュージョン ウォータークリーム","description":"\u003c!-- Google Fonts 読み込み --\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch1 class=\"title-main\"\u003eHYDRATION VEIL INFUSION \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=\"subtitle\"\u003eハイドレーションヴェール　インフュージョン　ウォータークリーム〈保湿美容クリーム〉\u003c\/p\u003e\n\u003ch2 class=\"ml\"\u003e50g\u003c\/h2\u003e\n\u003c!-- ラベル一覧 --\u003e\n\u003cdiv class=\"label-row\"\u003e\n\u003cspan class=\"label\"\u003e保湿\u003c\/span\u003e \u003cspan class=\"label\"\u003eメイクのりUP\u003c\/span\u003e \u003cspan class=\"label\"\u003eモロモロ対応*¹\u003c\/span\u003e\u003cspan class=\"label\"\u003eベタつきレス\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spacer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2 class=\"title-sub\"\u003e濃密しっとりなコクのあるウォータークリーム\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e肌を包み込む“高保湿クリーム”の理想形。コクのある濃厚質感。乾いた角層をじんわりと包み込みます。\u003cbr\u003e油膜感の無い仕上がりは不思議なほどべたつかず、ヒト型セラミドを中心とした保湿因子が角層で働くことで、\u003cbr\u003e“内側しっとり・外側さらり”という新しい質感を叶えました。\u003c\/p\u003e\n\u003cp class=\"note\"\u003e*¹クリームなどに配合される増粘剤の影響で起こるピリングのこと\u003c\/p\u003e\n\u003c!-- POINT画像（PC\/SP切替） --\u003e\n\u003cdiv class=\"point-image-block\"\u003e\u003cpicture\u003e \u003c!-- SP版 --\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point01_SP.webp?v=1764947970\"\u003e \u003c!-- PC版 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point01_PC.webp?v=1764947970\" alt=\"ポイント画像01\" class=\"point-img\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003chr\u003e\n\u003cp class=\"description\"\u003e〈こんな方におすすめ〉\u003cbr\u003e\u003cimg class=\"check-icon\" alt=\"チェック\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/check_gr.svg?v=1754029979\"\u003eメイク後のモロモロが気になる\u003cbr\u003e\u003cimg class=\"check-icon\" alt=\"チェック\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/check_gr.svg?v=1754029979\"\u003e肌の乾燥が気になるけど、べたつきは抑えたい\u003cbr\u003e\u003cimg class=\"check-icon\" alt=\"チェック\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/check_gr.svg?v=1754029979\"\u003e肌の揺らぎが気になる\u003cbr\u003e\u003cimg class=\"check-icon\" alt=\"チェック\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/check_gr.svg?v=1754029979\"\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\"【全成分】水（還元性イオン水含む）、イネ種子水*、BG、スクワラン、セテアリルアルコール、ジグリセリン、ペンチレングリコール、パルミチン酸**、ステアリン酸**、セテアリルグルコシド、アスコルビルグルコシド、エリンギウムマリチムムカルス培養液、クロレラエキス、プロパンジオール、レシチン、ナツミカン花水*、PCA-Na、孔雀石抽出物、ツボクサエキス、セラミドAP、セラミドNP、乳酸、ヒアルロン酸Na、カルナウバロウ*、カプリル酸グリセリル、クエン酸、アニス酸Na、シア脂、アラビアゴム、キサンタンガム、ティーツリー葉油*、オレンジ果皮油*、ローマカミツレ花油*、ニオイテンジクアオイ油*、ダマスクバラ花油*、ハトムギ種子エキス、チャ葉エキス、トコフェロール、ヒマワリ種子油、オウゴン根エキス、イタドリ根エキス、カンゾウ根エキス、ローズマリー葉エキス、カミツレ花エキス\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\u003c!-- POINTセクション（画像のみ） --\u003e\n\u003csection class=\"point-section point-section--image\"\u003e\u003cpicture\u003e \u003c!-- スマホ用 --\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point02_SP.webp?v=1764947970\"\u003e \u003c!-- PC用 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point02_PC.webp?v=1764947971\" alt=\"ポイント01\"\u003e\u003c\/picture\u003e\u003c\/section\u003e\n\u003csection class=\"point-section point-section--image\"\u003e\u003cpicture\u003e \u003c!-- スマホ用 --\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point03_SP.webp?v=1764947971\"\u003e \u003c!-- PC用 --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_point03_PC.webp?v=1764947971\" alt=\"ポイント02\"\u003e\u003c\/picture\u003e\u003c\/section\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eSTEP\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:\/\/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 04\u003c\/p\u003e\n\u003ch3\u003eHYDRATION VEIL INFUSION\u003c\/h3\u003e\n\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e使用方法：化粧水やブースターのあとに適量をなじませてください。\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 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}\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: 30px;\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.note {\n font-size: 12px;\n margin-bottom: 30px;\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 \/* POINTセクション（画像のみ）のレイアウト調整 *\/\n.point-section--image {\n display: block; \/* 横並びflexを解除 *\/\n margin: 30px 0;\n background-color: #fff;\n padding: 0;\n}\n\n.point-section--image picture,\n.point-section--image img {\n display: block;\n width: 100%;\n height: auto;\n}\n.point-image-block {\n margin: 20px auto;\n text-align: left;\n}\n\n.point-img {\n width: 50vw; \/* 画面幅いっぱい *\/\n max-width: 50vw; \/* PC時の最大幅（必要に応じて変更OK） *\/\n height: auto;\n display: block;\n margin: 0 auto;\n margin-left: 0;\n}\n\n @media screen and (max-width: 768px) {\n .point-img {\n width: 100% !important; \/* ← 画面幅いっぱい *\/\n max-width: 100% !important;\n height: auto;\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\n\u003c\/style\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":43476942553176,"sku":"B020410","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/wcream_sldr_01_757a6a87-2875-4603-b236-1c8eb0e761e0.jpg?v=1764951699"},{"product_id":"previtadew","title":"オーガニック認証 プレヴィータ デュー〈メイク前美容液〉","description":"\u003c!-- Google Fonts 読み込み --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ▼ここから背景を付けたい --\u003e\n\u003csection class=\"bior-revita-bg\"\u003e\n \n\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 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\n\n\u003c\/section\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch1 class=\"title-main\"\u003ePre:VITA DEW \u003cimg class=\"title-icon\" alt=\"朝夜アイコン\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/asa_icon_e82f3815-1cfe-4108-af12-010c0bbedb8b.svg?v=1757091566\"\u003e\n\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003eプレヴィータ デュー〈メイク前美容液〉\u003c\/p\u003e\n\u003ch2 class=\"ml\"\u003e30mL\u003c\/h2\u003e\n\u003c!-- ラベル一覧 --\u003e\n\u003cdiv class=\"label-row\"\u003e\n\u003cspan class=\"label\"\u003eメイクノリUP\u003c\/span\u003e \u003cspan class=\"label\"\u003e保湿\u003c\/span\u003e \u003cspan class=\"label\"\u003e毛穴ケア\u003c\/span\u003e\u003cspan class=\"label\"\u003eモロモロフリー*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003e* *クリームなどに配合される増粘剤の影響で起こるピリングのこと\u003c\/p\u003e\n\u003ch2 class=\"title-sub\"\u003e“メイク前”の一滴が、1日を変える。\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e日中美容のための新発想【メイク前美容液】が誕生。\u003cbr class=\"pc-only\"\u003e白玉点滴として知られる【グルタチオン推奨濃度配合】で、日中もお肌を整えて徹底的に守ります。\u003cbr class=\"pc-only\"\u003eまた、メイクの仕上がりとスキンケアとの関係に着目。ファンデーションがヨレたり、モロモロ*4したりする原因の多くは、スキンケアの高粘度クリームなどに含まれる“不要な皮膜”ってご存じでしたか。 Pre:VITA DEWは厚いクリームの膜を使用せず、うるおいの薄膜ヴェールで密着させる美容液設計。メイクの完成度に悩んでいた方をサポートします。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"note\"\u003e*1 防腐剤・石油由来成分・シリコン・アルコール・合成香料 フリー　\u003cbr class=\"pc-only\"\u003e*2 保護・保湿・整肌・ハリ　\u003cbr class=\"pc-only\"\u003e*3 敏感肌パッチテスト済み（すべての方に刺激が起こらないということではありません）\u003cbr class=\"pc-only\"\u003e*4 クリームなどに配合される増粘剤の影響で起こるピリングのこと　\u003cbr class=\"pc-only\"\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【全成分】水（還元性イオン水含む）、イネ種子水*、BG、ジグリセリン、グリセリン、ペンチレングリコール、PCA-Na、ベタイン、ナツミカン果皮水*、カプリリルグリコール、グリチルリチン酸2K、α－グルカンオリゴサッカリド、ヒアルロン酸Na、加水分解ヒアルロン酸Na、イモセミルエキス、マンダリンオレンジ果実エキス、ビターオレンジ果実エキス、オレンジ果皮エキス*、アスコルビルグルコシド、セラミドAP、セラミドNP、ラウリン酸ポリグリセリル-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\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\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e使用方法：洗顔後、化粧水やブースターでお肌を整えた後、ベースメイクの直前に適量をやさしくなじませてください。\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: 15px; \/* 縦横比を維持 *\/\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: 100px; \/* 矢印との距離（好みで調整） *\/\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: 80px;\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":43737292046424,"sku":"B020100","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/pre_sldr_img01_01.webp?v=1770474267"},{"product_id":"revitadew","title":"オーガニック認証 レヴィータ デュー〈夜用美容液〉","description":"\u003c!-- Google Fonts 読み込み --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ▼ここから背景を付けたい --\u003e\n\u003csection class=\"bior-revita-bg\"\u003e\n \n\u003c!-- =========================\n Logo\n========================= --\u003e\n\u003cdiv class=\"bior-fv-logo\"\u003e\n\u003cimg alt=\"BIOR ロゴ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/biororganics_logo.webp?v=1767660346\"\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 aria-label=\"Day and Night Serum heading\" class=\"bior-fv-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 alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_2p_PC.webp?v=1765869172\" class=\"bior-2p-pc\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_2p_SP.webp?v=1765869137\" class=\"bior-2p-sp\"\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n Repre 1P\n========================= --\u003e\n\u003cdiv class=\"bior-repre-image\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_1p_PC.webp?v=1767194560\" class=\"bior-pc-only\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_lp_1p_SP.webp?v=1767201880\" class=\"bior-sp-only\"\u003e\n\u003c\/div\u003e\n\n \n\u003c!-- =========================\n ReVITA アイテム\n========================= --\u003e\n\u003cdiv class=\"bior-revitadetail-title\"\u003e\u003cimg alt=\"ReVITA detail\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_title_revita-detail.webp?v=1767147382\"\u003e\u003c\/div\u003e\n\u003cdiv aria-label=\"Item detail copy\" class=\"bior-itemdetail-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 aria-label=\"世界初コピー\" class=\"bior-itemdetail-worldfirst\"\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 aria-label=\"Re:VITA DEW image\" class=\"bior-itemdetail-worldfirst-img\"\u003e\u003cimg alt=\"Re:VITA DEW\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_mainimg.webp?v=1767095696\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n レヴィータ成分\n========================= --\u003e\n\u003csection aria-label=\"Retinol diagram\" class=\"bior-retinol-card\"\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 alt=\"Retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Retinol.webp?v=1767096745\" class=\"bior-retinol-ball\"\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 aria-hidden=\"true\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_x.webp?v=1767097417\" class=\"bior-retinol-ximg\"\u003e \u003c!-- 右 --\u003e\n\u003cdiv class=\"bior-retinol-item\"\u003e\n\u003cimg alt=\"Retinoate\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Retinoate.webp?v=1767096714\" class=\"bior-retinol-ball\"\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 aria-hidden=\"true\" class=\"bior-retinol-line\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_line.webp?v=1767097417\" class=\"bior-retinol-lineimg\"\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 alt=\"Bioscience Retinol\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/BioscienceRetinol.webp?v=1767096593\" class=\"bior-retinol-centerball\"\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 aria-label=\"攻めるオーガニック×サイエンス\" class=\"bior-revita-concept\"\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 aria-label=\"Re:VITA DEW おすすめ\" class=\"bior-retinol-reco\"\u003e\n\u003cp class=\"bior-retinol-reco__top\"\u003e〈一般的なレチノール〉\u003cbr\u003e刺激に耐性があり、効果を最優先したい方におすすめ\u003c\/p\u003e\n\u003cdiv aria-hidden=\"true\" class=\"bior-retinol-reco__arrow\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_img03.webp?v=1767113055\"\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 aria-label=\"なぜ「オーガニックでレチノール」は難しかったのか。\" class=\"bior-retinol-reco\"\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 aria-label=\"「敏感肌対応*」だから\" class=\"bior-retinol-reco\"\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 alt=\"敏感肌対応イメージ\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/repre_re_img04.webp?v=1767114254\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n bior organicsの肌へのこだわり（2ボックス）\n========================= --\u003e\n\u003csection aria-label=\"bior organicsの肌へのこだわり\" class=\"bior-skin-commit\"\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 alt=\"ECOCERT COSMOS ORGANIC\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/ecocert_logo.png?v=1753959314\" class=\"bior-skin-commit__mark\"\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\n \n\u003c\/section\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003ch1 class=\"title-main\"\u003eRe:VITA DEW \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/yoru_icon_4ad9fa12-2fe8-4084-bf5e-afde043c9078.svg?v=1757161333\" alt=\"朝夜アイコン\" class=\"title-icon\"\u003e\n\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003eレヴィータ デュー〈夜用美容液〉\u003c\/p\u003e\n\u003ch2 class=\"ml\"\u003e30mL\u003c\/h2\u003e\n\u003c!-- ラベル一覧 --\u003e\n\u003cdiv class=\"label-row\"\u003e\n\u003cspan class=\"label\"\u003eハリ\u003c\/span\u003e \u003cspan class=\"label\"\u003e保湿\u003c\/span\u003e \u003cspan class=\"label\"\u003e整肌\u003c\/span\u003e\u003cspan class=\"label\"\u003eエイジングケア*\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"note\"\u003e* 年齢に応じたお手入れ\u003c\/p\u003e\n\u003ch2 class=\"title-sub\"\u003e世界初*¹─\u003cbr\u003eオーガニックレチノール、誕生。\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e「オーガニックでは不可能」——そう言われてきたレチノール美容液。\u003cbr\u003eその理由は、レチノールが長らく“石油由来の合成品”でしか存在しなかったから。\u003cbr class=\"pc-only\"\u003e植物由来のバクチオールやクロレラエキスも、あくまでレチノールの“疑似成分”であり、“代替”にすぎませんでした。\u003cbr class=\"pc-only\"\u003ebior organicsは、その常識を覆し、世界で初めて、オーガニック認証製品として天然レチノールの配合に成功*¹。\u003cbr class=\"pc-only\"\u003e天然カロテノイドから生まれた独自原料【バイオサイエンス レチノール™】*²により、前例のない製品を生み出しました。\u003cbr class=\"pc-only\"\u003e長期的な肌コンディションの底上げを目指す“レチノール”*³と、即効性のある“レチナール（ビタミンA誘導体）”*⁴を\u003cbr class=\"pc-only\"\u003e組み合わせたWアプローチで、ターンオーバータイムをより充実したものに。\u003cbr class=\"pc-only\"\u003e皮膚科医監修のもと敏感肌パッチテストもクリア*⁵。ファーストレチノールとしてもおすすめです。\u003cbr\u003e\u003cbr\u003e自然の力とサイエンスの融合——\u003cbr\u003ebior organicsが贈る、革新的なクリーンビューティーを、あなたの肌で感じてください。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"note\"\u003e*¹COSMOSオーガニック認証を取得したレチノール配合化粧品として世界初（2025年10月1日時点\/ステラアソシエ調べ）　\u003cbr class=\"pc-only\"\u003e*²レチノール\/ハリ・保湿・整肌、レチノイン酸トコフェリル、トリ（カプリル酸／カプリン酸）グリセリル\/ハリ・保湿・整肌　\u003cbr class=\"pc-only\"\u003e*³ハリ・保湿・整肌　\u003cbr class=\"pc-only\"\u003e*⁴レチノイン酸トコフェリル、トリ（カプリル酸／カプリン酸）グリセリル\/ハリ・保湿・整肌　\u003cbr class=\"pc-only\"\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 type=\"checkbox\" id=\"toggle-ingredients\"\u003e \u003clabel class=\"accordion-label\" for=\"toggle-ingredients\"\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【全成分】水（還元性イオン水含む）、イネ種子水*、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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/binkanhada.svg?v=1761304744\" alt=\"敏感肌対応マーク\" class=\"eco-mark\"\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/ecocert.svg?v=1754016929\" alt=\"ECOCERTマーク\" class=\"eco-mark\"\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\u003c\/h2\u003e\n\u003cdiv class=\"step-gallery\"\u003e\n\u003cdiv class=\"step-track\"\u003e\n\u003c!-- STEP 01 --\u003e\u003ca 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\" class=\"step-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step1_nightonly.webp?v=1764981194\" alt=\"STEP 01\"\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 src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\" alt=\"\" class=\"arrow\"\u003e \u003c!-- STEP 02 --\u003e\u003ca 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\" class=\"step-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step2.webp?v=1754025141\" alt=\"STEP 02\"\u003e\n\u003cp\u003eSTEP 02\u003c\/p\u003e\n\u003ch3\u003eSKINBASE MARINE SCIENCE BOOSTER\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\" alt=\"\" class=\"arrow\"\u003e \u003c!-- STEP 03 --\u003e\u003ca 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\" class=\"step-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step3.webp?v=1754025141\" alt=\"STEP 03\"\u003e\n\u003cp\u003eSTEP 03\u003c\/p\u003e\n\u003ch3\u003eTHE VC WHITE CONCENTRATE LOTION\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\" alt=\"\" class=\"arrow\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca href=\"https:\/\/biororganics.com\/products\/revitadew\" class=\"step-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step_revita.webp?v=1767614491\" alt=\"ReVITA DEW\"\u003e\n\u003cp\u003eSTEP 04\u003c\/p\u003e\n\u003ch3\u003eRe:VITA DEW\u003c\/h3\u003e\n\u003c\/a\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/arrow_01.svg?v=1754018937\" alt=\"\" class=\"arrow\"\u003e \u003c!-- STEP 04 morning --\u003e\u003ca href=\"https:\/\/biororganics.com\/products\/hydration-veil-infusion\" class=\"step-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sk_step4wc.webp?v=1764948909\" alt=\"STEP 04 morning\"\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\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cp class=\"description\"\u003e使用方法：ご使用前に軽く振り、適量を清潔なお肌にやさしくなじませてください。夜のお手入れに取り入れていただくことをおすすめします。\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 type=\"checkbox\" id=\"toggle-caution\"\u003e \u003clabel class=\"accordion-label\" for=\"toggle-caution\"\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 href=\"#top\" id=\"backToTopLink\"\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: 15px; \/* 縦横比を維持 *\/\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}\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 タイプ別 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":43737354403928,"sku":"B020270","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/re_sldr_img01_01.webp?v=1770474256"},{"product_id":"color-powder","title":"フラワーミネラルカラーパウダー","description":"\u003cstyle\u003e\n\/* =========================\n Background\n========================= *\/\n#MainContent{\n background-color:#fff;\n overflow-x:hidden;\n}\n\n#MainContent .shopify-section,\n#MainContent .page-width{\n background-color:#fff;\n}\n\n.main-page-title,\n.page-width.page-content h1{\n display:none !important;\n}\n\n#MainContent .shopify-section{\n padding-top:0 !important;\n margin-top:0 !important;\n}\n\n\/* ======================================\n bior organics × Travis Japan LP\n====================================== *\/\n.bior-makeup-lp{\n width:100%;\n background:#fff;\n overflow:visible;\n}\n\n.bior-hero,\n.bior-wide{\n max-width:none;\n}\n\n.bior-makeup-lp picture{\n display:block;\n}\n\n.bior-makeup-lp img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-hero img,\n.bior-newintro-image img{\n object-fit:contain;\n}\n\n\n\n\/* =========================\n wide block\n========================= *\/\n.bior-wide{\n width:100vw;\n margin-left:calc(50% - 50vw);\n background:#fff;\n}\n\n\/* =========================\n old intro\n========================= *\/\n.bior-intro{\n text-align:center;\n padding-top:140px;\n padding-bottom:86px;\n}\n\n.bior-intro-text{\n margin:0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.5vw;\n line-height:1.7;\n letter-spacing:0.04em;\n color:#111;\n}\n\n@media screen and (max-width:768px){\n .bior-intro{\n padding-top:64px;\n padding-bottom:40px;\n }\n\n .bior-intro-text{\n font-size:8.9vw;\n line-height:1.65;\n }\n}\n\n\/* =========================\n section title\n========================= *\/\n.bior-section-title{\n margin-top:140px;\n text-align:center;\n padding-bottom:100px;\n}\n\n.bior-section-title-img{\n width:50vw;\n margin:0 auto;\n}\n\n.bior-section-title-ja{\n margin-top:24px;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:1.3vw;\n line-height:1.8;\n letter-spacing:0.2em;\n color:#6d6666;\n}\n\n@media screen and (max-width:768px){\n .bior-section-title{\n padding-bottom:60px;\n }\n\n .bior-section-title-img{\n width:80vw;\n }\n\n .bior-section-title-ja{\n margin-top:16px;\n font-size:4vw;\n line-height:1.8;\n letter-spacing:0.1em;\n }\n}\n\n\/* =========================\n variation block\n========================= *\/\n.bior-variation-wrap{\n width:100%;\n}\n\n\n.bior-variation-row{\n width:100%;\n display:flex;\n justify-content:center;\n align-items:center;\n gap:5.8vw;\n margin-bottom:128px;\n}\n\n.bior-variation-row.reverse{\n flex-direction:row-reverse;\n}\n\n.bior-person{\n width:27.5vw;\n flex:0 0 27.5vw;\n}\n\n.bior-info{\n width:15.5vw;\n flex:0 0 15.5vw;\n text-align:center;\n}\n\n\/* 商品画像 *\/\n.bior-product{\n width:10vw;\n margin:0 auto;\n}\n\n.bior-copy-top{\n margin-top:14px;\n font-family:\"Avenir Next\", \"Avenir\", sans-serif;\n font-size:0.8vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#c9c1bf;\n}\n\n.bior-copy-main{\n margin-top:6px;\n font-family:\"Times New Roman\", serif;\n font-size:1.62vw;\n line-height:1.25;\n letter-spacing:0.03em;\n color:#7d7474;\n}\n\n.bior-copy-sub{\n margin-top:6px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.8vw;\n line-height:1.5;\n letter-spacing:0.01em;\n color:#8b8383;\n}\n\n\/* learn moreボタン *\/\n.bior-btn{\n display:block;\n width:13vw;\n margin:26px auto 0;\n}\n\n.bior-btn img{\n width:100%;\n}\n\n@media screen and (max-width:768px){\n .bior-variation-row,\n .bior-variation-row.reverse{\n display:block;\n margin-bottom:60px;\n }\n\n .bior-person{\n width:66.5vw;\n margin:0 auto;\n }\n\n .bior-info{\n width:100%;\n margin-top:28px;\n }\n\n .bior-product{\n width:30vw;\n }\n\n .bior-copy-top{\n margin-top:8px;\n font-size:1.5vw;\n line-height:1.4;\n }\n\n .bior-copy-main{\n margin-top:6px;\n font-size:5.8vw;\n line-height:1.2;\n }\n\n .bior-copy-sub{\n margin-top:6px;\n font-size:2.8vw;\n line-height:1.5;\n }\n\n .bior-btn{\n width:50vw;\n margin-top:20px;\n }\n}\n\n\/* =========================\n Scroll Fade Animation\n========================= *\/\n.fade-left,\n.fade-right{\n opacity:0;\n transition:all 0.9s ease;\n will-change:transform, opacity;\n}\n\n.fade-left{\n transform:translateX(-4vw);\n}\n\n.fade-right{\n transform:translateX(4vw);\n}\n\n.fade-left.is-visible,\n.fade-right.is-visible{\n opacity:1;\n transform:translateX(0);\n}\n\n\/* =========================\n New makeup series intro\n========================= *\/\n.bior-newintro{\n width:100%;\n text-align:center;\n padding-top:150px;\n padding-bottom:120px;\n}\n\n.bior-newintro-title{\n width:58vw;\n margin:0 auto;\n}\n\n.bior-newintro-sub{\n margin-top:30px;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1.3vw;\n line-height:1.5;\n letter-spacing:0.06em;\n color:#8f8580;\n font-weight:200;\n}\n\n.bior-newintro-head{\n margin:80px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3vw;\n line-height:1.65;\n letter-spacing:0.01em;\n color:#8c7f79;\n font-weight:400;\n}\n\n.bior-newintro-lead{\n margin-top:30px;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2vw;\n line-height:1.85;\n letter-spacing:0.01em;\n color:#7b6d60;\n font-weight:400;\n}\n\n.bior-newintro-image{\n width:66vw;\n margin:94px auto 0;\n}\n\n.bior-newintro-body{\n width:50vw;\n margin:80px auto 0;\n}\n\n.bior-newintro-text{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.2vw;\n line-height:1.7;\n letter-spacing:0.01em;\n color:#7b6d60;\n font-weight:500;\n}\n\n.bior-newintro-text + .bior-newintro-text{\n margin-top:40px;\n}\n\n.bior-newintro-emphasis{\n display:inline-block;\n font-weight:700;\n}\n\n\/* 改行 *\/\n.bior-br-pc{\n display:block;\n}\n\n.bior-br-sp{\n display:none;\n}\n\n@media screen and (max-width:768px){\n .bior-newintro{\n padding-top:60px;\n padding-bottom:56px;\n }\n\n .bior-newintro-title{\n width:72vw;\n }\n\n .bior-newintro-sub{\n margin-top:20px;\n font-family:\"Avenir Next\", \"Avenir\", sans-serif;\n font-size:3vw;\n line-height:1.5;\n letter-spacing:0.08em;\n font-weight:400;\n }\n\n .bior-newintro-head{\n margin-top:68px;\n font-size:5vw;\n line-height:1.62;\n letter-spacing:0.01em;\n }\n\n .bior-newintro-lead{\n margin-top:15px;\n font-size:4vw;\n line-height:1.8;\n letter-spacing:0.01em;\n }\n\n .bior-newintro-image{\n width:100vw;\n margin:38px auto 0;\n }\n\n .bior-newintro-body{\n width:85vw;\n margin-top:30px;\n }\n\n .bior-newintro-text{\n font-size:3.2vw;\n line-height:1.9;\n }\n\n .bior-newintro-text + .bior-newintro-text{\n margin-top:30px;\n }\n\n .bior-br-pc{\n display:none;\n }\n\n .bior-br-sp{\n display:block;\n }\n}\n\n\/* =========================\n policy section\n========================= *\/\n.bior-policy{\n margin-top:50px;\n text-align:center;\n}\n\n.bior-policy-title{\n margin:0 0 20px;\n font-size:1.5vw;\n font-weight:400;\n letter-spacing:0.05em;\n color:#7b6d60;\n}\n\n.bior-policy-image{\n width:40vw;\n margin:0 auto;\n}\n\n@media screen and (max-width:768px){\n .bior-policy{\n margin-top:30px;\n }\n\n .bior-policy-title{\n font-size:5vw;\n }\n\n .bior-policy-image{\n width:75vw;\n }\n}\n\n\/* =========================\n 無添加一覧\n========================= *\/\n.bior-mutenka{\n margin-top:80px;\n text-align:center;\n}\n\n.bior-mutenka-title{\n margin:0 0 20px;\n font-size:1.5vw;\n font-weight:400;\n letter-spacing:0.08em;\n color:#7b6d60;\n}\n\n.bior-mutenka-image{\n width:40vw;\n margin:0 auto;\n}\n\n.bior-mutenka-note{\n margin-top:10px;\n font-size:0.7vw;\n color:#7b6d60;\n line-height:1.2;\n}\n\n.bior-mutenka-note p{\n margin:0 0 6px;\n}\n\n.bior-mutenka-note p:last-child{\n margin-bottom:0;\n}\n\n@media screen and (max-width:768px){\n .bior-mutenka{\n margin-top:60px;\n }\n\n .bior-mutenka-title{\n font-size:4vw;\n }\n\n .bior-mutenka-image{\n width:75vw;\n }\n\n .bior-mutenka-note{\n width:85vw;\n margin:30px auto 0;\n font-size:2vw;\n }\n}\n\n\n\n \/* =========================\n Makeup Palette\n========================= *\/\n.bior-palette{\n width:100%;\n padding:50px 0 150px;\n background:#fff;\n}\n\n.bior-palette-inner{\n width:86vw;\n margin:0 auto;\n}\n\n.bior-palette-head{\n text-align:center;\n}\n\n.bior-palette-title{\n width:35vw;\n margin:0 auto;\n}\n\n.bior-palette-title img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-palette-ja{\n margin:30px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2.5vw;\n line-height:1.62;\n letter-spacing:0.01em;\n color:#84786d;\n}\n\n.bior-palette-release{\n margin:38px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.45vw;\n line-height:1.5;\n letter-spacing:0.06em;\n color:#84786d;\n font-weight:500;\n}\n\n.bior-palette-main{\n margin-top:90px;\n display:flex;\n justify-content:center;\n align-items:flex-start;\n gap:6vw;\n}\n\n\/* 左詳細 *\/\n.bior-palette-viewer{\n width:34vw;\n min-height:34vw;\n background:#fff;\n position:relative;\n padding:52px 70px 44px;\n box-sizing:border-box;\n}\n\n.bior-palette-slide{\n display:none;\n text-align:center;\n opacity:0;\n}\n\n.bior-palette-slide.is-active{\n display:block;\n opacity:1;\n}\n\n.bior-palette-slide.is-entering-from-right{\n animation:biorPaletteSlideFromRight .35s ease both;\n}\n\n.bior-palette-slide.is-entering-from-left{\n animation:biorPaletteSlideFromLeft .35s ease both;\n}\n\n@keyframes biorPaletteSlideFromRight{\n 0%{\n opacity:0;\n transform:translateX(22px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n}\n\n@keyframes biorPaletteSlideFromLeft{\n 0%{\n opacity:0;\n transform:translateX(-22px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n}\n\n@media screen and (max-width:768px){\n .bior-palette-slide.is-entering-from-right{\n animation:biorPaletteSlideFromRightSp .3s ease both;\n }\n\n .bior-palette-slide.is-entering-from-left{\n animation:biorPaletteSlideFromLeftSp .3s ease both;\n }\n\n @keyframes biorPaletteSlideFromRightSp{\n 0%{\n opacity:0;\n transform:translateX(16px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n }\n\n @keyframes biorPaletteSlideFromLeftSp{\n 0%{\n opacity:0;\n transform:translateX(-16px);\n }\n 100%{\n opacity:1;\n transform:translateX(0);\n }\n }\n}\n.bior-palette-slide-image{\n width:11vw;\n margin:0 auto;\n}\n\n.bior-palette-slide-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-palette-category{\n width:16vw;\n margin:22px auto 0;\n border:1.5px solid #b9b1ad;\n padding:8px 10px;\n box-sizing:border-box;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.2;\n color:#84786d;\n text-transform:lowercase;\n}\n\n.bior-palette-number{\n margin-top:18px;\n font-family:\"Times New Roman\", serif;\n font-size:2.2vw;\n line-height:1;\n letter-spacing:0.01em;\n color:#d0bcc2;\n font-weight:500;\n}\n\n.bior-palette-name{\n margin-top:8px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.5vw;\n line-height:1.35;\n letter-spacing:0.04em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-sub{\n margin-top:2px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.8vw;\n line-height:1.5;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-desc{\n margin-top:28px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.7;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-palette-price{\n margin-top:20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.02em;\n color:#d0bcc2;\n font-weight:700;\n}\n\n\/* 矢印 *\/\n.bior-palette-arrow{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:54px;\n height:88px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n}\n\n.bior-palette-arrow.prev{\n left:18px;\n}\n\n.bior-palette-arrow.next{\n right:18px;\n}\n\n.bior-palette-arrow span{\n display:block;\n width:22px;\n height:22px;\n margin:0 auto;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n}\n\n.bior-palette-arrow.prev span{\n transform:rotate(-135deg);\n}\n\n.bior-palette-arrow.next span{\n transform:rotate(45deg);\n}\n\n\/* 右サムネイル *\/\n.bior-palette-nav-wrap{\n width:20vw;\n padding-top:56px;\n}\n\n.bior-palette-nav-title{\n text-align:center;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1.9vw;\n line-height:1.4;\n color:#7f7369;\n}\n\n.bior-palette-nav{\n margin-top:34px;\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n column-gap:2.4vw;\n row-gap:2.8vw;\n}\n\n.bior-palette-thumb{\n display:block;\n width:100%;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n}\n\n.bior-palette-thumb img{\n display:block;\n width:100%;\n height:auto;\n transition:opacity .2s ease, transform .2s ease;\n}\n\n.bior-palette-thumb:hover img{\n opacity:.85;\n transform:translateY(-1px);\n}\n\n.bior-palette-thumb.is-active img{\n outline:1px solid #b7aaa2;\n outline-offset:4px;\n}\n\n\/* SP *\/\n@media screen and (max-width:768px){\n .bior-palette{\n padding:40px 0 90px;\n }\n\n .bior-palette-inner{\n width:90vw;\n }\n\n .bior-palette-title{\n margin-top:50px;\n width:70vw;\n }\n\n .bior-palette-ja{\n margin-top:34px;\n font-size:5vw;\n line-height:1.6;\n }\n\n\n .bior-palette-release{\n margin-top:18px;\n font-size:4vw;\n }\n\n .bior-palette-main{\n margin-top:30px;\n display:block;\n }\n\n .bior-palette-viewer{\n width:100%;\n min-height:auto;\n padding:54px 24px 42px;\n }\n\n .bior-palette-slide-image{\n width:30vw;\n }\n\n .bior-palette-category{\n width:52vw;\n margin-top:24px;\n font-size:3vw;\n padding:10px 10px;\n font-weight:500;\n }\n\n .bior-palette-number{\n margin-top:10px;\n font-size:7vw;\n }\n\n .bior-palette-name{\n margin-top:5px;\n font-size:5.3vw;\n line-height:1;\n }\n\n .bior-palette-sub{\n margin-top:3px;\n font-size:3vw;\n line-height:1.5;\n }\n\n .bior-palette-desc{\n margin-top:20px;\n font-size:3.5vw;\n line-height:1.7;\n }\n\n .bior-palette-price{\n margin-top:22px;\n font-size:4.2vw;\n }\n\n .bior-palette-arrow{\n width:32px;\n height:52px;\n }\n\n .bior-palette-arrow.prev{\n left:8px;\n }\n\n .bior-palette-arrow.next{\n right:8px;\n }\n\n .bior-palette-arrow span{\n width:16px;\n height:16px;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n }\n\n .bior-palette-nav-wrap{\n width:100%;\n padding-top:34px;\n }\n\n .bior-palette-nav-title{\n font-size:4.5vw;\n font-weight:500;\n }\n\n .bior-palette-nav{\n margin-top:28px;\n grid-template-columns:repeat(4, 14vw);\n justify-content:center;\n column-gap:7vw;\n row-gap:9vw;\n }\n\n .bior-palette-thumb.is-active img{\n outline-offset:3px;\n }\n}\n\n \/* =========================\n product features\n========================= *\/\n.bior-features{\n width:100%;\n padding:10px 0 100px;\n background:#fff;\n}\n\n.bior-features-inner{\n width:60vw;\n margin:0 auto;\n}\n\n.bior-features-head{\n text-align:center;\n}\n\n.bior-features-en{\n margin:0;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-ja{\n margin:10px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.2vw;\n line-height:1.3;\n letter-spacing:0.04em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-grid{\n margin-top:48px;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n column-gap:2.8vw;\n row-gap:72px;\n}\n\n.bior-features-card{\n border:1px solid #9e958d;\n padding:22px 22px 20px;\n box-sizing:border-box;\n background:#fff;\n\n display:flex;\n flex-direction:column;\n justify-content:flex-start;\n}\n\n.bior-features-text{\n margin-top:20px;\n}\n\n.bior-features-image{\n margin-top:auto; \/* 画像を一番下へ *\/\n padding-top:20px; \/* テキストとの間隔 *\/\n}\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n \n .bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n.bior-features-number{\n width:3vw;\n}\n\n.bior-features-number img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-features-title{\n margin:14px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.08vw;\n line-height:1.55;\n letter-spacing:0.03em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-text{\n margin-top:20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.84vw;\n line-height:1.8;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-note{\n display:block;\n margin-top:8px;\n font-size:0.62vw;\n line-height:1.4;\n}\n\n\n\n@media screen and (max-width:768px){\n .bior-features{\n padding:20px 0 40px;\n }\n\n .bior-features-inner{\n width:90vw;\n }\n\n .bior-features-en{\n font-size:3vw;\n line-height:1.4;\n }\n\n .bior-features-ja{\n margin-top:12px;\n font-size:8vw;\n line-height:1.3;\n }\n\n .bior-features-grid{\n margin-top:42px;\n grid-template-columns:repeat(2, 1fr);\n column-gap:6vw;\n row-gap:38px;\n }\n\n .bior-features-card{\n position:relative;\n padding:15px 15px 15px;\n min-height:460px;\n }\n\n .bior-features-number{\n width:9vw;\n }\n\n .bior-features-title{\n margin-top:8px;\n font-size:4vw;\n line-height:1.5;\n }\n\n .bior-features-text{\n margin-top:20px;\n font-size:2.95vw;\n line-height:1.7;\n }\n\n .bior-features-note{\n margin-top:8px;\n font-size:2vw;\n line-height:1.7;\n }\n\n\n .bior-features-card{\n display:flex;\n flex-direction:column;\n }\n\n .bior-features-image{\n margin-top:auto;\n padding-top:10px;\n }\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n}\n\n \/* =========================\n 商品説明\n========================= *\/\n\nhr {\n margin: 30px 0 15px 0;\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.free-title {\n font-size: 18px;\n font-family: \"Outfit\", sans-serif;\n margin: 30px 0 10px;\n font-weight: normal;\n}\n\n.description {\n font-size: 13px;\n margin-top: 10px;\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\/* アコーディオン *\/\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;\n height: 8px;\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\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\n\n\/* =========================\n LookBook\n========================= *\/\n.bior-lookbook{\n width:100%;\n padding:150px 0 80px;\n background:#fff;\n}\n\n.bior-lookbook-inner{\n width:100%;\n max-width:1100px;\n margin:0 auto;\n}\n.bior-lookbook-title{\n margin:0 0 15px;\n text-align:center;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:3.1vw;\n line-height:1.2;\n letter-spacing:0.02em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-lookbook-slider-wrap{\n position:relative;\n width:950px;\n max-width:none;\n margin:0 auto;\n}\n \n.bior-lookbook-arrow{\n position:absolute;\n top:50%;\n transform:translateY(-50%);\n width:70px;\n height:70px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n z-index:10;\n}\n\n.bior-lookbook-arrow.prev{\n left:-70px;\n}\n\n.bior-lookbook-arrow.next{\n right:-70px;\n}\n\n.bior-lookbook-arrow span{\n display:block;\n width:24px;\n height:24px;\n margin:0 auto;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n}\n\n.bior-lookbook-arrow.prev span{\n transform:rotate(-135deg);\n}\n\n.bior-lookbook-arrow.next span{\n transform:rotate(45deg);\n}\n\n.bior-lookbook-stage{\n width:100%;\n}\n\n\n.bior-lookbook-slide{\n display:none;\n}\n\n.bior-lookbook-slide.is-active{\n display:block;\n}\n\n.bior-lookbook-card{\n width:950px;\n height:700px;\n max-width:none;\n min-height:700px;\n margin:0 auto;\n background:#fff;\n padding:42px 54px 48px;\n box-sizing:border-box;\n}\n\n.bior-lookbook-page-title-en{\n margin:0;\n text-align:center;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:0.95vw;\n line-height:1.4;\n color:#8f8580;\n font-weight:300;\n}\n\n.bior-lookbook-page-title-img{\n width:14vw;\n max-width:180px;\n margin:10px auto 50px;\n}\n\n.bior-lookbook-page-title-img img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-learnmore{\n display:block;\n width:135px;\n margin:34px 0 0 auto;\n}\n\n.bior-lookbook-learnmore img{\n display:block;\n width:100%;\n height:auto;\n}\n\n\/* page 1 *\/\n.bior-lookbook-page1-main{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:46px;\n margin-top:10px;\n}\n\n.bior-lookbook-model{\n width:44%;\n}\n\n.bior-lookbook-model img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-copy{\n width:42%;\n}\n\n.bior-lookbook-copy-topimg{\n width:7vw;\n margin-bottom:14px;\n}\n\n.bior-lookbook-copy-topimg img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-no-row{\n display:flex;\n align-items:flex-end;\n gap:10px;\n}\n\n.bior-lookbook-no{\n margin:0;\n font-family:\"Times New Roman\",serif;\n font-size:2.5vw;\n line-height:0.9;\n color:#d0bcc2;\n font-weight:400;\n}\n\n.bior-lookbook-variation-en{\n margin:0 0 6px;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:1vw;\n line-height:1.4;\n color:#8f8580;\n font-weight:300;\n position:relative;\n top:4px;\n}\n\n.bior-lookbook-variation-ja{\n margin:14px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.4vw;\n line-height:1;\n color:#7f7369;\n letter-spacing:0.01em;\n font-weight:600;\n}\n\n.bior-lookbook-accent{\n margin:4px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.4;\n color:#d0bcc2;\n font-weight:700;\n}\n\n.bior-lookbook-desc{\n margin:24px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.8;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-lookbook-colorchips{\n display:grid;\n grid-template-columns:repeat(4, 1fr);\n gap:10px;\n margin-top:28px;\n}\n\n.bior-lookbook-chip{\n text-align:center;\n}\n\n.bior-lookbook-chip img{\n display:block;\n width:80%;\n height:auto;\n margin:0 auto;\n}\n\n.bior-lookbook-chip-num{\n margin-top:8px;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:1vw;\n line-height:1.2;\n color:#d0bcc2;\n font-weight:400;\n}\n\n\/* page 2 *\/\n.bior-lookbook-page2-main{\n margin-top:18px;\n}\n\n.bior-lookbook-page2-head{\n margin-bottom:24px;\n}\n\n.bior-lookbook-page2-no-title{\n display:flex;\n align-items:center;\n gap:18px;\n margin-top:22px;\n}\n\n.bior-lookbook-page2-no{\n margin:0;\n font-family:\"Times New Roman\",serif;\n font-size:2vw;\n line-height:0.9;\n color:#d0bcc2;\n font-weight:400;\n}\n\n.bior-lookbook-page2-ja{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.3vw;\n line-height:1.4;\n color:#7f7369;\n font-weight:600;\n letter-spacing:0.01em;\n}\n\n.bior-lookbook-page2-body{\n display:flex;\n align-items:flex-start;\n gap:42px;\n}\n\n.bior-lookbook-howto-left{\n width:30%;\n}\n\n.bior-lookbook-howto-main{\n width:100%;\n}\n\n.bior-lookbook-howto-main img{\n display:block;\n width:70%;\n height:auto;\n margin:0 auto;\n}\n\n.bior-lookbook-howto-eye{\n width:62%;\n margin:24px auto 0;\n}\n\n.bior-lookbook-howto-eye img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-steps{\n width:60%;\n}\n\n.bior-lookbook-step{\n display:grid;\n grid-template-columns:58px 1fr;\n gap:20px;\n padding:16px 0;\n border-top:1px solid #c8c2be;\n}\n\n.bior-lookbook-step:first-child{\n border-top:none;\n padding-top:0;\n}\n\n.bior-lookbook-step-icon img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-step-text{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.9vw;\n line-height:1.6;\n color:#7f7369;\n font-weight:500;\n position:relative;\n top:5px;\n}\n\n\n\/* page 3 *\/\n.bior-lookbook-page3-main{\n margin-top:18px;\n}\n\n.bior-lookbook-page3-body{\n display:flex;\n align-items:flex-start;\n gap:46px;\n margin-top:18px;\n}\n\n.bior-lookbook-link-left{\n width:29%;\n position:relative;\n}\n\n.bior-lookbook-link-model{\n width:100%;\n}\n\n.bior-lookbook-link-model img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-modeluse{\n position:absolute;\n top:-18px;\n left:-12px;\n width:84px;\n}\n\n.bior-lookbook-modeluse img{\n display:block;\n width:80%;\n height:auto;\n}\n\n.bior-lookbook-link-right{\n width:71%;\n}\n\n.bior-lookbook-link-variation{\n margin-bottom:18px;\n}\n\n.bior-lookbook-link-title{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n color:#7f7369;\n font-weight:600;\n}\n\n.bior-lookbook-link-title .accent{\n font-size:0.7vw;\n color:#d0bcc2;\n font-weight:700;\n}\n\n.bior-lookbook-link-variation-row{\n display:flex;\n align-items:center;\n gap:18px;\n margin-top:8px;\n}\n\n.bior-lookbook-link-swatches{\n display:flex;\n gap:12px;\n flex-shrink:0;\n}\n\n.bior-lookbook-link-swatches img{\n display:block;\n width:2vw;\n height:auto;\n}\n\n.bior-lookbook-link-variation-desc{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.8vw;\n line-height:1.5;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-lookbook-link-item{\n border-top:1px solid #c8c2be;\n padding:10px 0;\n}\n\n.bior-lookbook-link-item-title{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.9vw;\n line-height:1.5;\n color:#7f7369;\n font-weight:600;\n}\n\n.bior-lookbook-link-item-title .tag{\n display:inline-block;\n margin-left:10px;\n padding:3px 10px;\n border:1px solid #c8c2be;\n font-size:0.6vw;\n line-height:1.2;\n color:#7f7369;\n vertical-align:middle;\n font-weight:500;\n}\n\n.bior-lookbook-link-item-row{\n display:flex;\n align-items:center;\n gap:10px;\n margin-top:0px;\n}\n\n.bior-lookbook-link-item-image{\n width:5vw;\n flex:0 0 5vw;\n}\n\n.bior-lookbook-link-item-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-lookbook-link-item-text{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.9vw;\n line-height:1.6;\n color:#7f7369;\n font-weight:500;\n}\n\n\/* bottom nav *\/\n.bior-lookbook-nav{\n margin-top:26px;\n text-align:center;\n}\n\n.bior-lookbook-nav-title{\n margin:0 0 16px;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:1.05vw;\n line-height:1.4;\n color:#8f8580;\n font-weight:300;\n}\n\n.bior-lookbook-variation-nav{\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n gap:14px;\n}\n\n.bior-lookbook-variation-btn{\n width:84px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n opacity:.78;\n transition:opacity .2s ease, transform .2s ease;\n}\n\n.bior-lookbook-variation-btn:hover{\n opacity:1;\n transform:translateY(-1px);\n}\n\n.bior-lookbook-variation-btn.is-active{\n opacity:1;\n}\n\n.bior-lookbook-variation-btn img{\n display:block;\n width:100%;\n height:auto;\n}\n\n \n@media screen and (max-width:768px){\n\n .bior-lookbook{\n padding:54px 0 54px;\n }\n\n .bior-lookbook-inner{\n width:90vw;\n max-width:none;\n }\n\n .bior-lookbook-title{\n margin:0 0 20px;\n font-size:8.5vw;\n line-height:1.2;\n }\n\n .bior-lookbook-slider-wrap{\n width:92vw; \/* 横幅固定 *\/\n max-width:420px; \/* 上限 *\/\n margin:0 auto;\n position:relative;\n }\n\n .bior-lookbook-arrow{\n position:absolute; \/* ←これ追加 *\/\n width:38px;\n height:38px;\n z-index:10;\n top:20%;\n transform:none;\n }\n\n\n .bior-lookbook-arrow.prev{\n left:0px;\n }\n\n .bior-lookbook-arrow.next{\n right:0px;\n }\n\n .bior-lookbook-arrow span{\n width:18px;\n height:18px;\n border-top:2px solid #8a7e73;\n border-right:2px solid #8a7e73;\n }\n\n .bior-lookbook-card{\n width:100%;\n height:750px; \/* ←ここが一番重要（固定） *\/\n padding:18px 16px 24px;\n box-sizing:border-box;\n overflow:hidden; \/* はみ出し防止 *\/\n }\n\n .bior-lookbook-page-title-en{\n font-size:6vw;\n line-height:1.4;\n }\n\n .bior-lookbook-page-title-img{\n width:58vw;\n max-width:none;\n margin:6px auto 20px;\n }\n\n .bior-lookbook-page-title-img img{\n width:100%;\n height:auto;\n }\n\n .bior-lookbook-learnmore{\n width:30vw;\n margin:18px auto 0;\n }\n\n \/* =========================\n page 1-SP\n ========================= *\/\n .bior-lookbook-page1-main{\n display:block;\n margin-top:0;\n}\n\n.bior-lookbook-model,\n.bior-lookbook-copy{\n width:100%;\n}\n\n.bior-lookbook-model{\n max-width:62vw;\n margin:0 auto;\n}\n\/* 1P上段だけ横並び *\/\n.bior-lookbook-copy{\n margin-top:18px;\n text-align:center;\n}\n\n.bior-lookbook-copy-head{\n display:flex;\n align-items:flex-start;\n justify-content:flex-start;\n gap:16px;\n}\n\n.bior-lookbook-copy-topimg{\n width:19vw;\n flex:0 0 19vw;\n margin-top: 14px;\n}\n\n.bior-lookbook-copy-headtext{\n flex:1 1 auto;\n text-align:left;\n padding-top:2vw;\n}\n\n.bior-lookbook-no-row{\n justify-content:flex-start;\n align-items:flex-end;\n gap:6px;\n margin:0;\n}\n\n.bior-lookbook-no{\n font-size:9vw;\n line-height:0.9;\n}\n\n.bior-lookbook-variation-en{\n font-size:3vw;\n margin:0 0 2px;\n top:0;\n}\n\n.bior-lookbook-variation-ja{\n margin:8px 0 0;\n text-align:left;\n font-size:4vw;\n line-height:1.2;\n}\n\n.bior-lookbook-accent{\n margin:4px 0 0;\n text-align:left;\n font-size:3.5vw;\n}\n\n.bior-lookbook-desc{\n margin-top:16px;\n text-align:center;\n font-size:4vw;\n line-height:1.7;\n}\n .bior-lookbook-colorchips{\n display:flex;\n justify-content:center;\n gap:8px;\n margin-top:20px;\n }\n\n .bior-lookbook-chip{\n width:20vw;\n max-width:72px;\n flex:0 0 auto;\n }\n \/* アイシャドウ画像 小さく *\/\n .bior-lookbook-chip img{\n width:70%;\n margin:0 auto;\n }\n\n \/* 数字 大きく *\/\n .bior-lookbook-chip-num{\n font-size:3.2vw; \/* 今1vw相当で小さい → 調整 *\/\n margin-top:6px;\n font-weight:600;\n }\n\n \/* =========================\n page 2-SP\n ========================= *\/\n \/* happy variation *\/\n .bior-lookbook-page-title-en{\n font-size:3.5vw;\n font-weight:400;\n }\n \n \/* How to use（画像） *\/\n .bior-lookbook-page-title-img{\n width:30vw;\n margin-bottom:20px;\n }\n \n .bior-lookbook-page2-main{\n margin-top:0;\n }\n\n .bior-lookbook-page2-body{\n display:block;\n }\n\n .bior-lookbook-howto-left,\n .bior-lookbook-steps{\n width:100%;\n }\n\n .bior-lookbook-howto-left{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:16px;\n margin-bottom:20px;\n }\n\n .bior-lookbook-howto-main{\n width:48%;\n }\n\n .bior-lookbook-howto-main img{\n width:80%;\n margin:0 auto;\n }\n\n .bior-lookbook-howto-eye{\n width:42%;\n margin:0;\n }\n\n .bior-lookbook-page2-no-title{\n justify-content:center;\n gap:12px;\n margin:0 0 14px;\n }\n\n .bior-lookbook-page2-no{\n font-size:8vw;\n }\n\n .bior-lookbook-page2-ja{\n font-size:4.5vw;\n line-height:1.3;\n }\n\n .bior-lookbook-step{\n grid-template-columns:52px 1fr;\n gap:10px;\n padding:10px 0;\n }\n\n .bior-lookbook-step-text{\n font-size:3vw;\n line-height:1.4;\n top:7px;\n letter-spacing: 0.01em;\n }\n\n \/* =========================\n page 3-SP\n ========================= *\/\n\n\n \n .bior-lookbook-page3-main{\n margin-top:0;\n }\n\n .bior-lookbook-page3-body{\n display:block;\n margin-top:0;\n }\n\n .bior-lookbook-link-left,\n .bior-lookbook-link-right{\n width:100%;\n }\n\n .bior-lookbook-link-left{\n max-width:38vw;\n margin:0 auto 18px;\n }\n\n .bior-lookbook-link-model img{\n width:100%;\n }\n\n .bior-lookbook-modeluse{\n width:15vw;\n top:-5px;\n left:-20px;\n }\n\n .bior-lookbook-link-title{\n font-size:3.2vw;\n line-height:1.5;\n }\n\n .bior-lookbook-link-title .accent{\n font-size:2.8vw;\n }\n\n .bior-lookbook-link-variation-row{\n display:block;\n margin-top:6px;\n }\n\n .bior-lookbook-link-swatches{\n gap:10px;\n margin-bottom:4px;\n }\n\n .bior-lookbook-link-swatches img{\n width:8vw;\n }\n\n .bior-lookbook-link-variation-desc{\n font-size:2.8vw;\n line-height:1.4;\n margin-bottom:4px;\n }\n\n .bior-lookbook-link-item{\n padding:6px 0;\n }\n\n .bior-lookbook-link-item-title{\n font-size:3.2vw;\n line-height:1.5;\n }\n\n .bior-lookbook-link-item-title .tag{\n margin-left:8px;\n font-size:2.8vw;\n }\n\n .bior-lookbook-link-item-row{\n gap:12px;\n margin-top:4px;\n }\n\n .bior-lookbook-link-item-image{\n width:15vw;\n flex:0 0 15vw;\n }\n\n .bior-lookbook-link-item-text{\n font-size:2.8vw;\n line-height:1.3;\n }\n \n\n \/* =========================\n bottom nav-SP\n ========================= *\/\n .bior-lookbook-nav{\n margin-top:20px;\n }\n\n .bior-lookbook-nav-title{\n margin:0 0 14px;\n font-size:5vw;\n }\n\n .bior-lookbook-variation-nav{\n gap:14px 18px;\n }\n\n .bior-lookbook-variation-btn{\n width:20%;\n max-width:98px;\n }\n}\n\n\/* =========================\n custom case\n========================= *\/\n.bior-case{\n width:100%;\n padding:120px 0;\n background:#fff;\n}\n\n.bior-case-inner{\n width:70vw;\n margin:0 auto;\n}\n\n.bior-case-title{\n text-align:center;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:2.5vw;\n color:#7f7369;\n margin-bottom:60px;\nfont-weight:400;\nletter-spacing:0.02em;\n}\n\n.bior-case-content{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:6vw;\n}\n\n.bior-case-image{\n width:20vw;\n}\n\n.bior-case-text{\n width:28vw;\n}\n\n.bior-case-copy{\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n serif;\n font-size:1.8vw;\n line-height:1.4;\n color:#7f7369;\nletter-spacing:0.01em;\n}\n\n.bior-case-sub{\n margin-top:0px;\n font-size:1vw;\n color:#7f7369;\n}\n\n.bior-case-price{\n margin-top:5px;\n font-size:1.2vw;\n color:#d0bcc2;\n}\n\n.bior-case-btn{\n display:block;\n width:18vw;\n margin-top:10px;\n}\n\n\/* ===== SP ===== *\/\n@media screen and (max-width:768px){\n\n .bior-case{\n padding:60px 0;\n }\n\n .bior-case-inner{\n width:90vw;\n }\n\n .bior-case-title{\n font-size:6vw;\n margin-bottom:30px;\n }\n\n .bior-case-content{\n display:block;\n text-align:center;\n }\n\n .bior-case-image{\n width:50vw;\n margin:0 auto;\n }\n\n .bior-case-text{\n width:100%;\n margin-top:24px;\n }\n\n.bior-case-text p{\n margin:0;\n}\n\n .bior-case-copy{\n font-size:5.5vw;\n line-height:1.4;\n }\n\n .bior-case-sub{\n font-size:3.5vw;\n margin-top:1px;\n }\n\n .bior-case-price{\n font-size:4.2vw;\n margin-top:3px;\n }\n\n .bior-case-btn{\n width:80vw;\n margin:20px auto 0;\n }\n}\n\n \/* =========================\n Campaign Banner\n========================= *\/\n.bior-campaign-banner{\n width:100%;\n text-align:center;\n margin-bottom:60px;\n}\n\n.bior-campaign-banner img{\n display:block;\n width:45vw;\n max-width:900px;\n height:auto;\n margin:0 auto;\n transition:opacity .2s ease;\n}\n\n.bior-campaign-banner a:hover img{\n opacity:0.75;\n}\n\n\/* SP *\/\n@media screen and (max-width:768px){\n .bior-campaign-banner{\n margin-bottom:30px;\n }\n\n .bior-campaign-banner img{\n width:90vw;\n }\n}\n\/* =========================\n campaign modal\n========================= *\/\n.bior-campaign-modal{\n position:fixed;\n inset:0;\n z-index:9999;\n display:none;\n }\n\n\n.bior-campaign-modal.is-open{\n display:block;\n}\n\n.bior-campaign-modal-overlay{\n position:absolute;\n inset:0;\n background:rgba(0,0,0,0.28);\n}\n\n.bior-campaign-modal-dialog{\n position:relative;\n z-index:2;\n width:760px;\n max-width:calc(100vw - 40px);\n height:auto;\n max-height:88vh;\n margin:40px auto;\n background:#fff;\n padding:32px 32px 24px;\n box-sizing:border-box;\n overflow:hidden; \/* ←ここ重要 *\/\n}\n\n.bior-campaign-modal-close{\n position:absolute;\n top:24px;\n right:24px;\n width:34px;\n height:34px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n z-index:10;\n}\n\n.bior-campaign-modal-close::before,\n.bior-campaign-modal-close::after{\n content:\"\";\n position:absolute;\n left:50%;\n top:50%;\n width:36px;\n height:1.5px;\n background:#9a8f8b;\n transform-origin:center;\n}\n\n.bior-campaign-modal-close::before{\n transform:translate(-50%, -50%) rotate(45deg);\n}\n\n.bior-campaign-modal-close::after{\n transform:translate(-50%, -50%) rotate(-45deg);\n}\n\n.bior-campaign-modal-body{\n margin-top:20px;\n max-height:calc(88vh - 56px);\n overflow-y:auto; \/* ←スクロールはここ *\/\n -webkit-overflow-scrolling:touch;\n padding-right:4px;\n}\n\n.bior-campaign-modal-gallery{\n display:grid;\n grid-template-columns:1fr;\n row-gap:20px;\n}\n\n.bior-campaign-modal-item img{\n display:block;\n width:100%;\n height:auto;\n}\n .bior-campaign-modal-item .bior-campaign-btn{\n margin-bottom:100px;\n}\n\n \/* 注意書き全体 *\/\n.bior-campaign-note{\n width:100%;\n margin:20px auto 18px;\n font-size:14px;\n line-height:1.8;\n letter-spacing:0.04em;\n color:#8a807c;\n text-align:left;\n\n border-top:1px solid #e5dfdc;\n border-bottom:1px solid #e5dfdc; \/* ←下にも線追加 *\/\n padding:16px 0;\n}\n\n\/* 強調テキスト *\/\n.bior-campaign-note-strong{\n display:block;\n font-size:16px;\n font-weight:600;\n color:#7f7369;\n}\n\n\n\n@media screen and (max-width:768px){\n .bior-campaign-modal-dialog{\n width:90vw;\n max-width:90vw;\n margin:24px auto;\n padding:18px 18px 24px;\n }\n\n .bior-campaign-modal-close{\n top:16px;\n right:16px;\n width:28px;\n height:28px;\n }\n\n .bior-campaign-modal-close::before,\n .bior-campaign-modal-close::after{\n width:28px;\n }\n\n .bior-campaign-modal-gallery{\n row-gap:14px;\n }\n\n .bior-campaign-modal-item .bior-campaign-btn{\n margin-bottom:80px;\n }\n.bior-campaign-note{\n font-size:12px;\n margin:16px auto 14px;\n padding:14px 0;\n }\n\n .bior-campaign-note-strong{\n font-size:13.5px;\n }\n}\n@media screen and (min-width:769px){\n .bior-campaign-modal .js-campaign-set-btn{\n display:block !important;\n width:60% !important;\n max-width:520px !important;\n min-width:280px !important;\n margin:0 auto 100px !important;\n }\n\n .bior-campaign-modal .js-campaign-set-btn img{\n display:block !important;\n width:100% !important;\n height:auto !important;\n }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"bior-makeup-lp\"\u003e\n\u003c!-- ここから下を100vw化 --\u003e\n\u003cdiv class=\"bior-wide\"\u003e\n\u003c!-- intro --\u003e\n\u003csection class=\"bior-newintro\"\u003e\n \n\u003c!--\u003cdiv class=\"bior-campaign-banner\"\u003e\n \u003ca href=\"#\" class=\"bior-campaign-btn js-campaign-open\" aria-label=\"キャンペーン画像を開く\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SScampaign_banner3.webp?v=1777447223\" alt=\"campaign banner\"\u003e\n \u003c\/a\u003e\n\u003c\/div\u003e--\u003e\n \n\u003cdiv class=\"bior-palette-title\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/colorpowder_til.svg?v=1774505787\" alt=\"Makeup Palette\"\u003e\u003c\/div\u003e\n\u003cp class=\"bior-newintro-sub\"\u003eFlower mineral series\u003c\/p\u003e\n\u003ch2 class=\"bior-newintro-head\"\u003e自然の色を、好きなだけ。\u003cbr\u003eメイクはもっと自由でいい。\u003c\/h2\u003e\n\u003cdiv class=\"bior-newintro-body\"\u003e\n\u003cp class=\"bior-newintro-text\"\u003e「お花とミネラルだけで色づける」技術をさらに進化させ、\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e アイシャドウ・チーク・ハイライト・グリッターの\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e カラーパウダーシリーズが誕生しました。\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"bior-newintro-emphasis\"\u003e 合成色素・カルミン・タルク・防腐剤不使用\u003cbr\u003e天然由来 100％ \u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"bior-newintro-text\"\u003e「天然由来だから仕方ない」ではなく、\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e 「天然由来だからこそ美しい」を証明する、\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e ブランド史上最も挑戦的なプロダクトです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-newintro-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_main_img_01.webp?v=1774505594\" alt=\"bior organics makeup items\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n Makeup Palette\n========================= --\u003e\n\u003csection class=\"bior-palette\"\u003e\n\u003cdiv class=\"bior-palette-inner\"\u003e\n\u003ch2 class=\"bior-lookbook-title\"\u003eColor variations\u003c\/h2\u003e\n\u003cdiv class=\"bior-palette-main\"\u003e\n\u003c!-- 左：詳細スライダー --\u003e\n\u003cdiv class=\"bior-palette-viewer\"\u003e\n\u003cbutton class=\"bior-palette-arrow prev\" type=\"button\" aria-label=\"前へ\"\u003e \u003cspan\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"bior-palette-slide-area\"\u003e\n\u003c!-- 1 --\u003e\n\u003cdiv class=\"bior-palette-slide is-active\" data-index=\"0\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_Satin_HoneyBrown_101.webp?v=1773244680\" alt=\"101 ハニーブラウン\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e101\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eハニーブラウン\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eマット＆ライトパール\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003eアプリコット系ブラウンのグラデ。\u003cbr\u003e上品な陰影と血色を両立。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"1\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_MilkTea_102.webp?v=1773244681\" alt=\"102 ミルクティー\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e102\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eミルクティー\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eマット\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003eピンクベージュ×トープブラウン。\u003cbr\u003e万能かつ王道のヌードベージュ。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"2\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_PeachGradient_103.webp?v=1773244680\" alt=\"103 ピーチグラデーション\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e103\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eピーチグラデーション\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eマット\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e肌なじみのよいヌードピーチの\u003cbr\u003eグラデーション。王道コーラル。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"3\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_RoseGradation_104.webp?v=1773244681\" alt=\"104 ローズグラデーション\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e104\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eローズグラデーション\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eマット\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003eやわらかなローズピンク。\u003cbr\u003eくすみを飛ばし肌印象をすっと明るく。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"4\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glitter_Pearl_LuminousChampagne_201.webp?v=1773244681\" alt=\"201 ルミナスシャンパン\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e201\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eルミナスシャンパン\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eパール＆グリッター\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e上品なハイライトと\u003cbr\u003eきらめくシャンパングリッター。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"5\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPearl_202.webp?v=1773244680\" alt=\"202 ルミナスパール\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e202\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eルミナスパール\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eグリッター＆パール\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e澄んだパールとシルバーで\u003cbr\u003e透明感のあるハイライト。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 7 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"6\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPeach_203.webp?v=1773244680\" alt=\"203 ルミナスピーチ\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e203\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eルミナスピーチ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eグリッター＆パール\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003eハイライトにも、チークの上の\u003cbr\u003e重ねにも自然な煌めきをプラス。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 8 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"7\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousRose_204.webp?v=1773244680\" alt=\"204 ルミナスローズ\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e204\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eルミナスローズ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eグリッター＆パール\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e繊細な輝きを含んだローズ。\u003cbr\u003e華やかなシーンに最適。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 9 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"8\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680\" alt=\"111 キャラメルブラウンディープ\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeyebrow shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e111\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eキャラメルブロウ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eシャドウ＆アイブロウ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003eやや深みのあるトープブラウン。\u003cbr\u003e眉や締め色に、自然な陰影を。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 10 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"9\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Eyeshadow_CoolChocolate_113.webp?v=1773244680\" alt=\"113 クールチョコレート\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003eeye shadow\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e113\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eクールチョコレート\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eパール＆マット\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e温度差のあるカラーで、\u003cbr\u003e洗練されたアクセントをプラス。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,980（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 11 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"10\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_HappyAura_301.webp?v=1773244681\" alt=\"301 ハッピーオーラ\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003echeek\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e301\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eハッピーオーラ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eチーク\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e血色をにじませるように発色する、\u003cbr\u003e上品な多幸感カラー。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,650（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 12 --\u003e\n\u003cdiv class=\"bior-palette-slide\" data-index=\"11\"\u003e\n\u003cdiv class=\"bior-palette-slide-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681\" alt=\"302 フェアリーオーラ\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-category\"\u003echeek\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-number\"\u003e302\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-name\"\u003eフェアリーオーラ\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-sub\"\u003eチーク\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-desc\"\u003e甘さを抑えたローズピンクで\u003cbr\u003e幸せオーラを纏う。\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-price\"\u003e¥1,650（税込）\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bior-palette-arrow next\" type=\"button\" aria-label=\"次へ\"\u003e \u003cspan\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- 右：サムネイル --\u003e\n\u003cdiv class=\"bior-palette-nav-wrap\"\u003e\n\u003cdiv class=\"bior-palette-nav-title\"\u003eClick the item\u003c\/div\u003e\n\u003cdiv class=\"bior-palette-nav\"\u003e\n\u003cbutton class=\"bior-palette-thumb is-active\" type=\"button\" data-index=\"0\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_Satin_HoneyBrown_101.webp?v=1773244680\" alt=\"101 ハニーブラウン\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_MilkTea_102.webp?v=1773244681\" alt=\"102 ミルクティー\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"2\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_PeachGradient_103.webp?v=1773244680\" alt=\"103 ピーチグラデーション\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"3\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_RoseGradation_104.webp?v=1773244681\" alt=\"104 ローズグラデーション\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glitter_Pearl_LuminousChampagne_201.webp?v=1773244681\" alt=\"201 ルミナスシャンパン\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"5\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPearl_202.webp?v=1773244680\" alt=\"202 ルミナスパール\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"6\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPeach_203.webp?v=1773244680\" alt=\"203 ルミナスピーチ\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"7\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousRose_204.webp?v=1773244680\" alt=\"204 ルミナスローズ\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"8\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680\" alt=\"111 キャラメルブラウンディープ\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"9\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Eyeshadow_CoolChocolate_113.webp?v=1773244680\" alt=\"113 クールチョコレート\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"10\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_HappyAura_301.webp?v=1773244681\" alt=\"301 ハッピーオーラ\"\u003e \u003c\/button\u003e \u003cbutton class=\"bior-palette-thumb\" type=\"button\" data-index=\"11\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681\" alt=\"302 フェアリーオーラ\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 製品特徴\n========================= --\u003e\n\u003csection class=\"bior-features\"\u003e\n\u003cdiv class=\"bior-features-inner\"\u003e\n\u003cdiv class=\"bior-features-head\"\u003e\n\u003cp class=\"bior-features-en\"\u003eproduct features\u003c\/p\u003e\n\u003ch2 class=\"bior-features-ja\"\u003e製品特徴\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-features-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_01.svg\" alt=\"01\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003e未知の天然色との\u003cbr\u003e遭遇体験\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003e合成着色料やカルミンを使用せず、花・野菜・ミネラル由来の天然色素で美しく発色。特に青みピンクは、これまで合成やカルミンでしか表現できないとされてきた色です。ビオールのこだわりをぜひ体感してください。\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_01.webp\" alt=\"未知の天然色との遭遇体験\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_02.svg\" alt=\"02\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003e最大８色の\u003cbr\u003eマルチユース設計\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003eアイシャドウ、チーク、ハイライト、アイブロウまでマルチに使用可能。全12種類から自由に組み合わせ、最大８色をセットできるカスタム仕様で、自分だけのバリエーションをお楽しみいただけます。\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_02.webp?v=1773328070\" alt=\"最大8色のマルチユース設計\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_03.svg\" alt=\"03\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003eマグネット式\u003cbr\u003eカスタムパレット(別売り)\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003eお好みのカラーを自由に組み合わせられるカスタムパレット。マグネット式で簡単に着脱することができます。必要なカラーだけをセットできるため、捨て色がなく、資源を無駄にしません。\u003cbr\u003e※ケースは別売りです。\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_03.webp?v=1773285849\" alt=\"マグネット式カスタムパレット\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_04.svg\" alt=\"04\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003e様々な用途に使える\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e ZIPケース\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003e箱の代わりのZIPケースは環境にも配慮していて、小物やサプリなどを入れて繰り返し使うことができます。カラーパウダー デュアルはブラシ付きで、そのまま手軽にご利用いただけます。\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_04.webp\" alt=\"様々な用途に使えるZIPケース\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 05 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_05.svg\" alt=\"05\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003e粉とびを\u003cbr\u003eおさえた質感\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003e天然由来成分のみで作られたパウダーでありながら、しっとりとした粉質を実現。粉飛びや崩れを抑えます。時間が経っても発色が持続し、つけたての美しさを長くキープ。\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_05.webp\" alt=\"粉とびをおさえた質感\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 06 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n\u003cdiv class=\"bior-features-number\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_06.svg\" alt=\"06\"\u003e\u003c\/div\u003e\n\u003ch3 class=\"bior-features-title\"\u003e敏感肌対応*\u003cbr\u003e６つのフリー処方\u003c\/h3\u003e\n\u003cdiv class=\"bior-features-text\"\u003e〈合成着色料・カルミン・防腐剤・合成香料・紫外線吸収剤・タルク〉全てフリー。天然由来 100%、ヴィーガン対応。敏感肌の方にも安心してお使いいただける処方です。\u003cbr\u003e\u003cspan class=\"bior-features-note\"\u003e* 敏感肌パッチテスト済み（すべての方に刺激が起こらないということではありません）\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-features-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_features_06.webp?v=1773285848\" alt=\"敏感肌対応 6つのフリー処方\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--　ポリシー無添加 --\u003e \u003c!-- =========================\n policy section\n========================= --\u003e\n\u003csection class=\"bior-policy\"\u003e\u003c!-- タイトル（SEO用） --\u003e\n\u003ch2 class=\"bior-policy-title\"\u003epolicy\u003c\/h2\u003e\n\u003c!-- 画像 --\u003e\n\u003cdiv class=\"bior-policy-image\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/policy_SP.svg?v=1773126717\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/policy_PC.webp?v=1773122379\" alt=\"ノンケミカル 天然由来100% 敏感肌パッチテスト済み PETA認証 日本製 せっけんオフ 時短\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 無添加一覧 section\n========================= --\u003e\n\u003csection class=\"bior-mutenka\"\u003e\u003c!-- タイトル（SEO用） --\u003e\n\u003ch2 class=\"bior-mutenka-title\"\u003e無添加一覧\u003c\/h2\u003e\n\u003c!-- 画像 --\u003e\n\u003cdiv class=\"bior-mutenka-image\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/mutenka_SP.svg?v=1773126717\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/mutenka_PC.webp?v=1773122379\" alt=\"防腐剤全般 紫外線吸収剤 シリコン 石油系界面活性剤 鉱物油 合成香料 合成ポリマー タルク アルコール カルミン 合成着色料 不使用\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- 注釈（SEO用） --\u003e\n\u003cdiv class=\"bior-mutenka-note\"\u003e\n\u003cp\u003e*¹ 敏感肌パッチテスト済み\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e（すべての方に刺激が起こらないということではありません）\u003c\/p\u003e\n\u003cp\u003e*² パラベン・フェノキシエタノールなどの防腐剤全般\u003c\/p\u003e\n\u003cp\u003e*³ 一部製品では溶媒として使用しているものがあります。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\n LookBook\n========================= --\u003e\n\u003csection class=\"bior-lookbook\" id=\"bior-lookbook\"\u003e\n\u003cdiv class=\"bior-lookbook-inner\"\u003e\n\u003ch2 class=\"bior-lookbook-title\"\u003eLookBook\u003c\/h2\u003e\n\u003cdiv class=\"bior-lookbook-slider-wrap\"\u003e\n\u003cbutton class=\"bior-lookbook-arrow prev\" type=\"button\" aria-label=\"前へ\"\u003e \u003cspan\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"bior-lookbook-stage\" id=\"biorLookbookStage\"\u003e\u003c\/div\u003e\n\u003cbutton class=\"bior-lookbook-arrow next\" type=\"button\" aria-label=\"次へ\"\u003e \u003cspan\u003e\u003c\/span\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bior-lookbook-nav\"\u003e\n\u003cp class=\"bior-lookbook-nav-title\"\u003eRecommended variations\u003c\/p\u003e\n\u003cdiv class=\"bior-lookbook-variation-nav\" id=\"biorLookbookVariationNav\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n Custom Case\n========================= --\u003e\n\u003csection class=\"bior-case\"\u003e\n\u003cdiv class=\"bior-case-inner\"\u003e\n\u003ch2 class=\"bior-case-title\"\u003eTools\u003c\/h2\u003e\n\u003cdiv class=\"bior-case-content\"\u003e\n\u003c!-- 画像 --\u003e\n\u003cdiv class=\"bior-case-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_case.webp?v=1774494221\" alt=\"custom case\"\u003e\u003c\/div\u003e\n\u003c!-- テキスト --\u003e\n\u003cdiv class=\"bior-case-text\"\u003e\n\u003cp class=\"bior-case-copy\"\u003eあなただけのパレットが作れる\u003cbr\u003eカスタムケース\u003c\/p\u003e\n\u003cp class=\"bior-case-sub\"\u003eフラワーミネラルマグネットカスタムケース\u003c\/p\u003e\n\u003cp class=\"bior-case-price\"\u003e¥990（税込）\u003c\/p\u003e\n\u003ca href=\"https:\/\/biororganics.com\/products\/magnetic-custom-case\" class=\"bior-case-btn\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/customcase_buy_btn.svg?v=1774494158\" alt=\"購入\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 詳細\n========================= --\u003e\n\u003cdiv class=\"product-description\" id=\"more-details\"\u003e\n\u003ch2 class=\"free-title\"\u003eMORE DETAILS\u003c\/h2\u003e\n\u003c!-- 販売名 --\u003e\n\u003cp class=\"description\"\u003e販売名：フラワーミネラル カラーパウダー デュアル〈ブラシ付〉\u003cbr\u003eメーカー小売価格：1,980円(税込)\u003c\/p\u003e\n\u003cp class=\"description\"\u003e販売名：フラワーミネラル カラーパウダー シングル\u003cbr\u003eメーカー小売価格：1,650円(税込)\u003c\/p\u003e\n\u003chr\u003e\n\u003cp class=\"description\"\u003e使用方法：ブラシや指で適量をとり、お肌に適量を塗布してください\u003c\/p\u003e\n\u003chr\u003e\n\u003c!-- FREE成分リスト --\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全成分】マイカ、トリエチルヘキサノイン、ヘキサ(ヒドロキシステアリン酸\/ステアリン酸\/ロジン酸)ジペンタエリスリチル、セスキイソステアリン酸ソルビタン、スクワラン、セラミドAP、セラミドNP、トコフェロール、(+\/-)シリカ、カオリン、テトライソステアリン酸ポリグリセリル-2、ステアロイルグルタミン酸2Na、合成フルオロフロゴパイト、結晶セルロース、酸化チタン、水酸化Al、酸化亜鉛、酸化鉄、ベニバナ赤、サツマイモ根エキス、グンジョウ、ベントナイト、クエン酸、酸化スズ\u003cbr\u003e\n\u003c\/div\u003e\n\u003chr\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\u003chr\u003e\n\u003cp class=\"description\"\u003e原産国(地)：日本\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ページ上部へ戻るリンク --\u003e\n\u003cp class=\"back-to-top\"\u003e\u003ca id=\"backToTopLink\" href=\"#top\"\u003eページ上部へ戻る↑\u003c\/a\u003e\u003c\/p\u003e\n\n\u003c!-- campaign modal --\u003e\n\u003cdiv class=\"bior-campaign-modal\" id=\"biorCampaignModal\" aria-hidden=\"true\"\u003e\n \u003cdiv class=\"bior-campaign-modal-overlay\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"bior-campaign-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"campaign images\"\u003e\n \u003cbutton class=\"bior-campaign-modal-close\" type=\"button\" aria-label=\"閉じる\"\u003e\u003c\/button\u003e\n\n \u003cdiv class=\"bior-campaign-modal-body\"\u003e\n \u003cdiv class=\"bior-campaign-modal-gallery\"\u003e\n\n \u003cdiv class=\"bior-campaign-modal-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/HEIcFJiaIAE-OJj_b3c9a584-f994-4a0e-89fd-7d9e9b590bae_1.jpg?v=1777450729\" alt=\"campaign image 2\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-campaign-modal-item\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/HEIcFJkbAAAcuXJ.jpg?v=1774370397\" alt=\"campaign image 3\"\u003e\n \u003c\/div\u003e\n\n \u003cbr\u003e\u003cbr\u003e\n\n 恐れ入りますが、個別での発送日のご指定や発送に関するお問い合わせにはお応えいたしかねますので、あらかじめご了承ください。\n \n\n \u003ca href=\"https:\/\/biororganics.com\/apps\/bundles\/bundle\/160296\" class=\"bior-campaign-btn js-campaign-set-btn bior-campaign-btn--disabled\" aria-label=\"キャンペーンセットを購入\" aria-disabled=\"true\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/customcase_buy_btn2.svg?v=1777447866\" alt=\"キャンペーンセットを見る\"\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const paletteSection = document.querySelector('.bior-palette');\n\n if (paletteSection) {\n const slides = paletteSection.querySelectorAll('.bior-palette-slide');\n const thumbs = paletteSection.querySelectorAll('.bior-palette-thumb');\n const prevBtn = paletteSection.querySelector('.bior-palette-arrow.prev');\n const nextBtn = paletteSection.querySelector('.bior-palette-arrow.next');\n\n let currentIndex = 0;\n\n function showPaletteSlide(index, direction = 'next') {\n if (index \u003c 0) index = slides.length - 1;\n if (index \u003e= slides.length) index = 0;\n\n slides.forEach((slide) =\u003e {\n slide.classList.remove('is-active', 'is-entering-from-right', 'is-entering-from-left');\n });\n\n thumbs.forEach((thumb, i) =\u003e {\n thumb.classList.toggle('is-active', i === index);\n });\n\n const activeSlide = slides[index];\n activeSlide.classList.add('is-active');\n\n if (direction === 'next') {\n activeSlide.classList.add('is-entering-from-right');\n } else if (direction === 'prev') {\n activeSlide.classList.add('is-entering-from-left');\n }\n\n currentIndex = index;\n }\n\n thumbs.forEach((thumb) =\u003e {\n thumb.addEventListener('click', function () {\n const index = Number(this.dataset.index);\n const direction = index \u003e currentIndex ? 'next' : 'prev';\n showPaletteSlide(index, direction);\n });\n });\n\n if (prevBtn) {\n prevBtn.addEventListener('click', function () {\n showPaletteSlide(currentIndex - 1, 'prev');\n });\n }\n\n if (nextBtn) {\n nextBtn.addEventListener('click', function () {\n showPaletteSlide(currentIndex + 1, 'next');\n });\n }\n\n showPaletteSlide(0, 'next');\n\n const paletteViewer = paletteSection.querySelector('.bior-palette-viewer');\n let touchStartX = 0;\n let touchEndX = 0;\n\n if (paletteViewer) {\n paletteViewer.addEventListener('touchstart', function (e) {\n if (window.innerWidth \u003e 768) return;\n touchStartX = e.changedTouches[0].clientX;\n }, { passive: true });\n\n paletteViewer.addEventListener('touchend', function (e) {\n if (window.innerWidth \u003e 768) return;\n touchEndX = e.changedTouches[0].clientX;\n\n const diffX = touchEndX - touchStartX;\n const swipeThreshold = 40;\n\n if (Math.abs(diffX) \u003c swipeThreshold) return;\n\n if (diffX \u003c 0) {\n showPaletteSlide(currentIndex + 1, 'next');\n } else {\n showPaletteSlide(currentIndex - 1, 'prev');\n }\n }, { passive: true });\n }\n }\n});\n\u003c\/script\u003e \u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const lookbookStage = document.getElementById('biorLookbookStage');\n const lookbookNav = document.getElementById('biorLookbookVariationNav');\n const prevBtn = document.querySelector('.bior-lookbook-arrow.prev');\n const nextBtn = document.querySelector('.bior-lookbook-arrow.next');\n\n if (!lookbookStage || !lookbookNav || !prevBtn || !nextBtn) return;\n\n const learnMoreUrl = '#more-details';\n\nconst lookbookData = [\n {\n variationNo: '01',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_01.webp',\n titleEn: 'happy variation',\n titleJa: 'ハッピーバリエーション',\n accent: 'コーラル',\n desc: 'オフィスにもなじむ、上品な多幸感メイク',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_01.jpg?v=1774314107',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_01.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_01.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_01.webp?v=1774330522',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n \n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_PeachGradient_103.webp?v=1773244680', num: '103' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glitter_Pearl_LuminousChampagne_201.webp?v=1773244681', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_HappyAura_301.webp?v=1773244681', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680', num: '111' }\n ],\n \n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_103.webp?v=1774330498', num: '103' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_201.webp?v=1774330510', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_301.webp?v=1774330510', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_111.webp?v=1774330510', num: '111' }\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'A のベースカラーをアイホール全体にのせて、B のカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: 'E のチークを頬の高い位置にふわっとのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'D のグリッターをアイホール中央にのせて、C のハイライトを涙袋・鼻先・頬の上に仕込んで' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'F・G のカラーでアイブロウ＆ノーズシャドーを、締め色を目のキワに忍ばせて、自然な奥行きを演出したら完成' }\n ],\n linkItems: [\n {\n title: 'クッションファンデーション \/ NATURA',\n image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_natura.webp?v=1774368566',\n text: 'イエベの方の日常使い\u003cbr\u003eブルベの方が自然な肌を出したいときに'\n },\n {\n title: 'リップ \/ アフタヌーンティーレッド',\n image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_02.webp?v=1774368566',\n text: '肌に溶け込む * 大人コーラルレッド'\n },\n {\n title: 'リップ \/ フローラルコーラル',\n image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_05.webp?v=1774368566',\n text: '肌を明るく彩る * 華やかコーラル',\n tag: 'こちらもおすすめ'\n }\n ]\n },\n\n {\n variationNo: '02',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_02.webp',\n titleEn: 'dual variation',\n titleJa: 'デュアルバリエーション',\n accent: 'コーラル＆ローズ',\n desc: 'コーラルとローズ、2つの表情をひとつに\u003cbr\u003e気分や装いに合わせて、旬の表情に',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_02.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_02.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_02.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_02.webp?v=1774330522',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_PeachGradient_103.webp?v=1773244680', num: '103' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_RoseGradation_104.webp?v=1773244681', num: '104' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_HappyAura_301.webp?v=1773244681', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681', num: '302' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_103.webp?v=1774330498', num: '103' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_104.webp?v=1774409861', num: '104' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_301.webp?v=1774330510', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_302.webp?v=1774409861', num: '302' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'AまたはCのベースカラーをアイホール全体にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: 'BまたはDのカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'EまたはFのチークを頬の高い位置にふわっとのせたら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ HAQURA\u0026NATURA', image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_haqunatu.webp?v=1774410191', text: 'なりたい雰囲気に合わせて肌トーンを調整できるファンデーション' },\n { title: 'リップ \/ フローラルコーラル', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_05.webp?v=1774368566', text: '肌を明るく彩る*華やかコーラル' },\n { title: 'リップ \/ フェアリーブロッサム', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_06.webp?v=1774410191', text: '透明感をまとい、 華やかに色づくピンク', tag: 'こちらもおすすめ' }\n ]\n },\n\n{\n variationNo: '03',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_03.webp',\n titleEn: 'fairy variation',\n titleJa: 'フェアリーバリエーション',\n accent: 'ローズ',\n desc: 'フェアリーのようなふんわりした甘さをまとい、透明感と血色を引き出すローズトーン',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_03.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_03.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_03.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_03.webp?v=1774330523',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_RoseGradation_104.webp?v=1773244681', num: '104' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousRose_204.webp?v=1773244680', num: '204' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680', num: '111' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_104.webp?v=1774409861', num: '103' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_204.webp?v=1774409861', num: '204' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_302.webp?v=1774409861', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_111.webp?v=1774330510', num: '111' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'Aのベースカラーをアイホール全体にのせて、Bのカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: 'Bのカラーを下まぶたの目の際、黒目の中央から目尻にかけてのせて、Dを涙袋にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'Cのハイライトを涙袋、目頭、まぶたにのせるEのチークを頬の高い位置にふわっとのせて、Dをチークの上にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'F・Gのカラーでアイブロウ＆ノーズシャドーを締め色を目のキワに忍ばせて、自然な奥行きを演出したら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ HAQURA', image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_haqura.webp?v=1774416692', text: 'ブルベの方の日常使いイエベの方が透明感を出したいときに' },\n { title: 'リップ \/ 金曜日のロゼ', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_03.webp?v=1774416692', text: '肌の透明感を高める*抜け感コーラルピンク' },\n { title: 'リップ \/ フェアリーブロッサム', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_06.webp?v=1774410191', text: '透明感をまとい、 華やかに色づくピンク', tag: 'こちらもおすすめ' }\n ]\n },\n\n{\n variationNo: '04',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_04.webp',\n titleEn: 'rose coolish variation',\n titleJa: 'ローズクーリッシュバリエーション',\n accent: 'ローズ＆アイスブルー',\n desc: '可憐さの中に知性を感じさせるパレット',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_04.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_04.webp?v=1773470124',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_04.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_04.webp?v=1774330522',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_RoseGradation_104.webp?v=1773244681', num: '104' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPearl_202.webp?v=1773244680', num: '202' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Eyeshadow_CoolChocolate_113.webp?v=1773244680', num: '113' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_104.webp?v=1774409861', num: '104' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_202.webp?v=1774409861', num: '202' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_302.webp?v=1774409861', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_113.webp?v=1774409861', num: '113' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'Aのベースカラーをアイホール全体にのせて、Bのカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: '目頭・アイホールにはDまたはFのハイライトを鼻先・鼻筋にはDを、涙袋にCをのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'Gのカラーを下まぶたの目の際、黒目の中央から目尻にかけてのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'Eのチークを頬の高い位置にふわっとのせてD・Cをチークの上にのせたら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ HAQURA', image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_haqura.webp?v=1774416692', text: 'ブルベの方の日常使いイエベの方が透明感を出したいときに' },\n { title: 'リップ \/ フェアリーブロッサム', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_06.webp?v=1774410191', text: '透明感をまとい、 華やかに色づくピンク' },\n { title: 'リップ \/ 金曜日のロゼ', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_03.webp?v=1774416692', text: '肌の透明感を高める*抜け感コーラルピンク', tag: 'こちらもおすすめ' }\n ]\n },\n\n{\n variationNo: '05',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_05.webp',\n titleEn: 'honey brown variation',\n titleJa: 'ハニーブラウンバリエーション',\n accent: 'ブラウン＆コーラル',\n desc: '日本人の肌に自然になじむオレンジブラウン系のアイシャドー',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_05.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_05.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_05.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_05.webp?v=1774330523',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_Satin_HoneyBrown_101.webp?v=1773244680', num: '101' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Glitter_LuminousPeach_203.webp?v=1773244680', num: '203' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_HappyAura_301.webp?v=1773244681', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680', num: '111' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_101.webp?v=1774409861', num: '101' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_203.webp?v=1774409861', num: '203' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_301.webp?v=1774330510', num: '301' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_111.webp?v=1774330510', num: '111' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'Aのベースカラーをアイホール全体にのせて、Bのカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: '鼻先にはAを、涙袋にAまたはCをのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'BまたはDのカラーを下まぶたの目の際、黒目の中央から目尻にかけてのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'Eのチークを頬の高い位置にふわっとのせてF・Gのカラーでアイブロウ＆ノーズシャドーを締め色を目のキワに忍ばせて、自然な奥行きを演出したら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ NATURA', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_natura.webp?v=1774368566', text: 'イエベの方の日常使い\u003cbr\u003eブルベの方が自然な肌を出したいときに' },\n {\n title: 'リップ \/ アフタヌーンティーレッド',\n image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_02.webp?v=1774368566',\n text: '肌に溶け込む * 大人コーラルレッド'\n },\n { title: 'リップ \/ デイリーチェリー', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_04.webp?v=1774456994', text: '血色感のある肌色を演出するキャンディカラー', tag: 'こちらもおすすめ' }\n ]\n },\n\n{\n variationNo: '06',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_06.webp',\n titleEn: 'nudy variation',\n titleJa: 'ヌーディバリエーション',\n accent: 'ベージュ＆アイスブルー',\n desc: '肌に溶け込むベージュトーン\u003cbr\u003e洗練されたナチュラルメイクに',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_06.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_06.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_06.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_06.webp?v=1774330522',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_MilkTea_102.webp?v=1773244681', num: '102' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glitter_Pearl_LuminousChampagne_201.webp?v=1773244681', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Cheek_FairyAura_302.webp?v=1773244681', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Pearl_Eyeshadow_CoolChocolate_113.webp?v=1773244680', num: '113' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_102.webp?v=1774409861', num: '102' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_201.webp?v=1774330510', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_302.webp?v=1774409861', num: '302' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_113.webp?v=1774409861', num: '113' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'Aのベースカラーをアイホール全体にのせて、Bのカラーを上まぶたの中央〜目尻にふんわり重ねてGのカラーを目の際にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: 'Cのハイライトを涙袋にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: 'Fのハイライトを目頭と目頭側のアイホールの上にのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'Eのチークを頬の高い位置にふわっとのせたら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ HAQURA', image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_haqura.webp?v=1774416692', text: 'ブルベの方の日常使いイエベの方が透明感を出したいときに' },\n { title: 'リップ \/ デイリーチェリー', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_04.webp?v=1774456994', text: '血色感のある肌色を演出するキャンディカラー' },\n { title: 'リップ \/ フェアリーブロッサム', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_06.webp?v=1774410191', text: '透明感をまとい、 華やかに色づくピンク', tag: 'こちらもおすすめ' }\n ]\n },\n\n\n{\n variationNo: '07',\n thumb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_RVicon_07.webp',\n titleEn: 'brown beige variation',\n titleJa: 'ブラウンベージュバリエーション',\n accent: 'ベージュ＆ブラウン',\n desc: 'ベージュとブラウンの王道配色\u003cbr\u003eシーンを選ばずに使える万能パレット',\n modelImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_model_07.jpg?v=1774314106',\n paletteTopImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/FlowerMineral_CustomMagnetCase_07.webp?v=1773464133',\n learnMoreImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_lookbook_learnmore.svg?v=1774331713',\n howToTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_howtouse.svg',\n howToMainImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howto_07.webp?v=1774330523',\n howToEyeImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_howtoil_07.webp?v=1774330522',\n linkTitleImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_til_linkitem.svg?v=1774330542',\n modelUseImage: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_icon_modeluse.svg',\n page1Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_Satin_HoneyBrown_101.webp?v=1773244680', num: '101' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_MilkTea_102.webp?v=1773244681', num: '102' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Glitter_Pearl_LuminousChampagne_201.webp?v=1773244681', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Eyebrows_Shadow_CaramelBrow_Deep_111.webp?v=1773244680', num: '111' },\n ],\n page3Chips: [\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_101.webp?v=1774409861', num: '101' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_102.webp?v=1774409861', num: '102' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_201.webp?v=1774330510', num: '201' },\n { image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_111.webp?v=1774330510', num: '111' },\n ],\n \n steps: [\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step01.svg', text: 'Eのベースカラーをアイホール全体にのせて、Fのカラーを上まぶたの中央〜目尻にふんわり重ねて' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step02.svg', text: 'A・Bのカラーを頬の高い位置にふわっとのせる' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step03.svg', text: '涙袋にDのグリッターを、Cのハイライトを目頭・頬の上・鼻先・鼻筋に仕込んで' },\n { icon: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_step04.svg', text: 'G・Hでアイブロウ＆ノーズシャドーを仕上げたら完成' },\n ],\n linkItems: [\n { title: 'クッションファンデーション \/ NATURA', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_natura.webp?v=1774368566', text: 'イエベの方の日常使い\u003cbr\u003eブルベの方が自然な肌を出したいときに' },\n { title: 'リップ \/ フローラルコーラル', image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_05.webp?v=1774368566', text: '肌を明るく彩る*華やかコーラル' },\n {\n title: 'リップ \/ アフタヌーンティーレッド',\n image: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_linkitem_lip_02.webp?v=1774368566',\n text: '肌に溶け込む * 大人コーラルレッド', tag: 'こちらもおすすめ' }\n ]\n }\n\n\n\n\n \/\/ 03〜07も同じ形で追加\n];\n\n\n \n function renderPage1(item) {\n const chipsHtml = item.page1Chips.map(chip =\u003e `\n \u003cdiv class=\"bior-lookbook-chip\"\u003e\n \u003cimg src=\"${chip.image}\" alt=\"${chip.num}\"\u003e\n \u003cdiv class=\"bior-lookbook-chip-num\"\u003e${chip.num}\u003c\/div\u003e\n \u003c\/div\u003e\n `).join('');\n\n return `\n \u003carticle class=\"bior-lookbook-slide\" data-variation=\"${item.variationNo}\" data-page=\"1\"\u003e\n \u003cdiv class=\"bior-lookbook-card\"\u003e\n \u003cdiv class=\"bior-lookbook-page1-main\"\u003e\n \u003cdiv class=\"bior-lookbook-model\"\u003e\n \u003cimg src=\"${item.modelImage}\" alt=\"${item.titleJa}\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-copy\"\u003e\n \u003cdiv class=\"bior-lookbook-copy-head\"\u003e\n \u003cdiv class=\"bior-lookbook-copy-topimg\"\u003e\n \u003cimg src=\"${item.paletteTopImage}\" alt=\"${item.titleJa}\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-copy-headtext\"\u003e\n \u003cdiv class=\"bior-lookbook-no-row\"\u003e\n \u003cp class=\"bior-lookbook-no\"\u003e${item.variationNo}\u003c\/p\u003e\n \u003cp class=\"bior-lookbook-variation-en\"\u003e${item.titleEn}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ch3 class=\"bior-lookbook-variation-ja\"\u003e${item.titleJa}\u003c\/h3\u003e\n \u003cp class=\"bior-lookbook-accent\"\u003e${item.accent}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bior-lookbook-desc\"\u003e${item.desc}\u003c\/p\u003e\n\n \u003cdiv class=\"bior-lookbook-colorchips\"\u003e\n ${chipsHtml}\n \u003c\/div\u003e\n\n \u003ca class=\"bior-lookbook-learnmore\" href=\"${learnMoreUrl}\"\u003e\n \u003cimg src=\"${item.learnMoreImage}\" alt=\"learn more\"\u003e\n \u003c\/a\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n `;\n }\n\n function renderPage2(item) {\n const stepsHtml = item.steps.map((step, idx) =\u003e `\n \u003cdiv class=\"bior-lookbook-step\"\u003e\n \u003cdiv class=\"bior-lookbook-step-icon\"\u003e\n \u003cimg src=\"${step.icon}\" alt=\"step ${String(idx + 1).padStart(2, '0')}\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"bior-lookbook-step-text\"\u003e${step.text}\u003c\/p\u003e\n \u003c\/div\u003e\n `).join('');\n\n return `\n \u003carticle class=\"bior-lookbook-slide\" data-variation=\"${item.variationNo}\" data-page=\"2\"\u003e\n \u003cdiv class=\"bior-lookbook-card\"\u003e\n \u003cp class=\"bior-lookbook-page-title-en\"\u003e${item.titleEn}\u003c\/p\u003e\n \u003cdiv class=\"bior-lookbook-page-title-img\"\u003e\n \u003cimg src=\"${item.howToTitleImage}\" alt=\"How to use\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-page2-main\"\u003e\n \u003cdiv class=\"bior-lookbook-page2-head\"\u003e\n \u003cdiv class=\"bior-lookbook-page2-no-title\"\u003e\n \u003cp class=\"bior-lookbook-page2-no\"\u003e${item.variationNo}\u003c\/p\u003e\n \u003ch3 class=\"bior-lookbook-page2-ja\"\u003e${item.titleJa}\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-page2-body\"\u003e\n \u003cdiv class=\"bior-lookbook-howto-left\"\u003e\n \u003cdiv class=\"bior-lookbook-howto-main\"\u003e\n \u003cimg src=\"${item.howToMainImage}\" alt=\"${item.titleJa} How to use\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lookbook-howto-eye\"\u003e\n \u003cimg src=\"${item.howToEyeImage}\" alt=\"${item.titleJa} eye map\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-steps\"\u003e\n ${stepsHtml}\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ca class=\"bior-lookbook-learnmore\" href=\"${learnMoreUrl}\"\u003e\n \u003cimg src=\"${item.learnMoreImage}\" alt=\"learn more\"\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n `;\n }\n\n function renderPage3(item) {\n const swatchesHtml = item.page3Chips.map(chip =\u003e `\n \u003cimg src=\"${chip.image}\" alt=\"${chip.num}\"\u003e\n `).join('');\n\n const linkItemsHtml = item.linkItems.map(link =\u003e `\n \u003cdiv class=\"bior-lookbook-link-item\"\u003e\n \u003cp class=\"bior-lookbook-link-item-title\"\u003e\n ${link.title}\n ${link.tag ? `\u003cspan class=\"tag\"\u003e${link.tag}\u003c\/span\u003e` : ''}\n \u003c\/p\u003e\n \u003cdiv class=\"bior-lookbook-link-item-row\"\u003e\n \u003cdiv class=\"bior-lookbook-link-item-image\"\u003e\n \u003cimg src=\"${link.image}\" alt=\"${link.title}\"\u003e\n \u003c\/div\u003e\n \u003cp class=\"bior-lookbook-link-item-text\"\u003e${link.text}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n `).join('');\n\n return `\n \u003carticle class=\"bior-lookbook-slide\" data-variation=\"${item.variationNo}\" data-page=\"3\"\u003e\n \u003cdiv class=\"bior-lookbook-card\"\u003e\n \u003cp class=\"bior-lookbook-page-title-en\"\u003e${item.titleEn}\u003c\/p\u003e\n \u003cdiv class=\"bior-lookbook-page-title-img\"\u003e\n \u003cimg src=\"${item.linkTitleImage}\" alt=\"Link Item\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-page3-main\"\u003e\n \u003cdiv class=\"bior-lookbook-page3-body\"\u003e\n \u003cdiv class=\"bior-lookbook-link-left\"\u003e\n \u003cdiv class=\"bior-lookbook-modeluse\"\u003e\n \u003cimg src=\"${item.modelUseImage}\" alt=\"モデル使用色\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-lookbook-link-model\"\u003e\n \u003cimg src=\"${item.modelImage}\" alt=\"${item.titleJa}\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-lookbook-link-right\"\u003e\n \u003cdiv class=\"bior-lookbook-link-variation\"\u003e\n \u003cp class=\"bior-lookbook-link-title\"\u003e\n ${item.variationNo}. ${item.titleJa} \u003cspan class=\"accent\"\u003e${item.accent}\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cdiv class=\"bior-lookbook-link-variation-row\"\u003e\n \u003cdiv class=\"bior-lookbook-link-swatches\"\u003e\n ${swatchesHtml}\n \u003c\/div\u003e\n \u003cp class=\"bior-lookbook-link-variation-desc\"\u003e${item.desc}\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n ${linkItemsHtml}\n\n \u003ca class=\"bior-lookbook-learnmore\" href=\"${learnMoreUrl}\"\u003e\n \u003cimg src=\"${item.learnMoreImage}\" alt=\"learn more\"\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n `;\n }\n\n let slidesHtml = '';\n lookbookData.forEach(item =\u003e {\n slidesHtml += renderPage1(item);\n slidesHtml += renderPage2(item);\n slidesHtml += renderPage3(item);\n });\n lookbookStage.innerHTML = slidesHtml;\n\n let navHtml = '';\n lookbookData.forEach((item, index) =\u003e {\n navHtml += `\n \u003cbutton class=\"bior-lookbook-variation-btn\" type=\"button\" data-variation-index=\"${index}\"\u003e\n \u003cimg src=\"${item.thumb}\" alt=\"variation ${item.variationNo}\"\u003e\n \u003c\/button\u003e\n `;\n });\n lookbookNav.innerHTML = navHtml;\n\n const slides = Array.from(document.querySelectorAll('.bior-lookbook-slide'));\n const variationButtons = Array.from(document.querySelectorAll('.bior-lookbook-variation-btn'));\n\n let currentIndex = 0;\n\n function showLookbookSlide(index) {\n if (index \u003c 0) index = slides.length - 1;\n if (index \u003e= slides.length) index = 0;\n\n slides.forEach(slide =\u003e slide.classList.remove('is-active'));\n slides[index].classList.add('is-active');\n\n const activeVariationIndex = Math.floor(index \/ 3);\n variationButtons.forEach((btn, i) =\u003e {\n btn.classList.toggle('is-active', i === activeVariationIndex);\n });\n\n currentIndex = index;\n }\n\n prevBtn.addEventListener('click', function () {\n showLookbookSlide(currentIndex - 1);\n });\n\n nextBtn.addEventListener('click', function () {\n showLookbookSlide(currentIndex + 1);\n });\n\n variationButtons.forEach(btn =\u003e {\n btn.addEventListener('click', function () {\n const variationIndex = Number(this.dataset.variationIndex);\n showLookbookSlide(variationIndex * 3);\n });\n });\n\n let touchStartX = 0;\n let touchEndX = 0;\n\n lookbookStage.addEventListener('touchstart', function (e) {\n touchStartX = e.changedTouches[0].clientX;\n }, { passive: true });\n\n lookbookStage.addEventListener('touchend', function (e) {\n touchEndX = e.changedTouches[0].clientX;\n const diffX = touchEndX - touchStartX;\n const swipeThreshold = 40;\n\n if (Math.abs(diffX) \u003c swipeThreshold) return;\n\n if (diffX \u003c 0) {\n showLookbookSlide(currentIndex + 1);\n } else {\n showLookbookSlide(currentIndex - 1);\n }\n }, { passive: true });\n\n showLookbookSlide(0);\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const campaignModal = document.getElementById('biorCampaignModal');\n const campaignModalOverlay = campaignModal ? campaignModal.querySelector('.bior-campaign-modal-overlay') : null;\n const campaignModalClose = campaignModal ? campaignModal.querySelector('.bior-campaign-modal-close') : null;\n const campaignOpenButtons = document.querySelectorAll('.js-campaign-open');\n\n let campaignScrollY = 0;\n\n function openCampaignModal() {\n if (!campaignModal) return;\n\n campaignScrollY = window.scrollY || window.pageYOffset;\n\n campaignModal.classList.add('is-open');\n campaignModal.setAttribute('aria-hidden', 'false');\n\n document.documentElement.classList.add('bior-modal-open');\n document.body.classList.add('bior-modal-open');\n document.body.style.top = `-${campaignScrollY}px`;\n }\n\n function closeCampaignModal() {\n if (!campaignModal) return;\n\n campaignModal.classList.remove('is-open');\n campaignModal.setAttribute('aria-hidden', 'true');\n\n document.documentElement.classList.remove('bior-modal-open');\n document.body.classList.remove('bior-modal-open');\n document.body.style.top = '';\n\n const html = document.documentElement;\n const previousScrollBehavior = html.style.scrollBehavior;\n\n html.style.scrollBehavior = 'auto';\n window.scrollTo(0, campaignScrollY);\n\n requestAnimationFrame(() =\u003e {\n html.style.scrollBehavior = previousScrollBehavior;\n });\n }\n\n campaignOpenButtons.forEach((button) =\u003e {\n button.addEventListener('click', function (e) {\n e.preventDefault();\n openCampaignModal();\n });\n });\n\n if (campaignModalOverlay) {\n campaignModalOverlay.addEventListener('click', closeCampaignModal);\n }\n\n if (campaignModalClose) {\n campaignModalClose.addEventListener('click', closeCampaignModal);\n }\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape') {\n closeCampaignModal();\n }\n });\n});\n\u003c\/script\u003e\n","brand":"bior organics WEB STORE","offers":[{"title":"101 ハニーブラウン","offer_id":43909403246680,"sku":"B022560","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"102 ミルクティ","offer_id":43909403279448,"sku":"B022630","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"103 ピーチグラデーション","offer_id":43909403312216,"sku":"B022700","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"104 ローズグラデーション","offer_id":43909403344984,"sku":"B022870","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"201 ルミナスシャンパン","offer_id":43909403377752,"sku":"B023170","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"202 ルミナスパール","offer_id":43909403410520,"sku":"B023240","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"203 ルミナスピーチ","offer_id":43909403443288,"sku":"B023310","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"204 ルミナスローズ","offer_id":43909403476056,"sku":"B023480","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"111 キャラメルブロウ〈アイブロウ＆シャドウ〉","offer_id":43909403508824,"sku":"B022940","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"113 クールチョコレート","offer_id":43909403541592,"sku":"B023000","price":1980.0,"currency_code":"JPY","in_stock":true},{"title":"301 ハッピーオーラ〈コーラル系チーク〉","offer_id":43909422645336,"sku":"B023550","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"302 フェアリーオーラ〈ローズ系チーク〉","offer_id":43909422678104,"sku":"B023620","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_sldr_smn.jpg?v=1774430414"},{"product_id":"magnetic-custom-case","title":"フラワーミネラルマグネットカスタムケース","description":"\u003cstyle\u003e\n\/* =========================\n Custom Case Size Section\n========================= *\/\n.bior-case-size{\n width:100%;\n background:#fff;\n padding:110px 0 120px;\n}\n\n.bior-case-size-inner{\n width:78vw;\n max-width:1200px;\n margin:0 auto;\n}\n\n.bior-case-size-title{\n margin:0;\n text-align:center;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:2.5vw;\n line-height:1.2;\n letter-spacing:0.02em;\n color:#7f7369;\n font-weight:400;\n}\n\n.bior-case-size-copy{\n margin:36px 0 0;\n text-align:center;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3vw;\n line-height:1.35;\n letter-spacing:0.02em;\n color:#8b7b70;\n font-weight:400;\n}\n\n.bior-case-size-sub{\n margin:24px 0 0;\n text-align:center;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-case-size-images{\n margin-top:52px;\n display:flex;\n justify-content:center;\n align-items:flex-end;\n gap:5.5vw;\n}\n\n.bior-case-size-image-main{\n width:22vw;\n max-width:430px;\n}\n\n.bior-case-size-image-detail{\n width:26vw;\n max-width:500px;\n}\n\n.bior-case-size-images img{\n display:block;\n width:100%;\n height:auto;\n}\n\n\/* ===== SP ===== *\/\n@media screen and (max-width:768px){\n\n .bior-case-size{\n padding:72px 0 90px;\n }\n\n .bior-case-size-inner{\n width:90vw;\n }\n\n .bior-case-size-title{\n font-size:8vw;\n line-height:1.15;\n }\n\n .bior-case-size-copy{\n margin-top:34px;\n font-size:7vw;\n line-height:1.28;\n letter-spacing:0.01em;\n }\n\n .bior-case-size-sub{\n margin-top:22px;\n font-size:3.5vw;\n line-height:1.45;\n }\n\n .bior-case-size-images{\n margin-top:40px;\n display:block;\n }\n\n .bior-case-size-image-main{\n width:68vw;\n max-width:none;\n margin:0 auto;\n }\n\n .bior-case-size-image-detail{\n width:77vw;\n max-width:none;\n margin:48px auto 0;\n }\n}\n\n\/* =========================\n 改行\n========================= *\/\n.bior-br-pc{\n display:block;\n}\n\n.bior-br-sp{\n display:none;\n}\n@media screen and (max-width:768px){\n .bior-br-pc{\n display:none;\n }\n\n .bior-br-sp{\n display:block;\n }\n}\n\n\/* =========================\n custom case\n========================= *\/\n.bior-case{\n width:100%;\n padding:120px 0;\n background:#fff;\n}\n\n.bior-case-inner{\n width:70vw;\n margin:0 auto;\n}\n\n.bior-case-title{\n text-align:center;\n font-family:\"Avenir Next\",\"Avenir\",\"Century Gothic\",sans-serif;\n font-size:2.5vw;\n color:#7f7369;\n margin-bottom:30px;\nfont-weight:400;\nletter-spacing:0.02em;\n}\n\n.bior-case-content{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:6vw;\n}\n\n.bior-case-image{\n width:20vw;\n}\n\n.bior-case-text{\n width:28vw;\n}\n\n.bior-case-copy{\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n serif;\n font-size:1.8vw;\n line-height:1.4;\n color:#7f7369;\nletter-spacing:0.01em;\n}\n\n.bior-case-sub{\n margin-top:0px;\n font-size:1vw;\n color:#7f7369;\n}\n\n.bior-case-price{\n margin-top:5px;\n font-size:1.2vw;\n color:#d0bcc2;\n}\n\n.bior-case-btn{\n display:block;\n width:18vw;\n margin-top:10px;\n}\n\n\/* ===== SP ===== *\/\n@media screen and (max-width:768px){\n\n .bior-case{\n padding:60px 0;\n }\n\n .bior-case-inner{\n width:90vw;\n }\n\n .bior-case-title{\n font-size:6vw;\n margin-bottom:30px;\n }\n\n .bior-case-content{\n display:block;\n text-align:center;\n }\n\n .bior-case-image{\n width:50vw;\n margin:0 auto;\n }\n\n .bior-case-text{\n width:100%;\n margin-top:24px;\n }\n\n.bior-case-text p{\n margin:0;\n}\n\n .bior-case-copy{\n font-size:5.5vw;\n line-height:1.4;\n }\n\n .bior-case-sub{\n font-size:3.5vw;\n margin-top:1px;\n }\n\n .bior-case-price{\n font-size:4.2vw;\n margin-top:5px;\n }\n\n .bior-case-btn{\n width:80vw;\n margin:20px auto 0;\n }\n}\n\/* =========================\n 商品説明\n========================= *\/\n\nhr {\n margin: 30px 0 15px 0;\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.free-title {\n font-size: 18px;\n font-family: \"Outfit\", sans-serif;\n margin: 30px 0 10px;\n font-weight: normal;\n}\n\n.description {\n font-size: 13px;\n margin-top: 10px;\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\/* アコーディオン *\/\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;\n height: 8px;\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\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.bior-case-size-desc{\n margin:16px 0 0;\n text-align:center;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.2vw; \/* ← sub(1vw)より少し大きい *\/\n line-height:1.7;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n@media screen and (max-width:768px){\n .bior-case-size-desc{\n font-size:4vw; \/* sub(3.5vw)より少し大きい *\/\n margin-top:18px;\n line-height:1.6;\n }\n}\n\n \/* =========================\n Campaign Banner\n========================= *\/\n.bior-campaign-banner{\n width:100%;\n text-align:center;\n margin-bottom:60px;\n}\n\n.bior-campaign-banner img{\n display:block;\n width:45vw;\n max-width:900px;\n height:auto;\n margin:0 auto;\n transition:opacity .2s ease;\n}\n\n.bior-campaign-banner a:hover img{\n opacity:0.75;\n}\n\n\/* SP *\/\n@media screen and (max-width:768px){\n .bior-campaign-banner{\n margin-bottom:30px;\n }\n\n .bior-campaign-banner img{\n width:90vw;\n }\n}\n\/* =========================\n campaign modal\n========================= *\/\n.bior-campaign-modal{\n position:fixed;\n inset:0;\n z-index:9999;\n display:none;\n }\n\n\n.bior-campaign-modal.is-open{\n display:block;\n}\n\n.bior-campaign-modal-overlay{\n position:absolute;\n inset:0;\n background:rgba(0,0,0,0.28);\n}\n\n.bior-campaign-modal-dialog{\n position:relative;\n z-index:2;\n width:760px;\n max-width:calc(100vw - 40px);\n height:auto;\n max-height:88vh;\n margin:40px auto;\n background:#fff;\n padding:32px 32px 24px;\n box-sizing:border-box;\n overflow:hidden; \/* ←ここ重要 *\/\n}\n\n.bior-campaign-modal-close{\n position:absolute;\n top:24px;\n right:24px;\n width:34px;\n height:34px;\n border:none;\n background:transparent;\n padding:0;\n cursor:pointer;\n z-index:10;\n}\n\n.bior-campaign-modal-close::before,\n.bior-campaign-modal-close::after{\n content:\"\";\n position:absolute;\n left:50%;\n top:50%;\n width:36px;\n height:1.5px;\n background:#9a8f8b;\n transform-origin:center;\n}\n\n.bior-campaign-modal-close::before{\n transform:translate(-50%, -50%) rotate(45deg);\n}\n\n.bior-campaign-modal-close::after{\n transform:translate(-50%, -50%) rotate(-45deg);\n}\n\n.bior-campaign-modal-body{\n margin-top:20px;\n max-height:calc(88vh - 56px);\n overflow-y:auto; \/* ←スクロールはここ *\/\n -webkit-overflow-scrolling:touch;\n padding-right:4px;\n}\n\n.bior-campaign-modal-gallery{\n display:grid;\n grid-template-columns:1fr;\n row-gap:20px;\n}\n\n.bior-campaign-modal-item img{\n display:block;\n width:100%;\n height:auto;\n}\n .bior-campaign-modal-item .bior-campaign-btn{\n margin-bottom:100px;\n}\n\n \/* 注意書き全体 *\/\n.bior-campaign-note{\n width:100%;\n margin:20px auto 18px;\n font-size:14px;\n line-height:1.8;\n letter-spacing:0.04em;\n color:#8a807c;\n text-align:left;\n\n border-top:1px solid #e5dfdc;\n border-bottom:1px solid #e5dfdc; \/* ←下にも線追加 *\/\n padding:16px 0;\n}\n\n\/* 強調テキスト *\/\n.bior-campaign-note-strong{\n display:block;\n font-size:16px;\n font-weight:600;\n color:#7f7369;\n}\n\n\n\n@media screen and (max-width:768px){\n .bior-campaign-modal-dialog{\n width:90vw;\n max-width:90vw;\n margin:24px auto;\n padding:18px 18px 24px;\n }\n\n .bior-campaign-modal-close{\n top:16px;\n right:16px;\n width:28px;\n height:28px;\n }\n\n .bior-campaign-modal-close::before,\n .bior-campaign-modal-close::after{\n width:28px;\n }\n\n .bior-campaign-modal-gallery{\n row-gap:14px;\n }\n\n .bior-campaign-modal-item .bior-campaign-btn{\n margin-bottom:80px;\n }\n.bior-campaign-note{\n font-size:12px;\n margin:16px auto 14px;\n padding:14px 0;\n }\n\n .bior-campaign-note-strong{\n font-size:13.5px;\n }\n}\n@media screen and (min-width:769px){\n .bior-campaign-modal .js-campaign-set-btn{\n display:block !important;\n width:60% !important;\n max-width:520px !important;\n min-width:280px !important;\n margin:0 auto 100px !important;\n }\n\n .bior-campaign-modal .js-campaign-set-btn img{\n display:block !important;\n width:100% !important;\n height:auto !important;\n }\n}\n\n\n\u003c\/style\u003e\n\u003c!--\u003cdiv class=\"bior-campaign-banner\"\u003e\u003ca href=\"#\" class=\"bior-campaign-btn js-campaign-open\" aria-label=\"キャンペーン画像を開く\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SScampaign_banner3.webp?v=1777447223\" alt=\"campaign banner\"\u003e \u003c\/a\u003e\u003c\/div\u003e--\u003e\n\u003csection class=\"bior-case-size\"\u003e\n\u003cdiv class=\"bior-case-size-inner\"\u003e\n\u003ch2 class=\"bior-case-size-title\"\u003eTools\u003c\/h2\u003e\n\u003cp class=\"bior-case-size-copy\"\u003eあなただけのパレットが\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e作れる\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e カスタムケース\u003c\/p\u003e\n\u003cp class=\"bior-case-size-sub\"\u003eフラワーミネラルマグネットカスタムケース\u003c\/p\u003e\n\u003cp class=\"bior-case-size-desc\"\u003eお好みのカラーパウダーをセットできる\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003eマグネット式のオリジナルケース。\u003cbr\u003e自分だけの組み合わせで、\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e毎日のメイクをカスタマイズできます。\u003c\/p\u003e\n\u003cdiv class=\"bior-case-size-images\"\u003e\n\u003cdiv class=\"bior-case-size-image-main\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/EyeShadow_case.webp?v=1774494221\" alt=\"フラワーミネラルマグネットカスタムケース\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-case-size-image-detail\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/customcase_size.webp?v=1774498737\" alt=\"カスタムケース サイズ\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\nカラーパウダーリンク \n========================= --\u003e\n\u003csection class=\"bior-case\"\u003e\n\u003cdiv class=\"bior-case-inner\"\u003e\n\u003ch2 class=\"bior-case-title\"\u003eCustom Color Powders\u003c\/h2\u003e\n\u003cdiv class=\"bior-case-content\"\u003e\n\u003c!-- 画像 --\u003e\n\u003cdiv class=\"bior-case-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadow_link_img.jpg?v=1774498025\" alt=\"custom case\"\u003e\u003c\/div\u003e\n\u003c!-- テキスト --\u003e\n\u003cdiv class=\"bior-case-text\"\u003e\n\u003cp class=\"bior-case-copy\"\u003eあなただけのパレットが作れる\u003cbr\u003eカラーパウダー\u003c\/p\u003e\n\u003cp class=\"bior-case-sub\"\u003eフラワーミネラルカラーパウダー\u003c\/p\u003e\n\u003cp class=\"bior-case-price\"\u003e各¥1,980(税込)\/各¥1,650(税込)\u003c\/p\u003e\n\u003ca href=\"https:\/\/biororganics.com\/products\/color-powder\" class=\"bior-case-btn\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/colorpowder_link_btn.svg?v=1774504437\" alt=\"購入\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 詳細\n========================= --\u003e\n\u003cdiv class=\"product-description\" id=\"more-details\"\u003e\n\u003ch2 class=\"free-title\"\u003eMORE DETAILS\u003c\/h2\u003e\n\u003c!-- 販売名 --\u003e\n\u003cp class=\"description\"\u003e販売名：フラワーミネラル マグネットカスタムケース\u003c\/p\u003e\n\u003chr\u003e\n\u003cp class=\"description\"\u003e使用方法：フラワーミネラルカラーパウダーをセットしてお使いいただく専用ケースです\u003c\/p\u003e\n\u003chr\u003e\n\u003ch2 class=\"free-title\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003cp class=\"description\"\u003eメーカー小売価格：990円(税込)\u003c\/p\u003e\n\u003c!-- ページ上部へ戻るリンク --\u003e\n\u003cp class=\"back-to-top\"\u003e\u003ca id=\"backToTopLink\" href=\"#top\"\u003eページ上部へ戻る↑\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- campaign modal --\u003e\n\u003cdiv class=\"bior-campaign-modal\" id=\"biorCampaignModal\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"bior-campaign-modal-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-campaign-modal-dialog\" role=\"dialog\" aria-modal=\"true\" aria-label=\"campaign images\"\u003e\n\u003cbutton class=\"bior-campaign-modal-close\" type=\"button\" aria-label=\"閉じる\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"bior-campaign-modal-body\"\u003e\n\u003cdiv class=\"bior-campaign-modal-gallery\"\u003e\n\u003cdiv class=\"bior-campaign-modal-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/HEIcFJiaIAE-OJj_b3c9a584-f994-4a0e-89fd-7d9e9b590bae_1.jpg?v=1777450729\" alt=\"campaign image 2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bior-campaign-modal-item\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/HEIcFJkbAAAcuXJ.jpg?v=1774370397\" alt=\"campaign image 3\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cbr\u003e恐れ入りますが、個別での発送日のご指定や発送に関するお問い合わせにはお応えいたしかねますので、あらかじめご了承ください。 \u003ca href=\"https:\/\/biororganics.com\/apps\/bundles\/bundle\/160296\" class=\"bior-campaign-btn js-campaign-set-btn bior-campaign-btn--disabled\" aria-label=\"キャンペーンセットを購入\" aria-disabled=\"true\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/customcase_buy_btn2.svg?v=1777447866\" alt=\"キャンペーンセットを見る\"\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":43904697729112,"sku":"B022490","price":990.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/eyeshadowcase_sldr_smn_bb7649e9-705a-4237-88b9-f981196e1a0f.jpg?v=1774454191"},{"product_id":"プレヴィータ-フェイシャルローラー-ギフトキット-特別価格-コピー","title":"プレヴィータ＆フェイシャルローラー＜ギフトキット＞特別価格","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":"Birthday（誕生日）","offer_id":44028407742552,"sku":"E020013","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"For You","offer_id":44028407709784,"sku":"E020011","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"Mothers day（母の日）","offer_id":44028407775320,"sku":"E020014","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"カード無し","offer_id":44028777103448,"sku":"E020010","price":6600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/GIFT.jpg?v=1777345883"},{"product_id":"プレヴィータ-フェイシャルローラー-ギフトキット-特別価格-コピー-1","title":"レヴィータ＆フェイシャルローラー＜ギフトキット＞特別価格","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":"Birthday（誕生日）","offer_id":44046256570456,"sku":"E020023","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"For You","offer_id":44046256537688,"sku":"E020021","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"Mother's day（母の日）","offer_id":44046256504920,"sku":"E020024","price":6600.0,"currency_code":"JPY","in_stock":true},{"title":"カード無し","offer_id":44046256603224,"sku":"E020020","price":6600.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/GIFT_1d42b660-346a-409f-affa-bc9f983fdc40.jpg?v=1777375961"},{"product_id":"aqua-cheek","title":"オーガニックアクア フラワーミネラル アクアチーク(ミニハートパフ付)","description":" \u003cstyle\u003e\n\/* =========================\n Background\n========================= *\/\n#MainContent{\n background-color:#fff;\n overflow-x:hidden;\n}\n\n#MainContent .shopify-section,\n#MainContent .page-width{\n background-color:#fff;\n}\n\n.main-page-title,\n.page-width.page-content h1{\n display:none !important;\n}\n\n#MainContent .shopify-section{\n padding-top:0 !important;\n margin-top:0 !important;\n}\n\/* =========================\n wide block\n========================= *\/\n.bior-wide{\n width:100vw;\n margin-left:calc(50% - 50vw);\n background:#fff;\n}\n\n \u003c!-- ===\/* =========================\n Lip serum features\n========================= *\/\n.bior-lip-features{\n width:100%;\n padding:10px 0 50px;\n background:#fff;\n}\n\n.bior-lip-features .bior-features-inner{\n width:40vw;\n}\n\n.bior-lip-features .bior-features-grid{\n grid-template-columns:repeat(2, 1fr);\n}\n\n.bior-lip-features .bior-features-number{\n width:3vw;\n}\n\n.bior-lip-features .bior-features-note{\n display:block;\n margin-top:8px;\n font-size:0.62vw;\n line-height:1.4;\n}\n\n.bior-lip-features .bior-features-note p{\n margin:0 0 4px;\n}\n\n.bior-lip-features .bior-features-note p:last-child{\n margin-bottom:0;\n}\n\n@media screen and (max-width:768px){\n .bior-lip-features{\n padding:0 0 50px;\n }\n\n .bior-lip-features .bior-features-inner{\n width:90vw;\n }\n\n .bior-lip-features .bior-features-grid{\n grid-template-columns:repeat(2, 1fr);\n }\n\n .bior-lip-features .bior-features-number{\n width:9vw;\n }\n\n .bior-lip-features .bior-features-note{\n margin-top:8px;\n font-size:2vw;\n line-height:1.7;\n }\n}\n\n \/* =========================\n product features\n========================= *\/\n.bior-features{\n width:100%;\n padding:10px 0 100px;\n background:#fff;\n}\n\n.bior-features-inner{\n width:60vw;\n margin:0 auto;\n}\n\n.bior-features-head{\n text-align:center;\n}\n\n.bior-features-en{\n margin:0;\n font-family:\n \"Avenir Next\",\n \"Avenir\",\n \"Century Gothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.4;\n letter-spacing:0.02em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-ja{\n margin:10px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:3.2vw;\n line-height:1.3;\n letter-spacing:0.04em;\n color:#84786d;\n font-weight:400;\n}\n\n.bior-features-grid{\n margin-top:48px;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n column-gap:2.8vw;\n row-gap:72px;\n}\n\n.bior-features-card{\n border:1px solid #9e958d;\n padding:22px 22px 20px;\n box-sizing:border-box;\n background:#fff;\n\n display:flex;\n flex-direction:column;\n justify-content:flex-start;\n}\n\n.bior-features-text{\n margin-top:20px;\n}\n\n.bior-features-image{\n margin-top:auto; \/* 画像を一番下へ *\/\n padding-top:20px; \/* テキストとの間隔 *\/\n}\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n \n .bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n.bior-features-number{\n width:3vw;\n}\n\n.bior-features-number img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-features-title{\n margin:14px 0 0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.08vw;\n line-height:1.55;\n letter-spacing:0.03em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-text{\n margin-top:20px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:0.84vw;\n line-height:1.8;\n letter-spacing:0.01em;\n color:#7f7369;\n font-weight:500;\n}\n\n.bior-features-note{\n display:block;\n margin-top:8px;\n font-size:0.62vw;\n line-height:1.4;\n}\n\n\n\n@media screen and (max-width:768px){\n .bior-features{\n padding:20px 0 40px;\n }\n\n .bior-features-inner{\n width:90vw;\n }\n\n .bior-features-en{\n font-size:3vw;\n line-height:1.4;\n }\n\n .bior-features-ja{\n margin-top:12px;\n font-size:8vw;\n line-height:1.3;\n }\n\n .bior-features-grid{\n margin-top:42px;\n grid-template-columns:repeat(2, 1fr);\n column-gap:6vw;\n row-gap:38px;\n }\n\n .bior-features-card{\n position:relative;\n padding:15px 15px 15px;\n min-height:460px;\n }\n\n .bior-features-number{\n width:9vw;\n }\n\n .bior-features-title{\n margin-top:8px;\n font-size:4vw;\n line-height:1.5;\n }\n\n .bior-features-text{\n margin-top:20px;\n font-size:2.95vw;\n line-height:1.7;\n }\n\n .bior-features-note{\n margin-top:8px;\n font-size:2vw;\n line-height:1.7;\n }\n\n\n .bior-features-card{\n display:flex;\n flex-direction:column;\n }\n\n .bior-features-image{\n margin-top:auto;\n padding-top:10px;\n }\n\n.bior-features-image img{\n width:100%;\n height:auto;\n display:block;\n}\n\n}\n \/* =========================\n Aqua Cheek section\n========================= *\/\n.bior-aquacheek{\n width:100%;\n padding:120px 0 140px;\n background:#fff;\n text-align:center;\n}\n\n.bior-aquacheek-inner{\n width:50vw;\n margin:0 auto;\n}\n\n.bior-aquacheek-title{\n width:25vw;\n margin:0 auto;\n}\n\n.bior-aquacheek-title img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-aquacheek-lead{\n margin:34px 0 0;\n font-family:\n \"Hiragino Mincho ProN\",\n \"Yu Mincho\",\n \"YuMincho\",\n serif;\n font-size:2.2vw;\n line-height:1.75;\n letter-spacing:0.01em;\n color:#756c67;\n}\n\n.bior-aquacheek-grid{\n margin-top:90px;\n display:grid;\n grid-template-columns:repeat(3, 1fr);\n column-gap:5.5vw;\n align-items:start;\n justify-items:center;\n}\n\n.bior-aquacheek-item{\n width:100%;\n text-align:center;\n}\n\n.bior-aquacheek-image{\n width:10vw;\n margin:0 auto;\n}\n\n.bior-aquacheek-image img{\n display:block;\n width:100%;\n height:auto;\n}\n\n.bior-aquacheek-number{\n margin-top:18px;\n font-family:\"Times New Roman\", serif;\n font-size:2vw;\n line-height:1;\n letter-spacing:0.01em;\n color:#d0bcc2;\n font-weight:500;\n}\n\n.bior-aquacheek-name{\n margin-top:6px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.5vw;\n line-height:1.2;\n letter-spacing:0.01em;\n color:#756c67;\n font-weight:500;\n}\n\n.bior-aquacheek-price{\n margin-top:10px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1vw;\n line-height:1.5;\n letter-spacing:0.02em;\n color:#d0bcc2;\n font-weight:600;\n}\n\n.bior-aquacheek-body{\n width:52vw;\n margin:90px auto 0;\n}\n\n.bior-aquacheek-text{\n margin:0;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.15vw;\n line-height:1.95;\n letter-spacing:0.01em;\n color:#756c67;\n font-weight:500;\n}\n\n.bior-aquacheek-text + .bior-aquacheek-text{\n margin-top:42px;\n}\n\n.bior-aquacheek-strong{\n margin:42px 0 42px;\n font-family:\n \"Hiragino Kaku Gothic ProN\",\n \"Yu Gothic\",\n \"YuGothic\",\n sans-serif;\n font-size:1.15vw;\n line-height:1.7;\n letter-spacing:0.01em;\n color:#756c67;\n font-weight:700;\n}\n\n@media screen and (max-width:768px){\n .bior-aquacheek{\n padding:70px 0 90px;\n }\n\n .bior-aquacheek-inner{\n width:90vw;\n }\n\n .bior-aquacheek-title{\n width:50vw;\n }\n\n .bior-aquacheek-lead{\n margin-top:26px;\n font-size:5vw;\n line-height:1.6;\n letter-spacing:0.01em;\n }\n\n.bior-aquacheek-grid{\n margin-top:50px;\n display:grid;\n grid-template-columns:auto auto;\n justify-content:center;\n column-gap:10vw;\n row-gap:30px;\n}\n\n.bior-aquacheek-item{\n width:30vw;\n}\n\n .bior-aquacheek-item.item-03{\n grid-column:1 \/ -1;\n width:38vw;\n margin:0 auto;\n }\n\n .bior-aquacheek-image{\n width:23vw;\n }\n\n .bior-aquacheek-item.item-03 .bior-aquacheek-image{\n width:23vw;\n }\n\n .bior-aquacheek-number{\n margin-top:12px;\n font-size:5.5vw;\n line-height:1;\n }\n\n .bior-aquacheek-name{\n margin-top:6px;\n font-size:4vw;\n line-height:1.3;\n }\n\n .bior-aquacheek-price{\n margin-top:8px;\n font-size:3.6vw;\n line-height:1.5;\n }\n\n .bior-aquacheek-body{\n width:82vw;\n margin-top:58px;\n }\n\n .bior-aquacheek-text{\n font-size:3.2vw;\n line-height:1.9;\n letter-spacing:0.02em;\n }\n\n .bior-aquacheek-text + .bior-aquacheek-text{\n margin-top:34px;\n }\n\n .bior-aquacheek-strong{\n margin-top:34px;\n font-size:3.3vw;\n line-height:1.7;\n }\n}\n\n \/* =========================\n 商品説明\n========================= *\/\n\nhr {\n margin: 30px 0 15px 0;\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.free-title {\n font-size: 18px;\n font-family: \"Outfit\", sans-serif;\n margin: 30px 0 10px;\n font-weight: normal;\n}\n\n.description {\n font-size: 13px;\n margin-top: 10px;\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\/* アコーディオン *\/\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;\n height: 8px;\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\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\n \u003c\/style\u003e\n\u003c!-- =========================\n Aqua Cheek\n========================= --\u003e\n\u003csection id=\"aqua-cheek\" class=\"bior-aquacheek\"\u003e\n \u003cdiv class=\"bior-aquacheek-inner\"\u003e\n\n \u003cdiv class=\"bior-aquacheek-title\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_aquacheek_til.svg?v=1773393792\" alt=\"Aqua Cheek\"\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"bior-aquacheek-lead\"\u003e\n お花・ミネラル・オーガニック水が\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e織りなす\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003e\n 天然由来100％の\u003cspan class=\"bior-br-sp\"\u003e\u003c\/span\u003e血色感とツヤ\n \u003c\/p\u003e\n\n \u003cdiv class=\"bior-aquacheek-grid\"\u003e\n\n \u003c!-- 01 --\u003e\n \u003cdiv class=\"bior-aquacheek-item item-01\"\u003e\n \u003cdiv class=\"bior-aquacheek-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_item_01.webp?v=1773393808\" alt=\"01 グロウピーチ\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-name\"\u003eグロウピーチ\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-price\"\u003e¥3,300（税込）\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 02 --\u003e\n \u003cdiv class=\"bior-aquacheek-item item-02\"\u003e\n \u003cdiv class=\"bior-aquacheek-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_item_02.webp?v=1773393808\" alt=\"02 ヌーディロゼ\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-name\"\u003eヌーディロゼ\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-price\"\u003e¥3,300（税込）\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 03 --\u003e\n \u003cdiv class=\"bior-aquacheek-item item-03\"\u003e\n \u003cdiv class=\"bior-aquacheek-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_item_03.webp?v=1773393808\" alt=\"03 ロゼベージュ\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-name\"\u003eロゼベージュ\u003c\/div\u003e\n \u003cdiv class=\"bior-aquacheek-price\"\u003e¥3,300（税込）\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-aquacheek-body\"\u003e\n \u003cp class=\"bior-aquacheek-text\"\u003e\n 花・野菜・果実由来の天然色素とミネラルで彩る、\u003cbr\u003e\n 天然由来100％の〈フラワーミネラル〉シリーズから、\u003cbr\u003e\n みずみずしい〈アクアチーク〉が誕生。\u003cbr\u003e\n オーガニックウォーターベース処方で、\u003cbr\u003e\n 肌の内側からにじむような血色感とツヤを叶え、\u003cbr\u003e\n 素肌そのものが光を放つような透明感へ。\n \u003c\/p\u003e\n\n \u003cp class=\"bior-aquacheek-strong\"\u003e\n タール系色素・カルミン（コチニール）フリー\n \u003c\/p\u003e\n\n \u003cp class=\"bior-aquacheek-text\"\u003e\n さらに、タルク・防腐剤も不使用。\u003cbr\u003e\n 自然の力だけで、ここまで美しく発色するのは、\u003cbr\u003e\n BIOR ORGANICS 独自の新技術です。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!--======================\n Aqua cheek product features\n========================= --\u003e\n\u003csection class=\"bior-lip-features\"\u003e\n \u003cdiv class=\"bior-features-inner\"\u003e\n\n \u003cdiv class=\"bior-features-head\"\u003e\n \u003cp class=\"bior-features-en\"\u003eproduct features\u003c\/p\u003e\n \u003ch2 class=\"bior-features-ja\"\u003e製品特徴\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-grid\"\u003e\n\n \u003c!-- 01 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_01.svg\" alt=\"01\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 自然な血色感と\u003cbr\u003eツヤ\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n オーガニックウォーターベース処方で、肌の内側からにじむような血色感とツヤを叶え、素肌そのものが光を放つような透明感へ。\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_features_01.webp?v=1773393808\" alt=\"自然な血色感とツヤ\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 02 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_02.svg\" alt=\"02\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 専用ハート\u003cspan class=\"bior-br-pc\"\u003e\u003c\/span\u003eパフ付き\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\nパフで軽くたたき込むことで、ムラなく均一に広がり、肌にぴたりと密着。内側からにじむような自然な血色感に仕上がります。\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_features_02.webp?v=1773393866\" alt=\"パフ付き\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 03 --\u003e\n\u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_03.svg\" alt=\"03\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 微調節しやすい\u003cbr\u003e\n 小さめチップ\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n 小さめのチップで、量を調整しながら狙った位置にのせやすい設計。ピンポイントに塗布できるため、思い通りのメイクが楽しめます。\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/aquacheek_features_03.webp?v=1773393866\" alt=\"小さめチップ\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- 04 --\u003e\n \u003cdiv class=\"bior-features-card\"\u003e\n \u003cdiv class=\"bior-features-number\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/2026SS_makeup_number_04.svg\" alt=\"04\"\u003e\n \u003c\/div\u003e\n\n \u003ch3 class=\"bior-features-title\"\u003e\n 敏感肌対応*\u003cbr\u003e\n 6つのフリー処方\n \u003c\/h3\u003e\n\n \u003cdiv class=\"bior-features-text\"\u003e\n 〈合成着色料・カルミン・防腐剤・合成香料・紫外線吸収剤・タルク〉全てフリー。天然由来100％、ヴィーガン対応。敏感肌の方にも安心してお使いいただける処方です。\n \u003cspan class=\"bior-features-note\"\u003e\n * 敏感肌パッチテスト済み（すべての方に刺激が起こらないということではありません）\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bior-features-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/Lip_features_04.webp?v=1773317000\" alt=\"敏感肌対応 9つのフリー処方\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- =========================\n 詳細\n========================= --\u003e\n\u003cdiv class=\"product-description\" id=\"more-details\"\u003e\n\u003ch2 class=\"free-title\"\u003eMORE DETAILS\u003c\/h2\u003e\n\u003c!-- 販売名 --\u003e\n\u003cp class=\"description\"\u003e販売名：オーガニックアクア フラワーミネラル アクアチーク\n〈チーク〉\u003cbr\u003eメーカー小売価格：3,300円(税込)\u003c\/p\u003e\n\n\u003chr\u003e\n\u003cp class=\"description\"\u003e使用方法：アプリケーターで軽く混ぜたあと、適量を頬にのせ、付属のパフや指先でやさしくなじませてください。\u003c\/p\u003e\n\u003chr\u003e\n\u003c!-- FREE成分リスト --\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【全成分】イネ種子水*、（カプリル酸／カプリン酸）ヤシアルキル、（Ｃ１５－１９）アルカン、ラウリン酸イソアミル、ＢＧ、酸化亜鉛、ペンチレングリコール、クオタニウム－９０ベントナイト、グリセリン、硫酸Ｍｇ、（ジイソステアリン酸／ポリヒドロキシステアリン酸／セバシン酸）ポリグリセリル－４、ポリヒドロキシステアリン酸ポリグリセリル－６、ポリリシノレイン酸ポリグリセリル－６、トリ（カプリル酸／カプリン酸）グリセリル、ステアリン酸、オレイン酸ポリグリセリル－３、キシリトール、ジイソステアリン酸グリセリル、ポリヒドロキシステアリン酸、ダイマージリノール酸ジイソステアリン酸ポリグリセリル－３、ポリグリセリン－６、デカイソステアリン酸ポリグリセリル－１０、水、ジミリスチン酸Ａｌ、トコフェロール、セイヨウアブラナ種子油、グレープフルーツ種子エキス、アスコルビルグルコシド、スクワラン、セラミドＡＰ、セラミドＮＰ、プロパンジオール、パルミチン酸アスコルビル、クロレラエキス、イモセミルエキス、レシチン、乳酸、（＋\/−)酸化チタン、トリイソステアリン酸ポリグリセリル－２、酸化鉄、水酸化Ａｌ\u003cbr\u003e\n*はオーガニック原料\u003cbr\u003e\n\u003c\/div\u003e\n\u003chr\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\u003chr\u003e\n\u003cp class=\"description\"\u003e原産国(地)：日本\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ページ上部へ戻るリンク --\u003e\n\u003cp class=\"back-to-top\"\u003e\u003ca id=\"backToTopLink\" href=\"#top\"\u003eページ上部へ戻る↑\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"01 グロウピーチ","offer_id":44115338788952,"sku":"B022180","price":3300.0,"currency_code":"JPY","in_stock":true},{"title":"02 ヌーディロゼ","offer_id":44115338821720,"sku":"B022250","price":3300.0,"currency_code":"JPY","in_stock":true},{"title":"03 ロゼベージュ","offer_id":44115338854488,"sku":"B022320","price":3300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/sl_aquacheek_smn.webp?v=1779005004"},{"product_id":"uvプロテクト-ミネラルプリズムパウダー-パフ付","title":"UVプロテクト ミネラルプリズムパウダー（パフ付）","description":"\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\n\u003cdl\u003e\n\u003cdt class=\"w_re\"\u003e天然由来の上質感。\u003cbr\u003eツヤめきながら、透明感。\u003c\/dt\u003e\n\u003cdd class=\"w_li\"\u003eマルチカラーのミネラルプリズムパウダーを閉じ込め、お肌を美しくトーンアップするUVミネラルパウダー。\u003cbr\u003eお顔はもちろん、デコルテや手、ボディにも使える微粒子タイプ。SPF50＋ PA＋＋＋の日焼け止めパウダーです。\u003c\/dd\u003e\n\u003cdd class=\"w_li\"\u003e植物由来フラーレンやプラントリンなど最先端エイジングケア※1成分を秘め、ワンランク上の透明感を演出します。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cover\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e酸化亜鉛、コーンスターチ、ラウロイルリシン、窒化ホウ素、水酸化Al、ステアリン酸、アスコルビルグルコシド、センチペダクンニンガミーエキス、フラーレン、スクワラン、トコフェロール、BG、パール、ホホバ種子油、ステアリン酸亜鉛、ラウロイルグルタミン酸ジ(フィトステリル\/オクチルドデシル)、カプリン酸グリセリル、ラウリン酸ポリグリセリル-2、ラウリン酸ポリグリセリル-10、ダマスクバラ花油*、エタノール、水、（＋\/－）酸化チタン、マイカ、シリカ、酸化スズ、酸化鉄、酸化クロム、コンジョウ　*オーガニック原料\u003cbr\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003eメーカー希望小売価格\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\u003ca\u003e4950円(税込)\u003c\/a\u003e\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"contents_inr\"\u003e\n\u003clink href=\"https:\/\/file003.shop-pro.jp\/PA01420\/440\/theme2023_2\/css\/page-details_v2.css\" media=\"all\" rel=\"stylesheet\"\u003e \u003c!--▼製品特徴--\u003e\n\u003csection class=\"details_box\" id=\"details_feat\"\u003e\n\u003ch3\u003e製品特徴\u003c\/h3\u003e\n\u003cdiv class=\"details_box_copy\"\u003eそれは、肌にまとうアクセサリー。天然由来のメイク効果。\u003c\/div\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_1_feat_top\"\u003e\n\u003cdiv class=\"details_1_feat_top_img\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_feat_top_img_2.jpg?v=1734520938\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_1_feat_top_body\"\u003e\n\u003cp class=\"details_box_txt\"\u003e目指したのは、ラメのようなキラキラではなく、素肌の輝きがパワーアップしたようなナチュラルなツヤ感。BIORファンデーションシリーズでも定評のミネラルパウダー成分\u003csup\u003e※1\u003c\/sup\u003eや植物由来パウダー成分\u003csup\u003e※2\u003c\/sup\u003eをベースに配合しています。しっとりサラサラな微粒子ルースパウダーだから、すっと肌になじみ、自然なみずみずしさ\u003csup\u003e※3\u003c\/sup\u003eに。毛穴もふんわりぼかしてカバー。上品で濡れたようなツヤがお肌をトーンアップ\u003csup\u003e※4\u003c\/sup\u003eし、透明感のある仕上がり\u003csup\u003e※4\u003c\/sup\u003eを演出します。肌色のつかない半透明のトランスルーセントタイプです。SPF50+PA+++の高いUV効果で紫外線からもお肌を守ります。\u003c\/p\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1 酸化亜鉛、酸化チタン（紫外線散乱剤）シリカ（ツヤ、皮脂吸着）\u003cbr\u003e※2 コーンスターチ（ツヤ、皮脂吸着）※3 ツヤ ※4 メイクアップ効果\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_feat_btm\"\u003e\n\u003cdiv class=\"details_1_feat_btm_box\"\u003e\n\u003cfigure\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_feat_btm_1_img.jpg?v=1734520951\"\u003e\n\u003cfigcaption class=\"details_box_cap\"\u003eしっとりと肌になじんで、ツヤ・トーンアップ・皮脂吸着に活躍するミネラルパウダー。\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_feat_btm_box\"\u003e\n\u003cfigure\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_feat_btm_2_img.jpg?v=1734520962\"\u003e\n\u003cfigcaption class=\"details_box_cap\"\u003e植物由来で肌に優しく、皮脂を吸着し、ツヤ・トーンアップを叶えるコーンスターチ。\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_feat_btm_box\"\u003e\n\u003cfigure\u003e\u003cbr\u003e\n\u003cfigcaption class=\"details_box_cap\"\u003e\u003cbr\u003e\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲製品特徴--\u003e\u003c!--▼使い方--\u003e\n\u003csection class=\"details_box\" id=\"details_htu\"\u003e\n\u003ch3\u003e使い方\u003c\/h3\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_1_htu_body_top\"\u003e\n\u003cdiv class=\"details_1_htu_body_top_box\"\u003e\n\u003cdiv class=\"details_1_htu_body_top_box_img\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_htu_body_top_1_img.png?v=1734521010\"\u003e\u003c\/div\u003e\n\u003ch4\u003e日焼け止めに\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003e首・デコルテ・手の甲などの日焼け止めとして、化粧水のあとに付属のパフでお肌をタップしてください。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_htu_body_top_box\"\u003e\n\u003cdiv class=\"details_1_htu_body_top_box_img\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_htu_body_top_2_img.png?v=1734521018\"\u003e\u003c\/div\u003e\n\u003ch4\u003e仕上げに\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003e汗や皮脂の吸着としてリキッドやクリームファンデーションの仕上げに。量を控えめにふんわりとのせるのがメイク崩れやヨレを軽減するコツです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_htu_body_btm\"\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box\"\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box_ttl_point\"\u003e\u003cimg alt=\"Point 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_htu_body_btm_1_ttl_point.png?v=1734521028\"\u003e\u003c\/div\u003e\n\u003ch4\u003eハイライトで使う\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003e鼻筋や頬の高い部分、涙袋に軽くのせるとハイライト効果で立体的な仕上がり\u003csup\u003e※4\u003c\/sup\u003eになります。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box\"\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box_ttl_point\"\u003e\u003cimg alt=\"Point 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_htu_body_btm_2_ttl_point.png?v=1734521035\"\u003e\u003c\/div\u003e\n\u003ch4\u003eBIORのリキッドファンデーションとの互換性\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003eBIORのリキッドパウダーファンデーションシリーズと同じミネラルパウダー、天然パールを使用していますので、本パウダーで仕上げたお顔の上から化粧直しなどでBIORのリキッドファンデを重ねても綺麗になじみます。（パウダーのつけすぎは乾燥やヨレの原因になりますので適量をおすすめいたします）\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box\"\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box_ttl_point\"\u003e\u003cimg alt=\"Point 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_1_htu_body_btm_3_ttl_point.png?v=1734521057\"\u003e\u003c\/div\u003e\n\u003ch4\u003e石けんでオフ\u003c\/h4\u003e\n\u003cp class=\"details_box_txt\"\u003eネットなどで固めに泡立てた石けんで落ちます。肌を濡らさずに、石けんの泡をのせ、本製品を包み込むようになじませて洗い流すのがコツです。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_1_htu_body_btm_box\"\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1 酸化亜鉛、酸化チタン（紫外線散乱剤）シリカ（ツヤ、皮脂吸着）\u003cbr\u003e※2 コーンスターチ（ツヤ、皮脂吸着）　※3 ツヤ　※4 メイクアップ効果\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲使い方--\u003e\u003c!--▼無添加へのこだわり--\u003e\n\u003csection class=\"details_box\" id=\"details_mutenka\"\u003e\n\u003ch3\u003e無添加へのこだわり\u003c\/h3\u003e\n\u003cdiv class=\"details_box_copy\"\u003e紫外線吸収剤を使わずミネラル由来の紫外線散乱剤だけで高いUVカット効果\u003cbr\u003e肌、環境のことを考えた天然由来100％\u003c\/div\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_mutenka_list_ttl\"\u003e＜ 無添加一覧 ＞\u003c\/div\u003e\n\u003cul class=\"details_mutenka_list\"\u003e\n\u003cli\u003e防腐剤全般\u003csup\u003e※1\u003c\/sup\u003e\n\u003c\/li\u003e\n\u003cli\u003e紫外線吸収剤\u003c\/li\u003e\n\u003cli\u003eシリコン\u003c\/li\u003e\n\u003cli\u003e石油系界面活性剤\u003c\/li\u003e\n\u003cli\u003e鉱物油\u003c\/li\u003e\n\u003cli\u003e合成香料\u003c\/li\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=\"details_box_note details_mutenka_list_note\"\u003e※1 パラベン・フェノキシエタノールなどの防腐剤全般\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲無添加へのこだわり--\u003e\u003c!--▼bior organics Quality--\u003e\n\u003csection class=\"details_box details_quality_type_1\" id=\"details_quality\"\u003e\n\u003ch3\u003ebior organics Quality\u003c\/h3\u003e\n\u003cdiv class=\"details_box_body\"\u003e\n\u003cdiv class=\"details_quality_top details_quality_box\"\u003e\n\u003cdiv class=\"details_quality_box_logo\"\u003e\u003cimg alt=\"Natural Fullerene\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_1_logo.png?v=1734521153\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy\"\u003eビタミンCの250倍ともいわれる高い抗酸化力で、ハリ・保護・整肌・保湿をサポートするフラーレン。\u003c\/div\u003e\n\u003cdiv class=\"details_quality_box_img\"\u003e\u003cimg alt=\"防腐剤不使用※1　紫外線吸収剤不使用　UVカットSPF50+ PA+++　天然由来100%　植物フラーレン※2推奨濃度配合　石けんオフ　ノンケミカル\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_2_img_0b01ecd3-3b61-4b39-bea9-b589e1fce965.png?v=1734521157\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy details_quality_copy_2\"\u003eお顔もデコルテもボディもしっかり紫外線から守りながら内側から滲み出るようなツヤとハリを演出する高いメイク効果\u003c\/div\u003e\n\u003cdiv class=\"details_box_note\"\u003e※1パラベン、フェノキシエタノールなど防腐剤全般\u003cbr\u003e※2ハリ、ツヤ、保湿、保護\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"details_quality_btm details_quality_box\"\u003e\n\u003cdiv class=\"details_quality_box_logo\"\u003e\u003cimg alt=\"PLANTOLIN\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/details_quality_2_logo.png?v=1734521164\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"details_box_copy\"\u003eエイジングケア\u003csup\u003e※1\u003c\/sup\u003eへの効果で注目のプラントリン。お肌を保護し、ハリ・ツヤを与え、キメを整えます。\u003c\/div\u003e\n\u003cp class=\"details_box_txt\"\u003e開発者がその功績を認められノーベル賞を受賞した話題の成分フラーレンが、ついに植物由来でデビュー。（リポフラーレン®N※2）メーカー推奨量[規定値]配合し、プラントリン※3とともに植物化学でナチュラルなエイジングケア*1を実現します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!--▲bior organics Quality--\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"Default Title","offer_id":44115817562200,"sku":"B024230","price":4950.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/UV_2026_HP.jpg?v=1779251545"},{"product_id":"travel-kit-2026-lv","title":"7月25日㈯10:00発売 2026SS限定トラベルキット","description":"\u003cdiv class=\"custom-fullwidth-container\"\u003e\n\u003c!-- PC画像 --\u003e\n\u003cdiv class=\"pc-only\"\u003e\n\u003c!-- 見出し --\u003e\n\u003ch2 class=\"custom-section-title section-title-spacing\"\u003eTRAVEL KIT - ITEM\u003c\/h2\u003e\n\u003c!-- 透明テーブル（PC版） --\u003e\n\u003ctable class=\"transparent-table\" role=\"presentation\" aria-label=\"TRAVEL KIT items\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item1\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/cleansinglv.webp?v=1752404952\" alt=\"Item 1\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item2\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/booster.webp?v=1752404952\" alt=\"Item 2\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item3\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/white.webp?v=1752404952\" alt=\"Item 3\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item4\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_previta.webp?v=1784782325\" alt=\"Item 4\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/products\/previtadew\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item5\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_cream.webp?v=1784782325\" alt=\"Item 5\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/products\/hydration-veil-infusion\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item6\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_revita.webp?v=1784782325\" alt=\"Item 6\"\u003e\u003c\/a\u003e \u003ca href=\"https:\/\/biororganics.com\/products\/revitadew\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 見出し --\u003e\n\u003ch2 class=\"custom-section-title section-title-spacing\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_howto_pc.webp?v=1784865656\" alt=\"HOW TO\"\u003e \n\u003c\/div\u003e\n\n \u003c!-- スマホ版 --\u003e\n\u003cdiv class=\"sp-only\"\u003e\n\n\u003c!-- 見出し --\u003e\n\u003ch2 class=\"custom-section-title section-title-spacing\"\u003eTRAVEL KIT - ITEM\u003c\/h2\u003e\n\u003c!-- 透明テーブル（SP版） --\u003e\n\u003ctable class=\"transparent-table\" role=\"presentation\" aria-label=\"TRAVEL KIT items\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/cleansinglv.webp?v=1752404952\" alt=\"Item 1\"\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item2\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/booster.webp?v=1752404952\" alt=\"Item 2\"\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item3\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/white.webp?v=1752404952\" alt=\"Item 3\"\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/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\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_previta.webp?v=1784782325\" alt=\"Item 4\"\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/products\/previtadew\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item5\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_cream.webp?v=1784782325\" alt=\"Item 5\"\u003e \u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/products\/hydration-veil-infusion\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003ctd\u003e\n\u003cdiv style=\"display: flex; flex-direction: column; align-items: center; gap: 0px;\"\u003e\n\u003ca href=\"\/products\/item6\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_revita.webp?v=1784782325\" alt=\"Item 6\"\u003e\u003c\/a\u003e\u003ca href=\"https:\/\/biororganics.com\/collections\/skin-care\/products\/revitadew\" class=\"image-below-button\"\u003e通常サイズはこちら　›\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!-- 見出し --\u003e\n\u003ch2 class=\"custom-section-title section-title-spacing\"\u003eHOW TO USE\u003c\/h2\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trvl_howto_sp.webp?v=1784865665\" alt=\"HOW TO\"\u003e \u003c\/div\u003e\n\u003c!-- モーダル本体 --\u003e \u003cinput type=\"checkbox\" id=\"modal-toggle\"\u003e\n\u003cdiv class=\"modal-overlay\"\u003e\n\u003cdiv class=\"modal-box\"\u003e\n\u003clabel for=\"modal-toggle\" class=\"modal-close\"\u003e×\u003c\/label\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/travel_4.webp?v=1752135895\" alt=\"拡大画像\" class=\"modal-image\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!--▲画像挿入--\u003e\u003c!--▼商品情報--\u003e\n\u003cdiv class=\"itemSummary\"\u003e\n\u003cdiv class=\"copyBlock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-explain-wrapper\"\u003e\n\u003cdiv class=\"product_explain\"\u003e\n\u003cdiv class=\"explainElement\"\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e販売名\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e限定トラベルキット 2026ver.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e使用方法\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003eHOW TO USEをご確認ください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e全成分\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e画像をご確認ください。\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl class=\"drawer\"\u003e\n\u003cdt\u003e\u003ca\u003e使用上の注意事項\u003c\/a\u003e\u003c\/dt\u003e\n\u003cdd\u003e\n\u003cul\u003e\n\u003cli\u003eキズ、はれもの、湿疹などのある部位にはお使いにならないでください。\u003c\/li\u003e\n\u003cli\u003eお肌に異常が生じていないかよく注意して使用してください。\u003c\/li\u003e\n\u003cli\u003e使用中、赤み・はれ・かゆみ・刺激・色抜け（白斑等）や黒ずみ等の異常があらわれた時や、使用したお肌に直射日光があたって上記のような異常があらわれた場合、そのまま使用を続けますと症状を悪化させる恐れがございますので、使用を中止し、皮ふ科専門医などに相談することをおすすめします。\u003c\/li\u003e\n\u003cli\u003e乳幼児の手の届かない場所に保管してください。\u003c\/li\u003e\n\u003cli\u003e日のあたるところや高温所、極端な低温所に置かないでください。\u003c\/li\u003e\n\u003cli\u003e開封後はお早めに使用してください。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cdl\u003e\n\u003cdt\u003e\u003cspan\u003e原産国（地）\u003c\/span\u003e\u003c\/dt\u003e\n\u003cdd\u003e日本\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n \/* タイトル非表示 *\/\n .main-page-title,\n .page-width.page-content h1 {\n display: none !important;\n }\n\n \/* 全幅用コンテナ *\/\n .custom-fullwidth-container {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n width: 100vw;\n max-width: 100vw;\n overflow: hidden;\n padding: 0;\n }\n\n .custom-fullwidth-container img {\n display: block;\n height: auto;\n margin: 0 auto;\n }\n\n .pc-only {\n display: block;\n font-size: 0;\n }\n\n .sp-only {\n display: none;\n }\n\n @media screen and (max-width: 768px) {\n .pc-only {\n display: none !important;\n }\n .sp-only {\n display: block !important;\n }\n }\n\n \/* Learn Moreボタン共通 *\/\n.learn-more-button {\n all: unset; \/* ブラウザデフォルト無効化 *\/\n display: inline-block;\n background: transparent;\n border: 1px solid #000;\n color: #333;\n font-family: \"Helvetica Neue\", sans-serif;\n font-size: 14px;\n border-radius: 50px;\n padding: 6px 20px;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n transition: opacity 0.3s ease;\n}\n\n\n .learn-more-button:hover {\n opacity: 0.5;\n }\n\n \/* PC用ボタン：横並び *\/\n .pc-button-row {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 30px auto;\n }\n\n .pc-button-row .learn-more-button {\n width: 230px;\n }\n\n \/* SP用ボタン：縦並び *\/\n .sp-button-column {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n margin: 30px auto;\n }\n\n .sp-button-column .learn-more-button {\n width: 280px;\n font-size: 14px;\n padding: 6px 20px;\n }\n\n \/* モーダル *\/\n .modal-overlay {\n display: none;\n position: fixed;\n z-index: 9999;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.5);\n align-items: center;\n justify-content: center;\n }\n\n #modal-toggle:checked + .modal-overlay {\n display: flex;\n }\n\n .modal-box {\n position: relative;\n background: transparent;\n padding: 0;\n border-radius: 12px;\n }\n\n .modal-close {\n position: absolute;\n top: -16px;\n right: -16px;\n background: white;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n text-align: center;\n line-height: 32px;\n font-size: 20px;\n font-weight: bold;\n color: #000;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n }\n\n .modal-image {\n width: 30vw; \/* ← 画面の横幅の60% *\/\n max-width: 1000px; \/* 最大幅を設定（任意） *\/\n height: auto;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0,0,0,0.3);\n}\n\n\n @media screen and (max-width: 768px) {\n .modal-image {\n width: 80vw; \/* スマホでは画面幅の90%を使用 *\/\n }\n}\n\n #modal-toggle {\n display: none;\n }\n\n \/* ホバー時に白くなるエフェクト *\/\n .hover-white-wrapper {\n position: relative;\n display: block;\n width: fit-content;\n margin: 0 auto;\n }\n\n .hover-white-wrapper::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0);\n transition: background 0.3s ease;\n }\n\n .hover-white-wrapper:hover::after {\n background: rgba(255, 255, 255, 0.4);\n }\n\n .custom-section-title {\n text-align: center;\n font-family: 'Outfit', 'Helvetica Neue', Helvetica, sans-serif;\n font-size: 23px;\n font-weight: 400; \/* Regular *\/\n letter-spacing: 0.05em;\n margin-top: 40px;\n margin-bottom: 20px;\n color: #000;\n }\n\n @media screen and (max-width: 768px) {\n .custom-section-title {\n font-size: 16px;\n letter-spacing: 0.03em;\n margin-top: 30px;\n margin-bottom: 18px;\n }\n }\n\n .section-title-spacing {\n margin-top: 150px;\n }\n\n @media screen and (max-width: 768px) {\n .section-title-spacing {\n margin-top: 100px;\n }\n }\n\n \/* ここから透明テーブルのスタイル *\/\n .transparent-table {\n width: 1200;\n margin: 0 auto 60px;\n border-collapse: collapse;\n background: transparent;\n }\n\n.transparent-table td {\n padding: 30px 10px;\n text-align: center;\n vertical-align: middle; \/* ← 追加：縦方向中央揃え *\/\n}\n\n.transparent-table td \u003e div {\n display: flex;\n flex-direction: column;\n justify-content: center; \/* ← 追加：縦方向中央寄せ *\/\n align-items: center;\n height: 100%; \/* ← 追加：親セルの高さに合わせる *\/\n gap: 8px;\n}\n\n .transparent-table td a img {\n width: 300px;\n height: auto;\n display: inline-block;\n border-radius: 8px;\n transition: opacity 0.3s ease;\n }\n\n .transparent-table td a:hover img {\n opacity: 0.7;\n }\n\n @media screen and (max-width: 768px) {\n .transparent-table td {\n padding: 10px 4px;\n vertical-align: middle; \/* ← 追加 *\/\n }\n\n .transparent-table td \u003e div {\n display: flex;\n flex-direction: column;\n justify-content: center; \/* ← 追加 *\/\n align-items: center;\n height: 100%; \/* ← 追加 *\/\n gap: 6px;\n }\n\n .transparent-table td a img {\n width: 48vw;\n max-width: none;\n height: auto;\n }\n}\n\n\n\n.modal-box {\n position: relative;\n background: white;\n padding: 20px;\n border-radius: 12px;\n max-height: 90vh;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n\/* 閉じるボタン（モーダル内に固定） *\/\n.modal-close {\n position: sticky; \/* ← スクロールに追従して固定 *\/\n top: 0;\n margin-left: auto;\n display: block;\n background: white;\n border-radius: 50%;\n width: 32px;\n height: 32px;\n text-align: center;\n line-height: 32px;\n font-size: 20px;\n font-weight: bold;\n color: #000;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\n z-index: 10;\n}\n\n.image-below-button {\n text-align: center;\n text-decoration: none;\n font-family: \"Helvetica Neue\", sans-serif;\n font-size: 13px;\n color: #333;\n border: 1.4px solid #000;\n border-radius: 50px;\n padding: 6px 16px;\n transition: opacity 0.3s ease;\n white-space: nowrap;\n width: 200px;\n}\n\n.image-below-button:hover {\n opacity: 0.6;\n}\n\n@media screen and (max-width: 768px) {\n .image-below-button {\n font-size: 8px;\n padding: 4px 8px;\n width: 128px;\n border-width: 0.7px; \/* ← 枠線を0.5pxに *\/\n }\n}\n@keyframes fadeIn {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fade-in-on-scroll {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.3s ease;\n}\n\n.fade-in-on-scroll.visible {\n animation: fadeIn 1.2s ease forwards;\n}\n\n\/* ラッパー：共通設定で干渉回避 *\/\n\/* ラッパーでShopifyの影響をシャットアウト *\/\n.product-explain-wrapper {\n width: 100vw;\n margin-left: 50%;\n transform: translateX(-50%);\n padding: 0;\n box-sizing: border-box;\n}\n\n\/* 中身の幅指定（PC） *\/\n.product_explain {\n width: 50vw; \/* または 50vw、自由に調整OK *\/\n margin: 0 auto;\n box-sizing: border-box;\n}\n\n\/* スマホ時：全幅に *\/\n@media screen and (max-width: 768px) {\n .product_explain {\n width: 90vw !important;\n margin: 50px auto 0 auto;\n padding: 0;\n box-sizing: border-box;\n}\n}\n\u003c\/style\u003e\n\n\u003c!--▲商品情報--\u003e\u003c!--▼BUY NOW--\u003e\u003c!--▼販売店注釈--\u003e \u003cscript\u003e\n document.addEventListener('DOMContentLoaded', function () {\n const modalImage = document.querySelector('.modal-image');\n const modalToggle = document.getElementById('modal-toggle');\n\n \/\/ 各アイテムに対するモーダル画像の対応表\n const modalImageMap = {\n \"Item 1\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/cleansinglv_de.webp?v=1752383155\",\n \"Item 2\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/booster_de.webp?v=1752383155\",\n \"Item 3\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/white_de.webp?v=1752383155\",\n \"Item 4\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/previta_de.webp?v=1784781077\",\n \"Item 5\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/cream_de.webp?v=1784781214\",\n \"Item 6\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/trlv_revita_de.webp?v=1784786305\",\n };\n\n document.querySelectorAll('.transparent-table td a img').forEach(img =\u003e {\n const altText = img.getAttribute('alt');\n const mappedSrc = modalImageMap[altText] || img.getAttribute('src'); \/\/ マップがなければ元画像を使う\n\n const wrapper = document.createElement('label');\n wrapper.setAttribute('for', 'modal-toggle');\n wrapper.style.cursor = 'pointer';\n\n const hoverWrapper = document.createElement('div');\n hoverWrapper.classList.add('hover-white-wrapper');\n\n img.parentNode.replaceChild(wrapper, img);\n hoverWrapper.appendChild(img);\n wrapper.appendChild(hoverWrapper);\n\n wrapper.addEventListener('click', () =\u003e {\n modalImage.src = mappedSrc;\n });\n });\n });\n\n \/\/ travel kit 4P \u0026 SP 4P 用のモーダル画像切り替え\n function setModalImage(src) {\n const modalImage = document.querySelector('.modal-image');\n modalImage.src = src;\n }\n\n function openModalWithImage(src) {\n const modalImage = document.querySelector('.modal-image');\n const modalToggle = document.getElementById('modal-toggle');\n modalImage.src = src;\n modalToggle.checked = true;\n }\n\n \n document.addEventListener('DOMContentLoaded', function () {\n const targets = document.querySelectorAll('.fade-in-on-scroll');\n\n const observer = new IntersectionObserver((entries) =\u003e {\n entries.forEach(entry =\u003e {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n \/\/ 一度表示されたら監視解除したい場合は↓\n observer.unobserve(entry.target);\n }\n });\n }, {\n threshold: 0.1 \/\/ 10%見えたら反応\n });\n\n targets.forEach(target =\u003e {\n observer.observe(target);\n });\n });\n\n\n\u003c\/script\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"bior organics WEB STORE","offers":[{"title":"ラベンダー＆ネロリ","offer_id":44380990373976,"sku":"E054930","price":5940.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/files\/1_b36aebf9-1ea8-458d-9383-f9ef4bedd2b1.jpg?v=1784166591"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0622\/5428\/4888\/collections\/33.jpg?v=1784791807","url":"https:\/\/biororganics.com\/collections\/2026_rabicharm.oembed?page=2","provider":"bior organics WEB STORE","version":"1.0","type":"link"}