{"title":"Ribbon Accessories","description":"","products":[{"product_id":"accessories-dora-black","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_black \/ One size","offer_id":44286904238336,"sku":"shcaracc2201200003001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1643339046-f66cade5-4197-4e24-a0fe-ce15fd3c8cd8.jpg?v=1729138873"},{"product_id":"accessories-dora-ivory","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_Ivory \/ One size","offer_id":44286903976192,"sku":"shcaracc2201200002001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1643339052-aa78641a-139f-42eb-92e0-4517940565f6.jpg?v=1729138879"},{"product_id":"accessories-dora-red","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_red \/ One size","offer_id":44286903288064,"sku":"shcaracc2203110002001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1650801423-857667a3-1c21-4aef-8355-da9853da2877.jpg?v=1729138885"},{"product_id":"accessories-dora-almond","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_almond \/ One size","offer_id":44286902698240,"sku":"shcaracc2303090003001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1_27c7bacf-b03b-4a0f-b246-112e6c7f21d0-384339.jpg?v=1730959195"},{"product_id":"accessories-dora-green","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_green \/ One size","offer_id":44286902665472,"sku":"shcaracc2204280001001","price":1850.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1654760112-cc2840e3-ce60-4c4c-91f4-bb0c3ec50d47.jpg?v=1729138892"},{"product_id":"accessories-dora-denimblue","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_dark blue \/ One size","offer_id":44286902632704,"sku":"shcaracc2302130005001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1682664411-ee5c5914-c142-446c-a29c-6ea883ac6228-452618.jpg?v=1730959196"},{"product_id":"accessories-eve-ivory","title":"[Eve] Shoe Clip","description":"\u003cp\u003eVIVAIA｜Step into Conscious Comfort.\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"eve_ivory \/ One size","offer_id":44286898372864,"sku":"shcaracc2203010018001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658741789-4df83849-1572-40b5-8c1c-8fe6c015d53d.jpg?v=1729139081"},{"product_id":"accessories-eve-gray","title":"[Eve] Shoe Clip","description":"\u003cp\u003eVIVAIA｜Step into Conscious Comfort.\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"eve_gray \/ One size","offer_id":44286898274560,"sku":"shcaracc2203010021001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658741157-7db02dba-68fd-4cfd-80d7-fb636dbb38ae.jpg?v=1729139084"},{"product_id":"accessories-eve-blackwhite","title":"[Eve] Shoe Clip","description":"\u003cp\u003eVIVAIA｜Step into Conscious Comfort.\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"eve_black ivory \/ One size","offer_id":44286898209024,"sku":"shcaracc2203010017001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658741964-bd346f90-e387-4f7c-9c30-ba4753bd7dcf.jpg?v=1729139086"},{"product_id":"accessories-addie-blackgold","title":"[Addie] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n      font-family: \"Noto Sans Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n      font-family: \"Noto Serif Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n      font-weight: 300;\n      font-display: swap;\n      font-family: \"Noto Sans Japanese\";\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    .container {\n      width: 100%;\n      padding-bottom: 4.1666667vw;\n    }\n  .container .new_desc{\n    font-family: Noto Sans Japanese;\n          font-size: 1.0416667vw;\n         \n          line-height: 1.25vw;\n      left: 8.8541667vw;\n      top: 20.625vw;\n          position: absolute;\n         \n  }\n    .container .show-big {\n      display: block;\n    }\n    .container .show-m{\n      display: none;\n    }\n    .container .desc {\n      font-family: Noto Sans Japanese;\n      font-size: 0.8333333vw;\n      font-weight: 300;\n      line-height: 1.25vw;\n      margin-bottom: 2.0833333vw;\n      margin-top: 0.3125vw;\n\n    }\n\n    .m-4 {\n      margin-top: 4.1666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n      top: 17.1875vw;\n      left: 15.625vw;\n    }\n\n    .scroll-list {\n       height: 25vw;\n      \/* padding-bottom: 40px; *\/\n      \/* margin-bottom: 40px; *\/\n     \n    }\n\n    .scroll-list::-webkit-scrollbar {\n      display: none;\n    }\n\n    .line-scrollbar {\n      width: 100%;\n      \/* height: 4px; *\/\n      margin-top: 0px !important;\n      overflow-x: scroll;\n\n    }\n\n   \n\n\n   \n    .pc_scroll_height_div {\n      width: 100%;\n      height: 4.1666667vw;\n      padding-top: 2.0833333vw;\n      background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n      padding-top: 80px;\n    }\n\n\n\n    .container .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .container .space-w-m-t-b {\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .container .common-title {\n      font-family: Noto Serif Japanese;\n      font-size: 1.563vw;\n      line-height: 2.083vw;\n    }\n\n    .container .common-img {\n      width: 100%;\n      \n    }\n\n    .container ::-webkit-scrollbar {\n      height: 4px;\n    }\n\n    .container ::-webkit-scrollbar-button {\n      background-color: transparent;\n    }\n\n    .container ::-webkit-scrollbar-track {\n      background-color: #d9d9d9;\n      border-radius: 0.521vw;\n    }\n\n    .container ::-webkit-scrollbar-thumb {\n      background-color: #191817;\n      border-radius: 0.521vw;\n    }\n\n    .container .scroll-list {\n      display: flex;\n      overflow-x: scroll;\n      overflow-y: hidden;\n      width: 100%;\n      padding-bottom: 2.083vw;\n      padding-left: 15.625vw;\n      padding-right: 15.625vw;\n      box-sizing: border-box;\n    }\n\n    .container .scroll-item {\n      width: 23.438vw;\n      margin-left: 2.083vw;\n    \n     \n      flex-shrink: 0;\n      \/* background-color: #ffffff; *\/\n    }\n\n    .container .scroll-item-first {\n      margin-left: 0;\n    }\n\n    .container img {\n      display: block;\n    }\n\n    .title {\n      width: 100%;\n\n      font-size: 1.563vw;\n      font-weight: 400;\n      line-height: 2.083vw;\n      font-family: Noto Serif Japanese;\n\n    }\n\n\n\n    .space-w {\n      width: 68.75vw;\n      margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n      .container .new_desc{\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 400;\nline-height: 6.4vw;\ntop: 68.2666667vw;\nleft: 27.7333333vw;\n\n         \n  }\n      .container{\n        padding-bottom: 12.8vw;\n      }\n      .container .desc {\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 300;\nline-height: 4.8vw;\nletter-spacing: 0px;\ntext-align: left;\n\n      margin-bottom: 5.3333333vw;\n      margin-top: 1.0666667vw;\n\n    }\n\n    .m-4 {\n      margin-top: 10.6666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n     top: 119.4666667vw;\n      left: 5.3333333vw;\n    }\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 48px;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n.container .show-m{\n  display: block;\n}\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        padding-bottom: 0;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 12.8vw;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        height: 100%;\n        padding-bottom: 12.8vw;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .padding-common {\n        \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n        box-sizing: border-box;\n      }\n\n      .title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n        text-align: left;\n        font-weight: 400;\n        \/* max-width: 78.125vw; *\/\n        padding-bottom: 0;\n      }\n\n      .banner-bottom-common-title {\n        margin-bottom: 0;\n\n      }\n\n    \n\n      .banner-bottom-common {\n        position: relative;\n        margin-bottom: 12.8vw;\n        width: 100%;\n      }\n\n      .m-4 {\n        margin: 0;\n\n      }\n    }\n  \u003c\/style\u003e  \u003cdiv class=\"container\"\u003e  \u003c!-- 1 --\u003e  \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative;\"\u003e  \u003cdiv class=\"p_b\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms - Ribbon\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eEasy to put on and take off, gentle on the skin, and difficult to fall off, made from sustainable materials\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e  \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%206421-PC.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e  \u003c\/div\u003e  \u003c!-- 2 --\u003e  \u003cdiv class=\"banner-bottom-common space-w\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY your own style of shoes!\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eWith one pair of shoe charms, you can enjoy three different styles. Bring out your infinite charm and unleash a new you.\u003c\/div\u003e  \u003cdiv class=\"show-big\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003cdiv class=\"show-m\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 3 --\u003e  \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\"\u003e  \u003cdiv class=\"common-text-area space-w-style\"\u003e  \u003cdiv class=\"common-title\"\u003eMatching reference\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-list\"\u003e  \u003cdiv class=\"scroll-item scroll-item-first\" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202058.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Adyna\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6057\/Rectangle%202058-2-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Dora\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6063\/Rectangle%202058-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Elina\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Droa\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6061\/Rectangle%202058-4-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Clara\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Addie\u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"pc_scroll_height_div\"\u003e  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e  \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll('.scroll-list .scroll-item')\n    let scroll_items_sum_width = 0\n    scroll_items.forEach((item, index) =\u003e {\n      if (index === 0) {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width))\n\n\n      } else {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width)) + (Math.round(parseFloat(getComputedStyle(item).marginLeft)))\n\n      }\n    })\n    scroll_items_sum_width = scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft)\n\n    const scollList_width = document.querySelector('.scroll-list').clientWidth\n\n    document.querySelector('.line-scrollbar .content').style.width = (scroll_items_sum_width \/ scollList_width.toFixed(2) * 100) + '%'\n\n    document.querySelector('.line-scrollbar').addEventListener('scroll', e =\u003e handleEvent1(e), false)\n\n    document.querySelector('.scroll-list').addEventListener('scroll', e =\u003e handleEvent2(e), false)\n\n    let slide_switch = 0\n    let timerId\n\n    function debounce () {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n      timerId = setTimeout(() =\u003e {\n        slide_switch = 0\n      }, 300)\n\n    }\n\n    function handleEvent1 (e) {\n      if (slide_switch === 2) return\n      slide_switch = 1\n      const line_width = parseInt(getComputedStyle(document.querySelector('.line-scrollbar .content')).width)\n      console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width)\n      console.log(document.querySelector('.scroll-list'))\n\n\n      document.querySelector('.scroll-list').scrollLeft = parseInt(scroll_items_sum_width * (e.target.scrollLeft \/ line_width))\n      debounce()\n    }\n    function handleEvent2 (e) {\n      if (slide_switch === 1) return\n      slide_switch = 2\n      const rate = e.target.scrollLeft \/ scroll_items_sum_width\n      console.log(document.querySelector('.scroll-list').scrollLeft, scroll_items_sum_width)\n\n\n      const bar = document.querySelector('.line-scrollbar')\n\n      bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2)\n      debounce()\n    }\n  \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"addie_Black Gold \/ One size","offer_id":44286881923328,"sku":"shcaracc2203010006001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658736138-6f983851-9232-4dac-9772-3a877565facf.jpg?v=1729139284"},{"product_id":"accessories-addie-black","title":"[Addie] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n      font-family: \"Noto Sans Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n      font-family: \"Noto Serif Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n      font-weight: 300;\n      font-display: swap;\n      font-family: \"Noto Sans Japanese\";\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    .container {\n      width: 100%;\n      padding-bottom: 4.1666667vw;\n    }\n  .container .new_desc{\n    font-family: Noto Sans Japanese;\n          font-size: 1.0416667vw;\n         \n          line-height: 1.25vw;\n      left: 8.8541667vw;\n      top: 20.625vw;\n          position: absolute;\n         \n  }\n    .container .show-big {\n      display: block;\n    }\n    .container .show-m{\n      display: none;\n    }\n    .container .desc {\n      font-family: Noto Sans Japanese;\n      font-size: 0.8333333vw;\n      font-weight: 300;\n      line-height: 1.25vw;\n      margin-bottom: 2.0833333vw;\n      margin-top: 0.3125vw;\n\n    }\n\n    .m-4 {\n      margin-top: 4.1666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n      top: 17.1875vw;\n      left: 15.625vw;\n    }\n\n    .scroll-list {\n       height: 25vw;\n      \/* padding-bottom: 40px; *\/\n      \/* margin-bottom: 40px; *\/\n     \n    }\n\n    .scroll-list::-webkit-scrollbar {\n      display: none;\n    }\n\n    .line-scrollbar {\n      width: 100%;\n      \/* height: 4px; *\/\n      margin-top: 0px !important;\n      overflow-x: scroll;\n\n    }\n\n   \n\n\n   \n    .pc_scroll_height_div {\n      width: 100%;\n      height: 4.1666667vw;\n      padding-top: 2.0833333vw;\n      background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n      padding-top: 80px;\n    }\n\n\n\n    .container .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .container .space-w-m-t-b {\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .container .common-title {\n      font-family: Noto Serif Japanese;\n      font-size: 1.563vw;\n      line-height: 2.083vw;\n    }\n\n    .container .common-img {\n      width: 100%;\n      \n    }\n\n    .container ::-webkit-scrollbar {\n      height: 4px;\n    }\n\n    .container ::-webkit-scrollbar-button {\n      background-color: transparent;\n    }\n\n    .container ::-webkit-scrollbar-track {\n      background-color: #d9d9d9;\n      border-radius: 0.521vw;\n    }\n\n    .container ::-webkit-scrollbar-thumb {\n      background-color: #191817;\n      border-radius: 0.521vw;\n    }\n\n    .container .scroll-list {\n      display: flex;\n      overflow-x: scroll;\n      overflow-y: hidden;\n      width: 100%;\n      padding-bottom: 2.083vw;\n      padding-left: 15.625vw;\n      padding-right: 15.625vw;\n      box-sizing: border-box;\n    }\n\n    .container .scroll-item {\n      width: 23.438vw;\n      margin-left: 2.083vw;\n    \n     \n      flex-shrink: 0;\n      \/* background-color: #ffffff; *\/\n    }\n\n    .container .scroll-item-first {\n      margin-left: 0;\n    }\n\n    .container img {\n      display: block;\n    }\n\n    .title {\n      width: 100%;\n\n      font-size: 1.563vw;\n      font-weight: 400;\n      line-height: 2.083vw;\n      font-family: Noto Serif Japanese;\n\n    }\n\n\n\n    .space-w {\n      width: 68.75vw;\n      margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n      .container .new_desc{\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 400;\nline-height: 6.4vw;\ntop: 68.2666667vw;\nleft: 27.7333333vw;\n\n         \n  }\n      .container{\n        padding-bottom: 12.8vw;\n      }\n      .container .desc {\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 300;\nline-height: 4.8vw;\nletter-spacing: 0px;\ntext-align: left;\n\n      margin-bottom: 5.3333333vw;\n      margin-top: 1.0666667vw;\n\n    }\n\n    .m-4 {\n      margin-top: 10.6666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n     top: 119.4666667vw;\n      left: 5.3333333vw;\n    }\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 48px;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n.container .show-m{\n  display: block;\n}\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        padding-bottom: 0;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 12.8vw;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        height: 100%;\n        padding-bottom: 12.8vw;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .padding-common {\n        \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n        box-sizing: border-box;\n      }\n\n      .title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n        text-align: left;\n        font-weight: 400;\n        \/* max-width: 78.125vw; *\/\n        padding-bottom: 0;\n      }\n\n      .banner-bottom-common-title {\n        margin-bottom: 0;\n\n      }\n\n    \n\n      .banner-bottom-common {\n        position: relative;\n        margin-bottom: 12.8vw;\n        width: 100%;\n      }\n\n      .m-4 {\n        margin: 0;\n\n      }\n    }\n  \u003c\/style\u003e  \u003cdiv class=\"container\"\u003e  \u003c!-- 1 --\u003e  \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative;\"\u003e  \u003cdiv class=\"p_b\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms - Ribbon\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eEasy to put on and take off, gentle on the skin, and difficult to fall off, made from sustainable materials\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e  \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%206421-PC.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e  \u003c\/div\u003e  \u003c!-- 2 --\u003e  \u003cdiv class=\"banner-bottom-common space-w\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY your own style of shoes!\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eWith one pair of shoe charms, you can enjoy three different styles. Bring out your infinite charm and unleash a new you.\u003c\/div\u003e  \u003cdiv class=\"show-big\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003cdiv class=\"show-m\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 3 --\u003e  \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\"\u003e  \u003cdiv class=\"common-text-area space-w-style\"\u003e  \u003cdiv class=\"common-title\"\u003eMatching reference\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-list\"\u003e  \u003cdiv class=\"scroll-item scroll-item-first\" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202058.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Adyna\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6057\/Rectangle%202058-2-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Dora\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6063\/Rectangle%202058-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Elina\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Droa\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6061\/Rectangle%202058-4-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Clara\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Addie\u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"pc_scroll_height_div\"\u003e  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e  \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll('.scroll-list .scroll-item')\n    let scroll_items_sum_width = 0\n    scroll_items.forEach((item, index) =\u003e {\n      if (index === 0) {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width))\n\n\n      } else {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width)) + (Math.round(parseFloat(getComputedStyle(item).marginLeft)))\n\n      }\n    })\n    scroll_items_sum_width = scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft)\n\n    const scollList_width = document.querySelector('.scroll-list').clientWidth\n\n    document.querySelector('.line-scrollbar .content').style.width = (scroll_items_sum_width \/ scollList_width.toFixed(2) * 100) + '%'\n\n    document.querySelector('.line-scrollbar').addEventListener('scroll', e =\u003e handleEvent1(e), false)\n\n    document.querySelector('.scroll-list').addEventListener('scroll', e =\u003e handleEvent2(e), false)\n\n    let slide_switch = 0\n    let timerId\n\n    function debounce () {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n      timerId = setTimeout(() =\u003e {\n        slide_switch = 0\n      }, 300)\n\n    }\n\n    function handleEvent1 (e) {\n      if (slide_switch === 2) return\n      slide_switch = 1\n      const line_width = parseInt(getComputedStyle(document.querySelector('.line-scrollbar .content')).width)\n      console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width)\n      console.log(document.querySelector('.scroll-list'))\n\n\n      document.querySelector('.scroll-list').scrollLeft = parseInt(scroll_items_sum_width * (e.target.scrollLeft \/ line_width))\n      debounce()\n    }\n    function handleEvent2 (e) {\n      if (slide_switch === 1) return\n      slide_switch = 2\n      const rate = e.target.scrollLeft \/ scroll_items_sum_width\n      console.log(document.querySelector('.scroll-list').scrollLeft, scroll_items_sum_width)\n\n\n      const bar = document.querySelector('.line-scrollbar')\n\n      bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2)\n      debounce()\n    }\n  \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"addie_black \/ One size","offer_id":44286881661184,"sku":"shcaracc2203020001001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658740730-e289c008-ca8a-4ea7-a0e3-a565bc1d90f7.jpg?v=1729139288"},{"product_id":"accessories-addie-check","title":"[Addie] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n      font-family: \"Noto Sans Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n      font-family: \"Noto Serif Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n      font-weight: 300;\n      font-display: swap;\n      font-family: \"Noto Sans Japanese\";\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    .container {\n      width: 100%;\n      padding-bottom: 4.1666667vw;\n    }\n  .container .new_desc{\n    font-family: Noto Sans Japanese;\n          font-size: 1.0416667vw;\n         \n          line-height: 1.25vw;\n      left: 8.8541667vw;\n      top: 20.625vw;\n          position: absolute;\n         \n  }\n    .container .show-big {\n      display: block;\n    }\n    .container .show-m{\n      display: none;\n    }\n    .container .desc {\n      font-family: Noto Sans Japanese;\n      font-size: 0.8333333vw;\n      font-weight: 300;\n      line-height: 1.25vw;\n      margin-bottom: 2.0833333vw;\n      margin-top: 0.3125vw;\n\n    }\n\n    .m-4 {\n      margin-top: 4.1666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n      top: 17.1875vw;\n      left: 15.625vw;\n    }\n\n    .scroll-list {\n       height: 25vw;\n      \/* padding-bottom: 40px; *\/\n      \/* margin-bottom: 40px; *\/\n     \n    }\n\n    .scroll-list::-webkit-scrollbar {\n      display: none;\n    }\n\n    .line-scrollbar {\n      width: 100%;\n      \/* height: 4px; *\/\n      margin-top: 0px !important;\n      overflow-x: scroll;\n\n    }\n\n   \n\n\n   \n    .pc_scroll_height_div {\n      width: 100%;\n      height: 4.1666667vw;\n      padding-top: 2.0833333vw;\n      background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n      padding-top: 80px;\n    }\n\n\n\n    .container .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .container .space-w-m-t-b {\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .container .common-title {\n      font-family: Noto Serif Japanese;\n      font-size: 1.563vw;\n      line-height: 2.083vw;\n    }\n\n    .container .common-img {\n      width: 100%;\n      \n    }\n\n    .container ::-webkit-scrollbar {\n      height: 4px;\n    }\n\n    .container ::-webkit-scrollbar-button {\n      background-color: transparent;\n    }\n\n    .container ::-webkit-scrollbar-track {\n      background-color: #d9d9d9;\n      border-radius: 0.521vw;\n    }\n\n    .container ::-webkit-scrollbar-thumb {\n      background-color: #191817;\n      border-radius: 0.521vw;\n    }\n\n    .container .scroll-list {\n      display: flex;\n      overflow-x: scroll;\n      overflow-y: hidden;\n      width: 100%;\n      padding-bottom: 2.083vw;\n      padding-left: 15.625vw;\n      padding-right: 15.625vw;\n      box-sizing: border-box;\n    }\n\n    .container .scroll-item {\n      width: 23.438vw;\n      margin-left: 2.083vw;\n    \n     \n      flex-shrink: 0;\n      \/* background-color: #ffffff; *\/\n    }\n\n    .container .scroll-item-first {\n      margin-left: 0;\n    }\n\n    .container img {\n      display: block;\n    }\n\n    .title {\n      width: 100%;\n\n      font-size: 1.563vw;\n      font-weight: 400;\n      line-height: 2.083vw;\n      font-family: Noto Serif Japanese;\n\n    }\n\n\n\n    .space-w {\n      width: 68.75vw;\n      margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n      .container .new_desc{\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 400;\nline-height: 6.4vw;\ntop: 68.2666667vw;\nleft: 27.7333333vw;\n\n         \n  }\n      .container{\n        padding-bottom: 12.8vw;\n      }\n      .container .desc {\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 300;\nline-height: 4.8vw;\nletter-spacing: 0px;\ntext-align: left;\n\n      margin-bottom: 5.3333333vw;\n      margin-top: 1.0666667vw;\n\n    }\n\n    .m-4 {\n      margin-top: 10.6666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n     top: 119.4666667vw;\n      left: 5.3333333vw;\n    }\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 48px;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n.container .show-m{\n  display: block;\n}\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        padding-bottom: 0;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 12.8vw;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        height: 100%;\n        padding-bottom: 12.8vw;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .padding-common {\n        \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n        box-sizing: border-box;\n      }\n\n      .title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n        text-align: left;\n        font-weight: 400;\n        \/* max-width: 78.125vw; *\/\n        padding-bottom: 0;\n      }\n\n      .banner-bottom-common-title {\n        margin-bottom: 0;\n\n      }\n\n    \n\n      .banner-bottom-common {\n        position: relative;\n        margin-bottom: 12.8vw;\n        width: 100%;\n      }\n\n      .m-4 {\n        margin: 0;\n\n      }\n    }\n  \u003c\/style\u003e  \u003cdiv class=\"container\"\u003e  \u003c!-- 1 --\u003e  \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative;\"\u003e  \u003cdiv class=\"p_b\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms - Ribbon\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eEasy to put on and take off, gentle on the skin, and difficult to fall off, made from sustainable materials\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e  \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%206421-PC.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e  \u003c\/div\u003e  \u003c!-- 2 --\u003e  \u003cdiv class=\"banner-bottom-common space-w\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY your own style of shoes!\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eWith one pair of shoe charms, you can enjoy three different styles. Bring out your infinite charm and unleash a new you.\u003c\/div\u003e  \u003cdiv class=\"show-big\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003cdiv class=\"show-m\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 3 --\u003e  \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\"\u003e  \u003cdiv class=\"common-text-area space-w-style\"\u003e  \u003cdiv class=\"common-title\"\u003eMatching reference\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-list\"\u003e  \u003cdiv class=\"scroll-item scroll-item-first\" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202058.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Adyna\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6057\/Rectangle%202058-2-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Dora\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6063\/Rectangle%202058-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Elina\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Droa\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6061\/Rectangle%202058-4-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Clara\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Addie\u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"pc_scroll_height_div\"\u003e  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e  \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll('.scroll-list .scroll-item')\n    let scroll_items_sum_width = 0\n    scroll_items.forEach((item, index) =\u003e {\n      if (index === 0) {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width))\n\n\n      } else {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width)) + (Math.round(parseFloat(getComputedStyle(item).marginLeft)))\n\n      }\n    })\n    scroll_items_sum_width = scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft)\n\n    const scollList_width = document.querySelector('.scroll-list').clientWidth\n\n    document.querySelector('.line-scrollbar .content').style.width = (scroll_items_sum_width \/ scollList_width.toFixed(2) * 100) + '%'\n\n    document.querySelector('.line-scrollbar').addEventListener('scroll', e =\u003e handleEvent1(e), false)\n\n    document.querySelector('.scroll-list').addEventListener('scroll', e =\u003e handleEvent2(e), false)\n\n    let slide_switch = 0\n    let timerId\n\n    function debounce () {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n      timerId = setTimeout(() =\u003e {\n        slide_switch = 0\n      }, 300)\n\n    }\n\n    function handleEvent1 (e) {\n      if (slide_switch === 2) return\n      slide_switch = 1\n      const line_width = parseInt(getComputedStyle(document.querySelector('.line-scrollbar .content')).width)\n      console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width)\n      console.log(document.querySelector('.scroll-list'))\n\n\n      document.querySelector('.scroll-list').scrollLeft = parseInt(scroll_items_sum_width * (e.target.scrollLeft \/ line_width))\n      debounce()\n    }\n    function handleEvent2 (e) {\n      if (slide_switch === 1) return\n      slide_switch = 2\n      const rate = e.target.scrollLeft \/ scroll_items_sum_width\n      console.log(document.querySelector('.scroll-list').scrollLeft, scroll_items_sum_width)\n\n\n      const bar = document.querySelector('.line-scrollbar')\n\n      bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2)\n      debounce()\n    }\n  \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"addie_check pattern \/ One size","offer_id":44286881267968,"sku":"shcaracc2203010016001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658740616-c6316fcb-8e45-4c98-b854-3ec506a60711.jpg?v=1729139291"},{"product_id":"accessories-addie-ivory","title":"[Addie] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n      font-family: \"Noto Sans Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n      font-family: \"Noto Serif Japanese\";\n      font-display: swap;\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n      font-weight: 300;\n      font-display: swap;\n      font-family: \"Noto Sans Japanese\";\n      src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    .container {\n      width: 100%;\n      padding-bottom: 4.1666667vw;\n    }\n  .container .new_desc{\n    font-family: Noto Sans Japanese;\n          font-size: 1.0416667vw;\n         \n          line-height: 1.25vw;\n      left: 8.8541667vw;\n      top: 20.625vw;\n          position: absolute;\n         \n  }\n    .container .show-big {\n      display: block;\n    }\n    .container .show-m{\n      display: none;\n    }\n    .container .desc {\n      font-family: Noto Sans Japanese;\n      font-size: 0.8333333vw;\n      font-weight: 300;\n      line-height: 1.25vw;\n      margin-bottom: 2.0833333vw;\n      margin-top: 0.3125vw;\n\n    }\n\n    .m-4 {\n      margin-top: 4.1666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n      top: 17.1875vw;\n      left: 15.625vw;\n    }\n\n    .scroll-list {\n       height: 25vw;\n      \/* padding-bottom: 40px; *\/\n      \/* margin-bottom: 40px; *\/\n     \n    }\n\n    .scroll-list::-webkit-scrollbar {\n      display: none;\n    }\n\n    .line-scrollbar {\n      width: 100%;\n      \/* height: 4px; *\/\n      margin-top: 0px !important;\n      overflow-x: scroll;\n\n    }\n\n   \n\n\n   \n    .pc_scroll_height_div {\n      width: 100%;\n      height: 4.1666667vw;\n      padding-top: 2.0833333vw;\n      background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n      padding-top: 80px;\n    }\n\n\n\n    .container .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .container .space-w-m-t-b {\n      margin-top: 4.167vw;\n      margin-bottom: 4.167vw;\n    }\n\n    .container .common-text-area {\n      margin-bottom: 2.083vw;\n    }\n\n    .container .common-title {\n      font-family: Noto Serif Japanese;\n      font-size: 1.563vw;\n      line-height: 2.083vw;\n    }\n\n    .container .common-img {\n      width: 100%;\n      \n    }\n\n    .container ::-webkit-scrollbar {\n      height: 4px;\n    }\n\n    .container ::-webkit-scrollbar-button {\n      background-color: transparent;\n    }\n\n    .container ::-webkit-scrollbar-track {\n      background-color: #d9d9d9;\n      border-radius: 0.521vw;\n    }\n\n    .container ::-webkit-scrollbar-thumb {\n      background-color: #191817;\n      border-radius: 0.521vw;\n    }\n\n    .container .scroll-list {\n      display: flex;\n      overflow-x: scroll;\n      overflow-y: hidden;\n      width: 100%;\n      padding-bottom: 2.083vw;\n      padding-left: 15.625vw;\n      padding-right: 15.625vw;\n      box-sizing: border-box;\n    }\n\n    .container .scroll-item {\n      width: 23.438vw;\n      margin-left: 2.083vw;\n    \n     \n      flex-shrink: 0;\n      \/* background-color: #ffffff; *\/\n    }\n\n    .container .scroll-item-first {\n      margin-left: 0;\n    }\n\n    .container img {\n      display: block;\n    }\n\n    .title {\n      width: 100%;\n\n      font-size: 1.563vw;\n      font-weight: 400;\n      line-height: 2.083vw;\n      font-family: Noto Serif Japanese;\n\n    }\n\n\n\n    .space-w {\n      width: 68.75vw;\n      margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n      .container .new_desc{\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 400;\nline-height: 6.4vw;\ntop: 68.2666667vw;\nleft: 27.7333333vw;\n\n         \n  }\n      .container{\n        padding-bottom: 12.8vw;\n      }\n      .container .desc {\n        font-family: Noto Sans Japanese;\nfont-size: 3.7333333vw;\nfont-weight: 300;\nline-height: 4.8vw;\nletter-spacing: 0px;\ntext-align: left;\n\n      margin-bottom: 5.3333333vw;\n      margin-top: 1.0666667vw;\n\n    }\n\n    .m-4 {\n      margin-top: 10.6666667vw;\n\n    }\n\n    .p_b {\n      position: absolute;\n     top: 119.4666667vw;\n      left: 5.3333333vw;\n    }\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 48px;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n.container .show-m{\n  display: block;\n}\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        padding-bottom: 0;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 12.8vw;\n      }\n\n      .container .show-big {\n        display: none;\n      }\n\n      .container .space-w {\n        width: 89.333vw;\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .space-w-style {\n        width: 89.333vw;\n      }\n\n      .container .space-w-m-t-b {\n        margin-top: 12.8vw;\n        margin-bottom: 12.8vw;\n      }\n\n      .container .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .container .common-title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n      }\n\n      .container .scroll-list {\n        height: 100%;\n        padding-bottom: 12.8vw;\n        padding-left: 5.333vw;\n        padding-right: 5.333vw;\n      }\n\n      .container .scroll-item {\n        width: 76.267vw;\n        margin-left: 5.333vw;\n      }\n\n      .container .scroll-item-first {\n        margin-left: 0;\n      }\n\n\n\n      .pc_scroll_height_div {\n        display: none\n      }\n\n      .padding-common {\n        \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n        box-sizing: border-box;\n      }\n\n      .title {\n        font-size: 6.4vw;\n        line-height: 8.533vw;\n        text-align: left;\n        font-weight: 400;\n        \/* max-width: 78.125vw; *\/\n        padding-bottom: 0;\n      }\n\n      .banner-bottom-common-title {\n        margin-bottom: 0;\n\n      }\n\n    \n\n      .banner-bottom-common {\n        position: relative;\n        margin-bottom: 12.8vw;\n        width: 100%;\n      }\n\n      .m-4 {\n        margin: 0;\n\n      }\n    }\n  \u003c\/style\u003e  \u003cdiv class=\"container\"\u003e  \u003c!-- 1 --\u003e  \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative;\"\u003e  \u003cdiv class=\"p_b\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms - Ribbon\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eEasy to put on and take off, gentle on the skin, and difficult to fall off, made from sustainable materials\u003c\/div\u003e  \u003c\/div\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e  \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%206421-PC.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e  \u003c\/div\u003e  \u003c!-- 2 --\u003e  \u003cdiv class=\"banner-bottom-common space-w\"\u003e  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY your own style of shoes!\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003eWith one pair of shoe charms, you can enjoy three different styles. Bring out your infinite charm and unleash a new you.\u003c\/div\u003e  \u003cdiv class=\"show-big\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003cdiv class=\"show-m\"\u003e\u003cvideo style=\"display: block;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 3 --\u003e  \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\"\u003e  \u003cdiv class=\"common-text-area space-w-style\"\u003e  \u003cdiv class=\"common-title\"\u003eMatching reference\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-list\"\u003e  \u003cdiv class=\"scroll-item scroll-item-first\" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202058.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Adyna\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6057\/Rectangle%202058-2-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Dora\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6063\/Rectangle%202058-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Elina\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-1-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Droa\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6061\/Rectangle%202058-4-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Clara\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"scroll-item \" style=\"position: relative;\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-4-M.jpg\" alt=\"\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"new_desc\"\u003eRibbon - Addie\u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"pc_scroll_height_div\"\u003e  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e  \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll('.scroll-list .scroll-item')\n    let scroll_items_sum_width = 0\n    scroll_items.forEach((item, index) =\u003e {\n      if (index === 0) {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width))\n\n\n      } else {\n        scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width)) + (Math.round(parseFloat(getComputedStyle(item).marginLeft)))\n\n      }\n    })\n    scroll_items_sum_width = scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector('.scroll-list')).paddingLeft)\n\n    const scollList_width = document.querySelector('.scroll-list').clientWidth\n\n    document.querySelector('.line-scrollbar .content').style.width = (scroll_items_sum_width \/ scollList_width.toFixed(2) * 100) + '%'\n\n    document.querySelector('.line-scrollbar').addEventListener('scroll', e =\u003e handleEvent1(e), false)\n\n    document.querySelector('.scroll-list').addEventListener('scroll', e =\u003e handleEvent2(e), false)\n\n    let slide_switch = 0\n    let timerId\n\n    function debounce () {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n      timerId = setTimeout(() =\u003e {\n        slide_switch = 0\n      }, 300)\n\n    }\n\n    function handleEvent1 (e) {\n      if (slide_switch === 2) return\n      slide_switch = 1\n      const line_width = parseInt(getComputedStyle(document.querySelector('.line-scrollbar .content')).width)\n      console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width)\n      console.log(document.querySelector('.scroll-list'))\n\n\n      document.querySelector('.scroll-list').scrollLeft = parseInt(scroll_items_sum_width * (e.target.scrollLeft \/ line_width))\n      debounce()\n    }\n    function handleEvent2 (e) {\n      if (slide_switch === 1) return\n      slide_switch = 2\n      const rate = e.target.scrollLeft \/ scroll_items_sum_width\n      console.log(document.querySelector('.scroll-list').scrollLeft, scroll_items_sum_width)\n\n\n      const bar = document.querySelector('.line-scrollbar')\n\n      bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2)\n      debounce()\n    }\n  \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"addie_ivory \/ One size","offer_id":44286869143808,"sku":"shcaracc2203010008001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1658741045-6b791bfb-95bf-4b26-8a21-91a1ce2a044a-996443.jpg?v=1730959069"},{"product_id":"accessories-dora-nutmeg","title":"[Dora] Shoe Clip","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        font-display: swap;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    * {\n        padding: 0;\n        margin: 0;\n    }\n\n    .desc {\n        width: 100%;\n        padding-bottom: 4.1666667vw;\n    }\n    .desc .new_desc {\n        font-size: 1.0416667vw;\n        line-height: 1.25vw;\n        left: 8.8541667vw;\n        font-weight: 600;\n        top: 20.625vw;\n        position: absolute;\n    }\n    .desc .show-big {\n        display: block;\n    }\n    .desc .show-m {\n        display: none;\n    }\n    .desc .desc {\n        font-size: 1.2vw;\n        font-weight: 500;\n        line-height: 1.25vw;\n        margin-bottom: 2.0833333vw;\n        margin-top: 0.3125vw;\n    }\n\n    .m-4 {\n        margin-top: 4.1666667vw;\n    }\n\n    .p_b {\n        position: absolute;\n        top: 17.1875vw;\n        left: 15.625vw;\n    }\n\n    .scroll-list {\n        height: 25vw;\n        \/* padding-bottom: 40px; *\/\n        \/* margin-bottom: 40px; *\/\n    }\n\n    .scroll-list::-webkit-scrollbar {\n        display: none;\n    }\n\n    .line-scrollbar {\n        width: 100%;\n        \/* height: 4px; *\/\n        margin-top: 0px !important;\n        overflow-x: scroll;\n    }\n\n    .pc_scroll_height_div {\n        width: 100%;\n        height: 4.1666667vw;\n        padding-top: 2.0833333vw;\n        background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff;\n    }\n\n    .space-w-m-t-b .space-w-style .common-title {\n        padding-top: 80px;\n        font-weight: 600;\n    }\n\n    .desc .space-w {\n        margin: 0 auto;\n        width: 68.75vw;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .space-w-style {\n        margin: 0 auto;\n        width: 68.75vw;\n    }\n\n    .desc .space-w-m-t-b {\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n    }\n\n    .desc .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .desc .common-title {\n        font-size: 1.563vw;\n        line-height: 2.083vw;\n    }\n\n    .desc .common-img {\n        width: 100%;\n    }\n\n    .desc ::-webkit-scrollbar {\n        height: 4px;\n    }\n\n    .desc ::-webkit-scrollbar-button {\n        background-color: transparent;\n    }\n\n    .desc ::-webkit-scrollbar-track {\n        background-color: #d9d9d9;\n        border-radius: 0.521vw;\n    }\n\n    .desc ::-webkit-scrollbar-thumb {\n        background-color: #191817;\n        border-radius: 0.521vw;\n    }\n\n    .desc .scroll-list {\n        display: flex;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        width: 100%;\n        padding-bottom: 2.083vw;\n        padding-left: 15.625vw;\n        padding-right: 15.625vw;\n        box-sizing: border-box;\n    }\n\n    .desc .scroll-item {\n        width: 23.438vw;\n        margin-left: 2.083vw;\n\n        flex-shrink: 0;\n        \/* background-color: #ffffff; *\/\n    }\n\n    .desc .scroll-item-first {\n        margin-left: 0;\n    }\n\n    .desc img {\n        display: block;\n    }\n\n    .title {\n        width: 100%;\n        font-size: 1.563vw;\n        font-weight: 600;\n        line-height: 2.083vw;\n    }\n\n    .space-w {\n        width: 68.75vw;\n        margin: 0 auto 4.167vw;\n    }\n\n    @media screen and (max-width: 768px) {\n        .desc .new_desc {\n            font-size: 3.7333333vw;\n            font-weight: 600;\n            line-height: 6.4vw;\n            top: 68.2666667vw;\n            left: 27.7333333vw;\n        }\n        .desc {\n            padding-bottom: 12.8vw;\n        }\n        .desc .desc {\n            font-size: 3.7333333vw;\n            font-weight: 500;\n            line-height: 4.8vw;\n            letter-spacing: 0px;\n            text-align: left;\n\n            margin-bottom: 5.3333333vw;\n            margin-top: 1.0666667vw;\n        }\n\n        .m-4 {\n            margin-top: 10.6666667vw;\n        }\n\n        .p_b {\n            position: absolute;\n            top: 110vw;\n            left: 5.3333333vw;\n        }\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 48px;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n        .desc .show-m {\n            display: block;\n        }\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            padding-bottom: 0;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .space-w-m-t-b .space-w-style .common-title {\n            padding-top: 12.8vw;\n        }\n\n        .desc .show-big {\n            display: none;\n        }\n\n        .desc .space-w {\n            width: 89.333vw;\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .space-w-style {\n            width: 89.333vw;\n        }\n\n        .desc .space-w-m-t-b {\n            margin-top: 12.8vw;\n            margin-bottom: 12.8vw;\n        }\n\n        .desc .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .desc .common-title {\n            font-size: 6.4vw;\n            line-height: 8.533vw;\n        }\n\n        .desc .scroll-list {\n            height: 100%;\n            padding-bottom: 12.8vw;\n            padding-left: 5.333vw;\n            padding-right: 5.333vw;\n        }\n\n        .desc .scroll-item {\n            width: 76.267vw;\n            margin-left: 5.333vw;\n        }\n\n        .desc .scroll-item-first {\n            margin-left: 0;\n        }\n\n        .pc_scroll_height_div {\n            display: none;\n        }\n\n        .padding-common {\n            \/* padding-left: 5.208vw;\n        padding-right: 5.208vw; *\/\n            box-sizing: border-box;\n        }\n\n        .title {\n            font-size: 6.0vw;\n            line-height: 8.533vw;\n            text-align: left;\n            font-weight: 600;\n            \/* max-width: 78.125vw; *\/\n            padding-bottom: 0;\n        }\n\n        .banner-bottom-common-title {\n            margin-bottom: 0;\n            font-weight: 600;\n        }\n\n        .banner-bottom-common {\n            position: relative;\n            margin-bottom: 12.8vw;\n            width: 100%;\n        }\n\n        .m-4 {\n            margin: 0;\n        }\n    }\n\u003c\/style\u003e  \u003cdiv class=\"desc\"\u003e          \u003c!-- 1 --\u003e          \u003cdiv class=\"banner-bottom-common m-4\" style=\"position: relative\"\u003e                  \u003cdiv class=\"p_b\"\u003e                          \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eDIY Charms – Ribbon\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003eRemovable\/Skin-friendly\/Stays put\/Sustainable materials\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cpicture\u003e                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/Rectangle%202062-M.jpg\" media=\"(max-width: 768px)\"\u003e                          \u003cimg style=\"width: 100%\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/1_6d6a5c1e-b8ee-4e4d-a032-63923ba2b702.png?v=1714718597\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e          \u003c!-- 2 --\u003e          \u003cdiv class=\"banner-bottom-common space-w\"\u003e                  \u003cdiv class=\"title padding-common banner-bottom-common-title\"\u003eMake your own DIY shoes\u003c\/div\u003e                  \u003cdiv class=\"desc\"\u003e1 pair of shoe charms can be combined in 3 different ways Find your own style\u003c\/div\u003e                  \u003cdiv class=\"show-big\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230731-VIVAIA2-2pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"show-m\"\u003e                          \u003cvideo style=\"display: block\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" width=\"100%\"\u003e                                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230801_6065\/20230801-VIVAIA2-2m-.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003c!-- 3 --\u003e          \u003cdiv class=\"full-w space-w-m-t-b\" style=\"margin-bottom: 0px; background: linear-gradient(0deg, #f8f7f5, #f8f7f5), #ffffff\"\u003e                  \u003cdiv class=\"common-text-area space-w-style\"\u003e                          \u003cdiv class=\"common-title\"\u003eCombination Reference\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"scroll-list\"\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-aria5-ivoryblack\" target=\"_blank\" class=\"scroll-item scroll-item-first\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475m.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/2_82891629-45ee-4952-83fc-e9fc06d133e7.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Adyna\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-juliepro-blackbeige?variant=44286874386688\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-5-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/3_963b28de-d5bf-4785-9130-131b6c9e45c1.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Dora\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-margot2-red\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-2-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/4_4024e59a-4867-4a5b-a47e-1d463f08ad35.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Elina\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-melia2-pitaya\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/5_e0528811-58e7-458e-9087-7f6c0673a830.png?v=1714718595\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Droa\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/pumps-melodypro-espresso\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230801_6065\/image%20475-3-M.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6_0e727eeb-77a1-447e-a141-9cc9b8843094.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Cadi\u003c\/div\u003e                          \u003c\/a\u003e                          \u003ca href=\"https:\/\/vivaia.jp\/products\/flats-claire-blue\" target=\"_blank\" class=\"scroll-item\" style=\"position: relative\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" media=\"(max-width:768px)\"\u003e                                          \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/7_fe05c3c0-cbc9-41b7-a9c5-a8e74dad740f.png?v=1714718594\" alt=\"\"\u003e\u003c\/picture\u003e                                  \u003cdiv class=\"new_desc\"\u003eBow - Addie\u003c\/div\u003e                          \u003c\/a\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"pc_scroll_height_div\"\u003e                  \u003cdiv class=\"space-w line-scrollbar show-big\"\u003e                          \u003cdiv class=\"content\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cscript\u003e\n    const scroll_items = document.querySelectorAll(\".scroll-list .scroll-item\");\n    let scroll_items_sum_width = 0;\n    scroll_items.forEach((item, index) =\u003e {\n        if (index === 0) {\n            scroll_items_sum_width += Math.round(parseFloat(getComputedStyle(item).width));\n        } else {\n            scroll_items_sum_width +=\n                Math.round(parseFloat(getComputedStyle(item).width)) +\n                Math.round(parseFloat(getComputedStyle(item).marginLeft));\n        }\n    });\n    scroll_items_sum_width =\n        scroll_items_sum_width + 2 * parseInt(getComputedStyle(document.querySelector(\".scroll-list\")).paddingLeft);\n\n    const scollList_width = document.querySelector(\".scroll-list\").clientWidth;\n\n    document.querySelector(\".line-scrollbar .content\").style.width =\n        (scroll_items_sum_width \/ scollList_width.toFixed(2)) * 100 + \"%\";\n\n    document.querySelector(\".line-scrollbar\").addEventListener(\"scroll\", (e) =\u003e handleEvent1(e), false);\n\n    document.querySelector(\".scroll-list\").addEventListener(\"scroll\", (e) =\u003e handleEvent2(e), false);\n\n    let slide_switch = 0;\n    let timerId;\n\n    function debounce() {\n        if (timerId) {\n            clearTimeout(timerId);\n        }\n        timerId = setTimeout(() =\u003e {\n            slide_switch = 0;\n        }, 300);\n    }\n\n    function handleEvent1(e) {\n        if (slide_switch === 2) return;\n        slide_switch = 1;\n        const line_width = parseInt(getComputedStyle(document.querySelector(\".line-scrollbar .content\")).width);\n        console.log(scroll_items_sum_width, e.target.scrollLeft \/ line_width);\n        console.log(document.querySelector(\".scroll-list\"));\n\n        document.querySelector(\".scroll-list\").scrollLeft = parseInt(\n            scroll_items_sum_width * (e.target.scrollLeft \/ line_width)\n        );\n        debounce();\n    }\n    function handleEvent2(e) {\n        if (slide_switch === 1) return;\n        slide_switch = 2;\n        const rate = e.target.scrollLeft \/ scroll_items_sum_width;\n        console.log(document.querySelector(\".scroll-list\").scrollLeft, scroll_items_sum_width);\n\n        const bar = document.querySelector(\".line-scrollbar\");\n\n        bar.scrollLeft = scroll_items_sum_width * rate.toFixed(2);\n        debounce();\n    }\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"dora_Nutmeg \/ One size","offer_id":45068798853376,"sku":"shcaracc2312130001001","price":1850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1_cd32da9e-f790-4f56-922c-f75d0357203c.jpg?v=1729154096"}],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/cute-accessory.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}