{"product_id":"boots-ryanslipon-dkchocolate","title":"[Ryan Slip-on] Square toe, water-repellent, slip-on, Chelsea boots","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n    \/* 初始化 *\/\n    body {\n        margin: 0;\n    }\n\n    .RYAN_0715 {\n        padding: 0;\n        margin: 0;\n        box-sizing: border-box;\n        padding-bottom: 40px;\n    }\n\n    @font-face {\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n    }\n\n    @font-face {\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n    }\n\n    @font-face {\n        font-weight: 300;\n        src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n    }\n\n    .RYAN_0715 .show-big {\n        display: block;\n    }\n\n    .RYAN_0715 .show-small {\n        display: none;\n    }\n\n    .RYAN_0715 img {\n        display: block;\n        width: 100%;\n        user-select: none !important;\n    }\n\n    .RYAN_0715 p {\n        margin-block-start: 0;\n        margin-block-end: 0;\n    }\n\n    .RYAN_0715 .space-w {\n        margin: 0 auto;\n        margin-top: 5vw;\n    }\n\n    .RYAN_0715 .full-w {\n        width: 100%;\n    }\n\n    .RYAN_0715 .title {\n        user-select: none;\n    }\n\n    .RYAN_0715 .desc {\n        user-select: none;\n    }\n\n    \/* 1 *\/\n    .RYAN_0715 {\n        \/* font-size:; *\/\n        overflow-x: hidden;\n    }\n    .RYAN_0715 img {\n        width: 100%;\n        height: 100%;\n        display: block;\n    }\n\n    \/* 2 *\/\n\n    .RYAN_0715 .common-text-area {\n        margin-bottom: 2.083vw;\n    }\n\n    .RYAN_0715 .common-title {\n        font-size: 28px;\n        line-height: 2.604vw;\n        color: #191817;\n        font-weight: 600;\n    }\n\n    .RYAN_0715 .common-subhead {\n        font-size: 16px;\n        font-weight: 300;\n        line-height: 24px;\n        margin-top: 8px;\n        color: #191817;\n    }\n\n    \/* 结构 *\/\n\n    .RYAN_0715 .kara-top-banner {\n        position: relative;\n        line-height: 0;\n    }\n\n    .RYAN_0715 .kara-top-banner .text-area {\n        position: relative;\n        text-align: center;\n        max-width: 61%;\n        margin: 10px auto 2.08vw;\n    }\n\n    .RYAN_0715 .kara-top-banner .text-area .title {\n        font-size: 28px;\n        line-height: 2.35vw;\n        font-weight: 600;\n    }\n\n    .RYAN_0715 .kara-top-banner .text-area .desc {\n        font-size: 16px;\n        line-height: 1.25vw;\n        margin-top: 16px;\n        font-weight: 500;\n    }\n\n    .RYAN_0715 .trans_container {\n        display: inline-flex;\n        margin-top: 4.167vw;\n        width: 100%;\n    }\n\n    .RYAN_0715 .trans_container .item_area {\n        width: 30vw;\n        \/* height: 46.875vw; *\/\n        transition: width 0.3s;\n        overflow: hidden;\n        position: relative;\n        cursor: pointer;\n    }\n    .RYAN_0715 .trans_container .mask {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.3);\n        display: block;\n    }\n\n    .RYAN_0715 .trans_container .active .mask_sec {\n        background: linear-gradient(\n            to bottom,\n            rgba(163, 132, 101, 0),\n            rgba(163, 132, 101, 0),\n            rgba(163, 132, 101, 0),\n            rgba(86, 48, 12, 0.4)\n        );\n        display: block !important;\n    }\n\n    .RYAN_0715 .trans_container .item_area .item_image {\n        width: 44vw;\n        \/* height: 46.875vw; *\/\n        height: 40vw;\n        float: left;\n        list-style: none;\n        color: #000;\n        line-height: 0;\n    }\n    .RYAN_0715 .trans_container .active {\n        width: 50vw !important;\n    }\n\n    .RYAN_0715 .trans_container .key-features-section__text {\n        position: absolute;\n        width: 100%;\n        height: 0;\n        bottom: 4.167vw;\n        left: 3.38vw;\n        z-index: 2;\n    }\n\n    .RYAN_0715 .trans_container .key-features-section__title {\n        margin-block-start: 0;\n        margin-block-end: 0;\n        transition: all 0.2s;\n        position: absolute;\n        \/* transition-delay: 0.1s; *\/\n        width: 100%;\n        bottom: 0;\n        font-size: 1.25vw;\n        font-weight: 500;\n        line-height: 1.465vw;\n        text-align: left;\n    }\n    .RYAN_0715 .trans_container .key-features-section__title-copy {\n        opacity: 1;\n        transition: all 0.4s;\n        transition-delay: 0.2s;\n        font-size: 1.25vw;\n        font-weight: 600;\n        line-height: 1.465vw;\n        text-align: left;\n        position: absolute;\n        bottom: -1.465vw;\n        color: #fff;\n    }\n\n    .RYAN_0715 .trans_container .key-features-section__title-copy--large {\n        opacity: 0;\n        position: absolute;\n        bottom: 0;\n        pointer-events: none;\n        color: #000;\n    }\n    .RYAN_0715 .trans_container .item_area_sec {\n        color: #fff;\n    }\n    .RYAN_0715 .trans_container .item_area_sec .key-features-section__title-copy--large {\n        color: #fff;\n    }\n    .RYAN_0715 .trans_container .key-features-section__description-copy {\n        \/* margin-block-start: 0;\n  margin-block-end: 0; *\/\n        opacity: 0;\n        position: relative;\n        transition: all 0.4s;\n        transition-delay: 0.2s;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 0.98vw;\n        text-align: left;\n        width: 36.458vw;\n        transform: translateY(calc(100% + 5px));\n    }\n\n    .RYAN_0715 .trans_container .active .key-features-section__title {\n        bottom: 100%;\n        \/* transition-delay: 0.4s; *\/\n    }\n    .RYAN_0715 .trans_container .active .key-features-section__title-copy {\n        opacity: 0;\n    }\n    .RYAN_0715 .trans_container .active .key-features-section__title-copy--large {\n        opacity: 1;\n    }\n    .RYAN_0715 .trans_container .active .key-features-section__description-copy {\n        opacity: 1;\n        transform: translateY(0);\n        \/* transition-delay: 0.2s; *\/\n        margin-top: 0.417vw;\n    }\n    .RYAN_0715 .trans_container .active .key-features-section__title-copy--large {\n        font-size: 28px;\n        font-weight: 600;\n        line-height: 1.953vw;\n        text-align: left;\n    }\n\n    .RYAN_0715 .trans_container .right-btn {\n        position: absolute;\n        left: 1.042vw;\n        top: 1.042vw;\n        z-index: 99;\n    }\n    .RYAN_0715 .trans_container .active .right-btn {\n        display: none;\n    }\n\n    .RYAN_0715 .myswiper_container {\n        position: relative;\n        margin-top: 2.08vw;\n        overflow: hidden;\n        padding-bottom: calc(2.08vw + 4px);\n    }\n\n    .RYAN_0715 .myswiper_container img {\n        width: 100%;\n    }\n\n    .RYAN_0715 .myswiper_container .swiper-scrollbar {\n        margin: 0 2.08vw;\n        width: calc(98% - 2.08vw);\n        height: 3px;\n        left: 0;\n        bottom: 1px;\n        display: flex;\n        font-size: 0;\n    }\n\n    .RYAN_0715 .myswiper_container .swiper-scrollbar-drag {\n        border-radius: 2px;\n        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n        background-color: #191817;\n    }\n\n    .RYAN_0715 .myswiper_container .swiper-notification {\n        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n        border-radius: 2px;\n        background-color: #b0b0b0;\n    }\n    \/* 笔记本 *\/\n    @media screen and (min-width: 1025px) and (max-width: 1440px) {\n        .RYAN_0715 .common-text-area {\n            margin-bottom: 1.563vw;\n        }\n\n        .RYAN_0715 .kara-top-banner {\n            position: relative;\n            line-height: 0;\n        }\n    }\n    \/* 平板 *\/\n    @media screen and (min-width: 769px) and (max-width: 1024px) {\n        .RYAN_0715 .common-text-area {\n            margin-bottom: 1.563vw;\n        }\n\n        .RYAN_0715 .kara-top-banner {\n            position: relative;\n        }\n    }\n    \/* 手机 *\/\n    @media screen and (max-width: 768px) {\n        \/* 初始化 *\/\n        .RYAN_0715 {\n        }\n\n        .RYAN_0715 .show-big {\n            display: none !important;\n        }\n\n        .RYAN_0715 .show-small {\n            display: block;\n        }\n\n        .RYAN_0715 .show-no-small {\n            display: none;\n        }\n\n        .RYAN_0715 .space-w {\n            margin-top: 3.67vw;\n            width: calc(100% - 5.334vw);\n        }\n\n        .RYAN_0715 .common-text-area {\n            margin-bottom: 5.333vw;\n        }\n\n        .RYAN_0715 .common-title {\n            font-size: 20px;\n            line-height: 7.467vw;\n            font-weight: 600;\n        }\n\n        .RYAN_0715 .common-subhead {\n            font-size: 3.733vw;\n            line-height: 4.8vw;\n            margin-top: 1.0666vw;\n        }\n\n        \/* 结构 *\/\n\n        .RYAN_0715 .kara-top-banner {\n            position: relative;\n        }\n\n        .RYAN_0715 .kara-top-banner .text-area {\n            max-width: 100%;\n            margin: 10px auto 5.33vw;\n        }\n\n        .RYAN_0715 .kara-top-banner .text-area .title {\n            font-size: 20px;\n            line-height: 7.264vw;\n            font-weight: 600;\n        }\n\n        .RYAN_0715 .kara-top-banner .text-area .desc {\n            font-size: 14px;\n            line-height: 3.75vw;\n            margin-top: 10px;\n            font-weight: 500;\n        }\n\n        .RYAN_0715 .trans_container {\n            display: block;\n            margin-top: 3.667vw;\n            overflow-x: hidden;\n        }\n        .RYAN_0715 .trans_container .active {\n            width: 94.66vw !important;\n            height: 87.296vw !important;\n        }\n\n        .RYAN_0715 .trans_container .item_area .item_image {\n            width: 94.66vw !important;\n            aspect-ratio: 355\/327.36;\n            height: unset;\n        }\n        .RYAN_0715 .trans_container .item_area {\n            transition: height 0.3s;\n            width: 94.66vw !important;\n            height: 26.667vw;\n        }\n\n        .RYAN_0715 .trans_container .key-features-section__title {\n            \/* width: 53.333vw !important; *\/\n        }\n\n        .RYAN_0715 .trans_container .key-features-section__title-copy {\n            font-size: 20px;\n            font-weight: 600;\n            line-height: 6.251vw;\n            text-align: left;\n            margin-top: 1.067vw;\n            color: #fff;\n            transition: all 0s;\n            transition-delay: 0s;\n        }\n        .RYAN_0715 .trans_container .active .key-features-section__title-copy {\n            font-size: 20px;\n            font-weight: 600;\n            line-height: 6.251vw;\n            text-align: left;\n            margin-top: 1.067vw;\n            color: #000;\n            transition: all 0s;\n            transition-delay: 0s;\n        }\n        .RYAN_0715 .trans_container .key-features-section__description-copy {\n            font-size: 3.733vw;\n            font-weight: 400;\n            line-height: 4.376vw;\n            width: 100%;\n            text-align: left;\n        }\n        .RYAN_0715 .trans_container .active .key-features-section__description-copy {\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 4.376vw;\n            width: 100%;\n            text-align: left;\n            margin-top: 4px;\n        }\n        .RYAN_0715 .trans_container .key-features-section__text {\n            left: 4.33vw;\n            bottom: 5.33vw;\n            height: 5.33vw;\n            max-width: 90%;\n            z-index: 2;\n        }\n        .RYAN_0715 .trans_container .item_area_fir .key-features-section__text {\n            height: 5.33vw;\n        }\n        .RYAN_0715 .trans_container .item_area_sec .key-features-section__text {\n            height: 5.33vw;\n        }\n        .RYAN_0715 .trans_container .item_area_thr .key-features-section__text {\n            height: 5.33vw;\n        }\n\n        .RYAN_0715 .trans_container .item_area_sec {\n            \/* color: unset; *\/\n        }\n        .RYAN_0715 .trans_container .item_area_sec .key-features-section__title-copy--large {\n            color: unset;\n        }\n\n        .RYAN_0715 .trans_container .right-btn {\n            position: absolute;\n            left: unset;\n            top: unset;\n            bottom: 5.333vw;\n            right: 5.333vw;\n            width: 6.4vw;\n            height: 6.4vw;\n        }\n\n        .RYAN_0715 .myswiper_container {\n            padding-left: 2.667vw;\n            margin-top: 5.33vw;\n            padding-bottom: calc(4vw + 4px);\n        }\n    }\n\n    .myswiper_container .swiper-scrollbar {\n        height: 3px;\n        left: 0;\n    }\n    .myswiper_container .swiper-scrollbar-drag {\n        border-radius: 2px;\n        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n        background-color: #191817;\n    }\n\n    .myswiper_container .swiper-notification {\n        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 1);\n        border-radius: 2px;\n        background-color: #b0b0b0;\n    }\n\u003c\/style\u003e  \u003cdiv class=\"RYAN_0715\"\u003e          \u003cdiv class=\"kara-top-banner\"\u003e                  \u003cdiv class=\"text-area\"\u003e                          \u003cdiv class=\"title special_heading\"\u003e\u0026quot;Sophisticated slip-on, water-repellent boots for a variety of occasions\u0026quot;\u003c\/div\u003e                          \u003cdiv class=\"desc\"\u003e-The Ryan\u003c\/div\u003e                  \u003c\/div\u003e                  \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\"\u003e\u003c\/video\u003e          \u003c\/div\u003e          \u003cpicture style=\"margin-top: 4.167vw; display: block\"\u003e                  \u003c!-- mobile --\u003e                  \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568509.jpg?v=1726126130\" media=\"(max-width: 1024px)\"\u003e                  \u003c!-- PC --\u003e                  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568510.jpg?v=1726126132%0A%20%20%20%20%20%20%20%20\"\u003e\u003c\/picture\u003e          \u003cdiv class=\"trans_container\"\u003e                  \u003cdiv class=\"item_area active item_area_fir\"\u003e                          \u003cdiv class=\"mask\" style=\"display: none\"\u003e  \u003c\/div\u003e                          \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                                  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                                  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                          \u003c\/svg\u003e                          \u003cdiv class=\"item_image\"\u003e                                  \u003cvideo class=\"videos\" style=\"width: 100%\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e                                          \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/6d0ebabbd80b95dc1e30746818a00991.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                          \u003c\/div\u003e                          \u003cdiv class=\"key-features-section__text\"\u003e                                  \u003cdiv class=\"key-features-section__title\"\u003e                                          \u003cp class=\"key-features-section__title-copy special_heading\"\u003ewater repellency\u003c\/p\u003e                                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003ewater repellency\u003c\/p\u003e                                  \u003c\/div\u003e                                  \u003cp class=\"key-features-section__description-copy show-big\"\u003e                     It easily repels light splashes of water, keeping your feet comfortable even in sudden light rain!                 \u003c\/p\u003e                                  \u003cp class=\"key-features-section__description-copy show-small\"\u003e                     It easily repels light splashes of water, keeping your feet comfortable even in sudden light rain!                 \u003c\/p\u003e                          \u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"item_area item_area_sec\"\u003e                          \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e                          \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                                  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                                  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                          \u003c\/svg\u003e                          \u003cdiv class=\"item_image\"\u003e                                  \u003cvideo class=\"videos no-auto\" style=\"width: 100%\" loop=\"loop\" muted=\"\"\u003e                                          \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/video134234.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e                          \u003c\/div\u003e                          \u003cdiv class=\"key-features-section__text\"\u003e                                  \u003cdiv class=\"key-features-section__title\"\u003e                                          \u003cp class=\"key-features-section__title-copy special_heading\"\u003eStretchy upper\u003c\/p\u003e                                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                         Stretchy upper                     \u003c\/p\u003e                                  \u003c\/div\u003e                                  \u003cp class=\"key-features-section__description-copy show-big\"\u003e                     SockFit technology conforms to the natural contours of your foot for a second-skin feel.                 \u003c\/p\u003e                                  \u003cp class=\"key-features-section__description-copy show-small\"\u003e                     SockFit technology conforms to the natural contours of your foot for a second-skin feel.                 \u003c\/p\u003e                          \u003c\/div\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"item_area item_area_thr\"\u003e                          \u003cdiv class=\"mask\"\u003e  \u003c\/div\u003e                          \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                                  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                                  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                          \u003c\/svg\u003e                          \u003cdiv class=\"item_image\"\u003e                                  \u003cpicture\u003e                                          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Rectangle-6516.jpg\" media=\"(max-width:768px)\"\u003e                                          \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Rectangle-6516.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e                          \u003c\/div\u003e                          \u003cdiv class=\"key-features-section__text\"\u003e                                  \u003cdiv class=\"key-features-section__title\"\u003e                                          \u003cp class=\"key-features-section__title-copy special_heading\"\u003eCasual, dress, formal boots\u003c\/p\u003e                                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                         Casual, dress, formal boots                     \u003c\/p\u003e                                  \u003c\/div\u003e                                  \u003cp class=\"key-features-section__description-copy show-big\"\u003e                     From casual outings to formal meetings and walking around town.                 \u003c\/p\u003e                                  \u003cp class=\"key-features-section__description-copy show-small\"\u003e                     From casual outings to formal meetings and walking around town.                 \u003c\/p\u003e                          \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0\"\u003e                  \u003cdiv class=\"common-title special_heading\"\u003eLOOKBOOK\u003c\/div\u003e          \u003c\/div\u003e          \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0\"\u003e                  \u003cdiv class=\"mySwiper-fir\"\u003e                          \u003cdiv class=\"swiper-wrapper\"\u003e                                  \u003cdiv class=\"swiper-slide\"\u003e                                          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13512.png?v=1721301564\" alt=\"VIVAIA\"\u003e                                  \u003c\/div\u003e                                  \u003cdiv class=\"swiper-slide\"\u003e                                          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13513.png?v=1721301562\" alt=\"VIVAIA\"\u003e                                  \u003c\/div\u003e                                  \u003cdiv class=\"swiper-slide\"\u003e                                          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13514.png?v=1721301560\" alt=\"VIVAIA\"\u003e                                  \u003c\/div\u003e                                  \u003cdiv class=\"swiper-slide\"\u003e                                          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13428.png?v=1721301562\" alt=\"VIVAIA\"\u003e                                  \u003c\/div\u003e                                  \u003cdiv class=\"swiper-slide\"\u003e                                          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Rectangle_13451.png?v=1721301559\" alt=\"VIVAIA\"\u003e                                  \u003c\/div\u003e                          \u003c\/div\u003e                          \u003cdiv class=\"swiper-scrollbar\"\u003e  \u003c\/div\u003e                  \u003c\/div\u003e          \u003c\/div\u003e  \u003c\/div\u003e  \u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \u003cscript\u003e\n    let timer = null;\n    timer = setInterval(() =\u003e {\n        if (window.Swiper) {\n            clearInterval(timer);\n            timer = null;\n            new Swiper(\".mySwiper-fir\", {\n                breakpoints: {\n                    320: {\n                        slidesPerView: 1.216,\n                        spaceBetween: 10,\n                    },\n                    769: {\n                        slidesPerView: 3.5,\n                        spaceBetween: 10,\n                    },\n                },\n                scrollbar: {\n                    el: \".swiper-scrollbar\",\n                },\n            });\n        }\n    }, 500);\n\n    function setVideo() {\n        document.querySelectorAll(\".kara-top-banner video\") \u0026\u0026\n            document.querySelectorAll(\".kara-top-banner video\").forEach((v) =\u003e {\n                if (window.innerWidth \u003e 768) {\n                    v.innerHTML = `\u003csource\n          src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/20240716%20Ryan%20Slip-on_PC.mp4\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n                    v.poster = \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Slip-on_PC4.jpg\";\n                } else {\n                    v.innerHTML = `\u003csource\n          src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240716_6957\/20240716%20Ryan%20Slip-on_M.mp4\"\n          type=\"video\/mp4\"\n        \/\u003e`;\n                    v.poster = \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240716_6957\/Slip-on_M4.jpg\";\n                }\n            });\n\n        document.querySelectorAll(\".videos\").forEach((video) =\u003e {\n            video.setAttribute(\"playsinline\", true);\n            video.setAttribute(\"webkit-playsinline\", true);\n            let playPromise = video.play();\n            if (playPromise !== undefined) {\n                playPromise\n                    .then(function () {\n                        \/\/ 视频自动播放\n                    })\n                    .catch(function (error) {\n                        \/\/ iOS设备上的自动播放失败，需要等待用户交互后手动播放\n                        video.addEventListener(\"touchstart\", function () {\n                            video.play();\n                        });\n                    });\n            }\n            try {\n                const observer = new IntersectionObserver(\n                    (entries) =\u003e {\n                        entries.forEach((entry) =\u003e {\n                            const video = entry.target;\n                            if (entry.isIntersecting) {\n                                video.play();\n                            } else {\n                                video.pause();\n                            }\n                        });\n                    },\n                    { rootMargin: \"0px 0px 200px 0px\" }\n                );\n\n                const allVideos = document.querySelectorAll(\".videos\");\n                allVideos?.forEach((el) =\u003e {\n                    el.muted = true;\n                    const hasAutoplay = el.hasAttribute(\"autoplay\");\n                    if (hasAutoplay) {\n                        observer.observe(el);\n                    }\n                });\n            } catch (e) {\n                console.log(\"videoControl error\", e);\n            }\n\n            if (video.className.indexOf(\"no-auto\") \u003e -1) {\n                video.pause();\n            }\n        });\n    }\n\n    setVideo();\n\n    function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n            e.addEventListener(\"click\", function () {\n                remove();\n                this.classList.add(\"active\");\n                if (e.querySelector(\"video\")) {\n                    e.querySelector(\"video\").play();\n                }\n                this.querySelector(\".mask\").style.display = \"none\";\n            });\n        });\n        function remove() {\n            key_features.forEach((e) =\u003e {\n                e.classList.remove(\"active\");\n                let videos = document.querySelectorAll(\".item_area video\");\n                videos.forEach((video) =\u003e {\n                    video.pause();\n                });\n                e.querySelector(\".mask\").style.display = \"block\";\n            });\n        }\n    }\n\n    cli_act();\n\u003c\/script\u003e  ","brand":"VIVAIA JAPAN","offers":[{"title":"ryanslipon_dark chocolate \/ JP-22.0cm\/EU-35","offer_id":45734728007936,"sku":"shbootse2405140032001","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-22.5cm\/EU-35.5","offer_id":45734728040704,"sku":"shbootse2405140032002","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-22.5~23.0cm\/EU-36","offer_id":45734728073472,"sku":"shbootse2405140032003","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-23.0cm\/EU-36.5","offer_id":45734728106240,"sku":"shbootse2405140032004","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-23.5cm\/EU-37","offer_id":45734728139008,"sku":"shbootse2405140032005","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45734728171776,"sku":"shbootse2405140032006","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-24.0cm\/EU-38","offer_id":45734728204544,"sku":"shbootse2405140032007","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-24.5cm\/EU-38.5","offer_id":45734728237312,"sku":"shbootse2405140032008","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-24.5~25.0cm\/EU-39","offer_id":45734728270080,"sku":"shbootse2405140032009","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_dark chocolate \/ JP-25.0cm\/EU-39.5","offer_id":45734728302848,"sku":"shbootse2405140032010","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-25.5cm\/EU-40","offer_id":45734728335616,"sku":"shbootse2405140032011","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45734728368384,"sku":"shbootse2405140032012","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-26.0cm\/EU-41","offer_id":45734728401152,"sku":"shbootse2405140032013","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_dark chocolate \/ JP-26.5cm\/EU-41.5","offer_id":45734728433920,"sku":"shbootse2405140032014","price":23900.0,"currency_code":"JPY","in_stock":true},{"title":"ryanslipon_dark chocolate \/ JP-27.0cm\/EU-42","offer_id":45734728466688,"sku":"shbootse2405140032015","price":23900.0,"currency_code":"JPY","in_stock":false},{"title":"ryanslipon_dark chocolate \/ JP-27.5cm\/EU-43","offer_id":45734728499456,"sku":"shbootse2405140032016","price":23900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1721120974-984f11b1-c517-4195-a1f1-d536546f6df7_5feadb30-c2ba-426f-a90d-9864bc38d519.jpg?v=1729157176","url":"https:\/\/checkout.vivaia.jp\/en\/products\/boots-ryanslipon-dkchocolate","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}