{"title":"sandals-julietpro","description":"\u003cstyle\u003e\n\t@font-face {\n\t\tsrc: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n\t}\n\n\t@font-face {\n\t\tsrc: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n\t}\n\n\t@font-face {\n\t\tfont-weight: 300;\n\t\tsrc: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n\t}\n\n\n\n\t.swiper-pagination-bullet {\n\t\twidth: 0;\n\t\theight: 0;\n\t}\n\n\t\/* 1 *\/\n\t.Margot-Wide-2 {\n\t\tfont-size: 0;\n\t\tpadding-bottom: 4.167vw;\n\t}\n\n\t.Margot-Wide-2 .text-center {\n\t\ttext-align: center;\n\t}\n\n\t.Margot-Wide-2 .top-text {\n\t\ttext-align: center;\n\t\tmargin-top: 2.083vw;\n\t}\n\n\t.Margot-Wide-2 .top-text .top-title {\n\t\tfont-weight: 500;\n\t\tfont-size: 1.563vw;\n\t\tline-height: 2.083vw;\n\t\tmargin-bottom: 8px;\n\t}\n\n\t.Margot-Wide-2 .top-text .top-desc {\n\t\tfont-weight: 300;\n\t\tfont-size: 0.833vw;\n\t\tline-height: 1.25vw;\n\t\tmargin-bottom: 2.292vw;\n\t}\n\n\t.swiper-btn-title-container {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\n\t.swiper-btn-title-container .title-2 {\n\t}\n\n\t.swiper-btn-2 {\n\t\twidth: 5.208vw;\n\t\theight: 2.083vw;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t}\n\n\t.swiper-btn-2 .swiper-button-left {\n\t\twidth: 2.083vw;\n\t\theight: 2.083vw;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #a9a8a6;\n\t\tcursor: pointer;\n\t}\n\n\t.swiper-btn-2 .swiper-button-right {\n\t\twidth: 2.083vw;\n\t\theight: 2.083vw;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbackground-color: #191817;\n\t\tborder-radius: 50%;\n\t\tcursor: pointer;\n\t}\n\n\t.swiper-btn-2 .swiper-button-right svg {\n\t\tposition: relative;\n\t\t\/* left: 2px; *\/\n\t}\n\n\t.swiper-btn-2 .swiper-button-left svg {\n\t\tposition: relative;\n\t\t\/* right: 2px; *\/\n\t}\n\n\t.Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t}\n\n\t.Margot-Wide-2 .show-big {\n\t\tmargin-top: 0px;\n\n\t\tmargin-bottom: 0px;\n\t}\n\n\t.Margot-Wide-2 .space-w_1 .title {\n\t\tfont-size: 1.563vw;\n\t\tline-height: 2.083vw;\n\t\tfont-weight: 400;\n\t\tposition: absolute;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t.Margot-Wide-2 .show-big {\n\t\tdisplay: block;\n\t}\n\n\t.bottom_content_item {\n\t\tbackground-color: #ffffff !important;\n\t}\n\n\t\/* 2 *\/\n\t.Margot-Wide-2 .show-small {\n\t\tdisplay: none;\n\t}\n\n\t.Margot-Wide-2 .bgc-grey {\n\t\tbackground-color: #f8f7f5;\n\t\tmargin-top: 4.167vw;\n\t}\n\n\t.Margot-Wide-2 .full-w {\n\t\twidth: 100%;\n\t}\n\n\t.Margot-Wide-2 .space-w {\n\t\tmargin: 0 auto;\n\t\twidth: 68.75vw;\n\t\tmargin-top: 80px;\n\t\tmargin-bottom: 80px;\n\t}\n\n\t.Margot-Wide-2 .space-w_1 {\n\t\twidth: 68.75vw;\n\t\tmargin: 0 auto;\n\t}\n\n\t.Margot-Wide-2 .space-w-style {\n\t\tmargin: 0 auto;\n\t\twidth: 68.75vw;\n\t}\n\n\t.Margot-Wide-2 .space-w-p-t-b {\n\t\tpadding-top: 4.167vw;\n\t\tpadding-bottom: 4.167vw;\n\t}\n\n\t.Margot-Wide-2 .position-relative {\n\t\tposition: relative;\n\t}\n\n\t.Margot-Wide-2 .common-text-area {\n\t\tmargin-bottom: 32px;\n\t}\n\n\t.Margot-Wide-2 .common-title {\n\t\tfont-size: 1.563vw;\n\t\tline-height: 2.083vw;\n\t\tfont-weight: 600;\n\t\ttext-align: center;\n\t}\n\n\t.Margot-Wide-2 .common-subhead {\n\t\tfont-size: 0.833vw;\n\t\tfont-weight: 500;\n\t\tline-height: 1.25vw;\n\t\tmargin-top: 8px;\n\t\ttext-align: center;\n\t}\n\n\t.Margot-Wide-2 .common-img {\n\t\twidth: 100%;\n\t}\n\n\t.Margot-Wide-2 .head-text-area {\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t\t\/* margin-top: 20px; *\/\n\t\t\/* position: absolute; *\/\n\n\t\t\/* top:6.719vw ; *\/\n\t}\n\n\t.Margot-Wide-2 .head-title {\n\t\tfont-size: 1.563vw;\n\t\tfont-weight: 500;\n\t\tline-height: 2.083vw;\n\t\tmargin-bottom: 32px;\n\t\twhite-space: nowrap;\n\t\tcolor: #191817;\n\t}\n\n\t.Margot-Wide-2 .head-subhead {\n\t\tfont-size: 1.042vw;\n\t\tline-height: 2.083vw;\n\t\tmargin-top: 0.417vw;\n\t}\n\n\t.Margot-Wide-2 .half-img-father {\n\t\tdisplay: flex;\n\t\twidth: 100%;\n\t}\n\n\t.Margot-Wide-2 .half-img {\n\t\twidth: 50%;\n\t}\n\n\t.Margot-Wide-2 .three-item-father {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\n\t.Margot-Wide-2 .three-item-area {\n\t\twidth: 31.8%;\n\t\tposition: relative;\n\t}\n\n\t.Margot-Wide-2 .three-item-img {\n\t\twidth: 100%;\n\t}\n\n\t.Margot-Wide-2 .three-item-text {\n\t\ttext-align: left;\n\t\tbottom: 1.458vw;\n\t\twidth: 100%;\n\t\tmargin-top: 1.042vw;\n\t\tfont-size: 1.042vw;\n\t\tfont-weight: 400;\n\t\tline-height: 1.458vw;\n\t}\n\n\t.title-br {\n\t\tdisplay: none;\n\t}\n\n\t.second-banner .title {\n\t\tfont-size: 1.56vw;\n\t\tline-height: 2.08vw;\n\t\tmargin-bottom: 32px;\n\t\tfont-weight: 600;\n\t\ttext-align: center;\n\t}\n\n\t.prod-intro {\n\t\tmargin: 32px 0;\n\t}\n\n\t.prod-intro .title {\n\t\tfont-size: 1.56vw;\n\t\tline-height: 2.08vw;\n\t\tmargin-top: 1.67vw;\n\t\tfont-weight: 600;\n\t\tmargin-bottom: 32px;\n\t\ttext-align: center;\n\t}\n\n\t.prod-intro .prod-intro-item {\n\t\tdisplay: flex;\n\t\tmargin-top: 20px;\n\t}\n\n\t.prod-intro .prod-intro-item-reverse {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.prod-intro .prod-intro-item .left {\n\t\twidth: 50%;\n\t\tfont-size: 1.25vw;\n\t\tline-height: 1.46vw;\n\t\tpadding: 2.08vw 4.17vw;\n\t\tdisplay: flex;\n\t\tfont-weight: 500;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tbackground: rgba(248, 247, 245, 1);\n\t\tbox-sizing: border-box;\n\t}\n\n\t.prod-intro .prod-intro-item .right {\n\t\twidth: 50%;\n\t}\n\n\t.prod-intro .prod-intro-item .right img {\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\t}\n\n\t@media screen and (min-width: 769px) and (max-width: 1439px) {\n\t\t.Margot-Wide-2 .space-w {\n\t\t\twidth: 90vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .space-w-style {\n\t\t\twidth: 90vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-text {\n\t\t\tfont-size: 1.342vw;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 1.458vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .head-title {\n\t\t\tfont-size: 1.56vw;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 2.08vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .common-title {\n\t\t\tfont-size: 1.56vw;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 2.08vw;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 768px) {\n\t\t.Margot-Wide-2 {\n\t\t\tpadding-bottom: 0;\n\t\t}\n\n\t\t.Margot-Wide-2 .text-center {\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.small-swiper .swiper-pagination .swiper-pagination-bullet {\n\t\t\twidth: 45px;\n\t\t\theight: 2px;\n\t\t\tborder-radius: 1px;\n\t\t\tcolor: #000;\n\t\t}\n\n\t\t.small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n\t\t\tbackground: #191817;\n\t\t}\n\n\t\t.small_title {\n\t\t\tfont-style: normal;\n\t\t\tfont-weight: 400;\n\t\t\tfont-size: 4.267vw;\n\t\t\tbox-sizing: border-box;\n\t\t\tline-height: 5.067vw;\n\t\t\tmargin-bottom: 4px;\n\t\t}\n\n\t\t.small_content {\n\t\t\tfont-size: 3.2vw;\n\t\t\tfont-weight: 300;\n\t\t\tline-height: 4.267vw;\n\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.Margot-Wide-2 .show-big {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.Margot-Wide-2 .show-small {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.Margot-Wide-2 .space-w {\n\t\t\twidth: 89.333vw;\n\t\t\tmargin-top: 40px;\n\t\t\tmargin-bottom: 40px;\n\t\t}\n\n\t\t.Margot-Wide-2 .space-w-style {\n\t\t\twidth: 89.333vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .space-w-p-t-b {\n\t\t\tpadding-top: 12.8vw;\n\t\t\tpadding-bottom: 12.8vw;\n\t\t\tmargin-top: 40px;\n\t\t\tmargin-bottom: 12.8vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .common-text-area {\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t\t.Margot-Wide-2 .common-title {\n\t\t\tfont-size: 5.333vw;\n\t\t\tline-height: 7.467vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .common-subhead {\n\t\t\tfont-size: 3.733vw;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 4.8vw;\n\t\t\tmargin-top: 1.0666vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .head-text-area {\n\t\t\tposition: absolute;\n\t\t\ttop: auto;\n\t\t\tbottom: 10.667vw;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t\tcolor: #191817;\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t.Margot-Wide-2 .head-title {\n\t\t\tfont-size: 5.333vw;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 7.467vw;\n\t\t\tcolor: #191817;\n\t\t\tmargin-bottom: 0;\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t.Margot-Wide-2 .head-title br {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.Margot-Wide-2 .head-subhead {\n\t\t\tfont-size: 3.733vw;\n\t\t\tfont-weight: 300;\n\t\t\tline-height: 5.333vw;\n\t\t\tmargin-top: 1.0666vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .half-img-father {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.Margot-Wide-2 .half-img {\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-father {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: space-between;\n\t\t\tflex-direction: column;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-area {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tbackground-color: rgba(246, 246, 246, 1);\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-area:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-area:nth-child(2n) {\n\t\t\tflex-direction: row-reverse;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-area picture {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-img {\n\t\t\twidth: 50%;\n\t\t}\n\n\t\t.Margot-Wide-2 .second-banner .title {\n\t\t\tfont-size: 5.333vw;\n\t\t\tfont-weight: 600;\n\t\t\tline-height: 7.264vw;\n\t\t\ttext-align: left;\n\t\t\tmargin-bottom: 5.333vw;\n\t\t}\n\n\t\t.Margot-Wide-2 .prod-intro .prod-intro-item {\n\t\t\tflex-direction: column-reverse;\n\t\t\tmargin-top: 20px;\n\t\t}\n\n\t\t.Margot-Wide-2 .prod-intro .prod-intro-item:not(:first-child) {\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t.Margot-Wide-2 .prod-intro .prod-intro-item .left {\n\t\t\twidth: 100%;\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 17px;\n\t\t\tpadding: 20px;\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.Margot-Wide-2 .prod-intro .prod-intro-item .right {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.prod-intro .title {\n\t\t\tfont-size: 5.333vw;\n\t\t\tline-height: 7.467vw;\n\t\t\tmargin-bottom: 20px;\n\t\t\tfont-weight: 600;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.Margot-Wide-2 .three-item-text {\n\t\t\tpadding: 0 20px;\n\t\t\tposition: static;\n\t\t\tfont-size: 3.467vw;\n\t\t\tline-height: 7.467vw;\n\t\t\twidth: 50%;\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t\/* dilidili *\/\n\t\t.small-swiper {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.small-swiper .swiper-pagination {\n\t\t\tposition: absolute;\n\t\t\tbottom: 38px;\n\t\t}\n\n\t\t.small-swiper {\n\t\t\toverflow-x: hidden;\n\t\t}\n\n\t\t.small-swiper .swiper-wrapper {\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.small-swiper .swiper-wrapper .swiper-slide {\n\t\t\twidth: 100px;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.small-swiper .swiper-wrapper .swiper-slide .title {\n\t\t\tposition: absolute;\n\t\t\ttop: 12.8vw;\n\t\t\tleft: 50%;\n\t\t\ttransform: translateX(-50%);\n\t\t\twidth: 61.933vw;\n\t\t\tmargin: 0 auto;\n\t\t\tfont-size: 5.333vw;\n\t\t\tline-height: 7.467vw;\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.small-swiper .swiper-wrapper .swiper-slide img {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.bgColor-light-small {\n\t\t\twidth: 100%;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.bgColor-light-small .small-img {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.bgColor-light-small .title {\n\t\t\tfont-size: 5.333vw;\n\t\t\tline-height: 7.467vw;\n\t\t\tfont-weight: 400;\n\t\t\tposition: absolute;\n\t\t\ttop: 48px;\n\t\t\twidth: 100%;\n\t\t\t\/* padding: 0px 50px; *\/\n\t\t\tbox-sizing: border-box;\n\t\t\ttext-align: center;\n\t\t\tcolor: #191817;\n\t\t}\n\n\t\t.bottom_content_item {\n\t\t\tbackground-color: #f5f3ef !important;\n\t\t}\n\t}\n\n\t@media screen and (max-width: 1720px) {\n\t\t.title-br {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title show-big\"\u003e歩くたび高級感あふれる快適な履き心地\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 0;\" class=\"head-title show-small\"\u003e歩くたび高級感あふれる\u003cbr\u003e快適な履き心地\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_117d1764-f217-401a-a64a-678c71d9ca46.png?v=1713945955\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/p1_c897a088-6322-4b80-98e4-f35b2aa970e0.png?v=1713945969\" class=\"common-img\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prod-intro space-w\"\u003e\n\u003cdiv class=\"title\"\u003e一日中サラッと快適\u003c\/div\u003e\n\u003cdiv class=\"prod-intro-item\"\u003e\n\u003cdiv class=\"left\"\u003eComfortWalk インソール：革新的なテクノロジーにより、足へのフィット、アーチサポート、痛みの軽減を同時に実現\u003c\/div\u003e\n\u003cdiv class=\"right\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240412_6757\/335-203shoushou.gif\"\u003e \u003cimg alt=\"VIVAIA\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240412_6757\/660-400shoushou.gif\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prod-intro-item prod-intro-item-reverse\"\u003e\n\u003cdiv class=\"left\"\u003eSwiftDry: 優れた速乾性で、ずっと爽やかな履き心地\u003c\/div\u003e\n\u003cdiv class=\"right\"\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 768px)\" srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240412_6757\/335-203shuishui.gif\"\u003e \u003cimg alt=\"VIVAIA\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240412_6757\/660-400shuishui.gif\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"second-banner space-w full-w\"\u003e\n\u003cdiv class=\"title\"\u003eカラフルな足取りで夏らしいムード満点\u003c\/div\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_b08f91a9-d511-4160-a852-204c98e9a69c.png?v=1713945954\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/p2_ba41319d-489c-47da-811d-1b26676531a9.png?v=1713945968\" class=\"common-img\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。 \u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width:768px)\" srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m3_fa383a17-b04f-477e-b49f-d0a7a25c290c.png?v=1713945954\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/p3_66d5ea91-a049-40ee-b288-a88c04ff621c.png?v=1713945966\" class=\"common-img\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\tvar mySwiper_pc_1 = new Swiper(\".swiper-socks-flats\", {\n\t\tautoplay: false,\n\t});\n\tconst title_2 = document.querySelector(\".title-2\");\n\tconst handleClick_next = () =\u003e {\n\t\tmySwiper_pc_1.slideTo(1);\n\t\tconst btn_container_right = document.querySelector(\n\t\t\t\".swiper-btn-title-container .swiper-button-right\"\n\t\t);\n\t\tconst btn_container_left = document.querySelector(\n\t\t\t\".swiper-btn-title-container .swiper-button-left\"\n\t\t);\n\t\tbtn_container_left.style.backgroundColor = \"#191817\";\n\t\tbtn_container_right.style.backgroundColor = \"#A9A8A6\";\n\t\tconsole.log(title_2);\n\t\ttitle_2.innerHTML = \"Odor-Resistant Artemisia Argyi Insole\";\n\t};\n\n\tconst handleClick_prev = () =\u003e {\n\t\tmySwiper_pc_1.slideTo(0);\n\t\tconst btn_container_left = document.querySelector(\n\t\t\t\".swiper-btn-title-container .swiper-button-left\"\n\t\t);\n\t\tconst btn_container_right = document.querySelector(\n\t\t\t\".swiper-btn-title-container .swiper-button-right\"\n\t\t);\n\t\tbtn_container_right.style.backgroundColor = \"#191817\";\n\t\tbtn_container_left.style.backgroundColor = \"#A9A8A6\";\n\t\ttitle_2.innerHTML = \"Comfort \u0026 Style\";\n\t};\n\n\twindow.addEventListener(\n\t\t\"click\",\n\t\tfunction (e) {\n\t\t\tif (\n\t\t\t\te.target.classList[0] === \"swiper-button-right\" ||\n\t\t\t\te.target.parentNode.classList[0] === \"swiper-button-right\" ||\n\t\t\t\te.target.parentNode.parentNode.classList[0] === \"swiper-button-right\"\n\t\t\t) {\n\t\t\t\thandleClick_next();\n\t\t\t}\n\t\t\tif (\n\t\t\t\te.target.classList[0] === \"swiper-button-left\" ||\n\t\t\t\te.target.parentNode.classList[0] === \"swiper-button-left\" ||\n\t\t\t\te.target.parentNode.parentNode.classList[0] === \"swiper-button-left\"\n\t\t\t) {\n\t\t\t\thandleClick_prev();\n\t\t\t}\n\t\t},\n\t\tfalse\n\t);\n\n\tvar small_swiper = new Swiper(\".small-swiper\", {\n\t\tpagination: {\n\t\t\tel: \".swiper-pagination\",\n\t\t},\n\t});\n\n\tdocument.querySelectorAll(\".videos\").forEach((v) =\u003e {\n\t\tv.setAttribute(\"playsinline\", \"\");\n\n\t\tv.setAttribute(\"webkit-playsinline\", \"\");\n\t});\n\u003c\/script\u003e \u003cscript\u003e\n\ttry {\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) =\u003e {\n\t\t\t\tentries.forEach((entry) =\u003e {\n\t\t\t\t\tconst video = entry.target;\n\t\t\t\t\tif (entry.isIntersecting) {\n\t\t\t\t\t\tvideo.play();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvideo.pause();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\t\t\t{ rootMargin: \"0px 0px 200px 0px\" }\n\t\t);\n\n\t\tconst allVideos = document.querySelectorAll(\"video\");\n\t\tallVideos?.forEach((el) =\u003e {\n\t\t\tel.muted = true;\n\t\t\tconst hasAutoplay = el.hasAttribute(\"autoplay\");\n\t\t\tif (hasAutoplay) {\n\t\t\t\tobserver.observe(el);\n\t\t\t}\n\t\t});\n\t} catch (e) {\n\t\tconsole.log(\"videoControl error\", e);\n\t}\n\u003c\/script\u003e\u003c\/p\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/collections\/sandals-julietpro.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}