{"title":"boots-whitney","description":"\u003cbody\u003e    \u003cstyle\u003e\n  \/* 初始化 *\/\nbody {\n  margin: 0;\n}\n\n.WHITNEY {\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.WHITNEY .show-big {\n  display: block;\n}\n\n.WHITNEY .show-small {\n  display: none;\n}\n\n.WHITNEY img {\n  display: block;\n  width: 100%;\n  user-select: none !important;\n}\n\n.WHITNEY p {\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.WHITNEY .space-w {\n  margin: 0 auto;\n  margin-top: 4.167vw;\n}\n\n.WHITNEY .full-w {\n  width: 100%;\n}\n\n.WHITNEY .title {\n  user-select: none;\n}\n\n.WHITNEY .desc {\n  user-select: none;\n}\n\n\/* 1 *\/\n.WHITNEY {\n  \/* font-size:; *\/\n  overflow-x: hidden;\n}\n.WHITNEY img {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* 2 *\/\n\n.WHITNEY .common-text-area {\n  margin-bottom: 2.083vw;\n}\n\n.WHITNEY .common-title {\n  font-size: 28px;\n  line-height: 2.604vw;\n  color: #191817;\n  font-weight: 600;\n}\n\n.WHITNEY .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.WHITNEY .kara-top-banner {\n  position: relative;\n  line-height: 0;\n}\n\n.WHITNEY .kara-top-banner .text-area {\n  position: relative;\n  text-align: center;\n  max-width: 100%;\n  margin: 10px auto 2.08vw;\n}\n\n.WHITNEY .kara-top-banner .text-area .title {\n  font-size: 28px;\n  line-height: 2.35vw;\n  font-weight: 600;\n}\n\n.WHITNEY .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.WHITNEY .trans_container {\n  display: inline-flex;\n  margin-top: 4.167vw;\n  width:100%;\n}\n\n.WHITNEY .trans_container .item_area {\n  width: 24.5%;\n  \/* height: 46.875vw; *\/\n  transition: width 0.3s;\n  overflow: hidden;\n  position: relative;\n  cursor: pointer;\n}\n.WHITNEY .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\/* .WHITNEY .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.WHITNEY .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.WHITNEY .trans_container .active {\n  width: 54% !important;\n}\n\n.WHITNEY .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.WHITNEY .trans_container .key-features-section__title {\n  margin-block-start: 0;\n  margin-block-end: 0;\n  transition: all 0.2s;\n  position: absolute;\n  \/* transition-delay: 0.1s; *\/\n  width: 100%;\n  bottom: 0;\n  font-size: 1.25vw;\n  font-weight: 600;\n  line-height: 1.465vw;\n  text-align: left;\n}\n.WHITNEY .trans_container .key-features-section__title-copy {\n  opacity: 1;\n  transition: all 0.4s;\n  transition-delay: 0.2s;\n  font-size: 1.25vw;\n  font-weight: 500;\n  line-height: 1.465vw;\n  text-align: left;\n  position: absolute;\n  bottom: -1.465vw;\n  color: #fff;\n}\n\n.WHITNEY .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.WHITNEY .trans_container .item_area_sec {\n  color: #fff;\n}\n.WHITNEY\n  .trans_container\n  .item_area_sec\n  .key-features-section__title-copy--large {\n  color: #fff;\n}\n.WHITNEY .trans_container .key-features-section__description-copy {\n  \/* margin-block-start: 0;\nmargin-block-end: 0; *\/\n  opacity: 0;\n  position: relative;\n  transition: all 0.4s;\n  transition-delay: 0.2s;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 0.98vw;\n  text-align: left;\n  width: 36.458vw;\n  transform: translateY(calc(100% + 5px));\n}\n\n.WHITNEY .trans_container .active .key-features-section__title {\n  bottom: 100%;\n  \/* transition-delay: 0.4s; *\/\n}\n.WHITNEY .trans_container .active .key-features-section__title-copy {\n  opacity: 0;\n}\n.WHITNEY\n  .trans_container\n  .active\n  .key-features-section__title-copy--large {\n  opacity: 1;\n}\n.WHITNEY .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.WHITNEY\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.WHITNEY .trans_container .right-btn {\n  position: absolute;\n  left: 1.042vw;\n  top: 1.042vw;\n  z-index: 99;\n}\n.WHITNEY .trans_container .active .right-btn {\n  display: none;\n}\n\n.WHITNEY .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.WHITNEY .myswiper_container img {\n  width: 100%;\n}\n\n.WHITNEY .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.WHITNEY .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.WHITNEY .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.WHITNEY .kara-cen {\n  position: relative;\n}\n.WHITNEY .kara-cen .common-text-area {\n  position: absolute;\n  top: 356px;\n  left: 60px;\n  max-width: 520px;\n}\n.WHITNEY .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  .WHITNEY .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .WHITNEY .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  .WHITNEY .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .WHITNEY .kara-top-banner {\n    position: relative;\n  }\n}\n\/* 手机 *\/\n@media screen and (max-width: 768px) {\n  \/* 初始化 *\/\n  .WHITNEY {\n  }\n\n  .WHITNEY .show-big {\n    display: none !important;\n  }\n\n  .WHITNEY .show-small {\n    display: block;\n  }\n\n  .WHITNEY .show-no-small {\n    display: none;\n  }\n\n  .WHITNEY .space-w {\n    margin-top: 10.67vw;\n    width: calc(100% - 5.334vw);\n  }\n\n  .WHITNEY .common-text-area {\n    margin-bottom: 5.333vw;\n  }\n\n  .WHITNEY .common-title {\n    font-size: 20px;\n    line-height: 7.467vw;\n    font-weight:600;\n  }\n\n  .WHITNEY .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  .WHITNEY .kara-top-banner {\n    position: relative;\n  }\n\n  .WHITNEY .kara-top-banner .text-area {\n    max-width: 100%;\n    margin: 10px auto 5.33vw;\n  }\n\n  .WHITNEY .kara-top-banner .text-area .title {\n    font-size: 20px;\n    line-height: 7.264vw;\n    font-weight:600;\n  }\n\n  .WHITNEY .kara-top-banner .text-area .desc {\n    font-size: 14px;\n    line-height: 3.75vw;\n    margin-top: 10px;\n  }\n\n  .WHITNEY .trans_container {\n    display: block;\n    margin-top: 10.667vw;\n    overflow-x: hidden;\n  }\n  .WHITNEY .trans_container .active {\n    width: 94.6666667vw !important;\n    height: 86.9333333vw !important;\n  }\n\n  \/* .WHITNEY .trans_container .active .key-features-section__text{\n    bottom: 10.6666667vw;\n  } *\/\n  .WHITNEY .trans_container .item_area .item_image {\n    width: 94.6666667vw !important;\n    aspect-ratio: 355\/326;\n    height: unset;\n  }\n\n  .WHITNEY .trans_container .item_area {\n    transition: height 0.3s;\n    width: 94.6666667vw !important;\n    height: 26.667vw;\n  }\n\n  \/* .WHITNEY .trans_container .key-features-section__title {\n    width: 53.333vw !important;\n  } *\/\n\n  .WHITNEY .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  .WHITNEY .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  .WHITNEY .trans_container .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  }\n  .WHITNEY\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  .WHITNEY .trans_container .key-features-section__text {\n    left: 5.33vw;\n    bottom: 2.33vw;;\n    height: auto;\n    max-width: 88%;\n    z-index: 2;\n  }\n  .WHITNEY .trans_container .item_area_fir .key-features-section__text {\n    height: auto;\n  }\n  .WHITNEY .trans_container .item_area_sec .key-features-section__text {\n    height: auto;\n  }\n  .WHITNEY .trans_container .item_area_thr .key-features-section__text {\n    height: auto;\n  }\n\n  .WHITNEY .trans_container .item_area_sec {\n    \/* color: unset; *\/\n  }\n  .WHITNEY\n    .trans_container\n    .item_area_sec\n    .key-features-section__title-copy--large {\n    color: unset;\n  }\n\n  .WHITNEY .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  .WHITNEY .myswiper_container {\n    width: 100%;\n    box-sizing: border-box;\n    margin-top: 10.6666667vw;\n    padding-bottom: calc(4vw + 4px);\n  }\n  .WHITNEY .kara-cen {\n    position: static;\n    width: 100% !important;\n  }\n  .WHITNEY .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  .WHITNEY .kara-cen .common-title {\n    color: #191817;\n    text-align: center;\n  }\n  .WHITNEY .kara-cen .common-subhead {\n    color: rgba(25, 24, 23, 0.8) !important;\n    margin-top: 2.6666667vw;\n    text-align: center;\n  }\n  .WHITNEY .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=\"WHITNEY\"\u003e      \u003cdiv class=\"kara-top-banner\"\u003e              \u003cdiv class=\"text-area\"\u003e                      \u003cdiv class=\"title special_heading\"\u003e               \u0026quot;Western spirit reinterpreted with modern flexibility\u0026quot;           \u003c\/div\u003e                      \u003cdiv class=\"desc\"\u003e-WHITNEY\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_7006\/WHITNEY-m-4.jpg?imresize=750x750         \" media=\"(max-width:768px)\"\u003e           \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7006\/WHITNEY-pc-1.jpg?imresize=2880x1620\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e              \u003cdiv class=\"common-text-area\"\u003e                      \u003cdiv class=\"common-title show-big special_heading\"\u003e               WHITNEY \u003cbr\u003e               Style and comfort combined           \u003c\/div\u003e                      \u003cdiv class=\"show-small common-title special_heading\"\u003e               WHITNEY \u003cbr\u003e               Style and comfort combined           \u003c\/div\u003e                      \u003cdiv class=\"common-subhead\"\u003e             The stylish and classic western style design is eye-catching, and the delicate and attractive stitching enhances the fashion sense. It is a must-have item that matches any outfit, from cowgirl style to modern chic, and will elevate your style.           \u003c\/div\u003e              \u003c\/div\u003e      \u003c\/div\u003e        \u003cdiv class=\"trans_container\"\u003e      \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e              \u003cdiv class=\"item_area 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_7006\/WHITNEY-pc-m-3.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 special_heading\"\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                              \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7006\/WHITNEY-pc-m-4.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 special_heading\"\u003ePressure Relief Insoles\u003c\/p\u003e                                      \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                       Pressure Relief Insoles                   \u003c\/p\u003e                              \u003c\/div\u003e                              \u003cp class=\"key-features-section__description-copy show-big\"\u003e                   Pressure dispersion pattern and shock absorbing heel rebound               \u003c\/p\u003e                              \u003cp class=\"key-features-section__description-copy show-small\"\u003e                   Pressure 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 webkit-playsinline playsinline loop muted height=\"100%\" style=\"width: 100%;object-fit: cover;\" class=\"videos\" preload=\"auto\" poster=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7006\/WHITNEY-pc-m.jpg                   \"\u003e                   \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7006\/WHITNEY-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 special_heading\"\u003ewater repellency\u003c\/p\u003e                                      \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e                     water repellency                   \u003c\/p\u003e                              \u003c\/div\u003e                              \u003cp class=\"key-features-section__description-copy show-big\"\u003e                   It easily repels light splashes of water, keeping your feet comfortable even in sudden rain!               \u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003e                   It easily repels light splashes of water, keeping your feet comfortable even in sudden rain!               \u003c\/p\u003e                      \u003c\/div\u003e              \u003c\/div\u003e      \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_7006\/WHITNEY-pc-5.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_7006\/WHITNEY-pc-2.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_7006\/WHITNEY-m-1.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_7006\/WHITNEY-m-2.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_7006\/WHITNEY-m-3.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\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\nconst videoList = [\n  {\n    src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7006\/20240807-WHITNEY_PC-new.mp4',\n    poster:\n      'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7006\/WHITNEY-banner-shipin-pc.jpg',\n    poster_m:\n      'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240805_7006\/WHITNEY-banner-shipin-m.jpg',\n    src_m:\n      'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240805_7006\/20240807-WHITNEY_M-%20new.mp4',\n  },\n];\n\nfunction setVideo() {\n  document.querySelectorAll('.WHITNEY .videos') \u0026\u0026\n    document.querySelectorAll('.WHITNEY .videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', true);\n      v.setAttribute('webkit-playsinline', true);\n    });\n  document.querySelectorAll('.WHITNEY .myVideo') \u0026\u0026\n    document.querySelectorAll('.WHITNEY .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}\nsetVideo();\n\nfunction cli_act() {\n  const key_features = document.querySelectorAll('.item_area');\n\n  key_features.forEach((e) =\u003e {\n    e.addEventListener('click', function () {\n      remove();\n      this.classList.add('active');\n      if (e.querySelector('video')) {\n        e.querySelector('video').play();\n      }\n      this.querySelector('.mask').style.display = 'none';\n    });\n  });\n  function remove() {\n    key_features.forEach((e) =\u003e {\n      e.classList.remove('active');\n      let videos = document.querySelectorAll('.item_area video');\n      videos.forEach((video) =\u003e {\n        video.pause();\n      });\n      e.querySelector('.mask').style.display = 'block';\n    });\n  }\n}\n\ncli_act();\n\u003c\/script\u003e            \u003c\/body\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/en\/collections\/boots-whitney.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}