{"title":"boots-wesley","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eDocument\u003c\/title\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper@5.4.5\/css\/swiper.css\"\u003e \u003cstyle\u003e\n \/* 初始化 *\/\n body {\n margin: 0;\n }\n\n .WESLEY {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n color: #191817;\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 .WESLEY .show-big {\n display: block;\n }\n\n .WESLEY .show-small {\n display: none;\n }\n\n .WESLEY img {\n display: block;\n width: 100%;\n user-select: none !important;\n }\n\n .WESLEY p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n .WESLEY .space-w {\n\/* width: calc(100% - 4.1666667vw); *\/\n width:100%;\n margin: 0 auto;\n margin-top: 4.167vw;\n }\n\n .WESLEY .full-w {\n width: 100%;\n }\n\n .WESLEY .title {\n user-select: none;\n }\n\n .WESLEY .desc {\n user-select: none;\n }\n\n \/* 1 *\/\n .WESLEY {\n \/* font-size:; *\/\n overflow-x: hidden;\n }\n .WESLEY img {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* 2 *\/\n\n .WESLEY .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .WESLEY .common-title {\n font-size: 1.875vw;\n line-height: 2.604vw;\n color: #191817;\n font-weight: 600;\n }\n\n .WESLEY .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n\n .WESLEY .kara-top-banner .text-area {\n position: relative;\n text-align: center;\n max-width: 50%;\n margin: 10px auto 2.08vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 28px;\n line-height: 2.35vw;\n font-weight: 600;\n }\n\n .WESLEY .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 .WESLEY .trans_container {\n display: inline-flex;\n\/* padding: 0 2.08vw; *\/\n margin-top: 4.167vw;\n }\n\n .WESLEY .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 .WESLEY .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.2);\n display: block;\n }\n\n \/* .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .active {\n width: 50.833vw !important;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .item_area_sec {\n color: #fff;\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: #fff;\n }\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n }\n .WESLEY .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__title-copy--large {\n opacity: 1;\n }\n .WESLEY .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 .WESLEY\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 .WESLEY .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n }\n .WESLEY .trans_container .active .right-btn {\n display: none;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container img {\n width: 100%;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .kara-cen {\n position: relative;\n }\n .WESLEY .kara-cen .common-text-area {\n position: absolute;\n top: 24.15625vw;\n left: 3.041667vw;\n max-width: 35.7875vw;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #fff;\n }\n\n \/* 笔记本 *\/\n @media screen and (min-width: 1025px) and (max-width: 1440px) {\n .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .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 .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n }\n \/* 手机 *\/\n @media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .WESLEY {\n }\n\n .WESLEY .show-big {\n display: none !important;\n }\n\n .WESLEY .show-small {\n display: block;\n }\n\n .WESLEY .show-no-small {\n display: none;\n }\n\n .WESLEY .space-w {\n margin-top: 10.67vw;\n width: calc(100% - 5.334vw);\n }\n\n .WESLEY .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .WESLEY .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n }\n\n .WESLEY .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n\n .WESLEY .kara-top-banner .text-area {\n max-width: 100%;\n margin: 10px auto 5.33vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 20px;\n line-height: 7.264vw;\n }\n\n .WESLEY .kara-top-banner .text-area .desc {\n font-size: 14px;\n line-height: 3.75vw;\n margin-top: 10px;\n }\n\n .WESLEY .trans_container {\n display: block;\n margin-top: 10.667vw;\n overflow-x: hidden;\n }\n .WESLEY .trans_container .active {\n width: 94.6666667vw !important;\n height: 86.9333333vw !important;\n }\n\n \/* .WESLEY .trans_container .active .key-features-section__text{\n bottom: 10.6666667vw;\n } *\/\n .WESLEY .trans_container .item_area .item_image {\n width: 94.6666667vw !important;\n aspect-ratio: 355\/326;\n height: unset;\n }\n\n .WESLEY .trans_container .item_area {\n transition: height 0.3s;\n width: 94.6666667vw !important;\n height: 26.667vw;\n }\n\n \/* .WESLEY .trans_container .key-features-section__title {\n width: 53.333vw !important;\n } *\/\n\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 4.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .WESLEY .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 500;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 400;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n margin-top: 4px;\n }\n .WESLEY .trans_container .key-features-section__text {\n left: 5.33vw;\n bottom: 0.33vw;\n height: auto;\n max-width: 80%;\n z-index: 2;\n }\n .WESLEY .trans_container .item_area_fir .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_sec .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_thr .key-features-section__text {\n height: auto;\n }\n\n .WESLEY .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: unset;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container {\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n margin-top: 10.6666667vw;\n padding-bottom: calc(4vw + 4px);\n }\n .WESLEY .kara-cen {\n position: static;\n width: 100% !important;\n }\n .WESLEY .kara-cen .common-text-area {\n max-width: 100%;\n position: static;\n background: rgba(250, 247, 242, 1);\n padding: 10.6666667vw 5.3333333vw;\n }\n .WESLEY .kara-cen .common-title {\n color: #191817;\n text-align: center;\n }\n .WESLEY .kara-cen .common-subhead {\n color: rgba(25, 24, 23, 0.8) !important;\n margin-top: 2.6666667vw;\n text-align: center;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #191817;\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=\"WESLEY\"\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003e \u0026quot;Prestigious western design,\u003cbr\u003eModern and fashionable upgrade \u003c\/div\u003e \u003cdiv class=\"desc\"\u003e-WESLEY\u003c\/div\u003e \u003c\/div\u003e \u003cvideo webkit-playsinline playsinline autoplay loop muted data-index=\"0\" height=\"100%\" style=\"height: 100%; width: 100%\" class=\"myVideo videos\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-title special_heading\" style=\"text-align: center\"\u003e Fashionable Western Style \u003c\/div\u003e \u003cdiv class=\"common-subhead show-big\" style=\"text-align: center\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003cdiv class=\"common-subhead show-small\" style=\"text-align: center; font-weight: 500\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w kara-cen\" style=\"width: 100%\"\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m4.jpg?imresize=750x750 \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc1.jpg?imresize=2880x1620\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading show-big\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"show-small common-title\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003e Incorporating elements of traditional Western style, such as patchwork patterns and intricate decorative stitching, these boots combine classic and modern fashion, making them an essential item that matches any outfit, from cowgirl style to modern chic coordination, and enhances a wide variety of styles. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\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 \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-pc-m-new02.jpg\" alt=\"VIVAIA\" loading=\"lazy\"\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\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area\"\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 webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-kuantou-tu.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-kuantou.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\"\u003eWide leg shaft\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Wide leg shaft \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \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 \u003cvideo webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc-m.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-W-pc-m.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\"\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 \u003c\/div\u003e \u003cdiv class=\"kara-three-area space-w show-big\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc5.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide img-aspet\" style=\"aspect-ratio: 1840\/920\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc2.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container show-small\"\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\/20240805_7007\/WESLEY-W-m2.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m1.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m3.jpg?imresize=600x770\" 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 src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.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 const videoList = [\n {\n src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_PC.mp4',\n poster:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_PC02.jpg',\n poster_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_M02.jpg',\n src_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_M.mp4',\n },\n ];\n\n function setVideo() {\n document.querySelectorAll('.WESLEY .videos') \u0026\u0026\n document.querySelectorAll('.WESLEY .videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', true);\n v.setAttribute('webkit-playsinline', true);\n });\n document.querySelectorAll('.WESLEY .myVideo') \u0026\u0026\n document.querySelectorAll('.WESLEY .myVideo').forEach((v) =\u003e {\n if (v.getAttribute('data-index')) {\n const index = v.getAttribute('data-index');\n if (window.innerWidth \u003e 768) {\n v.poster = videoList[index].poster;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src}\"\n type=\"video\/mp4\"\n \/\u003e`;\n } else {\n v.poster = videoList[index].poster_m;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src_m}\"\"\n type=\"video\/mp4\"\n \/\u003e`;\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 \u003c\/body\u003e","products":[{"product_id":"boots-wesley-oatmilk","title":"[Wesley] Pointed toe, water-repellent, Western ankle boots","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eDocument\u003c\/title\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper@5.4.5\/css\/swiper.css\"\u003e \u003cstyle\u003e\n \/* 初始化 *\/\n body {\n margin: 0;\n }\n\n .WESLEY {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n color: #191817;\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 .WESLEY .show-big {\n display: block;\n }\n\n .WESLEY .show-small {\n display: none;\n }\n\n .WESLEY img {\n display: block;\n width: 100%;\n user-select: none !important;\n }\n\n .WESLEY p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n .WESLEY .space-w {\n\/* width: calc(100% - 4.1666667vw); *\/\n width:100%;\n margin: 0 auto;\n margin-top: 4.167vw;\n }\n\n .WESLEY .full-w {\n width: 100%;\n }\n\n .WESLEY .title {\n user-select: none;\n }\n\n .WESLEY .desc {\n user-select: none;\n }\n\n \/* 1 *\/\n .WESLEY {\n \/* font-size:; *\/\n overflow-x: hidden;\n }\n .WESLEY img {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* 2 *\/\n\n .WESLEY .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .WESLEY .common-title {\n font-size: 1.875vw;\n line-height: 2.604vw;\n color: #191817;\n font-weight: 600;\n }\n\n .WESLEY .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n\n .WESLEY .kara-top-banner .text-area {\n position: relative;\n text-align: center;\n max-width: 50%;\n margin: 10px auto 2.08vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 28px;\n line-height: 2.35vw;\n font-weight: 600;\n }\n\n .WESLEY .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 .WESLEY .trans_container {\n display: inline-flex;\n\/* padding: 0 2.08vw; *\/\n margin-top: 4.167vw;\n }\n\n .WESLEY .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 .WESLEY .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.2);\n display: block;\n }\n\n \/* .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .active {\n width: 50.833vw !important;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .item_area_sec {\n color: #fff;\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: #fff;\n }\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n }\n .WESLEY .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__title-copy--large {\n opacity: 1;\n }\n .WESLEY .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 .WESLEY\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 .WESLEY .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n }\n .WESLEY .trans_container .active .right-btn {\n display: none;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container img {\n width: 100%;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .kara-cen {\n position: relative;\n }\n .WESLEY .kara-cen .common-text-area {\n position: absolute;\n top: 24.15625vw;\n left: 3.041667vw;\n max-width: 35.7875vw;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #fff;\n }\n\n \/* 笔记本 *\/\n @media screen and (min-width: 1025px) and (max-width: 1440px) {\n .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .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 .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n }\n \/* 手机 *\/\n @media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .WESLEY {\n }\n\n .WESLEY .show-big {\n display: none !important;\n }\n\n .WESLEY .show-small {\n display: block;\n }\n\n .WESLEY .show-no-small {\n display: none;\n }\n\n .WESLEY .space-w {\n margin-top: 10.67vw;\n width: calc(100% - 5.334vw);\n }\n\n .WESLEY .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .WESLEY .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n }\n\n .WESLEY .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n\n .WESLEY .kara-top-banner .text-area {\n max-width: 100%;\n margin: 10px auto 5.33vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 20px;\n line-height: 7.264vw;\n }\n\n .WESLEY .kara-top-banner .text-area .desc {\n font-size: 14px;\n line-height: 3.75vw;\n margin-top: 10px;\n }\n\n .WESLEY .trans_container {\n display: block;\n margin-top: 10.667vw;\n overflow-x: hidden;\n }\n .WESLEY .trans_container .active {\n width: 94.6666667vw !important;\n height: 86.9333333vw !important;\n }\n\n \/* .WESLEY .trans_container .active .key-features-section__text{\n bottom: 10.6666667vw;\n } *\/\n .WESLEY .trans_container .item_area .item_image {\n width: 94.6666667vw !important;\n aspect-ratio: 355\/326;\n height: unset;\n }\n\n .WESLEY .trans_container .item_area {\n transition: height 0.3s;\n width: 94.6666667vw !important;\n height: 26.667vw;\n }\n\n \/* .WESLEY .trans_container .key-features-section__title {\n width: 53.333vw !important;\n } *\/\n\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 4.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .WESLEY .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 500;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 400;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n margin-top: 4px;\n }\n .WESLEY .trans_container .key-features-section__text {\n left: 5.33vw;\n bottom: 0.33vw;\n height: auto;\n max-width: 80%;\n z-index: 2;\n }\n .WESLEY .trans_container .item_area_fir .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_sec .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_thr .key-features-section__text {\n height: auto;\n }\n\n .WESLEY .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: unset;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container {\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n margin-top: 10.6666667vw;\n padding-bottom: calc(4vw + 4px);\n }\n .WESLEY .kara-cen {\n position: static;\n width: 100% !important;\n }\n .WESLEY .kara-cen .common-text-area {\n max-width: 100%;\n position: static;\n background: rgba(250, 247, 242, 1);\n padding: 10.6666667vw 5.3333333vw;\n }\n .WESLEY .kara-cen .common-title {\n color: #191817;\n text-align: center;\n }\n .WESLEY .kara-cen .common-subhead {\n color: rgba(25, 24, 23, 0.8) !important;\n margin-top: 2.6666667vw;\n text-align: center;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #191817;\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=\"WESLEY\"\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003e \u0026quot;Prestigious western design,\u003cbr\u003eModern and fashionable upgrade \u003c\/div\u003e \u003cdiv class=\"desc\"\u003e-WESLEY\u003c\/div\u003e \u003c\/div\u003e \u003cvideo webkit-playsinline playsinline autoplay loop muted data-index=\"0\" height=\"100%\" style=\"height: 100%; width: 100%\" class=\"myVideo videos\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-title special_heading\" style=\"text-align: center\"\u003e Fashionable Western Style \u003c\/div\u003e \u003cdiv class=\"common-subhead show-big\" style=\"text-align: center\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003cdiv class=\"common-subhead show-small\" style=\"text-align: center; font-weight: 500\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w kara-cen\" style=\"width: 100%\"\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m4.jpg?imresize=750x750 \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc1.jpg?imresize=2880x1620\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading show-big\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"show-small common-title\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003e Incorporating elements of traditional Western style, such as patchwork patterns and intricate decorative stitching, these boots combine classic and modern fashion, making them an essential item that matches any outfit, from cowgirl style to modern chic coordination, and enhances a wide variety of styles. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\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 \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-pc-m-new02.jpg\" alt=\"VIVAIA\" loading=\"lazy\"\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\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area\"\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 webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-kuantou-tu.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-kuantou.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\"\u003eWide leg shaft\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Wide leg shaft \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \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 \u003cvideo webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc-m.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-W-pc-m.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\"\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 \u003c\/div\u003e \u003cdiv class=\"kara-three-area space-w show-big\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc5.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide img-aspet\" style=\"aspect-ratio: 1840\/920\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc2.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container show-small\"\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\/20240805_7007\/WESLEY-W-m2.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m1.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m3.jpg?imresize=600x770\" 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 src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.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 const videoList = [\n {\n src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_PC.mp4',\n poster:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_PC02.jpg',\n poster_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_M02.jpg',\n src_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_M.mp4',\n },\n ];\n\n function setVideo() {\n document.querySelectorAll('.WESLEY .videos') \u0026\u0026\n document.querySelectorAll('.WESLEY .videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', true);\n v.setAttribute('webkit-playsinline', true);\n });\n document.querySelectorAll('.WESLEY .myVideo') \u0026\u0026\n document.querySelectorAll('.WESLEY .myVideo').forEach((v) =\u003e {\n if (v.getAttribute('data-index')) {\n const index = v.getAttribute('data-index');\n if (window.innerWidth \u003e 768) {\n v.poster = videoList[index].poster;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src}\"\n type=\"video\/mp4\"\n \/\u003e`;\n } else {\n v.poster = videoList[index].poster_m;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src_m}\"\"\n type=\"video\/mp4\"\n \/\u003e`;\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 \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"wesley_Oat milk \/ JP-22.0cm\/EU-35","offer_id":45778238800128,"sku":"shbootse2405240001001","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_Oat milk \/ JP-22.5cm\/EU-35.5","offer_id":45778238832896,"sku":"shbootse2405240001002","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-22.5~23.0cm\/EU-36","offer_id":45778238865664,"sku":"shbootse2405240001003","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-23.0cm\/EU-36.5","offer_id":45778238898432,"sku":"shbootse2405240001004","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-23.5cm\/EU-37","offer_id":45778238931200,"sku":"shbootse2405240001005","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45778238963968,"sku":"shbootse2405240001006","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-24.0cm\/EU-38","offer_id":45778238996736,"sku":"shbootse2405240001007","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-24.5cm\/EU-38.5","offer_id":45778239029504,"sku":"shbootse2405240001008","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-24.5~25.0cm\/EU-39","offer_id":45778239062272,"sku":"shbootse2405240001009","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-25.0cm\/EU-39.5","offer_id":45778239095040,"sku":"shbootse2405240001010","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-25.5cm\/EU-40","offer_id":45778239127808,"sku":"shbootse2405240001011","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45778239160576,"sku":"shbootse2405240001012","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-26.0cm\/EU-41","offer_id":45778239193344,"sku":"shbootse2405240001013","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-26.5cm\/EU-41.5","offer_id":45778239226112,"sku":"shbootse2405240001014","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-27.0cm\/EU-42","offer_id":45778239258880,"sku":"shbootse2405240001015","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_Oat milk \/ JP-27.5cm\/EU-43","offer_id":45778239291648,"sku":"shbootse2405240001016","price":27900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722993755-bfaddc19-7600-42f9-b863-74c7e159a1de_1.jpg?v=1729158066"},{"product_id":"boots-wesley-black","title":"[Wesley] Pointed toe, water-repellent, Western ankle boots","description":"\u003cbody\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e \u003ctitle\u003eDocument\u003c\/title\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/swiper@5.4.5\/css\/swiper.css\"\u003e \u003cstyle\u003e\n \/* 初始化 *\/\n body {\n margin: 0;\n }\n\n .WESLEY {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n padding-bottom: 40px;\n color: #191817;\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 .WESLEY .show-big {\n display: block;\n }\n\n .WESLEY .show-small {\n display: none;\n }\n\n .WESLEY img {\n display: block;\n width: 100%;\n user-select: none !important;\n }\n\n .WESLEY p {\n margin-block-start: 0;\n margin-block-end: 0;\n }\n\n .WESLEY .space-w {\n\/* width: calc(100% - 4.1666667vw); *\/\n width:100%;\n margin: 0 auto;\n margin-top: 4.167vw;\n }\n\n .WESLEY .full-w {\n width: 100%;\n }\n\n .WESLEY .title {\n user-select: none;\n }\n\n .WESLEY .desc {\n user-select: none;\n }\n\n \/* 1 *\/\n .WESLEY {\n \/* font-size:; *\/\n overflow-x: hidden;\n }\n .WESLEY img {\n width: 100%;\n height: 100%;\n display: block;\n }\n\n \/* 2 *\/\n\n .WESLEY .common-text-area {\n margin-bottom: 2.083vw;\n }\n\n .WESLEY .common-title {\n font-size: 1.875vw;\n line-height: 2.604vw;\n color: #191817;\n font-weight: 600;\n }\n\n .WESLEY .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8px;\n color: #191817;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n line-height: 0;\n }\n\n .WESLEY .kara-top-banner .text-area {\n position: relative;\n text-align: center;\n max-width: 50%;\n margin: 10px auto 2.08vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 28px;\n line-height: 2.35vw;\n font-weight: 600;\n }\n\n .WESLEY .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 .WESLEY .trans_container {\n display: inline-flex;\n\/* padding: 0 2.08vw; *\/\n margin-top: 4.167vw;\n }\n\n .WESLEY .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 .WESLEY .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.2);\n display: block;\n }\n\n \/* .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .active {\n width: 50.833vw !important;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .trans_container .item_area_sec {\n color: #fff;\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: #fff;\n }\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title {\n bottom: 100%;\n \/* transition-delay: 0.4s; *\/\n }\n .WESLEY .trans_container .active .key-features-section__title-copy {\n opacity: 0;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__title-copy--large {\n opacity: 1;\n }\n .WESLEY .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 .WESLEY\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 .WESLEY .trans_container .right-btn {\n position: absolute;\n left: 1.042vw;\n top: 1.042vw;\n z-index: 99;\n }\n .WESLEY .trans_container .active .right-btn {\n display: none;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container img {\n width: 100%;\n }\n\n .WESLEY .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 .WESLEY .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 .WESLEY .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 .WESLEY .kara-cen {\n position: relative;\n }\n .WESLEY .kara-cen .common-text-area {\n position: absolute;\n top: 24.15625vw;\n left: 3.041667vw;\n max-width: 35.7875vw;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #fff;\n }\n\n \/* 笔记本 *\/\n @media screen and (min-width: 1025px) and (max-width: 1440px) {\n .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .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 .WESLEY .common-text-area {\n margin-bottom: 1.563vw;\n }\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n }\n \/* 手机 *\/\n @media screen and (max-width: 768px) {\n \/* 初始化 *\/\n .WESLEY {\n }\n\n .WESLEY .show-big {\n display: none !important;\n }\n\n .WESLEY .show-small {\n display: block;\n }\n\n .WESLEY .show-no-small {\n display: none;\n }\n\n .WESLEY .space-w {\n margin-top: 10.67vw;\n width: calc(100% - 5.334vw);\n }\n\n .WESLEY .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .WESLEY .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n }\n\n .WESLEY .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n \/* 结构 *\/\n\n .WESLEY .kara-top-banner {\n position: relative;\n }\n\n .WESLEY .kara-top-banner .text-area {\n max-width: 100%;\n margin: 10px auto 5.33vw;\n }\n\n .WESLEY .kara-top-banner .text-area .title {\n font-size: 20px;\n line-height: 7.264vw;\n }\n\n .WESLEY .kara-top-banner .text-area .desc {\n font-size: 14px;\n line-height: 3.75vw;\n margin-top: 10px;\n }\n\n .WESLEY .trans_container {\n display: block;\n margin-top: 10.667vw;\n overflow-x: hidden;\n }\n .WESLEY .trans_container .active {\n width: 94.6666667vw !important;\n height: 86.9333333vw !important;\n }\n\n \/* .WESLEY .trans_container .active .key-features-section__text{\n bottom: 10.6666667vw;\n } *\/\n .WESLEY .trans_container .item_area .item_image {\n width: 94.6666667vw !important;\n aspect-ratio: 355\/326;\n height: unset;\n }\n\n .WESLEY .trans_container .item_area {\n transition: height 0.3s;\n width: 94.6666667vw !important;\n height: 26.667vw;\n }\n\n \/* .WESLEY .trans_container .key-features-section__title {\n width: 53.333vw !important;\n } *\/\n\n .WESLEY .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 .WESLEY .trans_container .active .key-features-section__title-copy {\n font-size: 20px;\n font-weight: 600;\n line-height: 4.251vw;\n text-align: left;\n margin-top: 1.067vw;\n color: #000;\n transition: all 0s;\n transition-delay: 0s;\n }\n .WESLEY .trans_container .key-features-section__description-copy {\n font-size: 3.733vw;\n font-weight: 500;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n }\n .WESLEY\n .trans_container\n .active\n .key-features-section__description-copy {\n font-size: 14px;\n font-weight: 400;\n line-height: 4.376vw;\n width: 78.667vw;\n text-align: left;\n margin-top: 4px;\n }\n .WESLEY .trans_container .key-features-section__text {\n left: 5.33vw;\n bottom: 0.33vw;\n height: auto;\n max-width: 80%;\n z-index: 2;\n }\n .WESLEY .trans_container .item_area_fir .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_sec .key-features-section__text {\n height: auto;\n }\n .WESLEY .trans_container .item_area_thr .key-features-section__text {\n height: auto;\n }\n\n .WESLEY .trans_container .item_area_sec {\n \/* color: unset; *\/\n }\n .WESLEY\n .trans_container\n .item_area_sec\n .key-features-section__title-copy--large {\n color: unset;\n }\n\n .WESLEY .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 .WESLEY .myswiper_container {\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n margin-top: 10.6666667vw;\n padding-bottom: calc(4vw + 4px);\n }\n .WESLEY .kara-cen {\n position: static;\n width: 100% !important;\n }\n .WESLEY .kara-cen .common-text-area {\n max-width: 100%;\n position: static;\n background: rgba(250, 247, 242, 1);\n padding: 10.6666667vw 5.3333333vw;\n }\n .WESLEY .kara-cen .common-title {\n color: #191817;\n text-align: center;\n }\n .WESLEY .kara-cen .common-subhead {\n color: rgba(25, 24, 23, 0.8) !important;\n margin-top: 2.6666667vw;\n text-align: center;\n }\n .WESLEY .kara-cen .common-text-area \u003e div {\n color: #191817;\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=\"WESLEY\"\u003e \u003cdiv class=\"kara-top-banner\"\u003e \u003cdiv class=\"text-area\"\u003e \u003cdiv class=\"title special_heading\"\u003e \u0026quot;Prestigious western design,\u003cbr\u003eModern and fashionable upgrade \u003c\/div\u003e \u003cdiv class=\"desc\"\u003e-WESLEY\u003c\/div\u003e \u003c\/div\u003e \u003cvideo webkit-playsinline playsinline autoplay loop muted data-index=\"0\" height=\"100%\" style=\"height: 100%; width: 100%\" class=\"myVideo videos\"\u003e\u003c\/video\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-title special_heading\" style=\"text-align: center\"\u003e Fashionable Western Style \u003c\/div\u003e \u003cdiv class=\"common-subhead show-big\" style=\"text-align: center\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003cdiv class=\"common-subhead show-small\" style=\"text-align: center; font-weight: 500\"\u003e Inspired by the design of classic western boots, it embodies the essence of traditional craftsmanship. \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w kara-cen\" style=\"width: 100%\"\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m4.jpg?imresize=750x750 \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc1.jpg?imresize=2880x1620\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading show-big\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"show-small common-title\"\u003e WESLEY \u003cbr\u003e The pinnacle of fashion-forward boots \u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003e Incorporating elements of traditional Western style, such as patchwork patterns and intricate decorative stitching, these boots combine classic and modern fashion, making them an essential item that matches any outfit, from cowgirl style to modern chic coordination, and enhances a wide variety of styles. \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\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 \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-pc-m-new02.jpg\" alt=\"VIVAIA\" loading=\"lazy\"\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\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e 75mm\/3.0 inch block heel \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e Stable, stylish and suitable for any occasion. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"item_area\"\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 webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-kuantou-tu.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-kuantou.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\"\u003eWide leg shaft\u003c\/p\u003e \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e Wide leg shaft \u003c\/p\u003e \u003c\/div\u003e \u003cp class=\"key-features-section__description-copy show-big\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \u003c\/p\u003e \u003cp class=\"key-features-section__description-copy show-small\"\u003e The boot shaft is roomy enough to accommodate any leg shape. \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 \u003cvideo webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc-m.jpg\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/WESLEY-W-pc-m.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\"\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 \u003c\/div\u003e \u003cdiv class=\"kara-three-area space-w show-big\"\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc5.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide img-aspet\" style=\"aspect-ratio: 1840\/920\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-pc2.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"myswiper_container show-small\"\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\/20240805_7007\/WESLEY-W-m2.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m1.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/WESLEY-W-m3.jpg?imresize=600x770\" 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 src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.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 const videoList = [\n {\n src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_PC.mp4',\n poster:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_PC02.jpg',\n poster_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7007\/20240806WESLEY_M02.jpg',\n src_m:\n 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7007\/20240806WESLEY_M.mp4',\n },\n ];\n\n function setVideo() {\n document.querySelectorAll('.WESLEY .videos') \u0026\u0026\n document.querySelectorAll('.WESLEY .videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', true);\n v.setAttribute('webkit-playsinline', true);\n });\n document.querySelectorAll('.WESLEY .myVideo') \u0026\u0026\n document.querySelectorAll('.WESLEY .myVideo').forEach((v) =\u003e {\n if (v.getAttribute('data-index')) {\n const index = v.getAttribute('data-index');\n if (window.innerWidth \u003e 768) {\n v.poster = videoList[index].poster;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src}\"\n type=\"video\/mp4\"\n \/\u003e`;\n } else {\n v.poster = videoList[index].poster_m;\n v.innerHTML = `\u003csource\n src=\"${videoList[index].src_m}\"\"\n type=\"video\/mp4\"\n \/\u003e`;\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 \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"wesley_black \/ JP-22.0cm\/EU-35","offer_id":45778240176384,"sku":"shbootse2405140015001","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_black \/ JP-22.5cm\/EU-35.5","offer_id":45778240209152,"sku":"shbootse2405140015002","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_black \/ JP-22.5~23.0cm\/EU-36","offer_id":45778240241920,"sku":"shbootse2405140015003","price":27900.0,"currency_code":"JPY","in_stock":false},{"title":"wesley_black \/ JP-23.0cm\/EU-36.5","offer_id":45778240274688,"sku":"shbootse2405140015004","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-23.5cm\/EU-37","offer_id":45778240307456,"sku":"shbootse2405140015005","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45778240340224,"sku":"shbootse2405140015006","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-24.0cm\/EU-38","offer_id":45778240372992,"sku":"shbootse2405140015007","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-24.5cm\/EU-38.5","offer_id":45778240405760,"sku":"shbootse2405140015008","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-24.5~25.0cm\/EU-39","offer_id":45778240438528,"sku":"shbootse2405140015009","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-25.0cm\/EU-39.5","offer_id":45778240471296,"sku":"shbootse2405140015010","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-25.5cm\/EU-40","offer_id":45778240504064,"sku":"shbootse2405140015011","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45778240536832,"sku":"shbootse2405140015012","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-26.0cm\/EU-41","offer_id":45778240569600,"sku":"shbootse2405140015013","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-26.5cm\/EU-41.5","offer_id":45778240602368,"sku":"shbootse2405140015014","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-27.0cm\/EU-42","offer_id":45778240635136,"sku":"shbootse2405140015015","price":27900.0,"currency_code":"JPY","in_stock":true},{"title":"wesley_black \/ JP-27.5cm\/EU-43","offer_id":45778240667904,"sku":"shbootse2405140015016","price":27900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722838352-dc1fd78c-1d13-4fca-8825-fccb3420ab1f.jpg?v=1729158082"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/collections\/1722993755-bfaddc19-7600-42f9-b863-74c7e159a1de_1_c82d81c6-8b17-4da2-b5bc-1edf3d1cd7ec.jpg?v=1784193995","url":"https:\/\/checkout.vivaia.jp\/en\/collections\/boots-wesley.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}