{"product_id":"boots-clara-blackrubyred","title":"[Clara] スクエアトゥ 撥水加工 アンクルチェルシーブーツ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n      \/* 初始化 *\/\n      body {\n        margin: 0;\n      }\n\n      .CLARA_0805 {\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      .CLARA_0805 .show-big {\n        display: block;\n      }\n\n      .CLARA_0805 .show-small {\n        display: none;\n      }\n\n      .CLARA_0805 img {\n        display: block;\n        width: 100%;\n        user-select: none !important;\n      }\n\n      .CLARA_0805 p {\n        margin-block-start: 0;\n        margin-block-end: 0;\n      }\n\n      .CLARA_0805 .space-w {\n        margin: 0 auto;\n        margin-top: 5vw;\n      }\n\n      .CLARA_0805 .full-w {\n        width: 100%;\n      }\n\n      .CLARA_0805 .title {\n        user-select: none;\n      }\n\n      .CLARA_0805 .desc {\n        user-select: none;\n      }\n\n      \/* 1 *\/\n      .CLARA_0805 {\n        \/* font-size:; *\/\n        overflow-x: hidden;\n      }\n      .CLARA_0805 img {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n\n      \/* 2 *\/\n\n      .CLARA_0805 .common-text-area {\n        margin-bottom: 2.083vw;\n      }\n\n      .CLARA_0805 .common-title {\n        font-size: 28px;\n        line-height: 2.604vw;\n        color: #191817;\n        font-weight:600\n      }\n\n      .CLARA_0805 .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      .CLARA_0805 .kara-top-banner {\n        position: relative;\n        line-height: 0;\n        margin-bottom: 4.167vw;\n      }\n      .CLARA_0805 .kara-top-banner .common-title {\n        text-align: center;\n      }\n      .CLARA_0805 .kara-top-banner .common-subhead {\n        text-align: center;\n        font-size: 16px;\n        margin-top: 16px;\n        font-weight:500;\n      }\n      .CLARA_0805 .kara-top-banner .video-text {\n        position: relative;\n        width: 100%;\n      }\n\n      .CLARA_0805 .kara-top-banner .video-text .text-area {\n        position: absolute;\n        text-align: left;\n        top: 34.8%;\n        left: 6.15%;\n        color: #fff;\n        max-width: 27%;\n      }\n\n      .CLARA_0805 .kara-top-banner .video-text .text-area .title {\n        font-size: 28px;\n        line-height: 2.86vw;\n        font-weight: 600;\n        margin-bottom: 16px;\n      }\n\n      .CLARA_0805 .kara-top-banner .video-text .text-area .desc {\n        font-size: 16px;\n        line-height: 1.22vw;\n        font-weight: 500;\n      }\n\n      .CLARA_0805 .kara-top-banner .video-text .text-area .grid-compoment {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        \/* column-gap: 23px; *\/\n        row-gap: 30px;\n        width: 63%;\n        margin-top: 2.4vw;\n      }\n\n      .CLARA_0805\n        .kara-top-banner\n        .video-text\n        .text-area\n        .grid-compoment\n        .title {\n        font-size: 28px;\n        line-height: 2.2vw;\n        margin-bottom: 0;\n      }\n\n      \/* banner-sec *\/\n      .CLARA_0805 .banner-sec {\n        position: relative;\n      }\n\n      .CLARA_0805 .banner-sec img {\n        aspect-ratio: 1840\/943;\n      }\n\n      .CLARA_0805 .banner-sec .text-area {\n        position: absolute;\n        text-align: left;\n        top: 18%;\n        right: 5.9%;\n        max-width: 41.2%;\n      }\n\n      .CLARA_0805 .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: 81.1%;\n      }\n\n      .CLARA_0805 .banner-sec .text-area .desc {\n        font-size: 16px;\n        line-height: 1.22vw;\n        font-weight: 500;\n        max-width: 99.1%;\n      }\n\n      .CLARA_0805 .banner-sec .grid-compoment {\n        position: absolute;\n        bottom: 21%;\n        right: 5.9%;\n        width: 41.2%;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        row-gap: 1.35vw;\n        column-gap: 2.8vw;\n      }\n\n      .CLARA_0805 .banner-sec .grid-compoment svg {\n        margin-right: 0.625vw;\n        width: 1.04vw;\n        height: 1.04vw;\n      }\n\n      .CLARA_0805 .banner-sec .grid-compoment .title {\n        font-size: 1.04vw;\n        \/* line-height: 1.22vw; *\/\n        margin-bottom: 0.73vw;\n        font-weight: 500;\n        display: flex;\n        align-items: center;\n      }\n\n      .CLARA_0805 .banner-sec .grid-compoment .desc {\n        font-size: 16px;\n        line-height: 1.22vw;\n        font-weight: 500;\n        opacity: 0.6;\n        padding-left: 1.665vw;\n      }\n\n      \/* trans_container *\/\n      .CLARA_0805 .trans_container {\n        display: inline-flex;\n        margin-top: 4.167vw;\n      }\n\n      .CLARA_0805 .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      .CLARA_0805 .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      \/* .CLARA_0805 .trans_container .active .mask_sec {\nbackground: 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);\ndisplay: block !important;\n}\n\n.CLARA_0805 .trans_container .active .mask_thr {\nbackground: 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);\ndisplay: block !important;\n} *\/\n\n      .CLARA_0805 .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      .CLARA_0805 .trans_container .active {\n        width: 50.833vw !important;\n      }\n\n      .CLARA_0805 .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      .CLARA_0805 .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      .CLARA_0805 .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      .CLARA_0805 .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      .CLARA_0805 .trans_container .item_area_fir {\n        color: #fff;\n      }\n\n      .CLARA_0805\n        .trans_container\n        .item_area_fir\n        .key-features-section__title-copy--large {\n        color: #fff;\n      }\n      .CLARA_0805 .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      .CLARA_0805 .trans_container .active .key-features-section__title {\n        bottom: 100%;\n        \/* transition-delay: 0.4s; *\/\n      }\n      .CLARA_0805 .trans_container .active .key-features-section__title-copy {\n        opacity: 0;\n      }\n      .CLARA_0805\n        .trans_container\n        .active\n        .key-features-section__title-copy--large {\n        opacity: 1;\n      }\n      .CLARA_0805\n        .trans_container\n        .active\n        .key-features-section__description-copy {\n        opacity: 1;\n        transform: translateY(0);\n        \/* transition-delay: 0.2s; *\/\n        margin-top: 0.417vw;\n      }\n      .CLARA_0805\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      .CLARA_0805 .trans_container .right-btn {\n        position: absolute;\n        left: 1.042vw;\n        top: 1.042vw;\n        z-index: 99;\n      }\n      .CLARA_0805 .trans_container .active .right-btn {\n        display: none;\n      }\n\n      \/* myswiper_container *\/\n      .CLARA_0805 .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      .CLARA_0805 .myswiper_container img {\n        width: 100%;\n      }\n\n      .CLARA_0805 .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      .CLARA_0805 .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      .CLARA_0805 .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        .CLARA_0805 .common-text-area {\n          margin-bottom: 1.563vw;\n        }\n\n        .CLARA_0805 .kara-top-banner {\n          position: relative;\n          line-height: 0;\n        }\n        .CLARA_0805 .kara-top-banner .common-subhead {\n          text-align: center;\n          font-size: 16px;\n          margin-top: 8px;\n        }\n      }\n      \/* 平板 *\/\n      @media screen and (min-width: 769px) and (max-width: 1024px) {\n        .CLARA_0805 .common-text-area {\n          margin-bottom: 1.563vw;\n        }\n\n        .CLARA_0805 .kara-top-banner {\n          position: relative;\n        }\n        .CLARA_0805 .kara-top-banner .common-subhead {\n          text-align: center;\n          font-size: 12px;\n          margin-top: 8px;\n        }\n      }\n      \/* 手机 *\/\n      @media screen and (max-width: 768px) {\n        \/* 初始化 *\/\n        .CLARA_0805 {\n        }\n\n        .CLARA_0805 .show-big {\n          display: none !important;\n        }\n\n        .CLARA_0805 .show-small {\n          display: block;\n        }\n\n        .CLARA_0805 .show-no-small {\n          display: none;\n        }\n\n        .CLARA_0805 .space-w {\n          margin-top: 10.67vw;\n        }\n\n        .CLARA_0805 .common-text-area {\n          margin-bottom: 5.333vw;\n        }\n\n        .CLARA_0805 .common-title {\n          font-size: 20px;\n          line-height: 7.467vw;\n          font-weight:600;\n        }\n\n        .CLARA_0805 .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        .CLARA_0805 .kara-top-banner {\n          position: relative;\n          margin-bottom: 10.6666667vw;\n        }\n        .CLARA_0805 .kara-top-banner .common-subhead {\n          text-align: center;\n          font-size: 14px;\n          margin-top: 2.6666667vw;\n          font-weight:500;\n        }\n        .CLARA_0805 .kara-top-banner .video-text .text-area {\n          top: unset;\n          left: 3.67%;\n          bottom: 3vw;\n          color: #000;\n          max-width: 100%;\n        }\n\n        .CLARA_0805 .kara-top-banner .video-text .text-area .title {\n          font-size: 20px;\n          line-height: 8.5vw;\n          font-weight: 600;\n          margin-bottom: 4px;\n        }\n\n        .CLARA_0805 .kara-top-banner .video-text .text-area .desc {\n          font-size: 14px;\n          line-height: 4.376vw;\n          font-weight: 500;\n        }\n\n        .CLARA_0805 .kara-top-banner .video-text .text-area .grid-compoment {\n          display: grid;\n          grid-template-columns: 18% 82%;\n          column-gap: 0px;\n          row-gap: 0px;\n          width: 100%;\n          margin-top: 25px;\n        }\n\n        .CLARA_0805\n          .kara-top-banner\n          .video-text\n          .text-area\n          .grid-compoment\n          .title {\n          font-size: 14px;\n          line-height: 4.376vw;\n          font-weight:500;\n          padding: 7px 0;\n          border-top: 1px solid rgba(0, 0, 0, 0.2);\n          border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n          margin-bottom: 0;\n        }\n\n        .CLARA_0805\n          .kara-top-banner\n          .video-text\n          .text-area\n          .grid-compoment\n          .desc {\n          font-size: 14px;\n          line-height: 4.376vw;\n          font-weight:500;\n          padding: 7px 0;\n          border-top: 1px solid rgba(0, 0, 0, 0.2);\n          border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n        }\n\n        \/* .CLARA_0805\n  .kara-top-banner\n  .video-text\n  .text-area\n  .grid-compoment\n  .title:nth-last-child(2) {\n  border-top: none;\n}\n\n.CLARA_0805\n  .kara-top-banner\n  .video-text\n  .text-area\n  .grid-compoment\n  .desc:nth-last-child(1) {\n  border-top: none;\n} *\/\n\n        \/* banner-sec *\/\n        .CLARA_0805 .banner-sec {\n          position: relative;\n        }\n\n        .CLARA_0805 .banner-sec img {\n          aspect-ratio: 355\/480;\n        }\n\n        .CLARA_0805 .banner-sec .text-area {\n          position: relative;\n          text-align: center;\n          top: unset;\n          right: unset;\n          max-width: 100%;\n          padding: 0 2.7vw;\n          margin-bottom: 20px;\n        }\n\n        .CLARA_0805 .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        .CLARA_0805 .banner-sec .text-area .desc {\n          font-size: 14px;\n          line-height: 4.376vw;\n          max-width: 100%;\n          font-weight:500;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment {\n          position: absolute;\n          bottom: 6.4vw;\n          right: unset;\n          left: 5.33%;\n          width: 74%;\n          grid-template-columns: 100%;\n          row-gap: 0;\n          column-gap: 0;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment svg {\n          margin-right: 14px;\n          width: 3.2vw;\n          height: 3.2vw;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment .title {\n          font-size: 3.73vw;\n          line-height: 4.376vw;\n          border-top: 1px solid rgba(255, 255, 255, 0.5);\n          border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n          margin-bottom: 0;\n          padding: 7px 0;\n          color: #ffffff;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment .desc {\n          font-size: 14px;\n          line-height: 3.75vw;\n          font-weight:500;\n          color: #ffffff;\n          border-top: 1px solid rgba(255, 255, 255, 0.5);\n          border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n          padding: 7px 0;\n          display: flex;\n          align-items: center;\n          opacity: 1;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment .desc:nth-last-child(2) {\n          border-top: none;\n        }\n\n        .CLARA_0805 .banner-sec .grid-compoment .desc:nth-last-child(1) {\n          border-top: none;\n        }\n\n        \/* trans_container *\/\n        .CLARA_0805 .trans_container {\n          display: block;\n          margin-top: 10.667vw;\n          overflow-x: hidden;\n        }\n        .CLARA_0805 .trans_container .active {\n          width: 94.66vw !important;\n          height: 87.296vw !important;\n        }\n\n        .CLARA_0805 .trans_container .item_area .item_image {\n          width: 94.66vw !important;\n          aspect-ratio: 355\/327.36;\n          height: unset;\n        }\n        .CLARA_0805 .trans_container .item_area {\n          transition: height 0.3s;\n          width: 94.66vw !important;\n          height: 26.667vw;\n        }\n\n        .CLARA_0805 .trans_container .key-features-section__title {\n          \/* width: 53.333vw !important; *\/\n        }\n\n        .CLARA_0805 .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        .CLARA_0805 .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        .CLARA_0805 .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        .CLARA_0805\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        .CLARA_0805 .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        .CLARA_0805\n          .trans_container\n          .item_area_fir\n          .key-features-section__text {\n          height: 5.33vw;\n        }\n        .CLARA_0805\n          .trans_container\n          .item_area_sec\n          .key-features-section__text {\n          height: 5.33vw;\n        }\n        .CLARA_0805\n          .trans_container\n          .item_area_thr\n          .key-features-section__text {\n          height: 5.33vw;\n        }\n\n        .CLARA_0805 .trans_container .item_area_sec {\n          \/* color: unset; *\/\n        }\n\n        .CLARA_0805\n          .trans_container\n          .item_area_fir\n          .key-features-section__title-copy--large {\n          color: unset;\n        }\n\n        .CLARA_0805 .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        .CLARA_0805 .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\n\u003cdiv class=\"CLARA_0805\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\n\u003cdiv class=\"video-text\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title special_heading\"\u003eタイムレスなスタイルと持続する快適さを手に入れて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003e- CLARA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" height=\"100%\" data-index=\"0\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- kara-top-banner --\u003e\n\u003cdiv class=\"kara-top-banner space-w\"\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足指にゆとりを持たせたトゥボックスデザインは、さまざまな足の形に対応し、特に幅広や甲高いのに最適です。余裕のあるスペースが足指を自然に広げ、つま先間の圧力を軽減することで、一日中快適に着用いた着用いただけます。\u003c\/div\u003e\n\u003cdiv class=\"grid-compoment\"\u003e\n\u003cdiv class=\"title special_heading\"\u003e+ 30%\u003c\/div\u003e\n\u003cdiv class=\"desc\"\u003eさらに広くなったトゥボックス\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"title\"\u003e+ 30%\u003c\/div\u003e\n                  \u003cdiv class=\"desc\"\u003eさらに広くなったトゥボックス\u003c\/div\u003e --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cvideo class=\"myVideo videos\" style=\"height: 100%; width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" height=\"100%\" data-index=\"1\"\u003e\u003c\/video\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\"\u003eV-Pro WalkSole™\u003c\/div\u003e\n\u003cdiv class=\"desc\"\u003eV-Pro WalkSole™は、ハニカムクッションインソール、デュアルデンシティミッドソール、ハイパーフレックスアウトソールなど、新しい素材とテクノロジーを多数取り入れてさらに快適に。2倍になったアーチサポートと組み合わせることで、衝撃吸収と通気性、抗菌性で湿気を逃がすほか、においをコントロールして一日中サラッとドライな履き心地と快適さを実現。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture style=\"width: 100%;\"\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/vpro_bigicon_m.jpg?v=1728379974\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-banner\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Group-336568440.jpg?imresize=2760x1415\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"grid-compoment\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title show-big\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M10.796 4.64506V14.8571H9.50558V6.25639L6.90374 7.20505V6.04015L10.5938 4.64506H10.796Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eハニカムクッションインソール\u003c\/div\u003e\n\u003cdiv class=\"desc show-small\"\u003e\n\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M6.7998 2.44775V8.87256H6.27686V3.11133L4.53662 3.75732V3.26074L6.71191 2.44775H6.7998Z\" fill=\"#865618\"\u003e\u003c\/path\u003e\u003c\/svg\u003eハニカムクッションインソール \u003c\/div\u003e\n\u003cdiv class=\"desc show-big\"\u003eハニカムバブルクッションが足を優しく包み込み、Poron®ショック吸収パッドが一歩一歩の衝撃を和らげ、活性炭が一日中足を爽やかに保ちます。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title show-big\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M13.2095 13.7968V14.8571H6.56194V13.9294L9.88923 10.2254C10.2985 9.76969 10.6147 9.38372 10.8379 9.0675C11.0658 8.74663 11.2239 8.46063 11.3122 8.20952C11.4052 7.95375 11.4517 7.69333 11.4517 7.42827C11.4517 7.09344 11.382 6.79118 11.2425 6.52146C11.1076 6.24709 10.9076 6.02853 10.6426 5.86577C10.3775 5.70301 10.0566 5.62163 9.67997 5.62163C9.22889 5.62163 8.85221 5.70998 8.54994 5.88669C8.25233 6.05875 8.02911 6.30057 7.8803 6.61214C7.73149 6.92371 7.65709 7.28178 7.65709 7.68636H6.36663C6.36663 7.11437 6.49219 6.59121 6.7433 6.11688C6.99442 5.64255 7.36644 5.26588 7.85938 4.98686C8.35231 4.70319 8.95917 4.56136 9.67997 4.56136C10.3217 4.56136 10.8704 4.67529 11.3262 4.90315C11.7819 5.12637 12.1307 5.44259 12.3725 5.85181C12.619 6.25639 12.7422 6.73072 12.7422 7.27481C12.7422 7.57243 12.691 7.87469 12.5887 8.18161C12.4911 8.48388 12.3539 8.78615 12.1772 9.08842C12.0051 9.39069 11.8028 9.68831 11.5703 9.98128C11.3424 10.2742 11.0983 10.5626 10.8379 10.8462L8.11747 13.7968H13.2095Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eデュアルデンシティミッドソール \u003c\/div\u003e\n\u003cdiv class=\"desc show-small\"\u003e\n\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M8.35986 8.41992V8.87256H4.35645V8.46387L6.45264 6.08643C6.71338 5.79053 6.92139 5.53125 7.07666 5.30859C7.23193 5.08301 7.34326 4.87793 7.41064 4.69336C7.48096 4.50586 7.51611 4.32422 7.51611 4.14844C7.51611 3.89062 7.46484 3.66357 7.3623 3.46729C7.2627 3.271 7.11328 3.11719 6.91406 3.00586C6.71484 2.89453 6.46875 2.83887 6.17578 2.83887C5.88281 2.83887 5.62793 2.90186 5.41113 3.02783C5.19434 3.15381 5.02734 3.32959 4.91016 3.55518C4.7959 3.77783 4.73877 4.03125 4.73877 4.31543H4.21582C4.21582 3.96387 4.29346 3.6416 4.44873 3.34863C4.60693 3.05566 4.83252 2.82275 5.12549 2.6499C5.41846 2.47412 5.76855 2.38623 6.17578 2.38623C6.5625 2.38623 6.89502 2.45508 7.17334 2.59277C7.45166 2.72754 7.66553 2.92236 7.81494 3.17725C7.96729 3.43213 8.04346 3.73975 8.04346 4.1001C8.04346 4.29346 8.0083 4.48828 7.93799 4.68457C7.87061 4.88086 7.77686 5.07715 7.65674 5.27344C7.53955 5.4668 7.40479 5.65869 7.25244 5.84912C7.10303 6.03955 6.94629 6.22705 6.78223 6.41162L4.99805 8.41992H8.35986Z\" fill=\"#865618\"\u003e\u003c\/path\u003e \u003c\/svg\u003eデュアルデンシティミッドソール\u003c\/div\u003e\n\u003cdiv class=\"desc show-big\"\u003eクッション性が進化した前足パッドと、サポートを強化した後足部分により、適切な跳ね返りと着用時の足の位置を維持します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title show-big\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M8.43834 9.14429H9.3591C9.81018 9.14429 10.1822 9.06988 10.4752 8.92107C10.7728 8.76761 10.9937 8.56067 11.1378 8.30026C11.2866 8.03519 11.361 7.73757 11.361 7.4074C11.361 7.01678 11.2959 6.68893 11.1657 6.42386C11.0355 6.1588 10.8402 5.95883 10.5798 5.82397C10.3194 5.68912 9.98921 5.62169 9.58929 5.62169C9.22656 5.62169 8.90569 5.69377 8.62667 5.83792C8.35231 5.97743 8.13607 6.1774 7.97796 6.43781C7.8245 6.69823 7.74777 7.00515 7.74777 7.35857H6.45731C6.45731 6.84239 6.58752 6.37271 6.84794 5.94953C7.10835 5.52636 7.4734 5.18921 7.94308 4.93809C8.41741 4.68698 8.96615 4.56142 9.58929 4.56142C10.2031 4.56142 10.7402 4.6707 11.2006 4.88926C11.661 5.10318 12.0191 5.42405 12.2748 5.85188C12.5306 6.27505 12.6585 6.80286 12.6585 7.4353C12.6585 7.69107 12.598 7.96544 12.4771 8.25841C12.3609 8.54672 12.1772 8.81644 11.9261 9.06756C11.6796 9.31867 11.3587 9.52561 10.9634 9.68837C10.5682 9.84648 10.0938 9.92554 9.54046 9.92554H8.43834V9.14429ZM8.43834 10.2046V9.43028H9.54046C10.1868 9.43028 10.7216 9.50701 11.1448 9.66047C11.568 9.81393 11.9005 10.0185 12.1423 10.2743C12.3888 10.5301 12.5608 10.8114 12.6585 11.1183C12.7608 11.4206 12.8119 11.7229 12.8119 12.0251C12.8119 12.4995 12.7306 12.9203 12.5678 13.2877C12.4097 13.6551 12.1842 13.9666 11.8912 14.2224C11.6029 14.4782 11.2634 14.6712 10.8728 14.8014C10.4821 14.9316 10.0566 14.9967 9.59626 14.9967C9.15448 14.9967 8.73828 14.9339 8.34766 14.8083C7.96168 14.6828 7.61988 14.5014 7.32227 14.2643C7.02465 14.0224 6.79213 13.7272 6.62472 13.3784C6.45731 13.025 6.3736 12.6227 6.3736 12.1716H7.66406C7.66406 12.5251 7.74079 12.8343 7.89425 13.0994C8.05236 13.3644 8.27558 13.5714 8.5639 13.7202C8.85686 13.8643 9.20099 13.9364 9.59626 13.9364C9.99154 13.9364 10.331 13.869 10.6147 13.7341C10.903 13.5946 11.1239 13.3854 11.2773 13.1063C11.4355 12.8273 11.5145 12.4762 11.5145 12.053C11.5145 11.6299 11.4262 11.2834 11.2494 11.0137C11.0727 10.7393 10.8216 10.5371 10.4961 10.4068C10.1752 10.272 9.79622 10.2046 9.3591 10.2046H8.43834Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003eハイパーフレックスアウトソール\u003c\/div\u003e\n\u003cdiv class=\"desc show-small\"\u003e\n\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M5.52539 5.51074H6.06152C6.38965 5.51074 6.66357 5.45508 6.8833 5.34375C7.10596 5.22949 7.27295 5.07861 7.38428 4.89111C7.49854 4.70361 7.55566 4.49561 7.55566 4.26709C7.55566 4.00928 7.50732 3.78369 7.41064 3.59033C7.31396 3.39404 7.16602 3.2417 6.9668 3.1333C6.77051 3.02197 6.51855 2.96631 6.21094 2.96631C5.94141 2.96631 5.70117 3.01904 5.49023 3.12451C5.2793 3.22998 5.1123 3.38086 4.98926 3.57715C4.86621 3.77344 4.80469 4.00781 4.80469 4.28027H4.28174C4.28174 3.93164 4.36523 3.62549 4.53223 3.36182C4.69922 3.09521 4.9292 2.88721 5.22217 2.73779C5.51514 2.58838 5.84473 2.51367 6.21094 2.51367C6.58887 2.51367 6.91699 2.58252 7.19531 2.72021C7.47656 2.85791 7.69336 3.05859 7.8457 3.32227C8.00098 3.58594 8.07861 3.90674 8.07861 4.28467C8.07861 4.47803 8.03613 4.66846 7.95117 4.85596C7.86914 5.04346 7.74609 5.21338 7.58203 5.36572C7.41797 5.51514 7.21436 5.63525 6.97119 5.72607C6.72803 5.81689 6.44531 5.8623 6.12305 5.8623H5.52539V5.51074ZM5.52539 5.96338V5.61621H6.12305C6.48926 5.61621 6.80273 5.65869 7.06348 5.74365C7.32422 5.82568 7.53809 5.94287 7.70508 6.09521C7.875 6.24463 7.99951 6.41895 8.07861 6.61816C8.15771 6.81738 8.19727 7.03125 8.19727 7.25977C8.19727 7.55273 8.14893 7.81201 8.05225 8.0376C7.95557 8.26318 7.81787 8.45508 7.63916 8.61328C7.46338 8.76855 7.25537 8.88721 7.01514 8.96924C6.77783 9.04834 6.51709 9.08789 6.23291 9.08789C5.9751 9.08789 5.72314 9.0498 5.47705 8.97363C5.23389 8.89746 5.01416 8.78467 4.81787 8.63525C4.62451 8.48291 4.4707 8.29248 4.35645 8.06396C4.24219 7.83252 4.18506 7.56592 4.18506 7.26416H4.70801C4.70801 7.53369 4.77246 7.77246 4.90137 7.98047C5.03027 8.18555 5.20898 8.34668 5.4375 8.46387C5.66895 8.57812 5.93408 8.63525 6.23291 8.63525C6.53467 8.63525 6.79248 8.58398 7.00635 8.48145C7.22314 8.37598 7.38867 8.22217 7.50293 8.02002C7.61719 7.81787 7.67432 7.57031 7.67432 7.27734C7.67432 6.96973 7.60547 6.71924 7.46777 6.52588C7.33301 6.33252 7.14404 6.19043 6.90088 6.09961C6.66064 6.00879 6.38086 5.96338 6.06152 5.96338H5.52539Z\" fill=\"#865618\"\u003e\u003c\/path\u003e \u003c\/svg\u003eハイパーフレックスアウトソール \u003c\/div\u003e\n\u003cdiv class=\"desc show-big\"\u003e「ブルーサンドイッチ」構造により、サポートと快適さが融合したしなやかなスリムプロファイルで楽に歩ける設計に。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"title show-big\"\u003e\n\u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"10\" cy=\"10\" r=\"10\" fill=\"black\"\u003e\u003c\/circle\u003e \u003cpath d=\"M13.4188 11.4392V12.4994H6.08064V11.7391L10.6286 4.7009H11.6819L10.5519 6.73773L7.54548 11.4392H13.4188ZM12.0028 4.7009V14.8571H10.7123V4.7009H12.0028Z\" fill=\"white\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 2倍のアーチサポート \u003c\/div\u003e\n\u003cdiv class=\"desc show-small\"\u003e\n\u003csvg width=\"12\" height=\"12\" viewbox=\"0 0 12 12\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003ccircle cx=\"6\" cy=\"6\" r=\"6\" fill=\"white\"\u003e\u003c\/circle\u003e \u003cpath d=\"M7.82959 6.93457V7.38281H3.29883V7.07959L6.25635 2.60156H6.6958L6.07178 3.68701L3.94043 6.93457H7.82959ZM6.83203 2.60156V9H6.30908V2.60156H6.83203Z\" fill=\"#865618\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 2倍のアーチサポート \u003c\/div\u003e\n\u003cdiv class=\"desc show-big\"\u003eアーチのサポートがしっかりと足を支え、立っているときも歩いているときも、走るときもサポート。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area item_area_fir\"\u003e\n\u003cdiv class=\"mask\"\u003e \u003c\/div\u003e\n\u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \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\n\u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13529.jpg\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13529.jpg\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\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超柔軟なニットアッパー\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"key-features-section__description-copy show-big\"\u003eリサイクルプラスチックボトルから作られたこの柔らかく伸縮性のあるニットは、優れた通気性、長続きするドライ感で、一日中快適に、まるでオーダーメのようなフィット感を実現します。\u003c\/p\u003e\n\u003cp class=\"key-features-section__description-copy show-small\"\u003e一日中快適に、まるでオーダーメのようなフィット感を実現します。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"item_area active item_area_sec\"\u003e\n\u003cdiv class=\"mask mask_sec\" 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 \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\n\u003cdiv class=\"item_image\"\u003e\u003cvideo class=\"videos\" style=\"width: 100%;\" loop=\"loop\" muted=\"\"\u003e\n              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/2-976-900.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\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撥水性\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"key-features-section__description-copy show-big\"\u003e軽い水しぶきなら簡単に弾くため、突然の雨でも足元の快適さをキープ！\u003c\/p\u003e\n\u003cp class=\"key-features-section__description-copy show-small\"\u003e軽い水しぶきなら簡単に弾くため、突然の雨でも足元の快適さをキープ！\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 \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\n\u003cdiv class=\"item_image\"\u003e\u003cvideo class=\"videos no-auto\" style=\"width: 100%;\" loop=\"loop\" muted=\"\"\u003e\n              \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/ff4a6e805504a5e980a31447bbb4b715.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\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優れた耐久性\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"key-features-section__description-copy show-big\"\u003e厳格な耐久性テストにより、現代の忙しい生活の日常の摩耗に耐えることが保証されています。\u003c\/p\u003e\n\u003cp class=\"key-features-section__description-copy show-small\"\u003e厳格な耐久性テストにより、現代の忙しい生活の日常の摩耗に耐えることが保証されています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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\u003cdiv class=\"myswiper_container\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"mySwiper-fir swiper-container-initialized swiper-container-horizontal\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e\n\u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%206520.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013426.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-13427.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013428.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013512.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\" style=\"width: 465.143px; margin-right: 10px;\"\u003e\u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle%2013515.jpg?imresize=924x1188\" alt=\"VIVAIA\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-scrollbar\"\u003e\n\u003cdiv class=\"swiper-scrollbar-drag\" style=\"transform: translate3d(0px, 0px, 0px); width: 942.042px;\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\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    \n    function setVideo() {\n      const videoList = [\n        {\n          src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240914_7135\/20240726CLARA_PC.mp4',\n          src_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240914_7135\/20240726CLARA_M.mp4',\n          poster:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240914_7135\/20240726CLARA%20_v002.00_00_21_33.Still001.jpg',\n          poster_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240914_7135\/20240726CLARA%20M_v002.00_00_21_33.Still001.jpg',\n        },\n        {\n          src: 'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/1-%EF%BC%883840-2160%EF%BC%89.mp4',\n          src_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240802_7003\/1-%EF%BC%881125-1650%EF%BC%89.mp4 ',\n          poster:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Group-336568339.jpg',\n          poster_m:\n            'https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240802_7003\/Rectangle-6525.jpg',\n        },\n      ];\n      document.querySelectorAll('.kara-top-banner .myVideo') \u0026\u0026\n        document\n          .querySelectorAll('.kara-top-banner .myVideo')\n          .forEach((v, index) =\u003e {\n            if (window.innerWidth \u003e 768) {\n              v.innerHTML = `\u003csource src=\"${videoList[index].src}\" type=\"video\/mp4\"\/\u003e`;\n              v.poster =\n                videoList[index].poster;\n            } else {\n      \n              v.innerHTML = `\u003csource src=\"${videoList[index].src_m}\" type=\"video\/mp4\"\/\u003e`;\n              v.poster =\n              videoList[index].poster_m;\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        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    \n   \u003c\/script\u003e\n    \u003cscript\u003e\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('video');\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    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"clara_ブラック・レッド \/ JP-22.0cm\/EU-35","offer_id":45778425184512,"sku":"shbootse2405100005001","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_ブラック・レッド \/ JP-22.5cm\/EU-35.5","offer_id":45778425217280,"sku":"shbootse2405100005002","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_ブラック・レッド \/ JP-22.5~23.0cm\/EU-36","offer_id":45778425250048,"sku":"shbootse2405100005003","price":18100.0,"currency_code":"JPY","in_stock":true},{"title":"clara_ブラック・レッド \/ JP-23.0cm\/EU-36.5","offer_id":45778425282816,"sku":"shbootse2405100005004","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-23.5cm\/EU-37","offer_id":45778425315584,"sku":"shbootse2405100005005","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45778425348352,"sku":"shbootse2405100005006","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-24.0cm\/EU-38","offer_id":45778425381120,"sku":"shbootse2405100005007","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-24.5cm\/EU-38.5","offer_id":45778425413888,"sku":"shbootse2405100005008","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-24.5~25.0cm\/EU-39","offer_id":45778425446656,"sku":"shbootse2405100005009","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-25.0cm\/EU-39.5","offer_id":45778425479424,"sku":"shbootse2405100005010","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-25.5cm\/EU-40","offer_id":45778425512192,"sku":"shbootse2405100005011","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45778425544960,"sku":"shbootse2405100005012","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-26.0cm\/EU-41","offer_id":45778425577728,"sku":"shbootse2405100005013","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-26.5cm\/EU-41.5","offer_id":45778425610496,"sku":"shbootse2405100005014","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-27.0cm\/EU-42","offer_id":45778425643264,"sku":"shbootse2405100005015","price":18100.0,"currency_code":"JPY","in_stock":false},{"title":"clara_ブラック・レッド \/ JP-27.5cm\/EU-43","offer_id":45778425676032,"sku":"shbootse2405100005016","price":18100.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722825883-19947bac-0b7e-45f0-915e-aff906d3ba0b.jpg?v=1729158240","url":"https:\/\/checkout.vivaia.jp\/products\/boots-clara-blackrubyred","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}