{"product_id":"didion-amber-melt-line-set","title":"DIDION. Amber Melt Line SET","description":"\u003cp\u003e\u003cspan\u003e\u003cb\u003e Amber Dust Melt Line SET\u003c\/b\u003e\u003cbr\u003e細くも太くも描けるラインで、目元にやわらかな温度感を。溶け込むようになじむアンバーカラーを主役にした、抜け感のある印象的なセットです。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e【セット内容 各１】\u003cbr\u003e\u003ca href=\"\/products\/smooth-color-eyeliner-amber-dust\"\u003eDIDION スムース カラー アイライナー N03 Amber Dust\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e\u003ca href=\"\/products\/eyecolor-duo-before-sunrise\"\u003eDIDION アイカラーデュオ 07 Before Sunrise\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e\u003ca href=\"\/products\/mascara-mellow-morrow\"\u003eDIDION トーンカラーマスカラ F05 Mellow Morrow\u003c\/a\u003e\u003cbr\u003e\u003cbr\u003e\u003ca href=\"\/products\/plumping-lipstick-my\"\u003eDIDION プランピング リップスティック 10 My\u003c\/a\u003e \u003cbr\u003e\u003cbr\u003eスムースカラーアイライナー Amber Dustは、あたたかみのあるアンバーカラー。イエロー系ベージュの07 Before Sunriseを重ねて、ラインとなじむやさしい陰影に。ブラウンのF05でまつげに抜け感を残しながら、そっと印象を引き締めて。マロンブラウンのリップ10で全体をなじませ、やわらかくまとまる表情へ。\u003cbr\u003e\u003cbr\u003e\u003cspan style=\"color: red;\"\u003e※リップはプランピング効果のある商品です。「ご注文前に確認ください」をご覧ください。\u003c\/span\u003e \u003cbr\u003e\u003cbr\u003e\u003cspan\u003e ※こちらのセットはギフトBOX入りではありません。ショッピングバッグは\u003ca href=\"\/products\/shoppingbag\"\u003eこちら\u003c\/a\u003eからお買い求めいただけます。 \u003c\/span\u003e\u003c\/p\u003e\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\/80b6d4c947744b9ebc1f1e201d1b2eba.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/n03_howto.jpg?v=1777613820\"\u003e \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(198, 100, 74, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003eN03 Amber Melt Line SET\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: 0px;\"\u003e\n  \u003cli class=\"color-item\" data-name=\"Neon Groove\" data-color=\"rgba(248, 199, 152, 1)\" data-url=\"\/products\/didion-neon-edge-line-set\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(248, 199, 152, 1) !important;\"\u003e\u003c\/div\u003eN01 Neon Edge Line SET\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Blue Silence\" data-color=\"rgba(156, 137, 142, 1)\" data-url=\"\/products\/didion-blue-air-line-set\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(156, 137, 142, 1) !important;\"\u003e\u003c\/div\u003eN02 Blue Air Line SET\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Amber Dust\" data-color=\"rgba(198, 100, 74, 1)\" data-url=\"\/products\/didion-amber-melt-line-set\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(198, 100, 74, 1) !important;\"\u003e\u003c\/div\u003eN03 Amber Melt Line SET\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\u003c\/p\u003e","brand":"didion","offers":[{"title":"Default Title","offer_id":49638155911408,"sku":"aml_set","price":6237.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/n03_set.jpg?v=1777610730","url":"https:\/\/didion-beauty.com\/products\/didion-amber-melt-line-set","provider":"DIDION","version":"1.0","type":"link"}