{"title":"boots-taylor","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cstyle\u003e\n      \/* 初始化 *\/\n      body {\n        margin: 0;\n      }\n\n      .TAYLOP {\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      .TAYLOP .show-big {\n        display: block;\n      }\n\n      .TAYLOP .show-small {\n        display: none;\n      }\n\n      .TAYLOP img {\n        display: block;\n        width: 100%;\n        user-select: none !important;\n      }\n\n      .TAYLOP p {\n        margin-block-start: 0;\n        margin-block-end: 0;\n      }\n\n      .TAYLOP .space-w {\n        margin: 0 auto;\n        margin-top: 4.167vw;\n      }\n\n      .TAYLOP .full-w {\n        width: 100%;\n      }\n\n      .TAYLOP .title {\n        user-select: none;\n      }\n\n      .TAYLOP .desc {\n        user-select: none;\n      }\n\n      \/* 1 *\/\n      .TAYLOP {\n        \/* font-size:; *\/\n        overflow-x: hidden;\n      }\n      .TAYLOP img {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n\n      \/* 2 *\/\n\n      .TAYLOP .common-text-area {\n        margin-bottom: 2.083vw;\n      }\n\n      .TAYLOP .common-title {\n        font-size: 28px;\n        line-height: 2.604vw;\n        color: #191817;\n        font-weight:600\n      }\n\n      .TAYLOP .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      .TAYLOP .kara-top-banner {\n        position: relative;\n        line-height: 0;\n      }\n\n      .TAYLOP .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      .TAYLOP .kara-top-banner .text-area .title {\n        font-size: 28px;\n        line-height: 2.35vw;\n        font-weight: 600;\n      }\n\n      .TAYLOP .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      .TAYLOP .trans_container {\n        display: inline-flex;\n        margin-top: 4.167vw;\n      }\n\n      .TAYLOP .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      .TAYLOP .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      \/* .TAYLOP .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      .TAYLOP .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      .TAYLOP .trans_container .active {\n        width: 50.833vw !important;\n      }\n\n      .TAYLOP .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      .TAYLOP .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: 28px;\n        font-weight: 600;\n        line-height: 1.465vw;\n        text-align: left;\n      }\n      .TAYLOP .trans_container .key-features-section__title-copy {\n        opacity: 1;\n        transition: all 0.4s;\n        transition-delay: 0.2s;\n        font-size: 28px;\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      .TAYLOP .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      .TAYLOP .trans_container .item_area_sec {\n        color: #fff;\n      }\n      .TAYLOP\n        .trans_container\n        .item_area_sec\n        .key-features-section__title-copy--large {\n        color: #fff;\n      }\n      .TAYLOP .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      .TAYLOP .trans_container .active .key-features-section__title {\n        bottom: 100%;\n        \/* transition-delay: 0.4s; *\/\n      }\n      .TAYLOP .trans_container .active .key-features-section__title-copy {\n        opacity: 0;\n      }\n      .TAYLOP\n        .trans_container\n        .active\n        .key-features-section__title-copy--large {\n        opacity: 1;\n      }\n      .TAYLOP .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      .TAYLOP\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      .TAYLOP .trans_container .right-btn {\n        position: absolute;\n        left: 1.042vw;\n        top: 1.042vw;\n        z-index: 99;\n      }\n      .TAYLOP .trans_container .active .right-btn {\n        display: none;\n      }\n\n      .TAYLOP .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      .TAYLOP .myswiper_container img {\n        width: 100%;\n      }\n\n      .TAYLOP .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      .TAYLOP .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      .TAYLOP .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      .TAYLOP .kara-cen {\n        position: relative;\n      }\n      .TAYLOP .kara-cen .common-text-area {\n        position: absolute;\n        top: 21.15625vw;\n        left: 2.041667vw;\n        max-width: 30.6770833vw;\n      }\n\n      \/* 笔记本 *\/\n      @media screen and (min-width: 1025px) and (max-width: 1440px) {\n        .TAYLOP .common-text-area {\n          margin-bottom: 1.563vw;\n        }\n\n        .TAYLOP .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        .TAYLOP .common-text-area {\n          margin-bottom: 1.563vw;\n        }\n\n        .TAYLOP .kara-top-banner {\n          position: relative;\n        }\n      }\n      \/* 手机 *\/\n      @media screen and (max-width: 768px) {\n        \/* 初始化 *\/\n        .TAYLOP {\n        }\n\n        .TAYLOP .show-big {\n          display: none !important;\n        }\n\n        .TAYLOP .show-small {\n          display: block;\n        }\n\n        .TAYLOP .show-no-small {\n          display: none;\n        }\n\n        .TAYLOP .space-w {\n          margin-top: 10.67vw;\n          width: calc(100% - 5.334vw);\n        }\n\n        .TAYLOP .common-text-area {\n          margin-bottom: 5.333vw;\n        }\n\n        .TAYLOP .common-title {\n          font-size: 20px;\n          line-height: 7.467vw;\n          font-weight:600;\n        }\n\n        .TAYLOP .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        .TAYLOP .kara-top-banner {\n          position: relative;\n        }\n\n        .TAYLOP .kara-top-banner .text-area {\n          max-width: 100%;\n          margin: 10px auto 5.33vw;\n        }\n\n        .TAYLOP .kara-top-banner .text-area .title {\n          font-size: 20px;\n          line-height: 7.264vw;\n          font-weight: 600;\n        }\n\n        .TAYLOP .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        .TAYLOP .trans_container {\n          display: block;\n          margin-top: 10.667vw;\n          overflow-x: hidden;\n        }\n        .TAYLOP .trans_container .active {\n          width: 94.6666667vw !important;\n          height: 86.9333333vw !important;\n        }\n     \n        \/* .TAYLOP .trans_container .active .key-features-section__text{\n          bottom: 10.6666667vw;\n        } *\/\n        .TAYLOP .trans_container .item_area .item_image {\n          width: 94.6666667vw !important;\n          aspect-ratio: 355\/326;\n          height: unset;\n          \n        }\n       \n        .TAYLOP .trans_container .item_area {\n          transition: height 0.3s;\n          width: 94.6666667vw !important;\n          height: 26.667vw;\n        }\n\n        .TAYLOP .trans_container .key-features-section__title {\n          width: 82.333vw !important;\n        }\n\n        .TAYLOP .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        .TAYLOP .trans_container .active .key-features-section__title-copy {\n          font-size: 20px;\n          font-weight: 600;\n          line-height: 3.251vw;\n          text-align: left;\n          margin-top: 1.067vw;\n          color: #000;\n          transition: all 0s;\n          transition-delay: 0s;\n        }\n        .TAYLOP .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        .TAYLOP\n          .trans_container\n          .active\n          .key-features-section__description-copy {\n          font-size: 14px;\n          font-weight: 500;\n          line-height: 4.376vw;\n          width: 78.667vw;\n          text-align: left;\n          margin-top: 4px;\n        }\n        .TAYLOP .trans_container .key-features-section__text {\n          left: 5.33vw;\n          bottom: 1.33vw;\n          height: auto;\n          max-width: 80%;\n          z-index: 2;\n        }\n        .TAYLOP .trans_container .item_area_fir .key-features-section__text {\n          height: auto;\n        }\n        .TAYLOP .trans_container .item_area_sec .key-features-section__text {\n          height: auto;\n        }\n        .TAYLOP .trans_container .item_area_thr .key-features-section__text {\n          height: auto;\n        }\n\n        .TAYLOP .trans_container .item_area_sec {\n          \/* color: unset; *\/\n        }\n        .TAYLOP\n          .trans_container\n          .item_area_sec\n          .key-features-section__title-copy--large {\n          color: unset;\n        }\n\n        .TAYLOP .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        .TAYLOP .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        .TAYLOP .kara-cen {\n          position: static;\n          width: 100% !important;\n        }\n        .TAYLOP .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        .TAYLOP .kara-cen .common-title {\n          color: #191817;\n          text-align: center;\n        }\n        .TAYLOP .kara-cen .common-subhead {\n          color: rgba(25, 24, 23, 0.8);\n          margin-top: 2.6666667vw;\n          text-align: center;\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=\"TAYLOP\"\u003e  \u003cdiv class=\"kara-top-banner\"\u003e  \u003cdiv class=\"text-area\"\u003e  \u003cdiv class=\"title special_heading\"\u003e\u0026quot;A staple item that elevates every step of the way.\u0026quot;\u003c\/div\u003e  \u003cdiv class=\"desc\"\u003e- Taylor\u003c\/div\u003e  \u003c\/div\u003e  \u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\" data-index=\"0\"\u003e\u003c\/video\u003e  \u003c\/div\u003e  \u003cdiv class=\"space-w\"\u003e  \u003cdiv class=\"common-title special_heading\" style=\"text-align: center;\"\u003eClassic Western Design\u003c\/div\u003e  \u003cdiv class=\"common-subhead show-big\" style=\"text-align: center;\"\u003eInspired by traditional western boot design, it embodies the essence of expert craftsmanship.\u003c\/div\u003e  \u003cdiv class=\"common-subhead show-small\" style=\"text-align: center; font-weight: 500;\"\u003eInspired by traditional western boot design, it embodies the essence of expert craftsmanship.\u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"space-w kara-cen\"\u003e  \u003cpicture\u003e  \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOP-m4.jpg\" media=\"(max-width:768px)\"\u003e  \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOP-pc1.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e  \u003cdiv class=\"common-text-area\"\u003e  \u003cdiv class=\"common-title special_heading\"\u003eEasy on\/off side zipper\u003c\/div\u003e  \u003cdiv class=\"common-subhead\"\u003eA convenient side zipper means no hassle with lacing, making them quick and easy to put on and take off. Add a metallic touch to this timeless design to accent your wardrobe.\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\/20240723_6980\/TAYLOP-pc4.jpg\" alt=\"VIVAIA\"\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\"\u003eStable stacked heel\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eStable stacked heel\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eStylish and suitable for any occasion\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eStylish 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\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOP-pc-m-02%20.jpg\" alt=\"VIVAIA\"\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\"\u003ePressure-relieving diamond-shaped insole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003ePressure-relieving diamond-shaped insole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003ePressure dispersion pattern and shock absorbing heel rebound\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003ePressure dispersion pattern and shock absorbing heel rebound\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 class=\"videos\" style=\"height: auto; width: 100%;\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOR-front%2002.jpg\" loop=\"loop\" muted=\"\" height=\"100%\"\u003e                              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/TAYLOP-%EF%BC%88980-900%EF%BC%89pc-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 special_heading\"\u003ewater repellency\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003ewater repellency\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt easily repels light splashes of water, so you can feel safe and comfortable on your feet even on rainy days!\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt easily repels light splashes of water, so you can feel safe and comfortable on your feet even on rainy days!\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\/20240723_6980\/TAYLOP-pc3.jpg\" alt=\"VIVAIA\"\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\/20240723_6980\/TAYLOP-pc2.jpg\" alt=\"VIVAIA\"\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\/20240723_6980\/TAYLOP-m1.jpg\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e  \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOP-m2.jpg\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e  \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/TAYLOP-m3.jpg\" 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\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\/20240723_6980\/20240724-TAYLOR_PC.mp4',\n          poster:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg',\n          poster_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg',\n          src_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4',\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll('.TAYLOP .videos') \u0026\u0026\n          document.querySelectorAll('.TAYLOP .videos').forEach((v) =\u003e {\n            v.setAttribute('playsinline', true);\n            v.setAttribute('webkit-playsinline', true);\n          });\n        document.querySelectorAll('.TAYLOP .myVideo') \u0026\u0026\n          document.querySelectorAll('.TAYLOP .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\/p\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/boots-taylor.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}