{"title":"boots-wynne","description":"\u003cbody\u003e\n    \u003cstyle\u003e\n        \/* 初始化 *\/\n        body {\n            margin: 0;\n        }\n\n        .WYNNE_0820 {\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        .WYNNE_0820 .show-big {\n            display: block;\n        }\n\n        .WYNNE_0820 .show-small {\n            display: none;\n        }\n\n        .WYNNE_0820 img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n        }\n\n        .WYNNE_0820 p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n        }\n\n        .WYNNE_0820 .space-w {\n            margin: 0 auto;\n            margin-top: 4.167vw;\n        }\n\n        .WYNNE_0820 .full-w {\n            width: 100%;\n        }\n\n        .WYNNE_0820 .title {\n            user-select: none;\n        }\n\n        .WYNNE_0820 .desc {\n            user-select: none;\n        }\n\n        \/* 1 *\/\n        .WYNNE_0820 {\n            \/* font-size:; *\/\n            overflow-x: hidden;\n        }\n        .WYNNE_0820 img {\n            width: 100%;\n            height: 100%;\n            display: block;\n        }\n\n        \/* 2 *\/\n\n        .WYNNE_0820 .common-text-area {\n            margin-bottom: 2.083vw;\n        }\n\n        .WYNNE_0820 .common-title {\n            font-size: 28px;\n            line-height: 2.604vw;\n            color: #191817;\n            font-weight: 600;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .kara-top-banner {\n            position: relative;\n            line-height: 0;\n        }\n\n        .WYNNE_0820 .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 70%;\n            margin: 10px auto 2.08vw;\n        }\n\n        .WYNNE_0820 .kara-top-banner .text-area .title {\n            font-size: 28px;\n            line-height: 2.35vw;\n            font-weight: 600;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .trans_container {\n            display: inline-flex;\n            margin-top: 4.167vw;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .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        \/* .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .trans_container .active {\n            width: 50.833vw !important;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .trans_container .item_area_sec {\n            color: #fff;\n        }\n        .WYNNE_0820 .trans_container .item_area_sec .key-features-section__title-copy--large {\n            color: #fff;\n        }\n        .WYNNE_0820 .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        .WYNNE_0820 .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n        }\n        .WYNNE_0820 .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n        }\n        .WYNNE_0820 .trans_container .active .key-features-section__title-copy--large {\n            opacity: 1;\n        }\n        .WYNNE_0820 .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        .WYNNE_0820 .trans_container .active .key-features-section__title-copy--large {\n            font-size: 1.667vw;\n            font-weight: 600;\n            line-height: 1.953vw;\n            text-align: left;\n        }\n\n        .WYNNE_0820 .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n        }\n        .WYNNE_0820 .trans_container .active .right-btn {\n            display: none;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .myswiper_container img {\n            width: 100%;\n        }\n\n        .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .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        .WYNNE_0820 .kara-cen {\n            position: relative;\n        }\n        .WYNNE_0820 .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 4.041667vw;\n            max-width: 34.7875vw;\n        }\n        .WYNNE_0820 .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            .WYNNE_0820 .common-text-area {\n                margin-bottom: 1.563vw;\n            }\n\n            .WYNNE_0820 .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            .WYNNE_0820 .common-text-area {\n                margin-bottom: 1.563vw;\n            }\n\n            .WYNNE_0820 .kara-top-banner {\n                position: relative;\n            }\n        }\n        \/* 手机 *\/\n        @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .WYNNE_0820 {\n            }\n\n            .WYNNE_0820 .show-big {\n                display: none !important;\n            }\n\n            .WYNNE_0820 .show-small {\n                display: block;\n            }\n\n            .WYNNE_0820 .show-no-small {\n                display: none;\n            }\n\n            .WYNNE_0820 .space-w {\n                margin-top: 10.67vw;\n                width: calc(100% - 3.334vw);\n            }\n\n            .WYNNE_0820 .common-text-area {\n                margin-bottom: 5.333vw;\n            }\n\n            .WYNNE_0820 .common-title {\n                font-size: 20px;\n                line-height: 7.467vw;\n                font-weight: 600;\n            }\n\n            .WYNNE_0820 .common-subhead {\n                font-size: 14px;\n                line-height: 4.8vw;\n                margin-top: 1.0666vw;\n                font-weight: 500;\n            }\n\n            \/* 结构 *\/\n\n            .WYNNE_0820 .kara-top-banner {\n                position: relative;\n            }\n\n            .WYNNE_0820 .kara-top-banner .text-area {\n                max-width: 84%;\n                margin: 10px auto 5.33vw;\n            }\n\n            .WYNNE_0820 .kara-top-banner .text-area .title {\n                font-size: 20px;\n                line-height: 7.264vw;\n                font-weight: 600;\n            }\n\n            .WYNNE_0820 .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            .WYNNE_0820 .trans_container {\n                display: block;\n                margin-top: 10.667vw;\n                overflow-x: hidden;\n            }\n            .WYNNE_0820 .trans_container .active {\n                width: 94.6666667vw !important;\n                height: 86.9333333vw !important;\n            }\n\n            \/* .WYNNE_0820 .trans_container .active .key-features-section__text{\n      bottom: 10.6666667vw;\n    } *\/\n            .WYNNE_0820 .trans_container .item_area .item_image {\n                width: 94.6666667vw !important;\n                aspect-ratio: 355\/326;\n                height: unset;\n            }\n\n            .WYNNE_0820 .trans_container .item_area {\n                transition: height 0.3s;\n                width: 94.6666667vw !important;\n                height: 26.667vw;\n            }\n\n            \/* .WYNNE_0820 .trans_container .key-features-section__title {\n      width: 53.333vw !important;\n    } *\/\n\n            .WYNNE_0820 .trans_container .key-features-section__title-copy {\n                font-size: 5.333vw;\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            .WYNNE_0820 .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            .WYNNE_0820 .trans_container .key-features-section__description-copy {\n                font-size: 3.733vw;\n                font-weight: 400;\n                line-height: 4.376vw;\n                width: 78.667vw;\n                text-align: left;\n            }\n            .WYNNE_0820 .trans_container .active .key-features-section__description-copy {\n                font-size: 14px;\n                font-weight: 500;\n                line-height: 4.376vw;\n                width: 78.667vw;\n                text-align: left;\n                margin-top: 4px;\n            }\n            .WYNNE_0820 .trans_container .key-features-section__text {\n                left: 5.33vw;\n                bottom: 5.33vw;\n                height: auto;\n                max-width: 80%;\n                z-index: 2;\n            }\n            .WYNNE_0820 .trans_container .item_area_fir .key-features-section__text {\n                height: auto;\n            }\n            .WYNNE_0820 .trans_container .item_area_sec .key-features-section__text {\n                height: auto;\n            }\n            .WYNNE_0820 .trans_container .item_area_thr .key-features-section__text {\n                height: auto;\n            }\n\n            .WYNNE_0820 .trans_container .item_area_sec {\n                \/* color: unset; *\/\n            }\n            .WYNNE_0820 .trans_container .item_area_sec .key-features-section__title-copy--large {\n                color: unset;\n            }\n\n            .WYNNE_0820 .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            .WYNNE_0820 .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            .WYNNE_0820 .kara-cen {\n                position: static;\n                width: 100% !important;\n            }\n            .WYNNE_0820 .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            .WYNNE_0820 .kara-cen .common-title {\n                color: #191817;\n                text-align: center;\n            }\n            .WYNNE_0820 .kara-cen .common-subhead {\n                color: rgba(25, 24, 23, 0.8) !important;\n                margin-top: 2.6666667vw;\n                text-align: center;\n            }\n            .WYNNE_0820 .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\n    \u003cdiv class=\"WYNNE_0820\"\u003e\n        \u003cdiv class=\"kara-top-banner\"\u003e\n            \u003cdiv class=\"text-area\"\u003e\n                \u003cdiv class=\"title special_heading\"\u003e「ファッション性の高いウエスタンフレアで風を切って歩もう」\u003c\/div\u003e\n                \u003cdiv class=\"desc\"\u003e- WYNNE \u0026amp; WILLOW\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cvideo webkit-playsinline playsinline autoplay loop muted data-index=\"0\" height=\"100%\" style=\"height: 100%; width: 100%\" class=\"myVideo videos\"\u003e\u003c\/video\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"space-w\"\u003e\n            \u003cdiv class=\"common-title special_heading\" style=\"text-align: center\"\u003e\n                ファッショナブルなウエスタンスタイル\n            \u003c\/div\u003e\n            \u003cdiv class=\"common-subhead show-big\" style=\"text-align: center\"\u003e\n                クラシックなウエスタンブーツのデザインを受け継ぎ、伝統的な職人技の本質を体現する本格的なデザイン。\n            \u003c\/div\u003e\n            \u003cdiv class=\"common-subhead show-small\" style=\"text-align: center; font-weight: 500\"\u003e\n                クラシックなウエスタンブーツのデザインを受け継ぎ、伝統的な職人技の本質を体現する本格的なデザイン。\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"space-w kara-cen\" style=\"width: 100%\"\u003e\n            \u003cpicture\u003e\n                \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-m-9.jpg?imresize=750x750\" media=\"(max-width:768px)\"\u003e\n                \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-pc-1.jpg?imresize=2880x1620\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n            \u003cdiv class=\"common-text-area\"\u003e\n                \u003cdiv class=\"common-title show-big\"\u003e\n                    WYNNE\u0026amp;WILLOW \u003cbr\u003e\n                    モダンなひねりを加えたファッション\n                \u003c\/div\u003e\n                \u003cdiv class=\"show-small common-title\"\u003e\n                    WYNNE\u0026amp;WILLOW \u003cbr\u003e\n                    モダンなひねりを加えたファッション\n                \u003c\/div\u003e\n                \u003cdiv class=\"common-subhead\"\u003e\n                    クラシックなウエスタンブーツの要素である、伝統的な開口部やパッチワーク模様、細かな装飾ステッチをモダンにアレンジ。利便性と快適さを強調し、ラスティックな装いにもモダンなファッションにもぴったりのルックを履くだけで演出。\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"trans_container\"\u003e\n            \u003cdiv class=\"item_area active item_area_fir\"\u003e\n                \u003cdiv class=\"mask\" style=\"display: none\"\u003e\u003c\/div\u003e\n                \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e\n                    \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\n                \u003c\/svg\u003e\n                \u003cdiv class=\"item_image\"\u003e\n                    \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-pc-4.jpg\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"key-features-section__text\"\u003e\n                    \u003cdiv class=\"key-features-section__title\"\u003e\n                        \u003cp class=\"key-features-section__title-copy special_heading\"\u003e75mmのブロックヒール\u003c\/p\u003e\n                        \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e\n                            75mmのブロックヒール\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"key-features-section__description-copy show-big\"\u003e\n                        安定感があり、スタイリッシュで多くのスタイルに対応。\n                    \u003c\/p\u003e\n                    \u003cp class=\"key-features-section__description-copy show-small\"\u003e\n                        安定感があり、スタイリッシュで多くのスタイルに対応。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"item_area\"\u003e\n                \u003cdiv class=\"mask mask_sec\"\u003e\u003c\/div\u003e\n                \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e\n                    \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\n                \u003c\/svg\u003e\n                \u003cdiv class=\"item_image\"\u003e\n                    \u003cvideo webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" preload=\"auto\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/1.jpg\n                    \"\u003e\n                        \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240820_7061\/0820wynne-980-900.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"key-features-section__text\"\u003e\n                    \u003cdiv class=\"key-features-section__title\"\u003e\n                        \u003cp class=\"key-features-section__title-copy special_heading\"\u003eワイドレッグシャフト\u003c\/p\u003e\n                        \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e\n                            ワイドレッグシャフト\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"key-features-section__description-copy show-big\"\u003e\n                        あらゆる脚の形にフィットする余裕のあるブーツシャフトで、動きやすさと快適な履き心地を実感。\n                    \u003c\/p\u003e\n                    \u003cp class=\"key-features-section__description-copy show-small\"\u003e\n                        どんな脚の形にも対応するゆとりあるブーツシャフト。\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"item_area item_area_thr\"\u003e\n                \u003cdiv class=\"mask\"\u003e\u003c\/div\u003e\n                \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e\n                    \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\n                \u003c\/svg\u003e\n                \u003cdiv class=\"item_image\"\u003e\n                    \u003cvideo webkit-playsinline playsinline loop muted height=\"100%\" style=\"height: auto; width: 100%\" class=\"videos\" preload=\"auto\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/wynne-water.jpg\n                    \"\u003e\n                        \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240820_7061\/976-900WHITNEY-water-pc-m.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"key-features-section__text\"\u003e\n                    \u003cdiv class=\"key-features-section__title\"\u003e\n                        \u003cp class=\"key-features-section__title-copy special_heading\"\u003e撥水性\u003c\/p\u003e\n                        \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e\n                            撥水性\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cp class=\"key-features-section__description-copy show-big\"\u003e\n                        軽い水しぶきなら簡単に弾くため、突然の雨でも足元の快適さをキープ！\n                    \u003c\/p\u003e\n                    \u003cp class=\"key-features-section__description-copy show-small\"\u003e\n                        軽い水しぶきなら簡単に弾くため、突然の雨でも足元の快適さをキープ！\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"kara-three-area space-w show-big\"\u003e\n            \u003cdiv class=\"swiper-slide\"\u003e\n                \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-pc-3.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"swiper-slide img-aspet\" style=\"aspect-ratio: 1840\/920\"\u003e\n                \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-pc-2.jpg?imresize=2760x1380\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"myswiper_container show-small\"\u003e\n            \u003cdiv class=\"mySwiper-fir\"\u003e\n                \u003cdiv class=\"swiper-wrapper\"\u003e\n                    \u003cdiv class=\"swiper-slide\"\u003e\n                        \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-m-8.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"swiper-slide\"\u003e\n                        \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-m-7.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"swiper-slide\"\u003e\n                        \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/WYNNE-m-6.jpg?imresize=600x770\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"swiper-scrollbar\"\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \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        const videoList = [\n            {\n                src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240820_7061\/20240816-banner-WYNNE_PC-02.mp4\",\n                poster: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/wynne-banner-pc.jpg\",\n                poster_m: \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240820_7061\/wynne-banner-m.jpg\",\n                src_m: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240820_7061\/20240816%20banner-WYNNE_M.mp4\",\n            },\n        ];\n\n        function setVideo() {\n            document.querySelectorAll(\".WYNNE_0820 .videos\") \u0026\u0026\n                document.querySelectorAll(\".WYNNE_0820 .videos\").forEach((v) =\u003e {\n                    v.setAttribute(\"playsinline\", true);\n                    v.setAttribute(\"webkit-playsinline\", true);\n                });\n            document.querySelectorAll(\".WYNNE_0820 .myVideo\") \u0026\u0026\n                document.querySelectorAll(\".WYNNE_0820 .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\n\n\u003c\/body\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/collections\/boots-wynne.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}