{"product_id":"highlight-brush","title":"DIDION .  オリジナルハイライトブラシ","description":"ハイライトをより美しく肌にのせ輝きを引き立てる、オリジナルハイライトブラシです。\n\u003cbr\u003e\n\u003cp\u003e\u003cstrong\u003eDIDION ORIGINAL HIGHLIGHT BLUSH\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e繊細な光をふわりと肌に纏わせるため、適度なコシと柔らかさを両立した設計に。扇形のフォルムが、頬骨・鼻筋・鎖骨などの広い面から細部までフィットし、光を置く位置を直感的にコントロールできます。\n\u003cbr\u003e\u003cbr\u003e\u003cfont color=\"red\"\u003e※両端の毛先の向きにやや乱れが見られる場合がありますが、使用に支障のない範囲として良品の扱いとなります。手でやさしく整えていただくことで、次第に馴染んでお使いいただけます。予めご了承ください。\u003c\/font\u003e\n\u003c\/p\u003e\n\u003ca href=\"https:\/\/didion-beauty.com\/collections\/hight-lighter\" style=\"\n    display:flex;\n    align-items:center;\n    gap:16px;\n    padding:10px;\n    border-radius:20px;\n    background:#ffffff;\n    text-decoration:none;\n    box-shadow:0 6px 20px rgba(0,0,0,0.08);\n  \"\u003e\n  \u003cdiv style=\"flex:0 0 110px;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/highlight2_1250_1.jpg?v=1768186649\" alt=\"VEIL SET\" style=\"\n        display:block;\n        width:100%;\n        height:auto;\n        border-radius:12px;\n      \"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"flex:1 1 auto;\"\u003e\n    \u003ch3 style=\"\n        margin:0 0 6px;\n        font-size:14px;\n        font-weight:300;\n        color:#333;\n      \"\u003e\n選べるハイライター×ブラシの\"Veil SET\"\n    \u003c\/h3\u003e\n    \u003cp style=\"\n        margin:0;\n        font-size:10px;\n        line-height:1.3;\n        color:#555;\n      \"\u003e\n      公式オンラインショップ限定 好評発売中\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/a\u003e\n\n\u003cp\u003e○商品特性\u003cbr\u003e\n\u003c\/p\u003e\u003cp\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\/9433ee09e1f24ebe9160d75e9c8e8962.mp4\" type=\"video\/mp4\"\u003e\nYour browser does not support our video.\u003c\/source\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 id=\"color-selector-container\"\u003e\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  \n  \u003c!-- 選択中のカラー --\u003e\n  \u003cdiv id=\"selected-color\"\u003e\n    \u003cdiv id=\"selected-color-chip\" class=\"swatch\" style=\"background: linear-gradient(to right, rgba(19, 22, 61, 1)  50%, rgba(19, 22, 61, 1) 50%) !important;\"\u003e\u003c\/div\u003e\n    \u003cspan id=\"selected-color-name\"\u003eHighlight Brush\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- カラーリスト --\u003e\n  \u003cul id=\"color-list\"\u003e\n    \u003cli class=\"color-item\" data-name=\"Nude Ray\" data-color=\"rgba(224, 185, 177, 1)\" data-secondary-color=\"rgba(201, 151, 137, 1)\" data-url=\"\/products\/glowtone-nude-ray\"\u003e\n      \u003cdiv class=\"swatch\" style=\"background: linear-gradient(to right, rgba(224, 185, 177, 1) 50%, rgba(201, 151, 137, 1) 50%) !important;\"\u003e\u003c\/div\u003e01 Nude Ray\n    \u003c\/li\u003e\n    \u003cli class=\"color-item\" data-name=\"Silk Glow\" data-color=\"rgba(218, 182, 169,1)\" data-secondary-color=\"rgba(186, 149, 139, 1)\" data-url=\"\/products\/glowtone-silk-glow\"\u003e\n      \u003cdiv class=\"swatch\" style=\"background: linear-gradient(to right, rgba(221, 184, 168, 1) 50%, rgba(186, 149, 139, 1) 50%) !important;\"\u003e\u003c\/div\u003e02 Silk Glow\n\u003c\/li\u003e\n    \u003cli class=\"color-item\" data-name=\"celestial-stone\" data-color=\"rgba(184, 115, 51, 1)\" data-secondary-color=\"rgba(139, 69, 19, 1)\" data-url=\"\/products\/glowtone-celestial-stone\"\u003e\n      \u003cdiv class=\"swatch\" style=\"background: linear-gradient(to right, rgba(238, 177, 145, 1) 50%, rgba(195, 201, 207, 1) 50%) !important;\"\u003e\u003c\/div\u003e03 Celestial Stone\u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"celestial-stone\" data-color=\"rgba(19, 22, 61, 1)\" data-secondary-color=\"rgba(19, 22, 61, 1)\" data-url=\"\/products\/highlight-brush\"\u003e\n      \u003cdiv class=\"swatch\" style=\"background: linear-gradient(to right, rgba(19, 22, 61, 1) 50%, rgba(19, 22, 61, 1) 50%) !important;\"\u003e\u003c\/div\u003eHighlight Brush\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cbr\u003e\n\n      \u003cstyle\u003e\n        \/* カラーアイテムのスタイル *\/\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\/* カラーチップ *\/\n.swatch {\n  width: 20px !important;\n  height: 20px !important;\n  margin-right: 10px !important;\n  display: inline-block !important;\n  background-clip: content-box !important;\n}\n\n\/* 選択中のカラー *\/\n#selected-color {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 8px;\n  border: 1px solid #ccc;\n  border-radius: 0px;\n}\n\n#selected-color:hover {\n  background-color: #f7f7f7;\n}\n\n\/* 選択されたカラーチップ *\/\n#selected-color-chip {\n  width: 25px;\n  height: 25px;\n  border-radius: 0%;\n  border: 0px solid #888;\n  margin-right: 8px;\n  display: inline-block !important;\n}\n\n\/* カラーリスト *\/\n#color-list {\n  display: none;\n  padding: 0;\n  list-style: none;\n  margin-top: 10px;\n  border: 1px solid #ccc;\n  border-radius: 0px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1)\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":48708169761008,"sku":"4582723283183","price":1980.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/brush_01_7ecaf096-60d4-469e-82b2-d5f7e5ce8914.jpg?v=1768801282","url":"https:\/\/didion-beauty.com\/en\/products\/highlight-brush","provider":"DIDION","version":"1.0","type":"link"}