{"title":"MASCARA RANKING","description":null,"products":[{"product_id":"mascara-clear-evony","title":"DIDION トーン カラー マスカラ.   F03 Clear Evony","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\n軽やかでなめらかなテクスチャーが、まつ毛一本一本を均一にコーティング。\n根元から美しくセパレートしながら、自然なボリュームとカールを長時間キープします。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\n\u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n\u003cp class=\"didion-color-name\"\u003e\nF03 Clear Evony \/ クリアエボニー\n\u003c\/p\u003e\n\n\u003cp\u003e\n黒よりもやわらかく、ブラウンよりもシャープなアッシュグレー。\n\u003c\/p\u003e\n\n\u003cp\u003e\n目元を引き締めながら、抜け感のあるモードな印象に仕上げます。\u003cbr\u003e\n初登場以来、完売を繰り返した人気カラーが、\nお湯でオフできるフィルムタイプへリニューアルしました。\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n\n\u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eモード感のあるアッシュグレー\u003c\/strong\u003e\n黒よりも軽やかで、ブラウンよりもシャープ。\n洗練された抜け感を演出します。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003e根元から美しくセパレート\u003c\/strong\u003e\n細めのカーブブラシで、まつ毛一本一本をきれいにコーティングします。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n汗・水・皮脂に強いフィルムタイプで、\nデイリーにも使いやすい処方です。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n月見草オイル・シアバター配合。\nまつ毛をやさしくケアします。\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cp style=\"width:109%;transform:translate(-1.5rem);\"\u003e\n\u003cvideo autoplay muted playsinline loop style=\"width:100%;\"\u003e\n\u003csource src=\"https:\/\/didion-beauty.com\/cdn\/shop\/videos\/c\/vp\/5e8cf4ab89d645599dbd4dd44fd995d4\/5e8cf4ab89d645599dbd4dd44fd995d4.HD-1080p-7.2Mbps-56293870.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n\u003cspan\u003e\nアッシュグレーマスカラ \/ グレーマスカラ \/\nカラーマスカラ \/ ニュアンスカラー \/\n抜け感メイク \/ モードメイク \/\nナチュラルメイク \/ 大人メイク \/\nセパレートマスカラ \/ フィルムマスカラ \/\nお湯オフマスカラ \/ にじみにくいマスカラ \/\nカールキープ \/ まつ毛ケア\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e黒マスカラよりも軽やかな印象に仕上げたい方\u003c\/li\u003e\n\n\u003cli\u003eブラウン以外のニュアンスカラーを探している方\u003c\/li\u003e\n\n\u003cli\u003eモード感のある目元を楽しみたい方\u003c\/li\u003e\n\n\u003cli\u003e汗・水・皮脂に強く、お湯でオフできるマスカラが欲しい方\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n\u003ch4\u003eQ. F03 Clear Evonyはどんな色ですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 黒よりもやわらかく、ブラウンよりもシャープなアッシュグレーカラーです。\n目元を引き締めながら、洗練された抜け感を演出します。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. 普段使いしやすいカラーですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 肌なじみの良いグレートーンなので、\nモード感がありながらも日常使いしやすいカラーです。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 汗・水・皮脂に強いフィルムタイプで、\nきれいな仕上がりを長時間キープします。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. お湯で簡単にオフできます。\nクレンジングで強くこすらず、やさしくなじませて落としてください。\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(80, 72, 70, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF03 Clear Evony\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e\n","brand":"didion","offers":[{"title":"Default Title","offer_id":44061433430256,"sku":"4582723282728","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/f03.jpg?v=1756303405"},{"product_id":"mascara-89-7mhz","title":"【OUTLET】トーン カラー マスカラ.   F04 89.7MHz","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nまつ毛をニュアンスカラーに色づけ、いつものメイクにさりげないアクセントをプラス。\u003cbr\u003e\nひと塗りでも、重ね塗りでも、印象的なカラーを長時間楽しめます。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n  \u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n  \u003cp class=\"didion-color-name\"\u003e\n    F04 89.7MHz \/ 89.7メガヘルツ\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    深みと抜け感をあわせ持つ、マスタードイエローマスカラ。\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    ヴィヴィッドすぎない、ニュアンスのあるイエローが、\n    目元に洒落感と遊び心をプラス。\u003cbr\u003e\n    秋の訪れを感じさせるような、渋さとあたたかみのあるカラーです。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\u003cp\u003e\n※本商品はまつげにカラーをしっかり密着させるため、やや粘度の高いテクスチャーに仕上げています。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n  \u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cstrong\u003e深みのあるマスタードイエロー\u003c\/strong\u003e\n      派手になりすぎず、目元にさりげない洒落感と抜け感を添えます。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003e根元から美しくセパレート\u003c\/strong\u003e\n      細めのカーブブラシで、まつ毛一本一本をきれいにコーティングします。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n      汗・水・皮脂に強いフィルムタイプで、デイリーにも使いやすい処方です。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n      月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n  \u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n  \u003cspan\u003e\n    イエローマスカラ \/ マスタードマスカラ \/\n    カラーマスカラ \/ ニュアンスカラー \/\n    抜け感メイク \/ 洒落感メイク \/\n    秋メイク \/ 大人カラーメイク \/\n    セパレートマスカラ \/ フィルムマスカラ \/\n    お湯オフマスカラ \/ にじみにくいマスカラ \/\n    カールキープ \/ まつ毛ケア\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\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  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n  \u003ch4\u003eQ. F04 89.7MHzはどんな色ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 深みと抜け感をあわせ持つ、マスタードイエローカラーです。\n    ヴィヴィッドすぎず、目元にさりげない洒落感を添えます。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. 普段使いしやすいカラーですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 鮮やかすぎないニュアンスイエローなので、ポイント使いにもおすすめです。\n    ブラウンやベージュ系のアイメイクとも自然になじみます。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 汗・水・皮脂に強いフィルムタイプで、にじみにくい処方です。\n    きれいな仕上がりを長時間キープします。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. お湯で簡単にオフできます。\n    クレンジングで強くこすらず、やさしくなじませて落としてください。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(194, 164, 51, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF04 89.7MHz\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":44243302416624,"sku":"4582653238192","price":1320.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/F04_mascara.jpg?v=1772435845"},{"product_id":"mascara-mellow-morrow","title":"DIDION トーン カラー マスカラ .  F05 Mellow Morrow","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nまつ毛をニュアンスカラーに色づけ、いつものメイクにさりげないアクセントをプラス。\n根元から美しくセパレートしながら、自然なボリュームとカールを長時間キープします。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n  \u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n  \u003cp class=\"didion-color-name\"\u003e\n    F05 Mellow Morrow \/ メロウモロー\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    彩度を抑えた、クリーミーなブラウンマスカラ。\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    秋の風に吹かれ、心が落ち着くようなやわらかなニュアンスカラー。\u003cbr\u003e\n    目元に自然な陰影を与え、繊細で洗練された印象に仕上げます。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\u003cp\u003e\n※本商品はまつげにカラーをしっかり密着させるため、やや粘度の高いテクスチャーに仕上げています。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n  \u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cstrong\u003e彩度を抑えたクリーミーブラウン\u003c\/strong\u003e\n      肌になじみながら、目元に自然な陰影とやわらかな奥行きを添えます。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eまつげをニュアンスカラーでアクセントに。\u003c\/strong\u003e\n      まつ毛にニュアンスカラーをまとわせ、目元にさりげないアクセントをプラス。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n      汗・水・皮脂に強いフィルムタイプで、デイリーにも使いやすい処方です。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n      月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cp style=\"width: 109%; transform: translate(-1.5rem);\"\u003e\n  \u003cvideo autoplay muted playsinline loop style=\"width: 100%;\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a61228e5c7014351934181508ab11d26.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n  \u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n  \u003cspan\u003e\n    ブラウンマスカラ \/ カラーマスカラ \/\n    クリーミーブラウン \/ ウッドブラウン \/\n    抜け感メイク \/ ナチュラルメイク \/\n    秋メイク \/ 大人ブラウンメイク \/\n    セパレートマスカラ \/ フィルムマスカラ \/\n    お湯オフマスカラ \/ にじみにくいマスカラ \/\n    カールキープ \/ まつ毛ケア\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\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  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n  \u003ch4\u003eQ. F05 Mellow Morrowはどんな色ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 彩度を抑えた、クリーミーなブラウンカラーです。\n    肌になじみながら、目元に自然な陰影とやわらかな奥行きを与えます。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. 普段使いしやすいカラーですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. やわらかくなじむブラウン系カラーなので、デイリーにも使いやすいカラーです。\n    黒マスカラよりも軽やかで、抜け感のある印象に仕上がります。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 汗・水・皮脂に強いフィルムタイプで、にじみにくい処方です。\n    きれいな仕上がりを長時間キープします。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. お湯で簡単にオフできます。\n    クレンジングで強くこすらず、やさしくなじませて落としてください。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(110, 70, 62, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF05 Mellow Morrow\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(RGB(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":44243310575856,"sku":"4582653238208","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/F05_mascara.jpg?v=1772435845"},{"product_id":"mascara-corinth","title":"【OUTLET】トーン カラー マスカラ .  F07 CORINTH","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nまつ毛をニュアンスカラーに色づけ、いつものメイクにさりげないアクセントをプラス。\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\n\u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n\u003cp class=\"didion-color-name\"\u003e\nF07 CORINTH \/ コリント\n\u003c\/p\u003e\n\n\u003cp\u003e\nほのかにピンクのニュアンスを含んだ、ミルキーベージュマスカラ。\n\u003c\/p\u003e\n\n\u003cp\u003e\n黒よりもやわらかく、ベージュよりも上品な色味で、\n洗練された目元を演出。\u003cbr\u003e\n古代ギリシャの彫刻を優美に色付けたような、\nやさしく気品のあるニュアンスカラーです。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\u003cp\u003e\n※本商品はまつげにカラーをしっかり密着させるため、やや粘度の高いテクスチャーに仕上げています。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n\n\u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eピンクニュアンスのミルキーベージュ\u003c\/strong\u003e\n目元にやわらかな血色感と、上品な抜け感を添えます。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eしっかりとカラー感を楽しめる処方\u003c\/strong\u003e\nまつ毛一本一本をきれいにコーティングします。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n汗・水・皮脂に強いフィルムタイプで、\nデイリーにも使いやすい処方です。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n月見草オイル・シアバター配合。\nまつ毛をやさしくケアします。\n\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n\u003cspan\u003e\nベージュマスカラ \/ ピンクベージュマスカラ \/\nカラーマスカラ \/ ニュアンスカラー \/\n抜け感メイク \/ 血色感メイク \/\nナチュラルメイク \/ 大人ベージュメイク \/\nセパレートマスカラ \/ フィルムマスカラ \/\nお湯オフマスカラ \/ にじみにくいマスカラ \/\nカールキープ \/ まつ毛ケア\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\n\u003cul\u003e\n\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\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n\u003ch4\u003eQ. F07 CORINTHはどんな色ですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. ほのかにピンクのニュアンスを含んだミルキーベージュカラーです。\n黒よりもやわらかく、上品で洗練された目元に仕上げます。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. 普段使いしやすいカラーですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 肌になじみやすいベージュ系カラーなので、デイリーにも使いやすいカラーです。\n目元にさりげない血色感と抜け感をプラスします。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 汗・水・皮脂に強いフィルムタイプで、\nきれいな仕上がりを長時間キープします。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. お湯で簡単にオフできます。\nクレンジングで強くこすらず、やさしくなじませて落としてください。\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n  \u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(183, 132, 126, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF07 CORINTH\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(RGB(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":45551462580464,"sku":"4582723274785","price":1320.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_pink_04.jpg?v=1772435845"},{"product_id":"mascara-amelie","title":"DIDION トーン カラー マスカラ .  F08 AMELIE","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nまつ毛にラメをまとわせ、きらめきをプラスするラメマスカラ。\u003cbr\u003e\nまつ毛の毛先や上下から重ねることで、光を受けるたびに輝く印象的な目元に仕上げます。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\n\u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n\u003cp class=\"didion-color-name\"\u003e\nF08 AMELIE \/ アメリ\n\u003c\/p\u003e\n\n\u003cp\u003e\nブラックベースに繊細なラメを忍ばせたニュアンスカラー。\n\u003c\/p\u003e\n\n\u003cp\u003e\n光を受けるたびにさりげなくきらめき、\n目元に奥行きとモードな表情をプラス。\u003cbr\u003e\n強すぎない輝きが、洗練された印象を引き立てます。\u003cbr\u003e\nまばたきのたびに輝く、さりげないラメ使いが魅力のカラーです。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\n\u003cp\u003e\n※本商品はラメをまつげにしっかりと密着させるため、他のカラーと比べて液が硬く、粘度の高いテクスチャーに仕上げています。一般的なマスカラとは異なる使用感の商品ですので、あらかじめご了承ください。\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n\n\u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eブラックベース × 繊細ラメ\u003c\/strong\u003e\nさりげない輝きが目元に奥行きを与え、\nモードで洗練された印象に仕上げます。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eラメを美しく魅せる処方\u003c\/strong\u003e\nラメ配合のため、通常のマスカラよりもやや軽い粘度設計。\n繊細な輝きをまつ毛に均一にのせられるよう設計されています。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n汗・水・皮脂に強いフィルムタイプで、\nデイリーにも使いやすい処方です。\n\u003c\/li\u003e\n\n\u003cli\u003e\n\u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n月見草オイル・シアバター配合。\nまつ毛をやさしくケアします。\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n\u003cspan\u003e\nラメマスカラ \/ ブラックマスカラ \/\nニュアンスマスカラ \/ カラーマスカラ \/\n抜け感メイク \/ モードメイク \/\nきらめきメイク \/ 大人メイク \/\nセパレートマスカラ \/ フィルムマスカラ \/\nお湯オフマスカラ \/ にじみにくいマスカラ \/\nカールキープ \/ まつ毛ケア\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e黒マスカラにさりげない変化を加えたい方\u003c\/li\u003e\n\n\u003cli\u003eラメ入りでも上品に仕上がるマスカラを探している方\u003c\/li\u003e\n\n\u003cli\u003e目元に奥行きや透明感をプラスしたい方\u003c\/li\u003e\n\n\u003cli\u003e抜け感のあるモードな印象を楽しみたい方\u003c\/li\u003e\n\n\u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\n\u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n\u003ch4\u003eQ. F08 AMELIEはどんな色ですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. ブラックベースに繊細なラメを配合したニュアンスカラーです。\n光を受けるたびにさりげなく輝き、\n目元に奥行きと洗練された印象を与えます。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. 他のマスカラと質感は違いますか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. ラメを美しくまつ毛にのせるため、\n通常のマスカラよりもやや軽い粘度設計となっています。\nあらかじめご了承ください。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. 汗・水・皮脂に強いフィルムタイプで、\nきれいな仕上がりを長時間キープします。\n\u003c\/p\u003e\n\n\u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n\n\u003cp\u003e\nA. お湯で簡単にオフできます。\nクレンジングで強くこすらず、\nやさしくなじませて落としてください。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(135, 132, 132, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF08 AMELIE\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(RGB(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgbargba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":45551519105264,"sku":"4582723274792","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_black_04.jpg?v=1772435845"},{"product_id":"mascara-cinnamon-roll","title":"【OUTLET】トーン カラー マスカラ .  F06 Cinnamon Roll","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nまつ毛にニュアンスカラーをまとわせ、目元にさりげないアクセントをプラス。\nひと塗りでも、重ね塗りでも、印象的なカラーを長時間楽しめます。\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n  \u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n  \u003cp class=\"didion-color-name\"\u003e\n    F06 Cinnamon Roll \/ シナモンロール\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    やわらかく溶け込む、クリーミーブラウンマスカラ。\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    ベージュとブラウンの中間のような絶妙なニュアンスで、\n    目元に自然な陰影とあたたかみをプラス。\u003cbr\u003e\n    シナモンロールのような、ほっとする甘さとぬくもりを感じさせるカラーです。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\u003cp\u003e\n※本商品はまつげにカラーをしっかり密着させるため、やや粘度の高いテクスチャーに仕上げています。\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n  \u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cstrong\u003eやわらかなクリーミーブラウン\u003c\/strong\u003e\n      肌になじみながら、目元に自然な陰影とあたたかみを添えます。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eまつげを色付けて印象的な目元に\u003c\/strong\u003e\n      まつ毛にニュアンスカラーをまとわせ、目元にさりげないアクセントをプラス。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eにじみにくく、お湯で簡単オフ\u003c\/strong\u003e\n      汗・水・皮脂に強いフィルムタイプで、デイリーにも使いやすい処方です。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n      月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n  \u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n  \u003cspan\u003e\n    ブラウンマスカラ \/ カラーマスカラ \/\n    クリーミーブラウン \/ ベージュブラウン \/\n    抜け感メイク \/ ナチュラルメイク \/\n    あたたかみメイク \/ 大人ブラウンメイク \/\n    セパレートマスカラ \/ フィルムマスカラ \/\n    お湯オフマスカラ \/ にじみにくいマスカラ \/\n    カールキープ \/ まつ毛ケア\n  \u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\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  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n  \u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n  \u003ch4\u003eQ. F06 Cinnamon Rollはどんな色ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. ベージュとブラウンの中間のような、やわらかなクリーミーブラウンです。\n    目元に自然な陰影とあたたかみを添えます。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. 普段使いしやすいカラーですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 肌になじみやすいブラウン系カラーなので、デイリーにも使いやすいカラーです。\n    黒マスカラよりもやわらかく、抜け感のある印象に仕上がります。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 汗・水・皮脂に強いフィルムタイプで、にじみにくい処方です。\n    きれいな仕上がりを長時間キープします。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. お湯で簡単にオフできます。\n    クレンジングで強くこすらず、やさしくなじませて落としてください。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003cp style=\"width: 109%; transform: translate(-1.5rem);\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" playsinline=\"\" loop=\"loop\" style=\"width: 100%;\" controls=\"controls\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/84bb26a7af2e4748b42e80ebb9f73a80.mov\" type=\"video\/mp4\"\u003e\nYour browser does not support our video.\u003c\/source\u003e\u003c\/video\u003e\u003c\/p\u003e\n  \n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(175, 118, 73, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF06 Cinnamon Roll\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":45564052537584,"sku":"4582653239847","price":1320.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_brown.jpg?v=1775811077"},{"product_id":"mascara-midnight-wave","title":"DIDION トーン カラー マスカラ. F09 Midnight Wave","description":"\u003cdiv class=\"didion-color-card\"\u003e\n  \u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\n  \u003cp class=\"didion-color-name\"\u003e\n    F09 Midnight Wave \/ ミッドナイトウェーブ\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    彩度を抑えた、深みのあるネイビーマスカラ。\n  \u003c\/p\u003e\n\n  \u003cp\u003e\n    自然光の下でふと覗く深いブルーが、\n    目元に凛とした奥行きと透明感をプラス。\u003cbr\u003e\n    黒よりも軽やかで、ブラウンよりもシャープ。\n    上品で洗練された印象に仕上げます。\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-point\"\u003e\n  \u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cstrong\u003e深みのあるネイビーカラー\u003c\/strong\u003e\n      目元に自然な奥行きと、澄んだ透明感を与えます。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003e根元から美しくセパレート\u003c\/strong\u003e\n      細めのカーブブラシで、まつ毛一本一本をきれいにコーティングします。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003e汗・水・涙に強いウォータープルーフタイプ\u003c\/strong\u003e\n      にじみにくく、きれいな仕上がりを長時間キープします。\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n      月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cp font color=\"red\"\u003e\u003csmall\u003e※こちらのF09商品のみウオータープルーフです。\u003c\/small\u003e\u003c\/p\u003e\n\n\u003cp style=\"width: 109%; transform: translate(-1.5rem);\"\u003e\u003cvideo autoplay=\"autoplay\" muted=\"\" playsinline=\"\" loop=\"loop\" style=\"width: 100%;\"\u003e\n  \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e9e9fd3c6841508b701466c7902f02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/p\u003e\n\n\n\u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(23, 66, 92, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF09 Midnight Wave\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n\u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":47858763792624,"sku":"4582723282711","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_F09_1.jpg?v=1772435845"},{"product_id":"mascara-egift","title":"【選べるeギフト】DIDION トーンカラーマスカラ . 専用ページ","description":"\u003cp\u003e\u003cstrong\u003eDIDION MASCARA\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e繊細なセパレートと自然なボリュームを叶えるマスカラ。\u003cbr\u003e軽やかなつけ心地でまつ毛1本1本にフィットし、ダマになりにくく美しい仕上がりに。重ね塗りすることで長さや存在感を自在に調整できます。ナチュラルにも印象的にも仕上げられ、日常使いから特別なシーンまで幅広く活躍します。\u003cbr\u003e\u003cbr\u003e【機能】\u003cbr\u003eF03～F08 は\u003cstrong\u003eお湯で簡単にオフできるフィルムタイプ\u003c\/strong\u003eです。\u003cbr\u003eF09のみ\u003cstrong\u003e水や汗に強いウォータープルーフタイプ\u003c\/strong\u003eです。\u003cbr\u003e\u003cbr\u003e※ブラシで根元から毛先に向かってやさしく塗布してください。\u003cbr\u003e※目に入らないようご注意ください。\u003cbr\u003e※F08 Amelieはラメ入りのため、他のマスカラ液より硬めの質感で粘度が少し低く感じられます。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cbr\u003e各色の説明は、以下のカラー名にあるリンクか、下の「商品詳細・カラー」タブからご覧ください。\u003cbr\u003e\u003c\/strong\u003e\u003cbr\u003e※販売カラー\u003cbr\u003e在庫がないものは選択できません。入荷次第選択可能となります。\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e■ お湯落ちタイプ\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-clear-evony\"\u003eF03 Clear Evony\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-89-7mhz\"\u003eF04 89.7MHz\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-mellow-morrow\"\u003eF05 Mellow Morrow\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-cinnamon-roll\"\u003eF06 Cinnamon Roll\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-corinth\"\u003eF07 CORINTH\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-amelie\"\u003eF08 Amelie\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e■ ウォータープルーフタイプ\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e【\u003ca href=\"\/products\/mascara-midnight-wave\"\u003eF09 Midnight Wave\u003c\/a\u003e】\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":48906186031344,"sku":null,"price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_shougou_4-5.jpg?v=1772435845"},{"product_id":"mascara-copper-beat","title":"DIDION トーン カラー マスカラ. F10 Copper Beat","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\nしっとりとしたクリーミーなテクスチャーが、\nまつ毛一本一本をなめらかにコーティング。\n根元から美しくセパレートしながら、\n自然なボリュームとカールを長時間キープします。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-box\"\u003e\n\n\u003cp class=\"didion-color-label\"\u003eCOLOR\u003c\/p\u003e\n\n\u003cp class=\"didion-color-name\"\u003e\nF10 Copper Beat \/ コッパービート\n\u003c\/p\u003e\n\n\u003cp class=\"didion-color-text\"\u003e\n赤みを帯びた、シャープなブラウンマスカラ。\n\u003c\/p\u003e\n\n\u003cp class=\"didion-color-sub\"\u003e\n人気カラー「F05 Mellow Morrow」の\nやわらかくクリーミーなウッドブラウンのニュアンスを受け継ぎながら、\nより夏らしさのあるカラーへアップデート。\u003cbr\u003e\n目元に自然になじみながら、ほんのりエッジを効かせ、\n抜け感のある印象に仕上げます。\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eATTENTION\u003c\/p\u003e\n\u003cp\u003e\n※本商品はまつげにカラーをしっかり密着させるため、やや粘度の高いテクスチャーに仕上げています。\u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-point-box\"\u003e\n\n  \u003cp class=\"didion-point-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003e赤みを帯びたシャープなブラウン\u003c\/b\u003e\u003cbr\u003e\n        肌になじみながら、目元にさりげない奥行きとエッジをプラスします。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003e根元から美しくセパレート\u003c\/b\u003e\u003cbr\u003e\n        細めのカーブブラシで、まつ毛一本一本をきれいにコーティングします。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003eにじみにくく、お湯で簡単オフ\u003c\/b\u003e\u003cbr\u003e\n        汗・水・皮脂に強いフィルムタイプで、デイリーにも使いやすい処方です。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003eメイクしながらまつ毛をケア\u003c\/b\u003e\u003cbr\u003e\n        月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n  \u003cp class=\"didion-label\"\u003eShade Comparison\u003c\/p\u003e\n\n  \u003cdiv class=\"didion-layering-item\"\u003e\n\u003cp\u003eブラウン系マスカラF05 Mellow Morrowとの比較です。\u003c\/p\u003e\n\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-mellow-morrow\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/19gsiyyn8cbuqc14-63354372336.shopifypreview.com\/cdn\/shop\/files\/F05_2_713x.jpg?v=1783324434\" alt=\"\"\u003e \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-copper-beat\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f10_2_713x.png?v=1783237565\" alt=\"\"\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-mellow-morrow\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/19gsiyyn8cbuqc14-63354372336.shopifypreview.com\/cdn\/shop\/files\/F05_4_713x.jpg?v=1783324463\" alt=\"\"\u003e \u003c\/a\u003e\n    \u003cp class=\"didion-before-after-label\"\u003eF05 Mellow Morrow\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-copper-beat\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f10_4_713x.png?v=1783237565\" alt=\"\"\u003e\u003c\/a\u003e\n    \u003cp class=\"didion-before-after-label\"\u003eF10 Copper Beat\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_hikaku.jpg?v=1783413910\"\u003e\n\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n  \u003cp class=\"didion-label\"\u003eRECOMMENDED LAYERING\u003c\/p\u003e\n\n  \u003cdiv class=\"didion-layering-item\"\u003e\n    \u003ca href=\"\/products\/single-eyecolor-the-must\"\u003e\u003cimg class=\"didion-layering-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/01_1_1100x.jpg?v=1772435924\" alt=\"SINGLE EYE COLOR THE MUST\"\u003e\u003c\/a\u003e\n\u003cbr\u003e\n        \u003ca href=\"\/products\/single-eyecolor-say-myname\"\u003e\u003cimg class=\"didion-layering-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/02_1_713x.jpg?v=1774585758\" alt=\"SINGLE EYE COLOR Say My Name\"\u003e\u003c\/a\u003e\n\n    \u003cp\u003e\n      \u003cb\u003ewith SINGLE EYECOLOR 01\u0026amp;02\u003c\/b\u003e\u003cbr\u003e\n      赤みを帯びたブラウンにベージュ＆ブラウンのグラデーションで自然な陰影を\n    \u003c\/p\u003e\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/eyecolor-duo-before-sunrise\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f10_make_713x.jpg?v=1783317866\" alt=\"\"\u003e \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href='\/products\/eyecolor-duo-before-sunrise\"'\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f10_make2_713x.jpg?v=1783317866\" alt=\"\"\u003e\u003c\/a\u003e\n  \u003c\/div\u003e \u003c\/div\u003e\nこちらのメイクは、\u003ca href=\"\/blogs\/beauty-tips\/260708\"\u003eBEAUTY TIPS\u003c\/a\u003eでご紹介しています。\n \n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n\u003cspan\u003e\nブラウンマスカラ \/ カラーマスカラ \/\n赤みブラウンマスカラ \/ 抜け感メイク \/\n夏メイク \/ ニュアンスメイク \/\nナチュラルメイク \/ 大人ブラウンメイク \/\nセパレートマスカラ \/ フィルムマスカラ \/\nお湯オフマスカラ \/ にじみにくいマスカラ \/\nカールキープ \/ まつ毛ケア\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n\n  \u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\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  \u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\n  \u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n  \u003ch4\u003eQ. F10 Copper Beatはどんな色ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 赤みを帯びたシャープなブラウンカラーです。\n    肌になじみながらも、目元にさりげない奥行きと抜け感を演出します。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. F05 Mellow Morrowとの違いは何ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. F05 Mellow Morrowのやわらかなウッドブラウンのニュアンスを受け継ぎながら、\n    F10 Copper Beatはより赤みとシャープさを感じる、夏らしいブラウンカラーです。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 汗・水・皮脂に強いフィルムタイプで、にじみにくい処方です。\n    きれいな仕上がりを長時間キープします。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. お湯で簡単にオフできます。\n    クレンジングで強くこすらず、やさしくなじませて落としてください。\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.lipkit-seo-memo,\n.didion-seo-keyword{\n  margin-top:40px;\n  padding-top:16px;\n  border-top:1px solid #ddd;\n  font-size:11px;\n  line-height:1.8;\n  color:#777;\n  letter-spacing:0.03em;\n}\n\n.memo-title{\n  font-size:10px;\n  letter-spacing:0.12em;\n  margin-bottom:6px;\n  color:#999;\n}\n\n.didion-color-box{\n  margin:28px 0;\n  padding:20px 18px;\n  background:#f8f5f1;\n  border-radius:12px;\n}\n\n.didion-color-label{\n  margin:0 0 10px;\n  font-size:10px;\n  letter-spacing:0.14em;\n  color:#999;\n  font-weight:500;\n}\n\n.didion-color-name{\n  margin:0 0 12px;\n  font-size:18px;\n  line-height:1.5;\n  color:#222;\n  font-weight:400;\n  letter-spacing:0.03em;\n}\n\n.didion-color-text{\n  margin:0 0 10px;\n  font-size:14px;\n  line-height:1.9;\n  color:#333;\n}\n\n.didion-color-sub{\n  margin:0;\n  font-size:13px;\n  line-height:2;\n  color:#666;\n}\n\n.didion-point-box{\n  margin:28px 0;\n  padding:18px 16px;\n  background:#f8f5f1;\n  border-radius:12px;\n}\n\n.didion-point-label{\n  margin:0 0 14px;\n  font-size:13px;\n  font-weight:600;\n  letter-spacing:0.04em;\n  color:#222;\n}\n\n.didion-point-box ul{\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n\n.didion-point-box li{\n  display:flex;\n  gap:10px;\n  margin-bottom:12px;\n  font-size:13px;\n  line-height:1.8;\n  color:#444;\n}\n\n.didion-point-box li:last-child{\n  margin-bottom:0;\n}\n\n.didion-check{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:18px;\n  height:18px;\n  border-radius:50%;\n  background:#0b1f3a;\n  color:#fff;\n  font-size:12px;\n  flex-shrink:0;\n  margin-top:5px;\n}\n\n.didion-eye-section{\n  margin-top:40px;\n  padding-top:18px;\n  border-top:1px solid #ddd;\n}\n\n.didion-eye-label,\n.memo-title{\n  font-size:10px;\n  letter-spacing:0.12em;\n  color:#999;\n  margin:0 0 14px;\n  font-weight:500;\n}\n\n.didion-eye-section ul{\n  padding-left:18px;\n  margin:0;\n}\n\n.didion-eye-section li{\n  font-size:13px;\n  line-height:2;\n  color:#444;\n}\n\n.didion-eye-faq h4{\n  font-size:13px;\n  font-weight:500;\n  margin:20px 0 8px;\n  color:#222;\n}\n\n.didion-eye-faq p{\n  font-size:13px;\n  line-height:2;\n  color:#555;\n  margin:0;\n}\n\u003c\/style\u003e\n\n\n                                                   \u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(165, 123, 114, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF10 Copper Beat\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(RGB(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":49967735341296,"sku":"4582723285675","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/F10_1_600x_6203ee86-3218-47c4-bcbb-e4af776f9617.webp?v=1786239478"},{"product_id":"mascara-neon-pulse","title":"DIDION トーン カラー マスカラ. F11 Neon Pulse","description":"\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\n軽やかなテクスチャーがまつ毛一本一本をなめらかにコーティング。自然なツヤ感のある仕上がりで、セパレートした美しいまつ毛を演出します。\u003cbr\u003e\n\u003cbr\u003e汗・水・皮脂に強いフィルムタイプでありながら、お湯で簡単にオフできるのも魅力。\nさらに、月見草オイル・シアバターを配合し、メイクを楽しみながらまつ毛をやさしくケアします。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-point-box\"\u003e \u003cli\u003e\nこちらのカラー Neon Pulse（F11）は、鮮やかなオレンジカラーを表現するため、他カラーとは異なる顔料を採用しています。処方の特性上、液が気温の影響などでなじみにくい場合があり、液のテクスチャーやブラシへの含み方に従来品との差を感じる場合がございます。\u003c\/li\u003e\n\u003c\/div\u003e\n\n  \u003cdiv class=\"didion-point-box\"\u003e\n  \u003cp class=\"didion-point-label\"\u003eおすすめのご使用方法 \u003cbr\u003eFOR BEST RESULTS\u003c\/p\u003e\n    \u003cli\u003e\u003cspan\u003e\n  ご使用前にブラシを容器内で上下に数回動かし、液が均一になるように中身をよく混ぜてからご使用ください。\u003cbr\u003eブラシに液がつきすぎた場合は、軽くティッシュオフしてから塗ってください。色が付きにくい場合は、液をよくなじませたうえで重ね塗りしていただくことで、よりきれいな仕上がりをお楽しみいただけます。\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/div\u003e\n  \n\u003cdiv class=\"didion-color-box\"\u003e\n\u003cp class=\"didion-color-label\"\u003eCOLOR\u003c\/p\u003e\n\n\u003cp class=\"didion-color-name\"\u003e\nF11 Neon Pulse \/ ネオンパルス\n\u003c\/p\u003e\n\n\u003cp class=\"didion-color-text\"\u003e\n太陽の熱を映したような、灼熱のオレンジマスカラ。\n\u003c\/p\u003e\n\n\u003cp class=\"didion-color-sub\"\u003e\n夏の眩しい日差しに美しく映え、どこまでもエネルギッシュでプレイフルなカラー。\u003cbr\u003e\n目元にひと塗りするだけで、抜け感と華やかさをプラスし、\nいつものメイクをより自由で印象的にアップデートします。\n\u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-point-box\"\u003e\n\n  \u003cp class=\"didion-point-label\"\u003ePOINT\u003c\/p\u003e\n\n  \u003cul\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003e夏の日差しに映える灼熱オレンジ\u003c\/b\u003e\u003cbr\u003e\n        目元にエネルギッシュでプレイフルな印象を添えます。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003e根元から美しくセパレート\u003c\/b\u003e\u003cbr\u003e\n        細めのカーブブラシで、まつ毛一本一本をきれいにコーティングします。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003eにじみにくく、お湯で簡単オフ\u003c\/b\u003e\u003cbr\u003e\n        汗・水・皮脂に強いフィルムタイプで、夏のメイクにも使いやすい処方です。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n\n    \u003cli\u003e\n      \u003cspan class=\"didion-check\"\u003e✓\u003c\/span\u003e\n      \u003cspan\u003e\n        \u003cb\u003eメイクしながらまつ毛をケア\u003c\/b\u003e\u003cbr\u003e\n        月見草オイル・シアバター配合。まつ毛をやさしくケアします。\n      \u003c\/span\u003e\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n  \u003cp class=\"didion-label\"\u003eEye Look Close-Up\u003c\/p\u003e\n\n  \u003cdiv class=\"didion-layering-item\"\u003e\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-neon-pulse\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f11_tofu2_713x.jpg?v=1783317866\" alt=\"\"\u003e \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-neon-pulse\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f11_tofu_713x.jpg?v=1783317866\" alt=\"\"\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-neon-pulse\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f11_tofu3_713x.jpg?v=1783321405\" alt=\"Neon Pulse\"\u003e \u003c\/a\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/mascara-neon-pulse\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/3_e5379fc2-52b5-4559-85f1-ad292f84f1e3_713x.png?v=1783237640\" alt=\"Neon Pulse\"\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n  \u003cp class=\"didion-label\"\u003eRECOMMENDED LAYERING\u003c\/p\u003e\n\n  \u003cdiv class=\"didion-layering-item\"\u003e\n    \u003ca href=\"\/products\/eyecolor-duo-before-sunrise\"\u003e\u003cimg class=\"didion-layering-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/07-Before-Sunrise01_713x.jpg?v=1776047145\" alt=\"07 Before Sunrise\"\u003e\u003c\/a\u003e\u003cbr\u003e\n\u003ca href=\"\/products\/smooth-color-eyeliner-neon-groove\"\u003e\u003cimg class=\"didion-layering-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/N01-Neon-Groove01_713x.jpg?v=1774507052\" alt=\"07 Before Sunrise\"\u003e\u003c\/a\u003e\n    \u003cp\u003e\n      \u003cb\u003ewith EYECOLOR DUO Before Sunrise\u003c\/b\u003e\u003cbr\u003e\n      赤みを帯びたブラウンにイエロー系ベージュのアイシャドウの組み合わせで自然な陰影を\n    \u003c\/p\u003e\n    \u003cdiv class=\"didion-before-after\"\u003e\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/eyecolor-duo-before-sunrise\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f11_make_713x.jpg?v=1783317866\" alt=\"F11 Neon Pulse\"\u003e \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"didion-before-after-item\"\u003e\n    \u003ca href=\"\/products\/eyecolor-duo-before-sunrise\"\u003e\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/vjn4ssz5aleocfe2-63354372336.shopifypreview.com\/cdn\/shop\/files\/f11_make2_713x.jpg?v=1783317866\" alt=\"F11 Neon Pulse\"\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n  \u003c\/div\u003e\n    こちらのメイクは、\u003ca href=\"\/blogs\/beauty-tips\/260722\"\u003eBEAUTY TIPS\u003c\/a\u003eでご紹介しています。\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\n\u003cspan\u003e\nオレンジマスカラ \/ カラーマスカラ \/\n夏メイク \/ カラーメイク \/\n抜け感メイク \/ プレイフルメイク \/\nニュアンスメイク \/ 明るい目元 \/\nセパレートマスカラ \/ フィルムマスカラ \/\nお湯オフマスカラ \/ にじみにくいマスカラ \/\nカールキープ \/ まつ毛ケア\n\u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section\"\u003e\n\n  \u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\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  \u003c\/ul\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\n  \u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\n  \u003ch4\u003eQ. F11 Neon Pulseはどんな色ですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 太陽の熱を映したような、鮮やかなオレンジカラーです。\n    夏の眩しい日差しに映え、目元にエネルギッシュでプレイフルな印象を演出します。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. 普段使いしやすいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 目尻や下まつ毛にポイント使いすると、さりげなく取り入れやすいカラーです。\n    ブラウンやベージュ系のアイメイクとも相性よく楽しめます。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. にじみにくいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. 汗・水・皮脂に強いフィルムタイプで、にじみにくい処方です。\n    きれいな仕上がりを長時間キープします。\n  \u003c\/p\u003e\n\n  \u003ch4\u003eQ. オフはどうすればよいですか？\u003c\/h4\u003e\n  \u003cp\u003e\n    A. お湯で簡単にオフできます。\n    クレンジングで強くこすらず、やさしくなじませて落としてください。\n  \u003c\/p\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.didion-seo-keyword{\n  margin-top:40px;\n  padding-top:16px;\n  border-top:1px solid #ddd;\n  font-size:11px;\n  line-height:1.8;\n  color:#777;\n  letter-spacing:0.03em;\n}\n\n.memo-title{\n  font-size:10px;\n  letter-spacing:0.12em;\n  margin-bottom:6px;\n  color:#999;\n}\n\n.didion-color-box{\n  margin:28px 0;\n  padding:20px 18px;\n  background:#f8f5f1;\n  border-radius:12px;\n}\n\n.didion-color-label{\n  margin:0 0 10px;\n  font-size:10px;\n  letter-spacing:0.14em;\n  color:#999;\n  font-weight:500;\n}\n\n.didion-color-name{\n  margin:0 0 12px;\n  font-size:18px;\n  line-height:1.5;\n  color:#222;\n  font-weight:400;\n  letter-spacing:0.03em;\n}\n\n.didion-color-text{\n  margin:0 0 10px;\n  font-size:14px;\n  line-height:1.9;\n  color:#333;\n}\n\n.didion-color-sub{\n  margin:0;\n  font-size:13px;\n  line-height:2;\n  color:#666;\n}\n\n.didion-point-box{\n  margin:28px 0;\n  padding:18px 16px;\n  background:#f8f5f1;\n  border-radius:12px;\n}\n\n.didion-point-label{\n  margin:0 0 14px;\n  font-size:13px;\n  font-weight:600;\n  letter-spacing:0.04em;\n  color:#222;\n}\n\n.didion-point-box ul{\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n\n.didion-point-box li{\n  display:flex;\n  gap:10px;\n  margin-bottom:12px;\n  font-size:13px;\n  line-height:1.8;\n  color:#444;\n}\n\n.didion-point-box li:last-child{\n  margin-bottom:0;\n}\n\n.didion-check{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:18px;\n  height:18px;\n  border-radius:50%;\n  background:#0b1f3a;\n  color:#fff;\n  font-size:12px;\n  flex-shrink:0;\n  margin-top:5px;\n}\n\n.didion-eye-section{\n  margin-top:40px;\n  padding-top:18px;\n  border-top:1px solid #ddd;\n}\n\n.didion-eye-label,\n.memo-title{\n  font-size:10px;\n  letter-spacing:0.12em;\n  color:#999;\n  margin:0 0 14px;\n  font-weight:500;\n}\n\n.didion-eye-section ul{\n  padding-left:18px;\n  margin:0;\n}\n\n.didion-eye-section li{\n  font-size:13px;\n  line-height:2;\n  color:#444;\n}\n\n.didion-eye-faq h4{\n  font-size:13px;\n  font-weight:500;\n  margin:20px 0 8px;\n  color:#222;\n}\n\n.didion-eye-faq p{\n  font-size:13px;\n  line-height:2;\n  color:#555;\n  margin:0;\n}\n\u003c\/style\u003e\n\n   \u003cscript\u003e\n  window.addEventListener('DOMContentLoaded', function() {\n    var colorSelectorContainer = document.createElement('div');\n    colorSelectorContainer.id = \"color-selector-container\";\n    colorSelectorContainer.innerHTML = `\n  \u003cdiv style=\"display: flex; align-items: center; margin-bottom: 10px; position: relative;\"\u003e\n    \u003cspan style=\"font-size: 10px; font-weight: bold; color: #333; background: #F4F2ED;\"\u003eカラーを選択する\u003c\/span\u003e\n  \u003c\/div\u003e\n      \u003c!-- 選択中のカラー --\u003e\n      \u003cdiv id=\"selected-color\" style=\"display: flex; align-items: center; cursor: pointer; padding: 8px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n        \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width: 25px; height: 25px; border-radius: 0%; background-color: rgba(205, 83, 53, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eF11 Neon Pulse\u003c\/span\u003e\n      \u003c\/div\u003e\n\n\u003c!-- カラーリスト --\u003e\n\n\u003cul id=\"color-list\" style=\"display: none; padding: 0; list-style: none; margin-top: 10px; border: 1px solid #ccc; border-radius: 0px;\"\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Clear-Evony\" data-color=\"rgba(RGB(80, 72, 70, 1)\" data-url=\"\/products\/mascara-clear-evony\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(80, 72, 70, 1) !important;\"\u003e\u003c\/div\u003eF03 Clear Evony\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara 89 7mhz\" data-color=\"rgba(194, 164, 51, 1)\" data-url=\"\/products\/mascara-89-7mhz\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(194, 164, 51, 1) !important;\"\u003e\u003c\/div\u003eF04 89.7MHz\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Mellow Morrow\" data-color=\"rgba(110, 70, 62, 1)\" data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(110, 70, 62, 1) !important;\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Cinnamon Roll\" data-color=\"rgba(175, 118, 73, 1)\" data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(175, 118, 73, 1) !important;\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Corinth\" data-color=\"rgba(183, 132, 126, 1)\" data-url=\"\/products\/mascara-corinth\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(183, 132, 126, 1) !important;\"\u003e\u003c\/div\u003eF07 CORINTH\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Mascara Amelie\" data-color=\"rgba(135, 132, 132, 1)\" data-url=\"\/products\/mascara-amelie\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(135, 132, 132, 1) !important;\"\u003e\u003c\/div\u003eF08 AMELIE\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Midnight Wave\" data-color=\"rgba(23, 66, 92, 1)\" data-url=\"\/products\/mascara-midnight-wave\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(23, 66, 92, 1) !important;\"\u003e\u003c\/div\u003eF09 Midnight Wave\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Copper Beat\" data-color=\"rgba(165, 123, 114, 1)\" data-url=\"\/products\/mascara-copper-beat\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(165, 123, 114, 1) !important;\"\u003e\u003c\/div\u003eF10 Copper Beat\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Mascara Neon pulse\" data-color=\"rgba(205, 83, 53, 1, 1)\" data-url=\"\/products\/mascara-neon-pulse\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(205, 83, 53, 1) !important;\"\u003e\u003c\/div\u003eF11 Neon Pulse\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n    data-name=\"F12 Dusty Gold\"\n    data-color=\"rgba(157, 125, 83, 1)\"\n    data-url=\"\/products\/mascara-dusty-gold\"\u003e\n  \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\n        .color-item {\n          display: flex;\n          align-items: center;\n          padding: 8px 12px;\n          cursor: pointer;\n          font-size: 14px;\n          transition: background-color 0.3s;\n          border-bottom: 1px solid #e0e0e0;\n        }\n\n        .color-item:last-child {\n          border-bottom: none;\n        }\n\n        .color-item:hover {\n          background-color: #f5f5f5;\n        }\n\n        \/* カラーチップを強制表示 (Shopify競合回避) *\/\n        .swatch {\n          width: 20px !important;\n          height: 20px !important;\n          margin-right: 10px !important;\n          display: inline-block !important;\n          background-color: transparent !important;\n          background-clip: content-box !important;\n        }\n\n        #selected-color:hover {\n          background-color: #f7f7f7;\n        }\n\n        #color-list {\n          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\n          max-height: 240px;\n          overflow-y: auto;\n        }\n      \u003c\/style\u003e\n    `;\n\n    var targetElement = document.querySelector('.product__tax');\n    if (targetElement) {\n      targetElement.parentNode.insertBefore(colorSelectorContainer, targetElement);\n    }\n\n    var selectedColor = document.getElementById('selected-color');\n    var colorList = document.getElementById('color-list');\n    var selectedColorChip = document.getElementById('selected-color-chip');\n    var selectedColorName = document.getElementById('selected-color-name');\n\n    \/\/ カラー選択の開閉\n    selectedColor.addEventListener('click', function() {\n      colorList.style.display = (colorList.style.display === 'none' || colorList.style.display === '') ? 'block' : 'none';\n    });\n\n    \/\/ カラーアイテムの処理\n    var colorItems = document.querySelectorAll('.color-item');\n    colorItems.forEach(function(item) {\n      var swatch = item.querySelector('.swatch');\n      swatch.style.backgroundColor = item.dataset.color;\n      swatch.style.setProperty('background-color', item.dataset.color, 'important'); \/\/ 最終的な保険\n\n      item.addEventListener('click', function() {\n        selectedColorChip.style.backgroundColor = item.dataset.color;\n        selectedColorName.textContent = item.dataset.name;\n        colorList.style.display = 'none';\n        window.location.href = item.dataset.url;\n      });\n    });\n\n    \/\/ 外部クリックで閉じる\n    document.addEventListener('click', function(e) {\n      if (!colorSelectorContainer.contains(e.target)) {\n        colorList.style.display = 'none';\n      }\n    });\n  });\n\u003c\/script\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":49967861530864,"sku":"4582723285699","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/F11.jpg?v=1784861051"},{"product_id":"mascara-dusty-gold","title":"DIDION トーン カラー マスカラ. F12 Dusty Gold","description":"\n\u003cp\u003e\u003cb\u003eTONE COLOR MASCARA\u003c\/b\u003e\u003c\/p\u003e\n\n\u003cp\u003e\n軽やかなテクスチャーがまつ毛一本一本をなめらかにコーティング。\n自然なツヤをまといながら、美しくセパレートした印象的なまつ毛に仕上げます。\u003cbr\u003e\n\u003cbr\u003e\n汗・水・皮脂に強いフィルムタイプでありながら、お湯で簡単にオフできるのも魅力。\nさらに、月見草オイル・シアバターを配合し、メイクを楽しみながらまつ毛をやさしくケアします。\n\u003c\/p\u003e\n\n\u003cdiv class=\"didion-color-box\"\u003e\n\n\u003c!-- COLOR --\u003e\n\u003cdiv class=\"didion-color-card\"\u003e\n  \u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n  \u003cp class=\"didion-color-name\"\u003eF12 Dusty Gold \/ ダスティゴールド\u003c\/p\u003e\n  \u003cp\u003eブラウンをベースに、微細なゴールドの煌めきを溶け込ませたダスティゴールド。\u003c\/p\u003e\n  \u003cp\u003e肌になじむ落ち着いたブラウンに、光を捉える繊細なゴールドの輝きをプラス。さりげない煌めきがまつ毛に奥行きを与え、儚げでありながら印象的なまなざしに仕上げます。\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- POINT --\u003e\n\u003cdiv class=\"didion-section didion-point\"\u003e\n  \u003cp class=\"didion-label\"\u003ePOINT\u003c\/p\u003e\n  \u003cul\u003e\n    \u003cli\u003e\n      \u003cstrong\u003eブラウンに溶け込む繊細なゴールドの煌めき\u003c\/strong\u003e\n      肌なじみのよいブラウンをベースに、微細なゴールドの輝きをプラス。光を受けるたびにさりげなく煌めき、いつものアイメイクに新鮮なニュアンスと奥行きを与えます。\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cstrong\u003e一本一本を美しくセパレート\u003c\/strong\u003e\n      軽やかなテクスチャーでまつ毛一本一本をなめらかにコーティング。自然なツヤをまとった、美しくセパレートしたまつ毛に仕上げます。\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cstrong\u003e汗・水・皮脂に強く、お湯で簡単オフ\u003c\/strong\u003e\n      汗・水・皮脂に強いフィルムタイプで、きれいな仕上がりをキープ。お湯で簡単にオフできます。\n    \u003c\/li\u003e\n    \u003cli\u003e\n      \u003cstrong\u003eメイクしながらまつ毛をケア\u003c\/strong\u003e\n      月見草オイル・シアバター配合。メイクを楽しみながら、まつ毛をやさしくケアします。\n    \u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003c!-- F12 Dusty Gold テクスチャ・塗布イメージなどを入れる場合はここ --\u003e\n\n\u003c!-- RECOMMENDED LAYERING --\u003e\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n\n  \u003cp class=\"didion-label\"\u003eRECOMMENDED LAYERING\u003c\/p\u003e\n\n  \u003cp\u003e\n    繊細なゴールドの煌めきをまとったF12 Dusty Goldに、\n    目元の輝きと深みのあるリップカラーを合わせたメイクルック。\n  \u003c\/p\u003e\n\n  \u003c!-- 01：リキッドグリッター07 \/ 上まぶた --\u003e\n  \u003cdiv class=\"didion-layering-item\"\u003e\n\n    \u003ca class=\"didion-layering-image-link\" href=\"\/products\/glitter-eyeshadow-passionfruit\"\u003e\n      \u003cimg class=\"didion-layering-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/glitter07_01.jpg?v=1772531149\" alt=\"LIQUID GLITTER 07 Passionfruit\" loading=\"lazy\"\u003e\n    \u003c\/a\u003e\n\n    \u003cp class=\"didion-layering-title\"\u003e\n      with\n      \u003ca href=\"\/products\/glitter-eyeshadow-passionfruit\"\u003e\n        LIQUID GLITTER 07 Passionfruit\n      \u003c\/a\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"didion-layering-text\"\u003e\n      リキッドグリッター07を上まぶたに重ね、\n      繊細な煌めきをプラス。\n      F12 Dusty Goldのゴールドニュアンスと調和し、\n      光を感じる印象的な目元に。\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- 02：シングルアイカラー02 \/ 下まぶた --\u003e\n  \u003cdiv class=\"didion-layering-item\"\u003e\n\n    \u003ca class=\"didion-layering-image-link\" href=\"\/products\/single-eyecolor-say-myname\"\u003e\n      \u003cimg class=\"didion-layering-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/02_1.jpg?v=1774585758\" alt=\"SINGLE EYE COLOR 02 Say My Name\" loading=\"lazy\"\u003e\n    \u003c\/a\u003e\n\n    \u003cp class=\"didion-layering-title\"\u003e\n      with\n      \u003ca href=\"\/products\/single-eyecolor-say-myname\"\u003e\n        SINGLE EYE COLOR 02 Say My Name\n      \u003c\/a\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"didion-layering-text\"\u003e\n      シングルアイカラー02を下まぶたにのせて、\n      目元にやわらかな陰影をプラス。\n      上まぶたの煌めきとのバランスを整え、\n      奥行きのあるアイメイクに仕上げます。\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- 03：リップ11＋グロス03 \/ リップレイヤリング --\u003e\n  \u003cdiv class=\"didion-layering-item\"\u003e\n\n    \u003cdiv class=\"didion-layering-lip-images\"\u003e\n\n      \u003ca class=\"didion-layering-image-link\" href=\"\/products\/plumping-lipstick-monroe-rouge\"\u003e\n        \u003cimg class=\"didion-layering-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/Lip11-01.jpg?v=1773211405\" alt=\"PLUMPING LIPSTICK 11 Monroe Rouge\" loading=\"lazy\"\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"didion-layering-image-link\" href=\"\/products\/melty-lipgloss-brown-sugar\"\u003e\n        \u003cimg class=\"didion-layering-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/03-Brown-Sugar01_mozinashi.jpg?v=1774494472\" alt=\"MELTY LIP GLOSS 03 Brown Sugar\" loading=\"lazy\"\u003e\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"didion-layering-title\"\u003e\n      with\n      \u003ca href=\"\/products\/plumping-lipstick-monroe-rouge\"\u003e\n        PLUMPING LIPSTICK 11 Monroe Rouge\n      \u003c\/a\u003e\n      +\n      \u003ca href=\"\/products\/melty-lipgloss-brown-sugar\"\u003e\n        MELTY LIP GLOSS 03 Brown Sugar\n      \u003c\/a\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"didion-layering-text\"\u003e\n      プランピングリップスティック11を唇に塗り、\n      その上からメルティリップグロス03をレイヤード。\n      深みのあるカラーにツヤを重ね、\n      目元の繊細な煌めきと調和するリップメイクに。\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\n\u003c!-- TONE COLOR MASCARA F12 Dusty Gold COLOR SELECTOR --\u003e\n\u003cscript\u003e\nwindow.addEventListener('DOMContentLoaded', function() {\n\n  if (document.getElementById('color-selector-container')) return;\n\n  var colorSelectorContainer = document.createElement('div');\n  colorSelectorContainer.id = 'color-selector-container';\n\n  colorSelectorContainer.innerHTML = `\n    \u003cdiv style=\"display:flex; align-items:center; margin-bottom:10px; position:relative;\"\u003e\n      \u003cspan style=\"font-size:10px; font-weight:bold; color:#333; background:#F4F2ED;\"\u003e\n        カラーを選択する\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 選択中のカラー：F12 Dusty Gold --\u003e\n    \u003cdiv id=\"selected-color\" style=\"display:flex; align-items:center; cursor:pointer; padding:8px; border:1px solid #ccc; border-radius:0;\"\u003e\n      \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"width:25px; height:25px; background-color:rgba(157, 125, 83, 1) !important; margin-right:8px; display:inline-block;\"\u003e\u003c\/div\u003e\n      \u003cspan id=\"selected-color-name\"\u003eF12 Dusty Gold\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- カラーリスト --\u003e\n    \u003cul id=\"color-list\" style=\"display:none; padding:0; list-style:none; margin-top:10px; border:1px solid #ccc; border-radius:0;\"\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F03 Clear Evony\"\n          data-color=\"rgba(80, 72, 70, 1)\"\n          data-url=\"\/products\/mascara-clear-evony\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF03 Clear Evony\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F04 89.7MHz\"\n          data-color=\"rgba(194, 164, 51, 1)\"\n          data-url=\"\/products\/mascara-89-7mhz\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF04 89.7MHz\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F05 Mellow Morrow\"\n          data-color=\"rgba(110, 70, 62, 1)\"\n          data-url=\"\/products\/mascara-mellow-morrow\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF05 Mellow Morrow\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F06 Cinnamon Roll\"\n          data-color=\"rgba(175, 118, 73, 1)\"\n          data-url=\"\/products\/mascara-cinnamon-roll\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF06 Cinnamon Roll\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F07 CORINTH\"\n          data-color=\"rgba(183, 132, 126, 1)\"\n          data-url=\"\/products\/mascara-corinth\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF07 CORINTH\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F08 AMELIE\"\n          data-color=\"rgba(135, 132, 132, 1)\"\n          data-url=\"\/products\/mascara-amelie\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF08 AMELIE\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F09 Midnight Wave\"\n          data-color=\"rgba(23, 66, 92, 1)\"\n          data-url=\"\/products\/mascara-midnight-wave\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF09 Midnight Wave\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F10 Copper Beat\"\n          data-color=\"rgba(165, 123, 114, 1)\"\n          data-url=\"\/products\/mascara-copper-beat\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF10 Copper Beat\n      \u003c\/li\u003e\n\n      \u003cli class=\"color-item\"\n          data-name=\"F11 Neon Pulse\"\n          data-color=\"rgba(205, 83, 53, 1)\"\n          data-url=\"\/products\/mascara-neon-pulse\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF11 Neon Pulse\n      \u003c\/li\u003e\n\n      \u003c!-- F12 Dusty Gold --\u003e\n      \u003cli class=\"color-item\"\n          data-name=\"F12 Dusty Gold\"\n          data-color=\"rgba(157, 125, 83, 1)\"\n          data-url=\"\/products\/mascara-dusty-gold\"\u003e\n        \u003cdiv class=\"swatch\"\u003e\u003c\/div\u003eF12 Dusty Gold\n      \u003c\/li\u003e\n\n    \u003c\/ul\u003e\n  `;\n\n  var targetElement = document.querySelector('.product__tax');\n\n  if (targetElement) {\n    targetElement.parentNode.insertBefore(\n      colorSelectorContainer,\n      targetElement\n    );\n  } else {\n    return;\n  }\n\n  var selectedColor = colorSelectorContainer.querySelector('#selected-color');\n  var colorList = colorSelectorContainer.querySelector('#color-list');\n  var selectedColorChip = colorSelectorContainer.querySelector('#selected-color-chip');\n  var selectedColorName = colorSelectorContainer.querySelector('#selected-color-name');\n\n  \/\/ カラー選択欄の開閉\n  selectedColor.addEventListener('click', function(e) {\n    e.stopPropagation();\n\n    colorList.style.display =\n      colorList.style.display === 'block' ? 'none' : 'block';\n  });\n\n  \/\/ カラーチップの設定と商品ページへの移動\n  colorSelectorContainer.querySelectorAll('.color-item').forEach(function(item) {\n\n    var swatch = item.querySelector('.swatch');\n\n    swatch.style.setProperty(\n      'background-color',\n      item.dataset.color,\n      'important'\n    );\n\n    item.addEventListener('click', function(e) {\n      e.stopPropagation();\n\n      selectedColorChip.style.setProperty(\n        'background-color',\n        item.dataset.color,\n        'important'\n      );\n\n      selectedColorName.textContent = item.dataset.name;\n      colorList.style.display = 'none';\n\n      window.location.href = item.dataset.url;\n    });\n\n  });\n\n  \/\/ カラー選択欄以外をクリックしたら閉じる\n  document.addEventListener('click', function(e) {\n    if (!colorSelectorContainer.contains(e.target)) {\n      colorList.style.display = 'none';\n    }\n  });\n\n});\n\u003c\/script\u003e\n\n\u003c!-- COLOR SELECTOR STYLE --\u003e\n\u003cstyle\u003e\n#color-selector-container {\n  position: relative;\n  margin-bottom: 16px;\n}\n\n#color-selector-container .color-item {\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background-color 0.3s;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n#color-selector-container .color-item:last-child {\n  border-bottom: none;\n}\n\n#color-selector-container .color-item:hover {\n  background-color: #f5f5f5;\n}\n\n#color-selector-container .swatch {\n  width: 20px !important;\n  height: 20px !important;\n  margin-right: 10px !important;\n  display: inline-block !important;\n  flex-shrink: 0;\n}\n\n#color-selector-container #selected-color-chip {\n  width: 25px !important;\n  height: 25px !important;\n}\n\n#color-selector-container #selected-color:hover {\n  background-color: #f7f7f7;\n}\n\n#color-selector-container #color-list {\n  max-height: 240px;\n  overflow-y: auto;\n  box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n}\n\n\/* リップ11＋グロス03の画像を横並び表示 *\/\n.didion-layering-lip-images {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.didion-layering-lip-images .didion-layering-image-link {\n  display: block;\n  min-width: 0;\n}\n\n.didion-layering-lip-images .didion-layering-image {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\u003c\/style\u003e\n\n\u003c\/div\u003e\n","brand":"didion","offers":[{"title":"Default Title","offer_id":67617359495300,"sku":"4582723285903","price":1650.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/mascara_F12_1.jpg?v=1791341755"}],"url":"https:\/\/didion-beauty.com\/collections\/mascara-ranking.oembed","provider":"DIDION","version":"1.0","type":"link"}