{"title":"Black Red","description":"","products":[{"product_id":"boots-reginapro-blackrubyred","title":"[Regina Pro] Square toe water-repellent short boots","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 .swiper-pagination-bullet {\n width: 0;\n height: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n padding-bottom: 4.167vw;\n }\n\n\n .Margot-Wide-2 .new_title {\n color: #191817;\n font-size: 1.563vw;\n font-weight: 400;\n line-height: 2.083vw;\n margin-bottom: 2.083vw;\n text-align: center;\n }\n\n .Margot-Wide-2 .mid_info {\n\n margin-bottom: 2.083vw;\n }\n\n .mid_info .mid_title {\n color: #191817;\n font-size: 28px;\n font-weight: 600;\n line-height: 2.083vw;\n margin-bottom: 0.417vw;\n\n text-align: left;\n }\n\n .mid_info .mid_desc {\n color: #191817;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n\n text-align: left;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 6.250vw;\n height: 2.083vw;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 2.500vw;\n height: 2.500vw;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 2.500vw;\n height: 2.500vw;\n display: flex;\n justify-content: center;\n align-items: center;\n \/* background: #804C1A; *\/\n border-radius: 50%;\n cursor: pointer;\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: #F8F7F5;\n\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n.Margot-Wide-2 .space-w_1{\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n}\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n margin-top: 4.167vw;\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n margin-bottom: 4.167vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .Margot-Wide-2 .common-title {\n color: #191817;\n font-size: 28px;\n font-weight: 600;\n line-height: 2.083vw;\n text-align: center;\n }\n\n .Margot-Wide-2 .common-subhead {\n color: #191817;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n text-align: center;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img-father {\n width: 33.333vw;\n }\n\n .myVideo {\n width: 68.75vw;\n height: auto;\n border: none;\n outline: none;\n }\n\n\n\n .pc_video {\n display: block;\n }\n\n .m_gif {\n display: none;\n }\n\n .Margot-Wide-2 .img-father {\n display: flex;\n justify-content: space-between;\n width: 100%;\n }\n\n @media screen and (min-width: 769px) {\n .swiper-socks-flats .swiper-pagination {\n position: absolute;\n bottom: 2.083vw;\n }\n\n .swiper-socks-flats .swiper-pagination-bullet-active {\n background-color: #191817;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 0.208vw;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n\n .Margot-Wide-2 .new_container {\n position: relative;\n width: 100%;\n margin-bottom: 4.167vw;\n color: #ffffff;\n\n }\n\n .Margot-Wide-2 .new_container picture {\n width: 100%;\n }\n\n .Margot-Wide-2 .p_b {\n position: absolute;\n \ncolor:#FFFFFF !important;\nwidth: 15.4166667vw;\n left: 48.8541667vw;\n top: 13.4895833vw;\n }\n\n .Margot-Wide-2 .top-title_1 {\n color: #191817;\n font-size: 1.563vw;\n font-weight: 400;\n line-height: 2.083vw;\n margin-bottom: 0.417vw;\n\n }\n\n .Margot-Wide-2 .top-desc_1 {\n color: #191817;\n font-size: 0.833vw;\n font-weight: 300;\n line-height: 1.25vw;\n\n\n }\n\n .Margot-Wide-2 .p-4 {\n margin-bottom: 4.167vw;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 16.406vw;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n \/* width: 13.021vw; *\/\n text-align: left;\n color: #191817;\n \n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.4583333vw;\n letter-spacing: 0.000vw;\n text-align: left;\n\n }\n\n .bg_color {\n background-color: #FFFFFF;\n color: #FFFFFF;\n }\n\n .new-width {\n width: 70.365vw;\n }\n\n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n\n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n\n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n\n .myVideo {\n width: 80vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 24%;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n\n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n\n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n\n @media screen and (max-width: 768px) {\n \n .Margot-Wide-2 {\n padding-bottom: 12.800vw;\n }\n.Margot-Wide-2 .space-w_1{\nwidth: 100%;\nmargin-top: 12.8vw;\n}\n .first_ab {\n width: 89.333vw;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n top: 104.000vw;\n color: #191817;\n font-size: 5.333vw;\n font-weight: 400;\n line-height: 8.533vw;\n letter-spacing: 0.000vw;\n text-align: center;\n\n }\n\n .sub_ab {\n margin-top: 1.067vw;\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 4.800vw;\n letter-spacing: 0.000vw;\n text-align: center;\n\n }\n\n .Margot-Wide-2 .position-relative {\n margin-bottom: 0;\n }\n\n .Margot-Wide-2 .new_title {\n\n font-size: 6.4vw;\n text-align: left;\n line-height: 8.533vw;\n margin-bottom: 5.333vw;\n }\n\n .small_title {\n font-size: 4.267vw;\n font-weight: 400;\n line-height: 5.333vw;\n margin-bottom: 1.6vw;\n\n }\n\n .small_content {\n font-size: 3.2vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n \/* margin-top: 12.8vw; *\/\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 12.8vw;\n \/* margin-bottom: 12.8vw; *\/\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n margin-top: 12.8vw;\n padding-top: 6.8vw;\n padding-bottom: 12.8vw;\n \/* background-color: #FFFFFF; *\/\n }\n\n .Margot-Wide-2 .bgColor-light {\n \/* background-color: #FFFFFF !important; *\/\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20px;\n font-weight: 600;\n line-height: 8.533vw;\n letter-spacing: 0.000vw;\n text-align: center; \n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n font-weight: 500;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .img-father {\n display: block;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n height: auto;\n }\n\n .myVideo {\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img-father:last-child {\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F5F3EF;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n width: 44.133333vw;\n position: static;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n font-size: 14px;\n font-weight: 500;\n line-height: 5.0666667vw;\n letter-spacing: 0.000vw;\n text-align: left;\n\n }\n .three-item-area:nth-child(1) .three-item-text{\n width: 41.866667vw;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 10.667vw;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 12.000vw;\n height: 0.533vw;\n border-radius: 0.267vw;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 26.667vw;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 6.4vw;\n line-height: 8.533vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: auto;\n \/* height: 148vw; *\/\n object-fit: cover;\n }\n\n .Margot-Wide-2 .new_container {\n position: relative;\n width: 100%;\n margin: 12.8vw 0;\n }\n\n .Margot-Wide-2 .new_container picture {\n width: 100%;\n }\n\n .Margot-Wide-2 .p_b {\n position: static;\n width: 100%;\n }\n\n .Margot-Wide-2 .top-title_1 {\n font-size: 6.4vw;\n line-height: 8.533vw;\n margin-bottom: 1.067vw;\n\n }\n\n .Margot-Wide-2 .top-desc_1 {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 4.8vw;\n }\n\n .Margot-Wide-2 .mid_info {\n\n margin-bottom: 5.333vw;\n }\n\n .mid_info .mid_title {\n margin-bottom: 1.067vw;\n font-size: 20px;\n font-weight: 600;\n line-height: 8.533vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n\n .mid_info .mid_desc {\n font-size: 14px;\n font-weight: 500;\n line-height: 4.800vw;\n letter-spacing: 0.000vw;\n text-align: left;\n\n }\n\n .Margot-Wide-2 .p-4 {\n margin-bottom: 12.8vw;\n padding-bottom: 0;\n background: #FFFFFF;\n }\n\n .bg_color {\n background-color: #FFFFFF;\n }\n\n .bg_color2 {\n margin-top: 12.8vw;\n padding: 12.8vw 0;\n background-color: #F8F7F5;\n }\n\n .Margot-Wide-2 .bg_color2 .p-4 {\n background-color: #F8F7F5;\n }\n\n .Margot-Wide-2 .bg_color2 .space-w {\n margin-top: 0;\n }\n\n .new-width {\n width: 100%;\n }\n\n .pc_video {\n display: none;\n }\n\n .m_gif {\n display: block;\n }\n }\n\n @media screen and (min-width: 769px) {\n .position-relative {\n padding-top: 0;\n\n }\n\n .position-relative img{\n width: 100.000vw;\n \/* height: 48.646vw; *\/\n padding-top: 0;\n \n }\n\n .first_ab {\n width: 45.365vw;\n position: absolute;\n right: 15.625vw;\n top: 40.625vw;\n color: #191817;\n font-size: 1.563vw;\n font-weight: 400;\n line-height: 2.083vw;\n letter-spacing: 0.000vw;\n text-align: right;\n }\n\n .sub_ab {\n margin-top: 0.417vw;\n font-size: 0.833vw;\n font-weight: 300;\n line-height: 1.250vw;\n letter-spacing: 0.000vw;\n text-align: right;\n }\n\n .bg_color2 {\n padding: 4.167vw 0;\n background-color: #F8F7F5;\n }\n\n .bg_color2 .p-4 {\n margin-bottom: 0;\n }\n\n .bg_color2 .space-w {\n margin-top: 0;\n }\n .Margot-Wide-2 .full-w_1{\n width:100%;\n }\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rectangle%202062.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Group-337311.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c!-- \u003cdiv class=\"first_ab\"\u003e Comfort Meets Style \u003cdiv class=\"sub_ab\"\u003e Superior-soft, extra flexible knit with seamless construction \u003c\/div\u003e \u003c\/div\u003e --\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003e Comfort Style \u0026amp; Function Design \u003c\/div\u003e \u003c\/div\u003e --\u003e \u003cdiv class=\"bg_color\"\u003e \u003cdiv class=\"p-4 space-w position-relative\"\u003e \u003cdiv class=\"mid_info p_b\"\u003e \u003c!-- \u003cdiv class=\"mid_title show-big\" style=\"color: #FFFFFF;\"\u003eInnovative boots that are easy to wear and walk in\u003c\/div\u003e --\u003e \u003cdiv class=\"mid_title show-small special_heading\"\u003eInnovative boots that are easy to wear and walk in\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Group%202814.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337116.jpg?v=1726824304\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"full-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337309.jpg?v=1726825523\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337315_c4977d41-54b3-425f-9fce-32c068a17cda.jpg?v=1729840542\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w_1\"\u003e \u003cdiv class=\"common-text-area show-big\"\u003e \u003cdiv class=\"common-title title_one special_heading\" style=\"text-align: center;\"\u003eUpgraded super comfortable insole for fatigue-free walking\u003c\/div\u003e \u003cdiv class=\"common-subhead\" style=\"text-align: center;\"\u003eComfortable support makes it easy to wear all day without getting tired\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568517.jpg?v=1726824302\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337313_ffb6d556-adae-4526-9f77-67b7c349c39e.jpg?v=1729840540\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"full-w\"\u003e \u003cdiv class=\"p-4 space-w\"\u003e \u003cdiv class=\"mid_info\"\u003e \u003cdiv class=\"mid_title special_heading\"\u003eWater repellent function\u003c\/div\u003e \u003cdiv class=\"mid_desc\"\u003eEven in sudden light rain, your feet will stay dry and you'll be comfortable.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_pc4.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_m1.gif\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_pc1.gif\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"padding-top: 1.042vw;\"\u003e \u003cdiv class=\"three-item-text\" style=\"margin-bottom: 4px;\"\u003eEasy to put on and take off\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_pc6.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"padding-top: 1.042vw;\"\u003e \u003cdiv class=\"three-item-text\" style=\"margin-bottom: 4px;\"\u003eRoomy square toe\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"padding-top: 1.042vw;\"\u003e \u003cdiv class=\"three-item-text\" style=\"margin-bottom: 4px;\"\u003eCarbon-free slip-resistant rubber outsole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/m1.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230808_6107\/Rigia%20Pro_pc7.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"padding-top: 1.042vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"font-family: 'Roboto';\"\u003eKnit upper made from recycled plastic bottles\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"margin-bottom: 4px;\"\u003eKnit upper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b bgColor-light\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead new-width\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n \n\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"reginapro_black red \/ JP-22.0cm\/EU-35","offer_id":44286964072704,"sku":"shbootse2306080014001","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-22.5cm\/EU-35.5","offer_id":44286964105472,"sku":"shbootse2306080014002","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-22.5~23.0cm\/EU-36","offer_id":44286964138240,"sku":"shbootse2306080014003","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-23.0cm\/EU-36.5","offer_id":44286964171008,"sku":"shbootse2306080014004","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-23.5cm\/EU-37","offer_id":44286964203776,"sku":"shbootse2306080014005","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44286964236544,"sku":"shbootse2306080014006","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-24.0cm\/EU-38","offer_id":44286964269312,"sku":"shbootse2306080014007","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-24.5cm\/EU-38.5","offer_id":44286964302080,"sku":"shbootse2306080014008","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-24.5~25.0cm\/EU-39","offer_id":44286964334848,"sku":"shbootse2306080014009","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-25.0cm\/EU-39.5","offer_id":44286964367616,"sku":"shbootse2306080014010","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-25.5cm\/EU-40","offer_id":44286964400384,"sku":"shbootse2306080014011","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44286964433152,"sku":"shbootse2306080014012","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-26.0cm\/EU-41","offer_id":44286964465920,"sku":"shbootse2306080014013","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-26.5cm\/EU-41.5","offer_id":44286964498688,"sku":"shbootse2306080014014","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-27.0cm\/EU-42","offer_id":44286964531456,"sku":"shbootse2306080014015","price":28900.0,"currency_code":"JPY","in_stock":true},{"title":"reginapro_black red \/ JP-27.5cm\/EU-43","offer_id":44286964564224,"sku":"shbootse2306080014016","price":28900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1691568320-d9a23731-11b8-48ec-8545-4178a02195ae_d5ab8982-8f9a-438f-b0d8-04b76f160f9d-937935.jpg?v=1730959629"},{"product_id":"flats-tiana-dotsblack","title":"[Tiana] Almond toe flat shoes","description":"\u003cdiv class=\"product-intro-v2\"\u003e \u003c!-- Start of video production --\u003e \u003c!-- \u003cvideo controls=\"controls\" autoplay=\"autoplay\" muted=\"\" style=\"display: block; margin: 20px auto; width: 100%;\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4cecbfd1eaf749d7a937eeb8273d453c.mp4\" type=\"video\/mp4\"\u003e Your browser does not support the video tag. \u003c\/video\u003e --\u003e \u003c!-- Visual assembly --\u003e \u003c!-- PC launch ceremony --\u003e \u003cdiv class=\"pc\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2824.jpg?v=1712061148\"\u003e \u003c\/div\u003e \u003cdiv class=\"pc\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2825_e148a979-8a2c-40dd-9833-e91a45f797cf.jpg?v=1712061145\"\u003e \u003c\/div\u003e \u003cdiv class=\"pc\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2826_092f94fd-a3f1-4e59-9a96-9a183c989b0c.jpg?v=1712061147\"\u003e \u003c\/div\u003e \u003cdiv class=\"pc\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2827_a6a1a0a1-1de5-4212-8cd8-f64b72e62193.jpg?v=1712061368\"\u003e \u003c\/div\u003e \u003cdiv class=\"pc\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2828_e1b7c0d2-8953-4bf1-81d1-26d9e0145fbf.jpg?v=1712061149\"\u003e \u003c\/div\u003e \u003c!-- pc style binding --\u003e \u003c!-- Mobile terminal ceremony begins --\u003e \u003cdiv class=\"mobile\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2829_c2ef1a79-0ba8-4010-a1d3-36c18fcacfca.jpg?v=1712061143\"\u003e \u003c\/div\u003e \u003cdiv class=\"mobile\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2830_2eb1b434-a317-432c-970c-94c717d25723.jpg?v=1712061142\"\u003e \u003c\/div\u003e \u003cdiv class=\"mobile\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2831_425c055a-6fbd-4a50-95c9-c50b3e237c0c.jpg?v=1712061148\"\u003e \u003c\/div\u003e \u003cdiv class=\"mobile\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2832_33702d27-5a71-4fb9-ba44-b6dfe3fc0311.jpg?v=1712061147\"\u003e \u003c\/div\u003e \u003cdiv class=\"mobile\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_2833_caba6c4b-48eb-4fef-a774-2bbe79f17e89.jpg?v=1712061145\"\u003e \u003c\/div\u003e \u003c!-- moving end chain type bundle --\u003e \u003c\/div\u003e \u003cdiv style=\"position: absolute; left: 6px; top: 7105.27px;\" id=\"gtx-trans\"\u003e \u003cdiv class=\"gtx-trans-icon\"\u003e\u003c\/div\u003e \u003c\/div\u003e VIVAIA｜Step into Conscious Comfort. \u003cstyle\u003e\n @media (min-width: 1025px) {\n .mobile {\n display: none;\n }\n }\n\n @media (max-width: 1024px) {\n .pc {\n display: none !important;\n }\n }\n\n .product-intro-v2 img {\n max-width: 100%;\n }\n\n .swiper {\n width: 100%;\n height: 100%;\n margin: 20px 0;\n }\n\n .swiper-slide {\n text-align: center;\n font-size: 18px;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .swiper-slide img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .pc {\n margin: 20px auto;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .more img {\n width: calc(30% - 20px) !important;\n margin: 0 10px;\n }\n\n .pc img {\n width: 100%;\n }\n\u003c\/style\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tiana_dot black \/ JP-22.0cm\/EU-35","offer_id":44314589495552,"sku":"shflatse2312060001001","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-22.5cm\/EU-35.5","offer_id":44314589528320,"sku":"shflatse2312060001002","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-22.5~23.0cm\/EU-36","offer_id":44314589561088,"sku":"shflatse2312060001003","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-23.0cm\/EU-36.5","offer_id":44314589593856,"sku":"shflatse2312060001004","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-23.5cm\/EU-37","offer_id":44314589626624,"sku":"shflatse2312060001005","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44314589659392,"sku":"shflatse2312060001006","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-24.0cm\/EU-38","offer_id":44314589692160,"sku":"shflatse2312060001007","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-24.5cm\/EU-38.5","offer_id":44314589724928,"sku":"shflatse2312060001008","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-24.5~25.0cm\/EU-39","offer_id":44314589757696,"sku":"shflatse2312060001009","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-25.0cm\/EU-39.5","offer_id":44314589790464,"sku":"shflatse2312060001010","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-25.5cm\/EU-40","offer_id":44314589823232,"sku":"shflatse2312060001011","price":12500.0,"currency_code":"JPY","in_stock":false},{"title":"tiana_dot black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44314589856000,"sku":"shflatse2312060001012","price":12500.0,"currency_code":"JPY","in_stock":true},{"title":"tiana_dot black \/ JP-26.0cm\/EU-41","offer_id":44314589888768,"sku":"shflatse2312060001013","price":12500.0,"currency_code":"JPY","in_stock":true},{"title":"tiana_dot black \/ JP-26.5cm\/EU-41.5","offer_id":44314589921536,"sku":"shflatse2312060001014","price":12500.0,"currency_code":"JPY","in_stock":true},{"title":"tiana_dot black \/ JP-27.0cm\/EU-42","offer_id":44314589954304,"sku":"shflatse2312060001015","price":12500.0,"currency_code":"JPY","in_stock":true},{"title":"tiana_dot black \/ JP-27.5cm\/EU-43","offer_id":44314589987072,"sku":"shflatse2312060001016","price":12500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1706841294-1868696c-5c89-48b3-9691-3b7ee0696d51.jpg?v=1729150701"},{"product_id":"boots-ryanslipon-blackrubyred","title":"[Ryan Slip-on] Square toe, water-repellent, slip-on, Chelsea boots","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n \/* 初始化 *\/\n body {\n margin: 0;\n }\n\n .RYAN_0715 {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n .RYAN_0715 .show-big {\n display: block;\n }\n\n .RYAN_0715 .show-small {\n display: none;\n }\n\n .RYAN_0715 img {\n display: block;\n width: 100%;\n user-select: none !important;\n }\n\n .RYAN_0715 p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n .RYAN_0715 .space-w {\n margin: 0 auto;\n margin-top: 5vw;\n }\n\n .RYAN_0715 .full-w {\n width: 100%;\n }\n\n .RYAN_0715 .title {\n user-select: none;\n }\n\n .RYAN_0715 .desc {\n user-select: none;\n }\n\n \/* 1 *\/\n .RYAN_0715 {\n \/* font-size:; *\/\n overflow-x: hidden;\n }\n .RYAN_0715 img {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* 2 *\/\n\n .RYAN_0715 .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .RYAN_0715 .common-title {\n font-size: 28px;\n line-height: 2.604vw;\n color: #191817;\n font-weight: 600;\n }\n\n .RYAN_0715 .common-subhead {\n font-size: 16px;\n font-weight: 300;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n }\n\n \/* 结构 *\/\n\n .RYAN_0715 .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n\n .RYAN_0715 .kara-top-banner .text-area {\n position: relative;\n text-align: center;\n max-width: 61%;\n margin: 10px auto 2.08vw;\n }\n\n .RYAN_0715 .kara-top-banner .text-area .title {\n font-size: 28px;\n line-height: 2.35vw;\n font-weight: 600;\n }\n\n .RYAN_0715 .kara-top-banner .text-area .desc {\n font-size: 16px;\n line-height: 1.25vw;\n margin-top: 16px;\n font-weight: 500;\n }\n\n .RYAN_0715 .trans_container {\n display: inline-flex;\n margin-top: 4.167vw;\n width: 100%;\n }\n\n .RYAN_0715 .trans_container .item_area {\n width: 30vw;\n \/* height: 46.875vw; *\/\n transition: width 0.3s;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n }\n .RYAN_0715 .trans_container .mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.3);\n display: block;\n }\n\n .RYAN_0715 .trans_container .active .mask_sec {\n background: linear-gradient(\n to bottom,\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(86, 48, 12, 0.4)\n );\n display: block !important;\n }\n\n .RYAN_0715 .trans_container .item_area .item_image {\n width: 44vw;\n \/* height: 46.875vw; *\/\n height: 40vw;\n float: left;\n list-style: none;\n color: #000;\n line-height: 0;\n }\n .RYAN_0715 .trans_container .active {\n width: 50vw !important;\n }\n\n .RYAN_0715 .trans_container .key-features-section__text {\n position: absolute;\n width: 100%;\n height: 0;\n bottom: 4.167vw;\n left: 3.38vw;\n z-index: 2;\n }\n\n .RYAN_0715 .trans_container .key-features-section__title {\n margin-block-start: 0;\n margin-block-end: 0;\n transition: all 0.2s;\n position: absolute;\n \/* transition-delay: 0.1s; *\/\n width: 100%;\n bottom: 0;\n font-size: 1.25vw;\n font-weight: 500;\n line-height: 1.465vw;\n text-align: left;\n }\n .RYAN_0715 .trans_container .key-features-section__title-copy {\n opacity: 1;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 1.25vw;\n font-weight: 600;\n line-height: 1.465vw;\n text-align: left;\n position: absolute;\n bottom: -1.465vw;\n color: #fff;\n }\n\n .RYAN_0715 .trans_container .key-features-section__title-copy--large {\n opacity: 0;\n position: absolute;\n bottom: 0;\n pointer-events: none;\n color: #000;\n }\n .RYAN_0715 .trans_container .item_area_sec {\n color: #fff;\n }\n .RYAN_0715 .trans_container .item_area_sec .key-features-section__title-copy--large {\n color: #fff;\n }\n .RYAN_0715 .trans_container .key-features-section__description-copy {\n \/* margin-block-start: 0;\n margin-block-end: 0; *\/\n opacity: 0;\n position: relative;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 16px;\n font-weight: 500;\n line-height: 0.98vw;\n text-align: left;\n width: 36.458vw;\n transform: translateY(calc(100% + 5px));\n }\n\n .RYAN_0715 .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n }\n .RYAN_0715 .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n }\n .RYAN_0715 .trans_container .active .key-features-section__title-copy--large {\n opacity: 1;\n }\n .RYAN_0715 .trans_container .active .key-features-section__description-copy {\n opacity: 1;\n transform: translateY(0);\n \/* transition-delay: 0.2s; *\/\n margin-top: 0.417vw;\n }\n .RYAN_0715 .trans_container .active .key-features-section__title-copy--large {\n font-size: 28px;\n font-weight: 600;\n line-height: 1.953vw;\n text-align: left;\n }\n\n .RYAN_0715 .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n }\n .RYAN_0715 .trans_container .active .right-btn {\n display: none;\n }\n\n .RYAN_0715 .myswiper_container {\n position: relative;\n margin-top: 2.08vw;\n overflow: hidden;\n padding-bottom: calc(2.08vw + 4px);\n }\n\n .RYAN_0715 .myswiper_container img {\n width: 100%;\n }\n\n .RYAN_0715 .myswiper_container .swiper-scrollbar {\n margin: 0 2.08vw;\n width: calc(98% - 2.08vw);\n height: 3px;\n left: 0;\n bottom: 1px;\n display: flex;\n font-size: 0;\n }\n\n .RYAN_0715 .myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n }\n\n .RYAN_0715 .myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n }\n \/* 笔记本 *\/\n @media screen and (min-width: 1025px) and (max-width: 1440px) {\n .RYAN_0715 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .RYAN_0715 .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n }\n \/* 平板 *\/\n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .RYAN_0715 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .RYAN_0715 .kara-top-banner {\n position: relative;\n }\n }\n \/* 手机 *\/\n @media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .RYAN_0715 {\n }\n\n .RYAN_0715 .show-big {\n display: none !important;\n }\n\n .RYAN_0715 .show-small {\n display: block;\n }\n\n .RYAN_0715 .show-no-small {\n display: none;\n }\n\n .RYAN_0715 .space-w {\n margin-top: 3.67vw;\n width: calc(100% - 5.334vw);\n }\n\n .RYAN_0715 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .RYAN_0715 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight: 600;\n }\n\n .RYAN_0715 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n\n .RYAN_0715 .kara-top-banner {\n position: relative;\n }\n\n .RYAN_0715 .kara-top-banner .text-area {\n max-width: 100%;\n margin: 10px auto 5.33vw;\n }\n\n .RYAN_0715 .kara-top-banner .text-area .title {\n font-size: 20px;\n line-height: 7.264vw;\n font-weight: 600;\n }\n\n .RYAN_0715 .kara-top-banner .text-area .desc {\n font-size: 14px;\n line-height: 3.75vw;\n margin-top: 10px;\n font-weight: 500;\n }\n\n .RYAN_0715 .trans_container {\n display: block;\n margin-top: 3.667vw;\n overflow-x: hidden;\n }\n .RYAN_0715 .trans_container .active {\n width: 94.66vw !important;\n height: 87.296vw !important;\n }\n\n .RYAN_0715 .trans_container .item_area .item_image {\n width: 94.66vw !important;\n aspect-ratio: 355\/327.36;\n height: unset;\n }\n .RYAN_0715 .trans_container .item_area {\n transition: height 0.3s;\n width: 94.66vw !important;\n height: 26.667vw;\n }\n\n .RYAN_0715 .trans_container .key-features-section__title {\n \/* width: 53.333vw !important; *\/\n }\n\n .RYAN_0715 .trans_container .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #fff;\n transition: all 0s;\n transition-delay: 0s;\n }\n .RYAN_0715 .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .RYAN_0715 .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 400;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n }\n .RYAN_0715 .trans_container .active .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 500;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n margin-top: 4px;\n }\n .RYAN_0715 .trans_container .key-features-section__text {\n left: 4.33vw;\n bottom: 5.33vw;\n height: 5.33vw;\n max-width: 90%;\n z-index: 2;\n }\n .RYAN_0715 .trans_container .item_area_fir .key-features-section__text {\n height: 5.33vw;\n }\n .RYAN_0715 .trans_container .item_area_sec .key-features-section__text {\n height: 5.33vw;\n }\n .RYAN_0715 .trans_container .item_area_thr .key-features-section__text {\n height: 5.33vw;\n }\n\n .RYAN_0715 .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n .RYAN_0715 .trans_container .item_area_sec .key-features-section__title-copy--large {\n color: unset;\n }\n\n .RYAN_0715 .trans_container .right-btn {\n position: absolute;\n left: unset;\n top: unset;\n bottom: 5.333vw;\n right: 5.333vw;\n width: 6.4vw;\n height: 6.4vw;\n }\n\n .RYAN_0715 .myswiper_container {\n padding-left: 2.667vw;\n margin-top: 5.33vw;\n padding-bottom: calc(4vw + 4px);\n }\n }\n\n .myswiper_container .swiper-scrollbar {\n height: 3px;\n left: 0;\n }\n .myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n }\n\n .myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n }\n\u003c\/style\u003e \u003cdiv class=\"RYAN_0715\"\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003e\u0026quot;Sophisticated slip-on, water-repellent boots for a variety of occasions\u0026quot;\u003c\/div\u003e \u003cdiv class=\"desc\"\u003e-The Ryan\u003c\/div\u003e \u003c\/div\u003e \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cpicture style=\"margin-top: 4.167vw; display: block\"\u003e \u003c!-- mobile --\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568509.jpg?v=1726126130\" media=\"(max-width: 1024px)\"\u003e \u003c!-- PC --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568510.jpg?v=1726126132%0A%20%20%20%20%20%20%20%20\"\u003e\u003c\/picture\u003e \u003cdiv class=\"trans_container\"\u003e \u003cdiv class=\"item_area active item_area_fir\"\u003e \u003cdiv class=\"mask\" style=\"display: none\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cvideo class=\"videos\" style=\"width: 100%\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/6d0ebabbd80b95dc1e30746818a00991.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003ewater repellency\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003ewater repellency\u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e It easily repels light splashes of water, keeping your feet comfortable even in sudden light rain! \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e It easily repels light splashes of water, keeping your feet comfortable even in sudden light rain! \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area item_area_sec\"\u003e \u003cdiv class=\"mask mask_sec\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cvideo class=\"videos no-auto\" style=\"width: 100%\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/video134234.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eStretchy upper\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Stretchy upper \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e SockFit technology conforms to the natural contours of your foot for a second-skin feel. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e SockFit technology conforms to the natural contours of your foot for a second-skin feel. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area item_area_thr\"\u003e \u003cdiv class=\"mask\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Rectangle-6516.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Rectangle-6516.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eCasual, dress, formal boots\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Casual, dress, formal boots \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e From casual outings to formal meetings and walking around town. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e From casual outings to formal meetings and walking around town. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLOOKBOOK\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0\"\u003e \u003cdiv class=\"mySwiper-fir\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13512.png?v=1721301564\" alt=\"VIVAIA\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13513.png?v=1721301562\" alt=\"VIVAIA\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13514.png?v=1721301560\" alt=\"VIVAIA\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13428.png?v=1721301562\" alt=\"VIVAIA\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13451.png?v=1721301559\" alt=\"VIVAIA\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-scrollbar\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cscript\u003e\n let timer = null;\n timer = setInterval(() =\u003e {\n if (window.Swiper) {\n clearInterval(timer);\n timer = null;\n new Swiper(\".mySwiper-fir\", {\n breakpoints: {\n 320: {\n slidesPerView: 1.216,\n spaceBetween: 10,\n },\n 769: {\n slidesPerView: 3.5,\n spaceBetween: 10,\n },\n },\n scrollbar: {\n el: \".swiper-scrollbar\",\n },\n });\n }\n }, 500);\n\n function setVideo() {\n document.querySelectorAll(\".kara-top-banner video\") \u0026\u0026\n document.querySelectorAll(\".kara-top-banner video\").forEach((v) =\u003e {\n if (window.innerWidth \u003e 768) {\n v.innerHTML = `\u003csource\n src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/20240716%20Ryan%20Slip-on_PC.mp4\"\n type=\"video\/mp4\"\n \/\u003e`;\n v.poster = \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Slip-on_PC4.jpg\";\n } else {\n v.innerHTML = `\u003csource\n src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/20240716%20Ryan%20Slip-on_M.mp4\"\n type=\"video\/mp4\"\n \/\u003e`;\n v.poster = \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Slip-on_M4.jpg\";\n }\n });\n\n document.querySelectorAll(\".videos\").forEach((video) =\u003e {\n video.setAttribute(\"playsinline\", true);\n video.setAttribute(\"webkit-playsinline\", true);\n let playPromise = video.play();\n if (playPromise !== undefined) {\n playPromise\n .then(function () {\n \/\/ 视频自动播放\n })\n .catch(function (error) {\n \/\/ iOS设备上的自动播放失败，需要等待用户交互后手动播放\n video.addEventListener(\"touchstart\", function () {\n video.play();\n });\n });\n }\n try {\n const observer = new IntersectionObserver(\n (entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const video = entry.target;\n if (entry.isIntersecting) {\n video.play();\n } else {\n video.pause();\n }\n });\n },\n { rootMargin: \"0px 0px 200px 0px\" }\n );\n\n const allVideos = document.querySelectorAll(\".videos\");\n allVideos?.forEach((el) =\u003e {\n el.muted = true;\n const hasAutoplay = el.hasAttribute(\"autoplay\");\n if (hasAutoplay) {\n observer.observe(el);\n }\n });\n } catch (e) {\n console.log(\"videoControl error\", e);\n }\n\n if (video.className.indexOf(\"no-auto\") \u003e -1) {\n video.pause();\n }\n });\n }\n\n setVideo();\n\n function cli_act() {\n const key_features = document.querySelectorAll(\".item_area\");\n\n key_features.forEach((e) =\u003e {\n e.addEventListener(\"click\", function () {\n remove();\n this.classList.add(\"active\");\n if (e.querySelector(\"video\")) {\n e.querySelector(\"video\").play();\n }\n this.querySelector(\".mask\").style.display = \"none\";\n });\n });\n function remove() {\n key_features.forEach((e) =\u003e {\n e.classList.remove(\"active\");\n let videos = document.querySelectorAll(\".item_area video\");\n videos.forEach((video) =\u003e {\n video.pause();\n });\n e.querySelector(\".mask\").style.display = \"block\";\n });\n }\n }\n\n cli_act();\n\u003c\/script\u003e ","brand":"VIVAIA JAPAN","offers":[{"title":"ryanslipon_black\/red \/ JP-22.0cm\/EU-35","offer_id":45734723125504,"sku":"shbootse2405140031001","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-22.5cm\/EU-35.5","offer_id":45734723223808,"sku":"shbootse2405140031002","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-22.5~23.0cm\/EU-36","offer_id":45734723289344,"sku":"shbootse2405140031003","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-23.0cm\/EU-36.5","offer_id":45734723354880,"sku":"shbootse2405140031004","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-23.5cm\/EU-37","offer_id":45734723420416,"sku":"shbootse2405140031005","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45734723485952,"sku":"shbootse2405140031006","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-24.0cm\/EU-38","offer_id":45734723551488,"sku":"shbootse2405140031007","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-24.5cm\/EU-38.5","offer_id":45734723617024,"sku":"shbootse2405140031008","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-24.5~25.0cm\/EU-39","offer_id":45734723682560,"sku":"shbootse2405140031009","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-25.0cm\/EU-39.5","offer_id":45734723911936,"sku":"shbootse2405140031010","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-25.5cm\/EU-40","offer_id":45734723977472,"sku":"shbootse2405140031011","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45734724043008,"sku":"shbootse2405140031012","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_black\/red \/ JP-26.0cm\/EU-41","offer_id":45734724141312,"sku":"shbootse2405140031013","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-26.5cm\/EU-41.5","offer_id":45734724206848,"sku":"shbootse2405140031014","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-27.0cm\/EU-42","offer_id":45734724305152,"sku":"shbootse2405140031015","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_black\/red \/ JP-27.5cm\/EU-43","offer_id":45734724337920,"sku":"shbootse2405140031016","price":23900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1721120488-94dcd16a-08ee-49cf-917f-bba8fcc7c4fb_5703786f-e640-4acd-9876-f19aafbd3931.jpg?v=1729157155"},{"product_id":"boots-clara-blackrubyred","title":"[Clara] Square toe Water-repellent Ankle Chelsea Boots","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n \/* 初始化 *\/\n body {\n margin: 0;\n }\n\n .CLARA_0805 {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n }\n\n @font-face {\n src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf');\n }\n\n @font-face {\n src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf');\n }\n\n @font-face {\n font-weight: 300;\n src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf');\n }\n\n .CLARA_0805 .show-big {\n display: block;\n }\n\n .CLARA_0805 .show-small {\n display: none;\n }\n\n .CLARA_0805 img {\n display: block;\n width: 100%;\n user-select: none !important;\n }\n\n .CLARA_0805 p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n .CLARA_0805 .space-w {\n margin: 0 auto;\n margin-top: 5vw;\n }\n\n .CLARA_0805 .full-w {\n width: 100%;\n }\n\n .CLARA_0805 .title {\n user-select: none;\n }\n\n .CLARA_0805 .desc {\n user-select: none;\n }\n\n \/* 1 *\/\n .CLARA_0805 {\n \/* font-size:; *\/\n overflow-x: hidden;\n }\n .CLARA_0805 img {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* 2 *\/\n\n .CLARA_0805 .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .CLARA_0805 .common-title {\n font-size: 28px;\n line-height: 2.604vw;\n color: #191817;\n font-weight:600\n }\n\n .CLARA_0805 .common-subhead {\n font-size: 16px;\n font-weight: 300;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n }\n\n \/* 结构 *\/\n \/* kara-top-banner *\/\n .CLARA_0805 .kara-top-banner {\n position: relative;\n line-height: 0;\n margin-bottom: 4.167vw;\n }\n .CLARA_0805 .kara-top-banner .common-title {\n text-align: center;\n }\n .CLARA_0805 .kara-top-banner .common-subhead {\n text-align: center;\n font-size: 16px;\n margin-top: 16px;\n font-weight:500;\n }\n .CLARA_0805 .kara-top-banner .video-text {\n position: relative;\n width: 100%;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area {\n position: absolute;\n text-align: left;\n top: 34.8%;\n left: 6.15%;\n color: #fff;\n max-width: 27%;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .title {\n font-size: 28px;\n line-height: 2.86vw;\n font-weight: 600;\n margin-bottom: 16px;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .desc {\n font-size: 16px;\n line-height: 1.22vw;\n font-weight: 500;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .grid-compoment {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n \/* column-gap: 23px; *\/\n row-gap: 30px;\n width: 63%;\n margin-top: 2.4vw;\n }\n\n .CLARA_0805\n .kara-top-banner\n .video-text\n .text-area\n .grid-compoment\n .title {\n font-size: 28px;\n line-height: 2.2vw;\n margin-bottom: 0;\n }\n\n \/* banner-sec *\/\n .CLARA_0805 .banner-sec {\n position: relative;\n }\n\n .CLARA_0805 .banner-sec img {\n aspect-ratio: 1840\/943;\n }\n\n .CLARA_0805 .banner-sec .text-area {\n position: absolute;\n text-align: left;\n top: 18%;\n right: 5.9%;\n max-width: 41.2%;\n }\n\n .CLARA_0805 .banner-sec .text-area .title {\n font-size: 28px;\n line-height: 2.86vw;\n font-weight: 600;\n margin-bottom: 16px;\n max-width: 81.1%;\n }\n\n .CLARA_0805 .banner-sec .text-area .desc {\n font-size: 16px;\n line-height: 1.22vw;\n font-weight: 500;\n max-width: 99.1%;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment {\n position: absolute;\n bottom: 21%;\n right: 5.9%;\n width: 41.2%;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n row-gap: 1.35vw;\n column-gap: 2.8vw;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment svg {\n margin-right: 0.625vw;\n width: 1.04vw;\n height: 1.04vw;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .title {\n font-size: 1.04vw;\n \/* line-height: 1.22vw; *\/\n margin-bottom: 0.73vw;\n font-weight: 500;\n display: flex;\n align-items: center;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .desc {\n font-size: 16px;\n line-height: 1.22vw;\n font-weight: 500;\n opacity: 0.6;\n padding-left: 1.665vw;\n }\n\n \/* trans_container *\/\n .CLARA_0805 .trans_container {\n display: inline-flex;\n margin-top: 4.167vw;\n }\n\n .CLARA_0805 .trans_container .item_area {\n width: 22.5vw;\n \/* height: 46.875vw; *\/\n transition: width 0.3s;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n }\n .CLARA_0805 .trans_container .mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.3);\n display: block;\n }\n\n \/* .CLARA_0805 .trans_container .active .mask_sec {\nbackground: linear-gradient(\n to bottom,\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(86, 48, 12, 0.4)\n);\ndisplay: block !important;\n}\n\n.CLARA_0805 .trans_container .active .mask_thr {\nbackground: linear-gradient(\n to bottom,\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(86, 48, 12, 0.4)\n);\ndisplay: block !important;\n} *\/\n\n .CLARA_0805 .trans_container .item_area .item_image {\n width: 50.833vw;\n \/* height: 46.875vw; *\/\n height: 100%;\n float: left;\n list-style: none;\n color: #000;\n line-height: 0;\n }\n .CLARA_0805 .trans_container .active {\n width: 50.833vw !important;\n }\n\n .CLARA_0805 .trans_container .key-features-section__text {\n position: absolute;\n width: 100%;\n height: 0;\n bottom: 4.167vw;\n left: 3.38vw;\n z-index: 2;\n }\n\n .CLARA_0805 .trans_container .key-features-section__title {\n margin-block-start: 0;\n margin-block-end: 0;\n transition: all 0.2s;\n position: absolute;\n \/* transition-delay: 0.1s; *\/\n width: 100%;\n bottom: 0;\n font-size: 1.25vw;\n font-weight: 600;\n line-height: 1.465vw;\n text-align: left;\n }\n .CLARA_0805 .trans_container .key-features-section__title-copy {\n opacity: 1;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 1.25vw;\n font-weight: 600;\n line-height: 1.465vw;\n text-align: left;\n position: absolute;\n bottom: -1.465vw;\n color: #fff;\n }\n\n .CLARA_0805 .trans_container .key-features-section__title-copy--large {\n opacity: 0;\n position: absolute;\n bottom: 0;\n pointer-events: none;\n color: #000;\n }\n\n .CLARA_0805 .trans_container .item_area_fir {\n color: #fff;\n }\n\n .CLARA_0805\n .trans_container\n .item_area_fir\n .key-features-section__title-copy--large {\n color: #fff;\n }\n .CLARA_0805 .trans_container .key-features-section__description-copy {\n \/* margin-block-start: 0;\nmargin-block-end: 0; *\/\n opacity: 0;\n position: relative;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 16px;\n font-weight: 500;\n line-height: 0.98vw;\n text-align: left;\n width: 36.458vw;\n transform: translateY(calc(100% + 5px));\n }\n\n .CLARA_0805 .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n }\n .CLARA_0805 .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n }\n .CLARA_0805\n .trans_container\n .active\n .key-features-section__title-copy--large {\n opacity: 1;\n }\n .CLARA_0805\n .trans_container\n .active\n .key-features-section__description-copy {\n opacity: 1;\n transform: translateY(0);\n \/* transition-delay: 0.2s; *\/\n margin-top: 0.417vw;\n }\n .CLARA_0805\n .trans_container\n .active\n .key-features-section__title-copy--large {\n font-size: 28px;\n font-weight: 600;\n line-height: 1.953vw;\n text-align: left;\n }\n\n .CLARA_0805 .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n }\n .CLARA_0805 .trans_container .active .right-btn {\n display: none;\n }\n\n \/* myswiper_container *\/\n .CLARA_0805 .myswiper_container {\n position: relative;\n padding-left: 2.08vw;\n margin-top: 2.08vw;\n overflow: hidden;\n padding-bottom: calc(2.08vw + 4px);\n }\n\n .CLARA_0805 .myswiper_container img {\n width: 100%;\n }\n\n .CLARA_0805 .myswiper_container .swiper-scrollbar {\n margin: 0 2.08vw;\n width: calc(98% - 2.08vw);\n height: 3px;\n left: 0;\n bottom: 1px;\n display: flex;\n font-size: 0;\n }\n\n .CLARA_0805 .myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n }\n\n .CLARA_0805 .myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n }\n \/* 笔记本 *\/\n @media screen and (min-width: 1025px) and (max-width: 1440px) {\n .CLARA_0805 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .CLARA_0805 .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n .CLARA_0805 .kara-top-banner .common-subhead {\n text-align: center;\n font-size: 16px;\n margin-top: 8px;\n }\n }\n \/* 平板 *\/\n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .CLARA_0805 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .CLARA_0805 .kara-top-banner {\n position: relative;\n }\n .CLARA_0805 .kara-top-banner .common-subhead {\n text-align: center;\n font-size: 12px;\n margin-top: 8px;\n }\n }\n \/* 手机 *\/\n @media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .CLARA_0805 {\n }\n\n .CLARA_0805 .show-big {\n display: none !important;\n }\n\n .CLARA_0805 .show-small {\n display: block;\n }\n\n .CLARA_0805 .show-no-small {\n display: none;\n }\n\n .CLARA_0805 .space-w {\n margin-top: 10.67vw;\n }\n\n .CLARA_0805 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .CLARA_0805 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight:600;\n }\n\n .CLARA_0805 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n \/* kara-top-banner *\/\n .CLARA_0805 .kara-top-banner {\n position: relative;\n margin-bottom: 10.6666667vw;\n }\n .CLARA_0805 .kara-top-banner .common-subhead {\n text-align: center;\n font-size: 14px;\n margin-top: 2.6666667vw;\n font-weight:500;\n }\n .CLARA_0805 .kara-top-banner .video-text .text-area {\n top: unset;\n left: 3.67%;\n bottom: 3vw;\n color: #000;\n max-width: 100%;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .title {\n font-size: 20px;\n line-height: 8.5vw;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .desc {\n font-size: 14px;\n line-height: 4.376vw;\n font-weight: 500;\n }\n\n .CLARA_0805 .kara-top-banner .video-text .text-area .grid-compoment {\n display: grid;\n grid-template-columns: 18% 82%;\n column-gap: 0px;\n row-gap: 0px;\n width: 100%;\n margin-top: 25px;\n }\n\n .CLARA_0805\n .kara-top-banner\n .video-text\n .text-area\n .grid-compoment\n .title {\n font-size: 14px;\n line-height: 4.376vw;\n font-weight:500;\n padding: 7px 0;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n margin-bottom: 0;\n }\n\n .CLARA_0805\n .kara-top-banner\n .video-text\n .text-area\n .grid-compoment\n .desc {\n font-size: 14px;\n line-height: 4.376vw;\n font-weight:500;\n padding: 7px 0;\n border-top: 1px solid rgba(0, 0, 0, 0.2);\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n }\n\n \/* .CLARA_0805\n .kara-top-banner\n .video-text\n .text-area\n .grid-compoment\n .title:nth-last-child(2) {\n border-top: none;\n}\n\n.CLARA_0805\n .kara-top-banner\n .video-text\n .text-area\n .grid-compoment\n .desc:nth-last-child(1) {\n border-top: none;\n} *\/\n\n \/* banner-sec *\/\n .CLARA_0805 .banner-sec {\n position: relative;\n }\n\n .CLARA_0805 .banner-sec img {\n aspect-ratio: 355\/480;\n }\n\n .CLARA_0805 .banner-sec .text-area {\n position: relative;\n text-align: center;\n top: unset;\n right: unset;\n max-width: 100%;\n padding: 0 2.7vw;\n margin-bottom: 20px;\n }\n\n .CLARA_0805 .banner-sec .text-area .title {\n font-size: 20px;\n line-height: 8.5vw;\n font-weight: 600;\n margin-bottom: 4px;\n max-width: 100%;\n }\n\n .CLARA_0805 .banner-sec .text-area .desc {\n font-size: 14px;\n line-height: 4.376vw;\n max-width: 100%;\n font-weight:500;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment {\n position: absolute;\n bottom: 6.4vw;\n right: unset;\n left: 5.33%;\n width: 74%;\n grid-template-columns: 100%;\n row-gap: 0;\n column-gap: 0;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment svg {\n margin-right: 14px;\n width: 3.2vw;\n height: 3.2vw;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .title {\n font-size: 3.73vw;\n line-height: 4.376vw;\n border-top: 1px solid rgba(255, 255, 255, 0.5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n margin-bottom: 0;\n padding: 7px 0;\n color: #ffffff;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .desc {\n font-size: 14px;\n line-height: 3.75vw;\n font-weight:500;\n color: #ffffff;\n border-top: 1px solid rgba(255, 255, 255, 0.5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n padding: 7px 0;\n display: flex;\n align-items: center;\n opacity: 1;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .desc:nth-last-child(2) {\n border-top: none;\n }\n\n .CLARA_0805 .banner-sec .grid-compoment .desc:nth-last-child(1) {\n border-top: none;\n }\n\n \/* trans_container *\/\n .CLARA_0805 .trans_container {\n display: block;\n margin-top: 10.667vw;\n overflow-x: hidden;\n }\n .CLARA_0805 .trans_container .active {\n width: 94.66vw !important;\n height: 87.296vw !important;\n }\n\n .CLARA_0805 .trans_container .item_area .item_image {\n width: 94.66vw !important;\n aspect-ratio: 355\/327.36;\n height: unset;\n }\n .CLARA_0805 .trans_container .item_area {\n transition: height 0.3s;\n width: 94.66vw !important;\n height: 26.667vw;\n }\n\n .CLARA_0805 .trans_container .key-features-section__title {\n \/* width: 53.333vw !important; *\/\n }\n\n .CLARA_0805 .trans_container .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #fff;\n transition: all 0s;\n transition-delay: 0s;\n }\n .CLARA_0805 .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .CLARA_0805 .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 400;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n }\n .CLARA_0805\n .trans_container\n .active\n .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 500;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n margin-top: 4px;\n }\n .CLARA_0805 .trans_container .key-features-section__text {\n left: 5.33vw;\n bottom: 5.33vw;\n height: 5.33vw;\n max-width: 90%;\n z-index: 2;\n }\n .CLARA_0805\n .trans_container\n .item_area_fir\n .key-features-section__text {\n height: 5.33vw;\n }\n .CLARA_0805\n .trans_container\n .item_area_sec\n .key-features-section__text {\n height: 5.33vw;\n }\n .CLARA_0805\n .trans_container\n .item_area_thr\n .key-features-section__text {\n height: 5.33vw;\n }\n\n .CLARA_0805 .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n\n .CLARA_0805\n .trans_container\n .item_area_fir\n .key-features-section__title-copy--large {\n color: unset;\n }\n\n .CLARA_0805 .trans_container .right-btn {\n position: absolute;\n left: unset;\n top: unset;\n bottom: 5.333vw;\n right: 5.333vw;\n width: 6.4vw;\n height: 6.4vw;\n }\n\n \/* myswiper_container *\/\n .CLARA_0805 .myswiper_container {\n padding-left: 2.667vw;\n margin-top: 5.33vw;\n padding-bottom: calc(4vw + 4px);\n }\n }\n\n .myswiper_container .swiper-scrollbar {\n height: 3px;\n left: 0;\n }\n .myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n }\n\n .myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n }\n \u003c\/style\u003e \u003cdiv class=\"CLARA_0805\"\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"video-text\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eGet timeless style and lasting comfort\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003e- CLARA\u003c\/div\u003e \u003c\/div\u003e \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" height=\"100%\" data-index=\"0\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- kara-top-banner --\u003e \u003cdiv class=\"kara-top-banner space-w\"\u003e \u003cdiv class=\"video-text\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003eSpacious toe box\u003c\/div\u003e \u003cdiv class=\"desc\"\u003eThe toe box design with extra room for your toes accommodates a wide variety of foot shapes, especially those with wide feet and high insteps. The extra space allows your toes to spread out naturally, reducing pressure between your toes for all-day comfort.\u003c\/div\u003e \u003cdiv class=\"grid-compoment\"\u003e \u003cdiv class=\"title special_heading\"\u003e+ 30%\u003c\/div\u003e \u003cdiv class=\"desc\"\u003eWider toe box\u003c\/div\u003e \u003c!-- \u003cdiv class=\"title\"\u003e+ 30%\u003c\/div\u003e \u003cdiv class=\"desc\"\u003eWider toe box\u003c\/div\u003e --\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\" data-index=\"1\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- banner-sec --\u003e \u003cdiv class=\"banner-sec space-w\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title\"\u003eV-Pro WalkSole™\u003c\/div\u003e \u003cdiv class=\"desc\"\u003eThe V-Pro WalkSole™ is even more comfortable with a host of new materials and technologies, including a honeycomb cushion insole, dual density midsole, and hyperflex outsole. Combined with doubled arch support, it provides shock absorption, breathability, antibacterial moisture wicking, and odor control to keep you dry and comfortable all day long.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture style=\"width: 100%;\"\u003e \u003csource srcset=\"\n https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/vpro_bigicon_m.jpg?v=1728379974 \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Group-336568440.jpg?imresize=2760x1415\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e \u003cdiv class=\"grid-compoment\"\u003e \u003cdiv\u003e \u003cdiv class=\"title show-big\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M10.796 4.64506V14.8571H9.50558V6.25639L6.90374 7.20505V6.04015L10.5938 4.64506H10.796Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eHoneycomb cushion insole\u003c\/div\u003e \u003cdiv class=\"desc show-small\"\u003e \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M6.7998 2.44775V8.87256H6.27686V3.11133L4.53662 3.75732V3.26074L6.71191 2.44775H6.7998Z\" fill=\"#865618\"\u003e\u003c\/path\u003e\u003c\/svg\u003eHoneycomb cushion insole \u003c\/div\u003e \u003cdiv class=\"desc show-big\"\u003eHoneycomb bubble cushioning gently cradles your feet, Poron® shock absorbing padding cushions every step, and activated charcoal keeps your feet fresh all day.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"title show-big\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M13.2095 13.7968V14.8571H6.56194V13.9294L9.88923 10.2254C10.2985 9.76969 10.6147 9.38372 10.8379 9.0675C11.0658 8.74663 11.2239 8.46063 11.3122 8.20952C11.4052 7.95375 11.4517 7.69333 11.4517 7.42827C11.4517 7.09344 11.382 6.79118 11.2425 6.52146C11.1076 6.24709 10.9076 6.02853 10.6426 5.86577C10.3775 5.70301 10.0566 5.62163 9.67997 5.62163C9.22889 5.62163 8.85221 5.70998 8.54994 5.88669C8.25233 6.05875 8.02911 6.30057 7.8803 6.61214C7.73149 6.92371 7.65709 7.28178 7.65709 7.68636H6.36663C6.36663 7.11437 6.49219 6.59121 6.7433 6.11688C6.99442 5.64255 7.36644 5.26588 7.85938 4.98686C8.35231 4.70319 8.95917 4.56136 9.67997 4.56136C10.3217 4.56136 10.8704 4.67529 11.3262 4.90315C11.7819 5.12637 12.1307 5.44259 12.3725 5.85181C12.619 6.25639 12.7422 6.73072 12.7422 7.27481C12.7422 7.57243 12.691 7.87469 12.5887 8.18161C12.4911 8.48388 12.3539 8.78615 12.1772 9.08842C12.0051 9.39069 11.8028 9.68831 11.5703 9.98128C11.3424 10.2742 11.0983 10.5626 10.8379 10.8462L8.11747 13.7968H13.2095Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eDual density midsole \u003c\/div\u003e \u003cdiv class=\"desc show-small\"\u003e \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M8.35986 8.41992V8.87256H4.35645V8.46387L6.45264 6.08643C6.71338 5.79053 6.92139 5.53125 7.07666 5.30859C7.23193 5.08301 7.34326 4.87793 7.41064 4.69336C7.48096 4.50586 7.51611 4.32422 7.51611 4.14844C7.51611 3.89062 7.46484 3.66357 7.3623 3.46729C7.2627 3.271 7.11328 3.11719 6.91406 3.00586C6.71484 2.89453 6.46875 2.83887 6.17578 2.83887C5.88281 2.83887 5.62793 2.90186 5.41113 3.02783C5.19434 3.15381 5.02734 3.32959 4.91016 3.55518C4.7959 3.77783 4.73877 4.03125 4.73877 4.31543H4.21582C4.21582 3.96387 4.29346 3.6416 4.44873 3.34863C4.60693 3.05566 4.83252 2.82275 5.12549 2.6499C5.41846 2.47412 5.76855 2.38623 6.17578 2.38623C6.5625 2.38623 6.89502 2.45508 7.17334 2.59277C7.45166 2.72754 7.66553 2.92236 7.81494 3.17725C7.96729 3.43213 8.04346 3.73975 8.04346 4.1001C8.04346 4.29346 8.0083 4.48828 7.93799 4.68457C7.87061 4.88086 7.77686 5.07715 7.65674 5.27344C7.53955 5.4668 7.40479 5.65869 7.25244 5.84912C7.10303 6.03955 6.94629 6.22705 6.78223 6.41162L4.99805 8.41992H8.35986Z\" fill=\"#865618\"\u003e\u003c\/path\u003e \u003c\/svg\u003eDual density midsole\u003c\/div\u003e \u003cdiv class=\"desc show-big\"\u003eImproved cushioning in the forefoot pad and enhanced support in the rearfoot ensure proper bounce and foot positioning during wear.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"title show-big\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M8.43834 9.14429H9.3591C9.81018 9.14429 10.1822 9.06988 10.4752 8.92107C10.7728 8.76761 10.9937 8.56067 11.1378 8.30026C11.2866 8.03519 11.361 7.73757 11.361 7.4074C11.361 7.01678 11.2959 6.68893 11.1657 6.42386C11.0355 6.1588 10.8402 5.95883 10.5798 5.82397C10.3194 5.68912 9.98921 5.62169 9.58929 5.62169C9.22656 5.62169 8.90569 5.69377 8.62667 5.83792C8.35231 5.97743 8.13607 6.1774 7.97796 6.43781C7.8245 6.69823 7.74777 7.00515 7.74777 7.35857H6.45731C6.45731 6.84239 6.58752 6.37271 6.84794 5.94953C7.10835 5.52636 7.4734 5.18921 7.94308 4.93809C8.41741 4.68698 8.96615 4.56142 9.58929 4.56142C10.2031 4.56142 10.7402 4.6707 11.2006 4.88926C11.661 5.10318 12.0191 5.42405 12.2748 5.85188C12.5306 6.27505 12.6585 6.80286 12.6585 7.4353C12.6585 7.69107 12.598 7.96544 12.4771 8.25841C12.3609 8.54672 12.1772 8.81644 11.9261 9.06756C11.6796 9.31867 11.3587 9.52561 10.9634 9.68837C10.5682 9.84648 10.0938 9.92554 9.54046 9.92554H8.43834V9.14429ZM8.43834 10.2046V9.43028H9.54046C10.1868 9.43028 10.7216 9.50701 11.1448 9.66047C11.568 9.81393 11.9005 10.0185 12.1423 10.2743C12.3888 10.5301 12.5608 10.8114 12.6585 11.1183C12.7608 11.4206 12.8119 11.7229 12.8119 12.0251C12.8119 12.4995 12.7306 12.9203 12.5678 13.2877C12.4097 13.6551 12.1842 13.9666 11.8912 14.2224C11.6029 14.4782 11.2634 14.6712 10.8728 14.8014C10.4821 14.9316 10.0566 14.9967 9.59626 14.9967C9.15448 14.9967 8.73828 14.9339 8.34766 14.8083C7.96168 14.6828 7.61988 14.5014 7.32227 14.2643C7.02465 14.0224 6.79213 13.7272 6.62472 13.3784C6.45731 13.025 6.3736 12.6227 6.3736 12.1716H7.66406C7.66406 12.5251 7.74079 12.8343 7.89425 13.0994C8.05236 13.3644 8.27558 13.5714 8.5639 13.7202C8.85686 13.8643 9.20099 13.9364 9.59626 13.9364C9.99154 13.9364 10.331 13.869 10.6147 13.7341C10.903 13.5946 11.1239 13.3854 11.2773 13.1063C11.4355 12.8273 11.5145 12.4762 11.5145 12.053C11.5145 11.6299 11.4262 11.2834 11.2494 11.0137C11.0727 10.7393 10.8216 10.5371 10.4961 10.4068C10.1752 10.272 9.79622 10.2046 9.3591 10.2046H8.43834Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eHyperflex outsole\u003c\/div\u003e \u003cdiv class=\"desc show-small\"\u003e \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M5.52539 5.51074H6.06152C6.38965 5.51074 6.66357 5.45508 6.8833 5.34375C7.10596 5.22949 7.27295 5.07861 7.38428 4.89111C7.49854 4.70361 7.55566 4.49561 7.55566 4.26709C7.55566 4.00928 7.50732 3.78369 7.41064 3.59033C7.31396 3.39404 7.16602 3.2417 6.9668 3.1333C6.77051 3.02197 6.51855 2.96631 6.21094 2.96631C5.94141 2.96631 5.70117 3.01904 5.49023 3.12451C5.2793 3.22998 5.1123 3.38086 4.98926 3.57715C4.86621 3.77344 4.80469 4.00781 4.80469 4.28027H4.28174C4.28174 3.93164 4.36523 3.62549 4.53223 3.36182C4.69922 3.09521 4.9292 2.88721 5.22217 2.73779C5.51514 2.58838 5.84473 2.51367 6.21094 2.51367C6.58887 2.51367 6.91699 2.58252 7.19531 2.72021C7.47656 2.85791 7.69336 3.05859 7.8457 3.32227C8.00098 3.58594 8.07861 3.90674 8.07861 4.28467C8.07861 4.47803 8.03613 4.66846 7.95117 4.85596C7.86914 5.04346 7.74609 5.21338 7.58203 5.36572C7.41797 5.51514 7.21436 5.63525 6.97119 5.72607C6.72803 5.81689 6.44531 5.8623 6.12305 5.8623H5.52539V5.51074ZM5.52539 5.96338V5.61621H6.12305C6.48926 5.61621 6.80273 5.65869 7.06348 5.74365C7.32422 5.82568 7.53809 5.94287 7.70508 6.09521C7.875 6.24463 7.99951 6.41895 8.07861 6.61816C8.15771 6.81738 8.19727 7.03125 8.19727 7.25977C8.19727 7.55273 8.14893 7.81201 8.05225 8.0376C7.95557 8.26318 7.81787 8.45508 7.63916 8.61328C7.46338 8.76855 7.25537 8.88721 7.01514 8.96924C6.77783 9.04834 6.51709 9.08789 6.23291 9.08789C5.9751 9.08789 5.72314 9.0498 5.47705 8.97363C5.23389 8.89746 5.01416 8.78467 4.81787 8.63525C4.62451 8.48291 4.4707 8.29248 4.35645 8.06396C4.24219 7.83252 4.18506 7.56592 4.18506 7.26416H4.70801C4.70801 7.53369 4.77246 7.77246 4.90137 7.98047C5.03027 8.18555 5.20898 8.34668 5.4375 8.46387C5.66895 8.57812 5.93408 8.63525 6.23291 8.63525C6.53467 8.63525 6.79248 8.58398 7.00635 8.48145C7.22314 8.37598 7.38867 8.22217 7.50293 8.02002C7.61719 7.81787 7.67432 7.57031 7.67432 7.27734C7.67432 6.96973 7.60547 6.71924 7.46777 6.52588C7.33301 6.33252 7.14404 6.19043 6.90088 6.09961C6.66064 6.00879 6.38086 5.96338 6.06152 5.96338H5.52539Z\" fill=\"#865618\"\u003e\u003c\/path\u003e \u003c\/svg\u003eHyperflex outsole \u003c\/div\u003e \u003cdiv class=\"desc show-big\"\u003eThe \u0026quot;Blue Sandwich\u0026quot; construction combines support and comfort with a supple, slim profile designed for easy walking.\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003cdiv class=\"title show-big\"\u003e \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M13.4188 11.4392V12.4994H6.08064V11.7391L10.6286 4.7009H11.6819L10.5519 6.73773L7.54548 11.4392H13.4188ZM12.0028 4.7009V14.8571H10.7123V4.7009H12.0028Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 2x Arch Support \u003c\/div\u003e \u003cdiv class=\"desc show-small\"\u003e \u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M7.82959 6.93457V7.38281H3.29883V7.07959L6.25635 2.60156H6.6958L6.07178 3.68701L3.94043 6.93457H7.82959ZM6.83203 2.60156V9H6.30908V2.60156H6.83203Z\" fill=\"#865618\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 2x Arch Support \u003c\/div\u003e \u003cdiv class=\"desc show-big\"\u003eArch support holds your feet firmly in place while standing, walking, and running.\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"trans_container\"\u003e \u003cdiv class=\"item_area item_area_fir\"\u003e \u003cdiv class=\"mask\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13529.jpg \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13529.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eUltra-flexible knit upper\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eUltra-flexible knit upper\u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003eMade from recycled plastic bottles, this soft, stretchy knit is breathable, stays dry, and provides all-day comfort with a custom fit.\u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt provides all-day comfort and a custom-made fit.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area active item_area_sec\"\u003e \u003cdiv class=\"mask mask_sec\" style=\"display: none;\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e\u003cvideo class=\"videos\" style=\"width: 100%;\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/2-976-900.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003ewater repellency\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003ewater repellency\u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt easily repels light splashes of water, keeping your feet comfortable even in sudden rain!\u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt easily repels light splashes of water, keeping your feet comfortable even in sudden rain!\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area item_area_thr\"\u003e \u003cdiv class=\"mask mask_thr\"\u003e \u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e\u003cvideo class=\"videos no-auto\" style=\"width: 100%;\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/ff4a6e805504a5e980a31447bbb4b715.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eExtremely durable\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eExtremely durable\u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003eRigorous durability testing ensures it will withstand the everyday wear and tear of today's busy lives.\u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003eRigorous durability testing ensures it will withstand the everyday wear and tear of today's busy lives.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0;\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLOOKBOOK\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"mySwiper-fir swiper-container-initialized swiper-container-horizontal\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%206520.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013426.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13427.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013428.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013512.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013515.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-scrollbar\"\u003e \u003cdiv class=\"swiper-scrollbar-drag\" style=\"transform: translate3d(0px, 0px, 0px); width: 942.042px;\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n new Swiper('.mySwiper-fir', {\n breakpoints: {\n 320: {\n slidesPerView: 1.216,\n spaceBetween: 10,\n },\n 769: {\n slidesPerView: 3.5,\n spaceBetween: 10,\n },\n },\n scrollbar: {\n el: '.swiper-scrollbar',\n },\n });\n \n function setVideo() {\n const videoList = [\n {\n src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240914_7135\/20240726CLARA_PC.mp4',\n src_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240914_7135\/20240726CLARA_M.mp4',\n poster:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240914_7135\/20240726CLARA%20_v002.00_00_21_33.Still001.jpg',\n poster_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240914_7135\/20240726CLARA%20M_v002.00_00_21_33.Still001.jpg',\n },\n {\n src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/1-%EF%BC%883840-2160%EF%BC%89.mp4',\n src_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/1-%EF%BC%881125-1650%EF%BC%89.mp4 ',\n poster:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Group-336568339.jpg',\n poster_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-6525.jpg',\n },\n ];\n document.querySelectorAll('.kara-top-banner .myVideo') \u0026\u0026\n document\n .querySelectorAll('.kara-top-banner .myVideo')\n .forEach((v, index) =\u003e {\n if (window.innerWidth \u003e 768) {\n v.innerHTML = `\u003csource src=\"${videoList[index].src}\" type=\"video\/mp4\"\/\u003e`;\n v.poster =\n videoList[index].poster;\n } else {\n \n v.innerHTML = `\u003csource src=\"${videoList[index].src_m}\" type=\"video\/mp4\"\/\u003e`;\n v.poster =\n videoList[index].poster_m;\n }\n });\n \n document.querySelectorAll('.videos').forEach((video) =\u003e {\n video.setAttribute('playsinline', true);\n video.setAttribute('webkit-playsinline', true);\n let playPromise = video.play();\n if (playPromise !== undefined) {\n playPromise\n .then(function () {\n \/\/ 视频自动播放\n })\n .catch(function (error) {\n \/\/ iOS设备上的自动播放失败，需要等待用户交互后手动播放\n video.addEventListener('touchstart', function () {\n video.play();\n });\n });\n }\n try {\n const observer = new IntersectionObserver(\n (entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const video = entry.target;\n if (entry.isIntersecting) {\n video.play();\n } else {\n video.pause();\n }\n });\n },\n { rootMargin: '0px 0px 200px 0px' }\n );\n \n const allVideos = document.querySelectorAll('.videos');\n allVideos?.forEach((el) =\u003e {\n el.muted = true;\n const hasAutoplay = el.hasAttribute('autoplay');\n if (hasAutoplay) {\n observer.observe(el);\n }\n });\n } catch (e) {\n console.log('videoControl error', e);\n }\n if (video.className.indexOf('no-auto') \u003e -1) {\n video.pause();\n }\n });\n }\n \n setVideo();\n \n function cli_act() {\n const key_features = document.querySelectorAll('.item_area');\n \n key_features.forEach((e) =\u003e {\n e.addEventListener('click', function () {\n remove();\n this.classList.add('active');\n if (e.querySelector('video')) {\n e.querySelector('video').play();\n }\n this.querySelector('.mask').style.display = 'none';\n });\n });\n function remove() {\n key_features.forEach((e) =\u003e {\n e.classList.remove('active');\n let videos = document.querySelectorAll('.item_area video');\n videos.forEach((video) =\u003e {\n video.pause();\n });\n e.querySelector('.mask').style.display = 'block';\n });\n }\n }\n \n cli_act();\n \n \u003c\/script\u003e \u003cscript\u003e\n try {\n const observer = new IntersectionObserver(\n (entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const video = entry.target;\n if (entry.isIntersecting) {\n video.play();\n } else {\n video.pause();\n }\n });\n },\n { rootMargin: '0px 0px 200px 0px' }\n );\n\n const allVideos = document.querySelectorAll('video');\n allVideos?.forEach((el) =\u003e {\n el.muted = true;\n const hasAutoplay = el.hasAttribute('autoplay');\n if (hasAutoplay) {\n observer.observe(el);\n }\n });\n } catch (e) {\n console.log('videoControl error', e);\n }\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"clara_black red \/ JP-22.0cm\/EU-35","offer_id":45778425184512,"sku":"shbootse2405100005001","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_black red \/ JP-22.5cm\/EU-35.5","offer_id":45778425217280,"sku":"shbootse2405100005002","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_black red \/ JP-22.5~23.0cm\/EU-36","offer_id":45778425250048,"sku":"shbootse2405100005003","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_black red \/ JP-23.0cm\/EU-36.5","offer_id":45778425282816,"sku":"shbootse2405100005004","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-23.5cm\/EU-37","offer_id":45778425315584,"sku":"shbootse2405100005005","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45778425348352,"sku":"shbootse2405100005006","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-24.0cm\/EU-38","offer_id":45778425381120,"sku":"shbootse2405100005007","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-24.5cm\/EU-38.5","offer_id":45778425413888,"sku":"shbootse2405100005008","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-24.5~25.0cm\/EU-39","offer_id":45778425446656,"sku":"shbootse2405100005009","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-25.0cm\/EU-39.5","offer_id":45778425479424,"sku":"shbootse2405100005010","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-25.5cm\/EU-40","offer_id":45778425512192,"sku":"shbootse2405100005011","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45778425544960,"sku":"shbootse2405100005012","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-26.0cm\/EU-41","offer_id":45778425577728,"sku":"shbootse2405100005013","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-26.5cm\/EU-41.5","offer_id":45778425610496,"sku":"shbootse2405100005014","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-27.0cm\/EU-42","offer_id":45778425643264,"sku":"shbootse2405100005015","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_black red \/ JP-27.5cm\/EU-43","offer_id":45778425676032,"sku":"shbootse2405100005016","price":18100.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722825883-19947bac-0b7e-45f0-915e-aff906d3ba0b.jpg?v=1729158240"},{"product_id":"boots-alexandra-blackrubyred","title":"[Alexandra] Pointed toe Water-repellent Ankle Heel Boots","description":"\u003cbody\u003e \u003cstyle\u003e\n \/* 初始化 *\/\nbody {\n margin: 0;\n}\n\n.ALEXANDRA_0816 {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n}\n\n@font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n}\n\n@font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n}\n\n@font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n}\n\n.ALEXANDRA_0816 .show-big {\n display: block;\n}\n\n.ALEXANDRA_0816 .show-small {\n display: none;\n}\n\n.ALEXANDRA_0816 img {\n display: block;\n width: 100%;\n user-select: none !important;\n}\n\n.ALEXANDRA_0816 p {\n margin-block-start: 0;\n margin-block-end: 0;\n}\n\n.ALEXANDRA_0816 .space-w {\n margin: 0 auto;\n margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .full-w {\n width: 100%;\n}\n\n.ALEXANDRA_0816 .title {\n user-select: none;\n}\n\n.ALEXANDRA_0816 .desc {\n user-select: none;\n}\n\n\/* 1 *\/\n.ALEXANDRA_0816 {\n \/* font-size:; *\/\n overflow-x: hidden;\n}\n.ALEXANDRA_0816 img {\n width: 100%;\n height: 100%;\n display: block;\n}\n\n\/* 2 *\/\n\n.ALEXANDRA_0816 .common-text-area {\n margin-bottom: 2.083vw;\n}\n\n.ALEXANDRA_0816 .common-title {\n font-size: 28px;\n line-height: 2.604vw;\n color: #191817;\n font-weight: 600;\n}\n\n.ALEXANDRA_0816 .common-subhead {\n font-size: 16px;\n font-weight: 300;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n}\n\n\/* 结构 *\/\n\/* kara-top-banner *\/\n.ALEXANDRA_0816 .kara-top-banner {\n position: relative;\n line-height: 0;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text {\n position: relative;\n width: 100%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n position: absolute;\n text-align: center;\n top: 44.25%;\n left: 5.26%;\n color: #fff;\n max-width: 50%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n font-size: 28px;\n line-height: 2.34vw;\n font-weight: 600;\n margin-bottom: 16px;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n font-size: 16px;\n line-height: 1.22vw;\n font-weight: 500;\n}\n\n\/* banner-sec *\/\n.ALEXANDRA_0816 .banner-sec {\n position: relative;\n}\n\n.ALEXANDRA_0816 .banner-sec img {\n aspect-ratio: 1840\/943;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area {\n position: absolute;\n text-align: left;\n top: 37%;\n right: 8.9%;\n max-width: 39%;\n color: #fff;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .title {\n font-size: 28px;\n line-height: 2.86vw;\n font-weight: 600;\n margin-bottom: 16px;\n max-width: 94.6%;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .desc {\n font-size: 16px;\n line-height: 1.22vw;\n font-weight: 500;\n max-width: 100%;\n}\n\n\/* trans_container *\/\n.ALEXANDRA_0816 .trans_container {\n display: inline-flex;\n margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .trans_container .item_area {\n width: 22.5vw;\n \/* height: 46.875vw; *\/\n transition: width 0.3s;\n overflow: hidden;\n position: relative;\n cursor: pointer;\n}\n.ALEXANDRA_0816 .trans_container .mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.3);\n display: block;\n}\n\n\/* .ALEXANDRA_0816 .trans_container .active .mask_sec {\n background: linear-gradient(\n to bottom,\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(86, 48, 12, 0.4)\n );\n display: block !important;\n}\n\n.ALEXANDRA_0816 .trans_container .active .mask_thr {\n background: linear-gradient(\n to bottom,\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(163, 132, 101, 0),\n rgba(86, 48, 12, 0.4)\n );\n display: block !important;\n} *\/\n\n.ALEXANDRA_0816 .trans_container .item_area .item_image {\n width: 50.833vw;\n \/* height: 46.875vw; *\/\n height: 100%;\n float: left;\n list-style: none;\n color: #000;\n line-height: 0;\n}\n.ALEXANDRA_0816 .trans_container .active {\n width: 50.833vw !important;\n}\n\n.ALEXANDRA_0816 .trans_container .key-features-section__text {\n position: absolute;\n width: 100%;\n height: 0;\n bottom: 4.167vw;\n left: 3.38vw;\n z-index: 2;\n}\n\n.ALEXANDRA_0816 .trans_container .key-features-section__title {\n margin-block-start: 0;\n margin-block-end: 0;\n transition: all 0.2s;\n position: absolute;\n \/* transition-delay: 0.1s; *\/\n width: 100%;\n bottom: 0;\n font-size: 1.25vw;\n font-weight: 500;\n line-height: 1.465vw;\n text-align: left;\n}\n.ALEXANDRA_0816 .trans_container .key-features-section__title-copy {\n opacity: 1;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 1.25vw;\n font-weight: 500;\n line-height: 1.465vw;\n text-align: left;\n position: absolute;\n bottom: -1.465vw;\n color: #fff;\n}\n\n.ALEXANDRA_0816 .trans_container .key-features-section__title-copy--large {\n opacity: 0;\n position: absolute;\n bottom: 0;\n pointer-events: none;\n color: #000;\n}\n\n.ALEXANDRA_0816 .trans_container .item_area_sec {\n color: #fff;\n}\n\n.ALEXANDRA_0816\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: #fff;\n}\n.ALEXANDRA_0816 .trans_container .key-features-section__description-copy {\n \/* margin-block-start: 0;\n margin-block-end: 0; *\/\n opacity: 0;\n position: relative;\n transition: all 0.4s;\n transition-delay: 0.2s;\n font-size: 16px;\n font-weight: 500;\n line-height: 0.98vw;\n text-align: left;\n width: 36.458vw;\n transform: translateY(calc(100% + 5px));\n}\n\n.ALEXANDRA_0816 .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n}\n.ALEXANDRA_0816 .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n}\n.ALEXANDRA_0816\n .trans_container\n .active\n .key-features-section__title-copy--large {\n opacity: 1;\n}\n.ALEXANDRA_0816\n .trans_container\n .active\n .key-features-section__description-copy {\n max-width: 550px;\n opacity: 1;\n transform: translateY(0);\n \/* transition-delay: 0.2s; *\/\n margin-top: 0.417vw;\n}\n.ALEXANDRA_0816\n .trans_container\n .active\n .key-features-section__title-copy--large {\n font-size: 28px;\n font-weight: 600;\n line-height: 1.953vw;\n text-align: left;\n}\n\n.ALEXANDRA_0816 .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n}\n.ALEXANDRA_0816 .trans_container .active .right-btn {\n display: none;\n}\n\n\/* myswiper_container *\/\n.ALEXANDRA_0816 .myswiper_container {\n position: relative;\n padding-left: 2.08vw;\n margin-top: 2.08vw;\n overflow: hidden;\n padding-bottom: calc(2.08vw + 4px);\n}\n\n.ALEXANDRA_0816 .myswiper_container img {\n width: 100%;\n}\n\n.ALEXANDRA_0816 .myswiper_container .swiper-scrollbar {\n margin: 0 2.08vw;\n width: calc(98% - 2.08vw);\n height: 3px;\n left: 0;\n bottom: 1px;\n display: flex;\n font-size: 0;\n}\n\n.ALEXANDRA_0816 .myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n}\n\n.ALEXANDRA_0816 .myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n}\n\/* 笔记本 *\/\n@media screen and (min-width: 1025px) and (max-width: 1440px) {\n .ALEXANDRA_0816 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .ALEXANDRA_0816 .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n}\n\/* 平板 *\/\n@media screen and (min-width: 769px) and (max-width: 1024px) {\n .ALEXANDRA_0816 .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .ALEXANDRA_0816 .kara-top-banner {\n position: relative;\n }\n}\n\/* 手机 *\/\n@media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .ALEXANDRA_0816 {\n }\n\n .ALEXANDRA_0816 .show-big {\n display: none !important;\n }\n\n .ALEXANDRA_0816 .show-small {\n display: block;\n }\n\n .ALEXANDRA_0816 .show-no-small {\n display: none;\n }\n\n .ALEXANDRA_0816 .space-w {\n margin-top: 10.67vw;\n }\n\n .ALEXANDRA_0816 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .ALEXANDRA_0816 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n }\n\n .ALEXANDRA_0816 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n \/* kara-top-banner *\/\n .ALEXANDRA_0816 .kara-top-banner {\n position: relative;\n }\n\n .ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n top: 7.3%;\n left: 16%;\n max-width: 68%;\n }\n\n .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n font-size: 20px;\n line-height: 8.5vw;\n font-weight: 600;\n margin-bottom: 9px;\n }\n\n .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n font-size: 14px;\n line-height: 4.376vw;\n font-weight: 500;\n }\n\n \/* banner-sec *\/\n .ALEXANDRA_0816 .banner-sec {\n position: relative;\n }\n\n .ALEXANDRA_0816 .banner-sec img {\n aspect-ratio: 355\/480;\n }\n\n .ALEXANDRA_0816 .banner-sec .text-area {\n text-align: center;\n top: unset;\n right: unset;\n left: 13.9%;\n bottom: 6.3%;\n max-width:72.2%;\n color: #000;\n }\n\n .ALEXANDRA_0816 .banner-sec .text-area .title {\n font-size: 20px;\n line-height: 8.5vw;\n font-weight: 600;\n margin-bottom: 4px;\n max-width: 100%;\n }\n\n .ALEXANDRA_0816 .banner-sec .text-area .desc {\n font-size: 14px;\n line-height: 4.376vw;\n max-width: 100%;\n }\n\n \/* trans_container *\/\n .ALEXANDRA_0816 .trans_container {\n display: block;\n margin-top: 10.667vw;\n overflow-x: hidden;\n }\n .ALEXANDRA_0816 .trans_container .active {\n width: 94.66vw !important;\n height: 86.96vw !important;\n }\n\n .ALEXANDRA_0816 .trans_container .item_area .item_image {\n width: 94.66vw !important;\n aspect-ratio: 355\/326;\n height: unset;\n }\n .ALEXANDRA_0816 .trans_container .item_area {\n transition: height 0.3s;\n width: 94.66vw !important;\n height: 26.667vw;\n }\n\n .ALEXANDRA_0816 .trans_container .key-features-section__title {\n \/* width: 53.333vw !important; *\/\n }\n\n .ALEXANDRA_0816 .trans_container .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #fff;\n transition: all 0s;\n transition-delay: 0s;\n }\n .ALEXANDRA_0816 .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 6.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .ALEXANDRA_0816 .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 400;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n }\n .ALEXANDRA_0816\n .trans_container\n .active\n .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 500;\n line-height: 4.376vw;\n width: 100%;\n text-align: left;\n margin-top: 4px;\n }\n .ALEXANDRA_0816 .trans_container .key-features-section__text {\n left: 5.33vw;\n bottom: 5.33vw;\n height: 5.33vw;\n max-width: 90%;\n z-index: 2;\n }\n .ALEXANDRA_0816 .trans_container .item_area_fir .key-features-section__text {\n height: 5.33vw;\n }\n .ALEXANDRA_0816 .trans_container .item_area_sec .key-features-section__text {\n height: 5.33vw;\n }\n .ALEXANDRA_0816 .trans_container .item_area_thr .key-features-section__text {\n height: 5.33vw;\n }\n\n .ALEXANDRA_0816 .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n\n .ALEXANDRA_0816\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: unset;\n }\n\n .ALEXANDRA_0816 .trans_container .right-btn {\n position: absolute;\n left: unset;\n top: unset;\n bottom: 5.333vw;\n right: 5.333vw;\n width: 6.4vw;\n height: 6.4vw;\n }\n\n \/* myswiper_container *\/\n .ALEXANDRA_0816 .myswiper_container {\n padding-left: 2.667vw;\n margin-top: 5.33vw;\n padding-bottom: calc(4vw + 4px);\n }\n}\n\n.myswiper_container .swiper-scrollbar {\n height: 3px;\n left: 0;\n}\n.myswiper_container .swiper-scrollbar-drag {\n border-radius: 2px;\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n background-color: #191817;\n}\n\n.myswiper_container .swiper-notification {\n -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n border-radius: 2px;\n background-color: #b0b0b0;\n}\n\n\u003c\/style\u003e \u003cdiv class=\"ALEXANDRA_0816\"\u003e \u003c!-- kara-top-banner --\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"video-text\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003e\u0026quot;A sophisticated finish that's right for you\u0026quot;\u003c\/div\u003e \u003cdiv class=\"desc\"\u003e- ALEXANDRA\u003c\/div\u003e \u003c\/div\u003e \u003cpicture style=\"width: 100%;\"\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%206525.jpg?imresize=750x1100\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568339.jpg?imresize=2880x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- banner-sec --\u003e \u003cdiv class=\"banner-sec space-w\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003eElegant and classic\u003c\/div\u003e \u003cdiv class=\"desc show-big\"\u003eCombining an elegant, classic design with innovative technology, these boots are perfect for a variety of styles and occasions. The kitten heel is discreet and stylish, yet comfortable and stable. Try these boots that will make you stand out no matter when you wear them.\u003c\/div\u003e \u003cdiv class=\"desc show-small\"\u003eCombining an elegant, classic design with innovative technology, these boots are perfect for a variety of styles and occasions.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture style=\"width: 100%;\"\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group%20336568447.jpg?imresize=710x960\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/image-847.jpg?imresize=2760x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"trans_container\"\u003e \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cdiv class=\"item_area item_area_fir active\"\u003e \u003cdiv class=\"mask\" style=\"display: none\"\u003e\u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cvideo class=\"videos\" style=\"width: 100%;\" loop=\"loop\" muted=\"\" playsinline=\"true\" webkit-playsinline=\"true\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240815_7052\/Alexandra976-900v2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text \"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003ewater repellency\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e water repellency \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e It easily repels light splashes of water, keeping your feet comfortable even in sudden rain! \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e It easily repels light splashes of water, keeping your feet comfortable even in sudden rain! \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area item_area_sec\"\u003e \u003cdiv class=\"mask mask_sec\"\u003e\u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle-13554.jpg \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle-13554.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eStretch Shaft\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Stretch Shaft \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e The elastic knit fits perfectly to any foot and ankle shape, making it easy to put on and take off your boots. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e The elastic knit fits perfectly to any foot and ankle shape, making it easy to put on and take off your boots. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area item_area_thr\"\u003e \u003cdiv class=\"mask mask_thr\"\u003e\u003c\/div\u003e \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e \u003c\/svg\u003e \u003cdiv class=\"item_image\"\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568378_t2a.jpg \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568378_t2a.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"key-features-section__text\"\u003e \u003cdiv class=\"key-features-section__title\"\u003e \u003cp class=\"key-features-section__title-copy special_heading\"\u003eTimeless fashion\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Timeless fashion \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e Combining classic touches with trendy details, we create footwear that meets the fashion needs of women of all ages. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e Fashion needs and a classic touch. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003c!-- mobile --\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/mobile.jpg?v=1728371965\" media=\"(max-width: 1024px)\"\u003e \u003c!-- PC --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/pc_597639c4-8658-4a30-b847-6c8b697e0102.jpg?v=1728371968\"\u003e\u003c\/picture\u003e \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLOOKBOOK\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0\"\u003e \u003cdiv class=\"mySwiper-fir\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%206520.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013426.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013427.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%2013428.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-scrollbar\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e\n new Swiper(\".mySwiper-fir\", {\n breakpoints: {\n 320: {\n slidesPerView: 1.216,\n spaceBetween: 10,\n },\n 769: {\n slidesPerView: 3.5,\n spaceBetween: 10,\n },\n },\n scrollbar: {\n el: \".swiper-scrollbar\",\n },\n});\n\nfunction setVideo() {\n\n document.querySelectorAll(\".videos\").forEach((video) =\u003e {\n video.setAttribute(\"playsinline\", true);\n video.setAttribute(\"webkit-playsinline\", true);\n let playPromise = video.play();\n if (playPromise !== undefined) {\n playPromise\n .then(function () {\n \/\/ 视频自动播放\n })\n .catch(function (error) {\n \/\/ iOS设备上的自动播放失败，需要等待用户交互后手动播放\n video.addEventListener(\"touchstart\", function () {\n video.play();\n });\n });\n }\n try {\n const observer = new IntersectionObserver(\n (entries) =\u003e {\n entries.forEach((entry) =\u003e {\n const video = entry.target;\n if (entry.isIntersecting) {\n video.play();\n } else {\n video.pause();\n }\n });\n },\n { rootMargin: \"0px 0px 200px 0px\" }\n );\n\n const allVideos = document.querySelectorAll(\".videos\");\n allVideos?.forEach((el) =\u003e {\n el.muted = true;\n const hasAutoplay = el.hasAttribute(\"autoplay\");\n if (hasAutoplay) {\n observer.observe(el);\n }\n });\n } catch (e) {\n console.log(\"videoControl error\", e);\n }\n if(video.className.indexOf('no-auto') \u003e -1){\n video.pause();\n }\n });\n}\n\nsetVideo();\n\nfunction cli_act() {\n const key_features = document.querySelectorAll(\".item_area\");\n\n key_features.forEach((e) =\u003e {\n e.addEventListener(\"click\", function () {\n remove();\n this.classList.add(\"active\");\n if(e.querySelector(\"video\")){\n e.querySelector(\"video\").play();\n }\n this.querySelector(\".mask\").style.display = \"none\";\n });\n });\n function remove() {\n key_features.forEach((e) =\u003e {\n e.classList.remove(\"active\");\n let videos = document.querySelectorAll(\".item_area video\");\n videos.forEach((video) =\u003e {\n video.pause()\n })\n e.querySelector(\".mask\").style.display = \"block\";\n });\n }\n}\n\ncli_act();\n\n\u003c\/script\u003e \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"alexandra_black\/red \/ JP-22.0cm\/EU-35","offer_id":45814314893568,"sku":"shbootse2405090011001","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-22.5cm\/EU-35.5","offer_id":45814314926336,"sku":"shbootse2405090011002","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-22.5~23.0cm\/EU-36","offer_id":45814314959104,"sku":"shbootse2405090011003","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.0cm\/EU-36.5","offer_id":45814314991872,"sku":"shbootse2405090011004","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.5cm\/EU-37","offer_id":45814315024640,"sku":"shbootse2405090011005","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45814315057408,"sku":"shbootse2405090011006","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.0cm\/EU-38","offer_id":45814315090176,"sku":"shbootse2405090011007","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.5cm\/EU-38.5","offer_id":45814315122944,"sku":"shbootse2405090011008","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-24.5~25.0cm\/EU-39","offer_id":45814315155712,"sku":"shbootse2405090011009","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.0cm\/EU-39.5","offer_id":45814315188480,"sku":"shbootse2405090011010","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.5cm\/EU-40","offer_id":45814315221248,"sku":"shbootse2405090011011","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45814315254016,"sku":"shbootse2405090011012","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-26.0cm\/EU-41","offer_id":45814315286784,"sku":"shbootse2405090011013","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-26.5cm\/EU-41.5","offer_id":45814315319552,"sku":"shbootse2405090011014","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"alexandra_black\/red \/ JP-27.0cm\/EU-42","offer_id":45814315352320,"sku":"shbootse2405090011015","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_black\/red \/ JP-27.5cm\/EU-43","offer_id":45814315385088,"sku":"shbootse2405090011016","price":18100.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1723789372-656f2ca4-f2e8-40fb-bd05-361b69f128ca.jpg?v=1729158813"}],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/ops-2024hoiday2-blackred.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}