{"product_id":"melty-lipgloss-luster","title":"DIDION メルティ リップグロス . 01 Luster","description":"\u003ca href=\"https:\/\/didion-beauty.com\/blogs\/%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9\/261001-2\" class=\"didion-info-banner\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/bnr_liplayer.jpg?v=1790817310\" alt=\"LIP LAYERING CAMPAIGN\" loading=\"lazy\"\u003e\n\u003cp class=\"didion-info-banner__text\"\u003eMELTY LIP GLOSS＋リップ1点で、どちらも10%OFF 10\/13まで\u003c\/p\u003e\n\u003c\/a\u003e\n\u003cp\u003e\u003cb\u003eMELTY LIP GLOSS\u003c\/b\u003e\u003c\/p\u003e\n\u003cp\u003eもっちりとした濃密なツヤとボリュームが魅力のリップグロスです。\u003c\/p\u003e\n\u003cdiv class=\"didion-color-card\"\u003e\n\u003cp class=\"didion-label\"\u003eCOLOR\u003c\/p\u003e\n\u003cp class=\"didion-color-name\"\u003e01 Luster \/ ラスター\u003c\/p\u003e\n\u003cp\u003e透明なリキッドの中に、微細なラメや偏光パールを贅沢に配合。 光の角度によって表情を変える幻想的なきらめきが、唇にピュアな透明感とグロッシーなツヤ感を与えます。\u003c\/p\u003e\n\u003cp\u003eクリアカラーならではの透け感で、単色使いはもちろん、他のリップに重ねるレイヤードリップにもおすすめ。 唇のニュアンスを変えながら、ガラスのような立体的なツヤを演出します。\u003c\/p\u003e\n\u003c\/div\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 ゲル化したオイルが唇にすっと密着し、厚みのあるツヤ感ともっちりとしたボリューム感を演出。濃密なツヤがありながら、ベタつきを抑えた軽やかなテクスチャーです。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e透明感を重ねるニュアンスチェンジ\u003c\/strong\u003e 微細なラメや偏光パールが光を受けて繊細にきらめき、唇に透明感とうるみ感をプラス。単色でも、手持ちのリップに重ねても使いやすいクリアグロスです。\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e高保湿オイル配合でうるおいをキープ\u003c\/strong\u003e 高保湿オイルを配合。唇の表面にバリア膜を形成して水分の蒸発を防ぎ、乾燥を予防しながら、グロッシーなツヤ感を長時間キープします。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"didion-gloss-colors\"\u003e\n\u003cp class=\"didion-eye-label\"\u003eCOLOR LINEUP\u003c\/p\u003e\n\u003cdiv class=\"didion-gloss-colors__track\"\u003e\n\u003c!-- 01 Luster --\u003e\u003ca href=\"\/en\/products\/melty-lipgloss-luster\" class=\"didion-gloss-color\"\u003e\n\u003cdiv class=\"didion-gloss-color__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/01-Luster_02.jpg?v=1764146603\" alt=\"MELTY LIP GLOSS 01 Luster\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan class=\"didion-gloss-color__number\"\u003e01\u003c\/span\u003e \u003cspan class=\"didion-gloss-color__name\"\u003eLuster\u003c\/span\u003e\u003c\/a\u003e\u003c!-- 02 Honey Roa --\u003e\u003ca href=\"\/en\/products\/melty-lipgloss-honey-roa\" class=\"didion-gloss-color\"\u003e\n\u003cdiv class=\"didion-gloss-color__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/02-Honey-Roa_02.jpg?v=1776047073\" alt=\"MELTY LIP GLOSS 02 Honey Roa\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan class=\"didion-gloss-color__number\"\u003e02\u003c\/span\u003e \u003cspan class=\"didion-gloss-color__name\"\u003eHoney Roa\u003c\/span\u003e\u003c\/a\u003e\u003c!-- 03 Brown Sugar --\u003e\u003ca href=\"\/en\/products\/melty-lipgloss-brown-sugar\" class=\"didion-gloss-color\"\u003e\n\u003cdiv class=\"didion-gloss-color__image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/03-Brown-Sugar02.jpg?v=1774494472\" alt=\"MELTY LIP GLOSS 03 Brown Sugar\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cspan class=\"didion-gloss-color__number\"\u003e03\u003c\/span\u003e \u003cspan class=\"didion-gloss-color__name\"\u003eBrown Sugar\u003c\/span\u003e\u003c\/a\u003e\u003c!-- 04 Deep Allure --\u003e\u003ca href=\"\/en\/products\/melty-lipgloss-deep-allure\" class=\"didion-gloss-color\"\u003e\n\u003cdiv class=\"didion-gloss-color__image\"\u003e\n\u003cspan class=\"didion-gloss-color__new\"\u003eNEW\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/04_Deep_Allure.jpg\" alt=\"MELTY LIP GLOSS 04 Deep Allure\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cspan class=\"didion-gloss-color__number\"\u003e04\u003c\/span\u003e \u003cspan class=\"didion-gloss-color__name\"\u003eDeep Allure\u003c\/span\u003e\u003c\/a\u003e\u003c!-- 05 Apricot Mirage --\u003e\u003ca href=\"\/en\/products\/melty-lipgloss-apricot-mirage\" class=\"didion-gloss-color\"\u003e\n\u003cdiv class=\"didion-gloss-color__image\"\u003e\n\u003cspan class=\"didion-gloss-color__new\"\u003eNEW\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/05_Apricot_Mirage.jpg\" alt=\"MELTY LIP GLOSS 05 Apricot Mirage\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003cspan class=\"didion-gloss-color__number\"\u003e05\u003c\/span\u003e \u003cspan class=\"didion-gloss-color__name\"\u003eApricot Mirage\u003c\/span\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"didion-section didion-layering\"\u003e\n\u003cp class=\"didion-label\"\u003eRECOMMENDED LAYERING\u003c\/p\u003e\n\u003cdiv class=\"didion-layering-item\"\u003e\n\u003cp\u003e\u003cb\u003e with \u003ca href=\"\/en\/products\/plumping-lipstick-dusty-spring\"\u003e PLUMPING LIPSTICK 03 Dusty Spring \u003c\/a\u003e \u003c\/b\u003e \u003cbr\u003eやわらかなピンクベージュに透明感のあるツヤを重ねて、 ピュアで抜け感のある印象に。\u003c\/p\u003e\n\u003cimg class=\"didion-layering-image\" src=\"https:\/\/didion-beauty.com\/cdn\/shop\/files\/lips_product_03_49467217-5192-475f-814f-3009dfc7bb42_713x.jpg?v=1775811077\" alt=\"PLUMPING LIPSTICK 03 Dusty Spring layering\"\u003e\n\u003cdiv class=\"didion-before-after\"\u003e\n\u003cdiv class=\"didion-before-after-item\"\u003e\n\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/didion-beauty.com\/cdn\/shop\/files\/08_lip_pink_52e370d1-2f05-459a-b8e9-bb044cfb6f80_713x.jpg?v=1775811077\" alt=\"Before Dusty Spring\"\u003e\n\u003cp class=\"didion-before-after-label\"\u003eBEFORE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-before-after-item\"\u003e\n\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/after_luster_lip03.png?v=1779547545\" alt=\"After using MELTY LIP GLOSS 01 Luster\"\u003e\n\u003cp class=\"didion-before-after-label\"\u003eAFTER \/ 01 Luster 使用 image\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-layering-item\"\u003e\n\u003cp\u003e\u003cb\u003e with \u003ca href=\"\/en\/products\/plumping-lipstick-classy-skin\"\u003e PLUMPING LIPSTICK 07 Classy Skin \u003c\/a\u003e \u003c\/b\u003e \u003cbr\u003e肌になじむベージュニュアンスにグロッシーな光を足して、 洗練されたツヤリップに。\u003c\/p\u003e\n\u003cimg class=\"didion-layering-image\" src=\"https:\/\/didion-beauty.com\/cdn\/shop\/files\/classy_713x.jpg?v=1776690278\" alt=\"PLUMPING LIPSTICK 07 Classy Skin layering\"\u003e\n\u003cdiv class=\"didion-before-after\"\u003e\n\u003cdiv class=\"didion-before-after-item\"\u003e\n\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/didion-beauty.com\/cdn\/shop\/files\/classy3_713x.jpg?v=1776690278\" alt=\"Before Classy Skin\"\u003e\n\u003cp class=\"didion-before-after-label\"\u003eBEFORE\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-before-after-item\"\u003e\n\u003cimg class=\"didion-before-after-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/after_luster_lip09.png?v=1779547545\" alt=\"After using MELTY LIP GLOSS 01 Luster\"\u003e\n\u003cp class=\"didion-before-after-label\"\u003eAFTER \/ 01 Luster 使用image\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-seo-keyword\"\u003e\n\u003cp class=\"memo-title\"\u003eMAKEUP KEYWORD\u003c\/p\u003e\n\u003cspan\u003e リップグロス \/ 透明グロス \/ クリアグロス \/ ラメグロス \/ グロッシーリップ \/ レイヤードリップ \/ ニュアンスチェンジ \/ 濡れツヤリップ \/ ガラス膜リップ \/ 偏光パール \/ 透け感リップ \/ ツヤ足しリップ \/ 高保湿グロス \/ うるみリップ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-eye-section\"\u003e\n\u003cp class=\"didion-eye-label\"\u003eRECOMMENDED FOR\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e透明感のあるグロッシーリップを楽しみたい方\u003c\/li\u003e\n\u003cli\u003e手持ちのリップにツヤ感やニュアンスを重ねたい方\u003c\/li\u003e\n\u003cli\u003eレイヤードリップに使いやすい透明グロスを探している方\u003c\/li\u003e\n\u003cli\u003eベタつきにくい高保湿リップグロスを使いたい方\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"didion-eye-section didion-eye-faq\"\u003e\n\u003cp class=\"didion-eye-label\"\u003eFAQ\u003c\/p\u003e\n\u003ch4\u003eQ. 単色でも使えますか？\u003c\/h4\u003e\n\u003cp\u003eA. はい。透明感のあるクリアグロスとして単色でもお使いいただけます。 微細なラメや偏光パールが、唇に自然なツヤとうるみ感をプラスします。\u003c\/p\u003e\n\u003ch4\u003eQ. ラメ感は強いですか？\u003c\/h4\u003e\n\u003cp\u003eA. 微細なラメと偏光パールを配合しているため、 派手すぎず、光を受けた時に繊細にきらめく上品な仕上がりです。\u003c\/p\u003e\n\u003ch4\u003eQ. どんな仕上がりになりますか？\u003c\/h4\u003e\n\u003cp\u003eA. 唇に透明感とうるみを重ね、ガラスのようなグロッシーなツヤ感を演出します。 手持ちのリップに重ねることで、色味を活かしながらニュアンスチェンジを楽しめます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* =========================\n DIDION PRODUCT PAGE COMMON\n========================= *\/\n\n.didion-eye-section {\n  margin-top: 40px;\n  padding-top: 18px;\n  border-top: 1px solid #ddd;\n}\n\n.didion-label,\n.didion-eye-label {\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  color: #999;\n  margin-bottom: 14px;\n  font-weight: 400;\n}\n\n\/* =========================\n CARD SECTION \/ Avril寄せ\n========================= *\/\n\n.didion-color-card,\n.didion-section {\n  margin-top: 40px;\n  padding: 22px 20px;\n  background: #f7f6f2;\n  border-top: none;\n}\n\n\/* =========================\n COLOR CARD\n========================= *\/\n\n.didion-color-name{\n  font-size: 14px;\n  line-height: 1.8;\n  color: #222;\n  margin: 0 0 10px;\n  font-weight: 500;\n}\n\n.didion-color-card p{\n  font-size: 13px;\n  line-height: 2;\n  color: #555;\n  margin: 0 0 14px;\n}\n\n.didion-color-card p:last-child{\n  margin-bottom: 0;\n}\n\n\/* =========================\n TEXT\n========================= *\/\n\n.didion-section p,\n.didion-eye-section p {\n  font-size: 13px;\n  line-height: 2;\n  color: #555;\n  margin: 0 0 14px;\n}\n\n.didion-section b,\n.didion-eye-section b {\n  color: #222;\n  font-weight: 500;\n}\n\n\/* =========================\n LIST\n========================= *\/\n\n.didion-section ul,\n.didion-eye-section ul {\n  padding-left: 18px;\n  margin: 0;\n}\n\n.didion-section li,\n.didion-eye-section li {\n  font-size: 13px;\n  line-height: 2;\n  color: #444;\n}\n\n\/* =========================\n POINT\n========================= *\/\n\n.didion-point ul {\n  padding-left: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.didion-point li {\n  font-size: 13px;\n  line-height: 2;\n  color: #444;\n  margin-bottom: 6px;\n}\n\n.didion-point li::before {\n  content: \"✓\";\n  margin-right: 8px;\n  color: #999;\n}\n\n\/* =========================\n POINT \/ LAYERING\n========================= *\/\n\n.didion-point-item {\n  margin-bottom: 18px;\n}\n\n\/* =========================\n RECOMMENDED LAYERING\n========================= *\/\n\n.didion-layering a {\n  color: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.didion-layering-item {\n  margin-bottom: 32px;\n}\n\n.didion-layering-item:last-child {\n  margin-bottom: 0;\n}\n\n.didion-layering-image {\n  width: 100%;\n  max-width: 520px;\n  display: block;\n  margin: 0 auto 14px;\n}\n\n\/* =========================\n FAQ\n========================= *\/\n\n.didion-faq h4,\n.didion-eye-faq h4 {\n  font-size: 13px;\n  font-weight: 500;\n  margin-top: 20px;\n  margin-bottom: 8px;\n  color: #222;\n}\n\n.didion-faq p,\n.didion-eye-faq p {\n  font-size: 13px;\n  line-height: 2;\n  color: #555;\n  margin: 0;\n}\n\n\/* =========================\n MAKEUP KEYWORD\n========================= *\/\n\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.didion-seo-keyword .memo-title,\n.memo-title {\n  font-size: 10px;\n  letter-spacing: 0.12em;\n  margin-bottom: 6px;\n  color: #999;\n}\n  \/* =========================\n POINT \/ Avril style\n========================= *\/\n\n.didion-point ul{\n  padding:0;\n  margin:0;\n  list-style:none;\n}\n\n.didion-point li{\n  position:relative;\n  padding-left:42px;\n  margin-bottom:24px;\n\n  font-size:13px;\n  line-height:2;\n  color:#444;\n}\n\n.didion-point li::before{\n  content:\"✓\";\n\n  position:absolute;\n  left:0;\n  top:4px;\n\n  width:22px;\n  height:22px;\n\n  border-radius:50%;\n\n  background:#0d2240;\n  color:#fff;\n\n  font-size:14px;\n  line-height:22px;\n  text-align:center;\n\n  font-weight:400;\n}\n\n.didion-point li strong{\n  display:block;\n  color:#222;\n  font-size:14px;\n  font-weight:500;\n  margin-bottom:2px;\n}\n\u003c\/style\u003e\n\u003cp style=\"width: 109%; transform: translate(-1.5rem);\"\u003e\u003cvideo style=\"width: 100%;\" loop=\"loop\" playsinline=\"\" muted=\"\" autoplay=\"autoplay\"\u003e\n  \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b82298e7659049be842b3b1b7e602831.mp4\"\u003e\nYour browser does not support our video.\u003c\/source\u003e\u003c\/video\u003e\u003c\/p\u003e\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(221, 214, 216, 1) !important; border: 0px solid #888; margin-right: 8px; display: inline-block !important;\"\u003e\u003c\/div\u003e\n        \u003cspan id=\"selected-color-name\"\u003e01 Luster\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=\"Luster\" data-color=\"rgba(221, 214, 216, 1)\" data-url=\"\/products\/meltylip-gloss-luster\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(221, 214, 216, 1) !important;\"\u003e\u003c\/div\u003e01 Luster\n  \u003c\/li\u003e\n  \u003cli class=\"color-item\" data-name=\"Honey Roa\" data-color=\"rgba(168, 72, 44, 1)\" data-url=\"\/products\/melty-lipgloss-honey-roa\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(168, 72, 44, 1) !important;\"\u003e\u003c\/div\u003e02 Honey Roa\n  \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"Brown Sugar\" data-color=\"rgba(155, 95, 69, 1)\" data-url=\"\/products\/melty-lipgloss-brown-sugar\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(155, 95, 69, 1) !important;\"\u003e\u003c\/div\u003e03 Brown Sugar\n  \u003c\/li\u003e\n\u003cli class=\"color-item\"\n          data-name=\"04 Deep Allure\"\n          data-color=\"rgba(145, 84, 73, 1)\"\n          data-url=\"\/products\/melty-lipgloss-deep-allure\"\u003e\n          \u003cdiv class=\"swatch\" style=\"background-color: rgba(145, 84, 73, 1) !important;\"\u003e\u003c\/div\u003e\n          04 Deep Allure\n        \u003c\/li\u003e\n\n        \u003cli class=\"color-item\"\n          data-name=\"05 Apricot Mirage\"\n          data-color=\"rgba(176, 101, 55, 1)\"\n          data-url=\"\/products\/melty-lipgloss-apricot-mirage\"\u003e\n          \u003cdiv class=\"swatch\" style=\"background-color: rgba(176, 101, 55, 1) !important;\"\u003e\u003c\/div\u003e\n          05 Apricot Mirage\n        \u003c\/li\u003e\n \u003cli class=\"color-item\" data-name=\"MELTY LIP GLOSS IN ART PUZZLE BOX\" data-color=\"rgba(146, 147, 149, 1)\" data-url=\"\/products\/melty-lip-gloss-inbox\"\u003e\n    \u003cdiv class=\"swatch\" style=\"background-color: rgba(146, 147, 149, 1) !important;\"\u003e\u003c\/div\u003e 01\/02\/SPECIAL BOX\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":48339888865520,"sku":"4582723283138","price":1870.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0633\/5437\/2336\/files\/01-Luster_01_a0eec9c8-afce-4af7-8c5b-0ae3b2c128ef.jpg?v=1773641878","url":"https:\/\/didion-beauty.com\/en\/products\/melty-lipgloss-luster","provider":"DIDION","version":"1.0","type":"link"}