{"product_id":"boots-alexandra-blackrubyred","title":"[Alexandra] ポインテッドトゥ 撥水加工 ショートブーツ","description":"\u003cbody\u003e\n\n\u003cstyle\u003e\n  \/* 初始化 *\/\nbody {\n  margin: 0;\n}\n\n.ALEXANDRA_0816 {\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.ALEXANDRA_0816 .show-big {\n  display: block;\n}\n\n.ALEXANDRA_0816 .show-small {\n  display: none;\n}\n\n.ALEXANDRA_0816 img {\n  display: block;\n  width: 100%;\n  user-select: none !important;\n}\n\n.ALEXANDRA_0816 p {\n  margin-block-start: 0;\n  margin-block-end: 0;\n}\n\n.ALEXANDRA_0816 .space-w {\n  margin: 0 auto;\n  margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .full-w {\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .title {\n  user-select: none;\n}\n\n.ALEXANDRA_0816 .desc {\n  user-select: none;\n}\n\n\/* 1 *\/\n.ALEXANDRA_0816 {\n  \/* font-size:; *\/\n  overflow-x: hidden;\n}\n.ALEXANDRA_0816 img {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n\/* 2 *\/\n\n.ALEXANDRA_0816 .common-text-area {\n  margin-bottom: 2.083vw;\n}\n\n.ALEXANDRA_0816 .common-title {\n  font-size: 28px;\n  line-height: 2.604vw;\n  color: #191817;\n  font-weight: 600;\n}\n\n.ALEXANDRA_0816 .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\/* kara-top-banner *\/\n.ALEXANDRA_0816 .kara-top-banner {\n  position: relative;\n  line-height: 0;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text {\n  position: relative;\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n  position: absolute;\n  text-align: center;\n  top: 44.25%;\n  left: 5.26%;\n  color: #fff;\n  max-width: 50%;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n  font-size: 28px;\n  line-height: 2.34vw;\n  font-weight: 600;\n  margin-bottom: 16px;\n}\n\n.ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n  font-size: 16px;\n  line-height: 1.22vw;\n  font-weight: 500;\n}\n\n\/* banner-sec *\/\n.ALEXANDRA_0816 .banner-sec {\n  position: relative;\n}\n\n.ALEXANDRA_0816 .banner-sec img {\n  aspect-ratio: 1840\/943;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area {\n  position: absolute;\n  text-align: left;\n  top: 37%;\n  right: 8.9%;\n  max-width: 39%;\n  color: #fff;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .title {\n  font-size: 28px;\n  line-height: 2.86vw;\n  font-weight: 600;\n  margin-bottom: 16px;\n  max-width: 94.6%;\n}\n\n.ALEXANDRA_0816 .banner-sec .text-area .desc {\n  font-size: 16px;\n  line-height: 1.22vw;\n  font-weight: 500;\n  max-width: 100%;\n}\n\n\/* trans_container *\/\n.ALEXANDRA_0816 .trans_container {\n  display: inline-flex;\n  margin-top: 5vw;\n}\n\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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\/* .ALEXANDRA_0816 .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.ALEXANDRA_0816 .trans_container .active .mask_thr {\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.ALEXANDRA_0816 .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.ALEXANDRA_0816 .trans_container .active {\n  width: 50.833vw !important;\n}\n\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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\n.ALEXANDRA_0816 .trans_container .item_area_sec {\n  color: #fff;\n}\n\n.ALEXANDRA_0816\n  .trans_container\n  .item_area_sec\n  .key-features-section__title-copy--large {\n  color: #fff;\n}\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .trans_container .active .key-features-section__title {\n  bottom: 100%;\n  \/* transition-delay: 0.4s; *\/\n}\n.ALEXANDRA_0816 .trans_container .active .key-features-section__title-copy {\n  opacity: 0;\n}\n.ALEXANDRA_0816\n  .trans_container\n  .active\n  .key-features-section__title-copy--large {\n  opacity: 1;\n}\n.ALEXANDRA_0816\n  .trans_container\n  .active\n  .key-features-section__description-copy {\n  max-width: 550px;\n  opacity: 1;\n  transform: translateY(0);\n  \/* transition-delay: 0.2s; *\/\n  margin-top: 0.417vw;\n}\n.ALEXANDRA_0816\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.ALEXANDRA_0816 .trans_container .right-btn {\n  position: absolute;\n  left: 1.042vw;\n  top: 1.042vw;\n  z-index: 99;\n}\n.ALEXANDRA_0816 .trans_container .active .right-btn {\n  display: none;\n}\n\n\/* myswiper_container *\/\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .myswiper_container img {\n  width: 100%;\n}\n\n.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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.ALEXANDRA_0816 .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  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ALEXANDRA_0816 .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  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 1.563vw;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner {\n    position: relative;\n  }\n}\n\/* 手机 *\/\n@media screen and (max-width: 768px) {\n  \/* 初始化 *\/\n  .ALEXANDRA_0816 {\n  }\n\n  .ALEXANDRA_0816 .show-big {\n    display: none !important;\n  }\n\n  .ALEXANDRA_0816 .show-small {\n    display: block;\n  }\n\n  .ALEXANDRA_0816 .show-no-small {\n    display: none;\n  }\n\n  .ALEXANDRA_0816 .space-w {\n    margin-top: 10.67vw;\n  }\n\n  .ALEXANDRA_0816 .common-text-area {\n    margin-bottom: 5.333vw;\n  }\n\n  .ALEXANDRA_0816 .common-title {\n    font-size: 20px;\n    line-height: 7.467vw;\n  }\n\n  .ALEXANDRA_0816 .common-subhead {\n    font-size: 3.733vw;\n    line-height: 4.8vw;\n    margin-top: 1.0666vw;\n  }\n\n  \/* 结构 *\/\n  \/* kara-top-banner *\/\n  .ALEXANDRA_0816 .kara-top-banner {\n    position: relative;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area {\n    top: 7.3%;\n    left: 16%;\n    max-width: 68%;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .title {\n    font-size: 20px;\n    line-height: 8.5vw;\n    font-weight: 600;\n    margin-bottom: 9px;\n  }\n\n  .ALEXANDRA_0816 .kara-top-banner .video-text .text-area .desc {\n    font-size: 14px;\n    line-height: 4.376vw;\n    font-weight: 500;\n  }\n\n  \/* banner-sec *\/\n  .ALEXANDRA_0816 .banner-sec {\n    position: relative;\n  }\n\n  .ALEXANDRA_0816 .banner-sec img {\n    aspect-ratio: 355\/480;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area {\n    text-align: center;\n    top: unset;\n    right: unset;\n    left: 13.9%;\n    bottom: 6.3%;\n    max-width:72.2%;\n    color: #000;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area .title {\n    font-size: 20px;\n    line-height: 8.5vw;\n    font-weight: 600;\n    margin-bottom: 4px;\n    max-width: 100%;\n  }\n\n  .ALEXANDRA_0816 .banner-sec .text-area .desc {\n    font-size: 14px;\n    line-height: 4.376vw;\n    max-width: 100%;\n  }\n\n  \/* trans_container *\/\n  .ALEXANDRA_0816 .trans_container {\n    display: block;\n    margin-top: 10.667vw;\n    overflow-x: hidden;\n  }\n  .ALEXANDRA_0816 .trans_container .active {\n    width: 94.66vw !important;\n    height: 86.96vw !important;\n  }\n\n  .ALEXANDRA_0816 .trans_container .item_area .item_image {\n    width: 94.66vw !important;\n    aspect-ratio: 355\/326;\n    height: unset;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area {\n    transition: height 0.3s;\n    width: 94.66vw !important;\n    height: 26.667vw;\n  }\n\n  .ALEXANDRA_0816 .trans_container .key-features-section__title {\n    \/* width: 53.333vw !important; *\/\n  }\n\n  .ALEXANDRA_0816 .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  .ALEXANDRA_0816 .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  .ALEXANDRA_0816 .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  .ALEXANDRA_0816\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: 100%;\n    text-align: left;\n    margin-top: 4px;\n  }\n  .ALEXANDRA_0816 .trans_container .key-features-section__text {\n    left: 5.33vw;\n    bottom: 5.33vw;\n    height: 5.33vw;\n    max-width: 90%;\n    z-index: 2;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_fir .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_sec .key-features-section__text {\n    height: 5.33vw;\n  }\n  .ALEXANDRA_0816 .trans_container .item_area_thr .key-features-section__text {\n    height: 5.33vw;\n  }\n\n  .ALEXANDRA_0816 .trans_container .item_area_sec {\n    \/* color: unset; *\/\n  }\n\n  .ALEXANDRA_0816\n    .trans_container\n    .item_area_sec\n    .key-features-section__title-copy--large {\n    color: unset;\n  }\n\n  .ALEXANDRA_0816 .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  \/* myswiper_container *\/\n  .ALEXANDRA_0816 .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\n\u003c\/style\u003e\n\u003cdiv class=\"ALEXANDRA_0816\"\u003e\n  \u003c!-- kara-top-banner --\u003e\n  \u003cdiv class=\"kara-top-banner\"\u003e\n      \u003cdiv class=\"video-text\"\u003e\n          \u003cdiv class=\"text-area\"\u003e\n              \u003cdiv class=\"title special_heading\"\u003e「あなたに寄り添う洗練の仕上がり」\u003c\/div\u003e\n              \u003cdiv class=\"desc\"\u003e- ALEXANDRA\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cpicture style=\"width: 100%;\"\u003e\n              \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle%206525.jpg?imresize=750x1100\" media=\"(max-width:768px)\"\u003e\n              \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568339.jpg?imresize=2880x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n      \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003c!-- banner-sec --\u003e\n  \u003cdiv class=\"banner-sec space-w\"\u003e\n      \u003cdiv class=\"text-area\"\u003e\n          \u003cdiv class=\"title special_heading\"\u003eエレガント＆クラシック\u003c\/div\u003e\n          \u003cdiv class=\"desc show-big\"\u003eエレガントでクラシックなデザインに革新的な技術を組み合わせたこのブーツは、さまざまなスタイルやシーンにぴったりです。キトゥンヒールは控えめでデザイン性がありながら、快適さと安定性も抜群。いつ履いてもその魅力を引き立てるブーツをぜひお試しください。\u003c\/div\u003e\n\n          \u003cdiv class=\"desc show-small\"\u003eエレガントでクラシックなデザインに革新的な技術を組み合わせたこのブーツは、さまざまなスタイルやシーンにぴったりです。\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cpicture style=\"width: 100%;\"\u003e\n          \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group%20336568447.jpg?imresize=710x960\" media=\"(max-width:768px)\"\u003e\n          \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/image-847.jpg?imresize=2760x1415\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"trans_container\"\u003e\n    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e\n      \u003cdiv class=\"item_area item_area_fir active\"\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\n          \u003cdiv class=\"item_image\"\u003e\n              \u003cvideo class=\"videos\" style=\"width: 100%;\" loop=\"loop\" muted=\"\" playsinline=\"true\" webkit-playsinline=\"true\"\u003e\n                  \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240815_7052\/Alexandra976-900v2.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_sec\"\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              \u003cpicture\u003e\n                  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle-13554.jpg\n                      \" media=\"(max-width:768px)\"\u003e\n                  \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Rectangle-13554.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\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 mask_thr\"\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              \u003cpicture\u003e\n                  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568378_t2a.jpg\n                      \" media=\"(max-width:768px)\"\u003e\n                  \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240815_7052\/Group-336568378_t2a.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\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  \u003cpicture\u003e\n  \u003c!-- mobile --\u003e\n  \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/mobile.jpg?v=1728371965\" media=\"(max-width: 1024px)\"\u003e\n  \u003c!-- pc --\u003e\n  \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/pc_597639c4-8658-4a30-b847-6c8b697e0102.jpg?v=1728371968\"\u003e\u003c\/picture\u003e\n\n  \u003cdiv class=\"common-text-area space-w\" style=\"padding: 0\"\u003e\n      \u003cdiv class=\"common-title special_heading\"\u003eルックブック\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"myswiper_container\" style=\"margin-top: 0\"\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\/20240815_7052\/Rectangle%206520.jpg?imresize=924x1188\" 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\/20240815_7052\/Rectangle%2013426.jpg?imresize=924x1188\" 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\/20240815_7052\/Rectangle%2013427.jpg?imresize=924x1188\" 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\/20240815_7052\/Rectangle%2013428.jpg?imresize=924x1188\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\n              \u003c\/div\u003e\n              \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  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\nfunction setVideo() {\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    if(video.className.indexOf('no-auto') \u003e -1){\n      video.pause();\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\n\u003c\/script\u003e\n\n    \u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e\n\u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"alexandra_ブラック・レッド \/ JP-22.0cm\/EU-35","offer_id":45814314893568,"sku":"shbootse2405090011001","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-22.5cm\/EU-35.5","offer_id":45814314926336,"sku":"shbootse2405090011002","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-22.5~23.0cm\/EU-36","offer_id":45814314959104,"sku":"shbootse2405090011003","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-23.0cm\/EU-36.5","offer_id":45814314991872,"sku":"shbootse2405090011004","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-23.5cm\/EU-37","offer_id":45814315024640,"sku":"shbootse2405090011005","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45814315057408,"sku":"shbootse2405090011006","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-24.0cm\/EU-38","offer_id":45814315090176,"sku":"shbootse2405090011007","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-24.5cm\/EU-38.5","offer_id":45814315122944,"sku":"shbootse2405090011008","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-24.5~25.0cm\/EU-39","offer_id":45814315155712,"sku":"shbootse2405090011009","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-25.0cm\/EU-39.5","offer_id":45814315188480,"sku":"shbootse2405090011010","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-25.5cm\/EU-40","offer_id":45814315221248,"sku":"shbootse2405090011011","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45814315254016,"sku":"shbootse2405090011012","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-26.0cm\/EU-41","offer_id":45814315286784,"sku":"shbootse2405090011013","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-26.5cm\/EU-41.5","offer_id":45814315319552,"sku":"shbootse2405090011014","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"alexandra_ブラック・レッド \/ JP-27.0cm\/EU-42","offer_id":45814315352320,"sku":"shbootse2405090011015","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"alexandra_ブラック・レッド \/ JP-27.5cm\/EU-43","offer_id":45814315385088,"sku":"shbootse2405090011016","price":18100.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1723789372-656f2ca4-f2e8-40fb-bd05-361b69f128ca.jpg?v=1729158813","url":"https:\/\/checkout.vivaia.jp\/products\/boots-alexandra-blackrubyred","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}