{"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\/products\/mascara-dusty-gold","provider":"DIDION","version":"1.0","type":"link"}