{"title":"tamiamaryjane+francesca","description":"","products":[{"product_id":"flats-tamiamaryjaneadaptall-almond","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Eveywhere\u003c\/div\u003e --\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n                https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n              \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_アーモンド \/ JP-22.0cm\/EU-35","offer_id":45273777045760,"sku":"shflatse2403210011001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-22.5cm\/EU-35.5","offer_id":45273777078528,"sku":"shflatse2403210011002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-22.5~23.0cm\/EU-36","offer_id":45273777111296,"sku":"shflatse2403210011003","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-23.0cm\/EU-36.5","offer_id":45273777144064,"sku":"shflatse2403210011004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-23.5cm\/EU-37","offer_id":45273777176832,"sku":"shflatse2403210011005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273777209600,"sku":"shflatse2403210011006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-24.0cm\/EU-38","offer_id":45273777242368,"sku":"shflatse2403210011007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-24.5cm\/EU-38.5","offer_id":45273777275136,"sku":"shflatse2403210011008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-24.5~25.0cm\/EU-39","offer_id":45273777307904,"sku":"shflatse2403210011009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_アーモンド \/ JP-25.0cm\/EU-39.5","offer_id":45273777340672,"sku":"shflatse2403210011010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-25.5cm\/EU-40","offer_id":45273777373440,"sku":"shflatse2403210011011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273777406208,"sku":"shflatse2403210011012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-26.0cm\/EU-41","offer_id":45273777438976,"sku":"shflatse2403210011013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-26.5cm\/EU-41.5","offer_id":45273777471744,"sku":"shflatse2403210011014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-27.0cm\/EU-42","offer_id":45273777504512,"sku":"shflatse2403210011015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド \/ JP-27.5cm\/EU-43","offer_id":45273777537280,"sku":"shflatse2403210011016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1111_6e0558d2-eeba-4773-9d8e-b6cbbfbd1b7f.jpg?v=1729156249"},{"product_id":"flats-tamiamaryjaneadaptall-denimblue","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Eveywhere\u003c\/div\u003e --\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n                https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n              \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_デニムブルー \/ JP-22.0cm\/EU-35","offer_id":45273778848000,"sku":"shflatse2403210009001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-22.5cm\/EU-35.5","offer_id":45273778880768,"sku":"shflatse2403210009002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-22.5~23.0cm\/EU-36","offer_id":45273778946304,"sku":"shflatse2403210009003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_デニムブルー \/ JP-23.0cm\/EU-36.5","offer_id":45273778979072,"sku":"shflatse2403210009004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_デニムブルー \/ JP-23.5cm\/EU-37","offer_id":45273779011840,"sku":"shflatse2403210009005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273779044608,"sku":"shflatse2403210009006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-24.0cm\/EU-38","offer_id":45273779077376,"sku":"shflatse2403210009007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-24.5cm\/EU-38.5","offer_id":45273779110144,"sku":"shflatse2403210009008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-24.5~25.0cm\/EU-39","offer_id":45273779339520,"sku":"shflatse2403210009009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-25.0cm\/EU-39.5","offer_id":45273779405056,"sku":"shflatse2403210009010","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-25.5cm\/EU-40","offer_id":45273779437824,"sku":"shflatse2403210009011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273779470592,"sku":"shflatse2403210009012","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-26.0cm\/EU-41","offer_id":45273779503360,"sku":"shflatse2403210009013","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-26.5cm\/EU-41.5","offer_id":45273779536128,"sku":"shflatse2403210009014","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-27.0cm\/EU-42","offer_id":45273779634432,"sku":"shflatse2403210009015","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_デニムブルー \/ JP-27.5cm\/EU-43","offer_id":45273779667200,"sku":"shflatse2403210009016","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/111_23b8acd5-3a29-43cf-940b-180cee380efc.jpg?v=1729156270"},{"product_id":"flats-tamiamaryjaneadaptall-black","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Eveywhere\u003c\/div\u003e --\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n                https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n              \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_ブラック \/ JP-22.0cm\/EU-35","offer_id":45273781371136,"sku":"shflatse2403210008001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-22.5cm\/EU-35.5","offer_id":45273781403904,"sku":"shflatse2403210008002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-22.5~23.0cm\/EU-36","offer_id":45273781436672,"sku":"shflatse2403210008003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-23.0cm\/EU-36.5","offer_id":45273781567744,"sku":"shflatse2403210008004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-23.5cm\/EU-37","offer_id":45273781600512,"sku":"shflatse2403210008005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273781633280,"sku":"shflatse2403210008006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-24.0cm\/EU-38","offer_id":45273781666048,"sku":"shflatse2403210008007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-24.5cm\/EU-38.5","offer_id":45273781698816,"sku":"shflatse2403210008008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-24.5~25.0cm\/EU-39","offer_id":45273781731584,"sku":"shflatse2403210008009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-25.0cm\/EU-39.5","offer_id":45273781764352,"sku":"shflatse2403210008010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-25.5cm\/EU-40","offer_id":45273781797120,"sku":"shflatse2403210008011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273781829888,"sku":"shflatse2403210008012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-26.0cm\/EU-41","offer_id":45273781862656,"sku":"shflatse2403210008013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-26.5cm\/EU-41.5","offer_id":45273781895424,"sku":"shflatse2403210008014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-27.0cm\/EU-42","offer_id":45273781928192,"sku":"shflatse2403210008015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラック \/ JP-27.5cm\/EU-43","offer_id":45273781960960,"sku":"shflatse2403210008016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/11_7a01f6b2-43b8-49fa-98a1-19945c6ddf2a.jpg?v=1729156292"},{"product_id":"flats-tamiamaryjaneadaptall-almondblack","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Eveywhere\u003c\/div\u003e --\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n                https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n              \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-22.0cm\/EU-35","offer_id":45273785303296,"sku":"shflatse2403210007001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-22.5cm\/EU-35.5","offer_id":45273785336064,"sku":"shflatse2403210007002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-22.5~23.0cm\/EU-36","offer_id":45273785368832,"sku":"shflatse2403210007003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-23.0cm\/EU-36.5","offer_id":45273785401600,"sku":"shflatse2403210007004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-23.5cm\/EU-37","offer_id":45273785434368,"sku":"shflatse2403210007005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273785467136,"sku":"shflatse2403210007006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-24.0cm\/EU-38","offer_id":45273785499904,"sku":"shflatse2403210007007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-24.5cm\/EU-38.5","offer_id":45273785532672,"sku":"shflatse2403210007008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-24.5~25.0cm\/EU-39","offer_id":45273785565440,"sku":"shflatse2403210007009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-25.0cm\/EU-39.5","offer_id":45273785630976,"sku":"shflatse2403210007010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-25.5cm\/EU-40","offer_id":45273785663744,"sku":"shflatse2403210007011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273785696512,"sku":"shflatse2403210007012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-26.0cm\/EU-41","offer_id":45273785729280,"sku":"shflatse2403210007013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-26.5cm\/EU-41.5","offer_id":45273785762048,"sku":"shflatse2403210007014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-27.0cm\/EU-42","offer_id":45273785794816,"sku":"shflatse2403210007015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・ブラック \/ JP-27.5cm\/EU-43","offer_id":45273785827584,"sku":"shflatse2403210007016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1_1cf025a6-741d-42eb-a3d6-8768854e10fa.jpg?v=1729156313"},{"product_id":"flats-tamiamaryjaneadaptall-blackstuds","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Eveywhere\u003c\/div\u003e --\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n                https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n              \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_ブラックスタッズ \/ JP-22.0cm\/EU-35","offer_id":45864163803392,"sku":"shflatse2405080003001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-22.5cm\/EU-35.5","offer_id":45864163836160,"sku":"shflatse2405080003002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-22.5~23.0cm\/EU-36","offer_id":45864163868928,"sku":"shflatse2405080003003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-23.0cm\/EU-36.5","offer_id":45864163901696,"sku":"shflatse2405080003004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-23.5cm\/EU-37","offer_id":45864163934464,"sku":"shflatse2405080003005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45864163967232,"sku":"shflatse2405080003006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-24.0cm\/EU-38","offer_id":45864164000000,"sku":"shflatse2405080003007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-24.5cm\/EU-38.5","offer_id":45864164065536,"sku":"shflatse2405080003008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-24.5~25.0cm\/EU-39","offer_id":45864164098304,"sku":"shflatse2405080003009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-25.0cm\/EU-39.5","offer_id":45864164131072,"sku":"shflatse2405080003010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-25.5cm\/EU-40","offer_id":45864164163840,"sku":"shflatse2405080003011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45864164196608,"sku":"shflatse2405080003012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-26.0cm\/EU-41","offer_id":45864164229376,"sku":"shflatse2405080003013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-26.5cm\/EU-41.5","offer_id":45864164262144,"sku":"shflatse2405080003014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-27.0cm\/EU-42","offer_id":45864164294912,"sku":"shflatse2405080003015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ブラックスタッズ \/ JP-27.5cm\/EU-43","offer_id":45864164327680,"sku":"shflatse2405080003016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1724382507-bc2c4b86-4b88-440f-b524-df2e8f2cfa5b.jpg?v=1729159088"},{"product_id":"loafers-francesca-black","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ブラック \/ JP-22.0cm\/EU-35","offer_id":45879183704320,"sku":"shpumpse2405170002001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-22.5cm\/EU-35.5","offer_id":45879183737088,"sku":"shpumpse2405170002002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-22.5~23.0cm\/EU-36","offer_id":45879183769856,"sku":"shpumpse2405170002003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-23.0cm\/EU-36.5","offer_id":45879183802624,"sku":"shpumpse2405170002004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-23.5cm\/EU-37","offer_id":45879183868160,"sku":"shpumpse2405170002005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879183966464,"sku":"shpumpse2405170002006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-24.0cm\/EU-38","offer_id":45879184097536,"sku":"shpumpse2405170002007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-24.5cm\/EU-38.5","offer_id":45879184195840,"sku":"shpumpse2405170002008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-24.5~25.0cm\/EU-39","offer_id":45879184294144,"sku":"shpumpse2405170002009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-25.0cm\/EU-39.5","offer_id":45879184425216,"sku":"shpumpse2405170002010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-25.5cm\/EU-40","offer_id":45879184490752,"sku":"shpumpse2405170002011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879184621824,"sku":"shpumpse2405170002012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-26.0cm\/EU-41","offer_id":45879184720128,"sku":"shpumpse2405170002013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-26.5cm\/EU-41.5","offer_id":45879184785664,"sku":"shpumpse2405170002014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-27.0cm\/EU-42","offer_id":45879184883968,"sku":"shpumpse2405170002015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック \/ JP-27.5cm\/EU-43","offer_id":45879185015040,"sku":"shpumpse2405170002016","price":22900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1724393086-b957affe-f625-49e4-b613-3e063298543e.jpg?v=1729159268"},{"product_id":"loafers-francesca-almond","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_アーモンド \/ JP-22.0cm\/EU-35","offer_id":45879189340416,"sku":"shpumpse2405170005001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-22.5cm\/EU-35.5","offer_id":45879189373184,"sku":"shpumpse2405170005002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-22.5~23.0cm\/EU-36","offer_id":45879189405952,"sku":"shpumpse2405170005003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-23.0cm\/EU-36.5","offer_id":45879189438720,"sku":"shpumpse2405170005004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-23.5cm\/EU-37","offer_id":45879189471488,"sku":"shpumpse2405170005005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879189504256,"sku":"shpumpse2405170005006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-24.0cm\/EU-38","offer_id":45879189537024,"sku":"shpumpse2405170005007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-24.5cm\/EU-38.5","offer_id":45879189569792,"sku":"shpumpse2405170005008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-24.5~25.0cm\/EU-39","offer_id":45879189602560,"sku":"shpumpse2405170005009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-25.0cm\/EU-39.5","offer_id":45879189635328,"sku":"shpumpse2405170005010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-25.5cm\/EU-40","offer_id":45879189668096,"sku":"shpumpse2405170005011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879189700864,"sku":"shpumpse2405170005012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-26.0cm\/EU-41","offer_id":45879189733632,"sku":"shpumpse2405170005013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-26.5cm\/EU-41.5","offer_id":45879189766400,"sku":"shpumpse2405170005014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-27.0cm\/EU-42","offer_id":45879189799168,"sku":"shpumpse2405170005015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アーモンド \/ JP-27.5cm\/EU-43","offer_id":45879189831936,"sku":"shpumpse2405170005016","price":22900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1724393686-4f6c8283-9b1e-46e1-8762-c6c277e39382.jpg?v=1729159348"},{"product_id":"loafers-francesca-blackcreamivory","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ブラック・アイボリー \/ JP-22.0cm\/EU-35","offer_id":45951311839488,"sku":"shpumpse2407250001001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-22.5cm\/EU-35.5","offer_id":45951311872256,"sku":"shpumpse2407250001002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-22.5~23.0cm\/EU-36","offer_id":45951311905024,"sku":"shpumpse2407250001003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-23.0cm\/EU-36.5","offer_id":45951311937792,"sku":"shpumpse2407250001004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-23.5cm\/EU-37","offer_id":45951311970560,"sku":"shpumpse2407250001005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45951312003328,"sku":"shpumpse2407250001006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-24.0cm\/EU-38","offer_id":45951312036096,"sku":"shpumpse2407250001007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-24.5cm\/EU-38.5","offer_id":45951312068864,"sku":"shpumpse2407250001008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-24.5~25.0cm\/EU-39","offer_id":45951312101632,"sku":"shpumpse2407250001009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-25.0cm\/EU-39.5","offer_id":45951312134400,"sku":"shpumpse2407250001010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-25.5cm\/EU-40","offer_id":45951312167168,"sku":"shpumpse2407250001011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45951312199936,"sku":"shpumpse2407250001012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-26.0cm\/EU-41","offer_id":45951312232704,"sku":"shpumpse2407250001013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-26.5cm\/EU-41.5","offer_id":45951312265472,"sku":"shpumpse2407250001014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラック・アイボリー \/ JP-27.0cm\/EU-42","offer_id":45951312298240,"sku":"shpumpse2407250001015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ブラック・アイボリー \/ JP-27.5cm\/EU-43","offer_id":45951312331008,"sku":"shpumpse2407250001016","price":22900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1726651253-dd95f944-a230-47ef-a8f9-950d7c5b8aa2.jpg?v=1729159667"},{"product_id":"loafers-francesca-browncreamivory","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ブラウン・アイボリー \/ JP-22.0cm\/EU-35","offer_id":45966097514752,"sku":"shpumpse2407250002001","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-22.5cm\/EU-35.5","offer_id":45966097547520,"sku":"shpumpse2407250002002","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-22.5~23.0cm\/EU-36","offer_id":45966097580288,"sku":"shpumpse2407250002003","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-23.0cm\/EU-36.5","offer_id":45966097613056,"sku":"shpumpse2407250002004","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-23.5cm\/EU-37","offer_id":45966097645824,"sku":"shpumpse2407250002005","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ブラウン・アイボリー \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45966097678592,"sku":"shpumpse2407250002006","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ブラウン・アイボリー \/ JP-24.0cm\/EU-38","offer_id":45966097711360,"sku":"shpumpse2407250002007","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-24.5cm\/EU-38.5","offer_id":45966097744128,"sku":"shpumpse2407250002008","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-24.5~25.0cm\/EU-39","offer_id":45966097776896,"sku":"shpumpse2407250002009","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-25.0cm\/EU-39.5","offer_id":45966097809664,"sku":"shpumpse2407250002010","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-25.5cm\/EU-40","offer_id":45966097842432,"sku":"shpumpse2407250002011","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45966097875200,"sku":"shpumpse2407250002012","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラウン・アイボリー \/ JP-26.0cm\/EU-41","offer_id":45966097907968,"sku":"shpumpse2407250002013","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ブラウン・アイボリー \/ JP-26.5cm\/EU-41.5","offer_id":45966097940736,"sku":"shpumpse2407250002014","price":18300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/20240815-FRANCESCA-shpumpse2407250002-product_description-domestic6-757370.jpg?v=1730959258"},{"product_id":"loafers-francesca-nudepeachivory","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_アイボリー・ヌード \/ JP-22.0cm\/EU-35","offer_id":46224504160512,"sku":"shpumpse2410170001001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アイボリー・ヌード \/ JP-22.5cm\/EU-35.5","offer_id":46224504193280,"sku":"shpumpse2410170001002","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-22.5~23.0cm\/EU-36","offer_id":46224504226048,"sku":"shpumpse2410170001003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アイボリー・ヌード \/ JP-23.0cm\/EU-36.5","offer_id":46224504258816,"sku":"shpumpse2410170001004","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-23.5cm\/EU-37","offer_id":46224504291584,"sku":"shpumpse2410170001005","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46224504324352,"sku":"shpumpse2410170001006","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-24.0cm\/EU-38","offer_id":46224504357120,"sku":"shpumpse2410170001007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アイボリー・ヌード \/ JP-24.5cm\/EU-38.5","offer_id":46224504389888,"sku":"shpumpse2410170001008","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-24.5~25.0cm\/EU-39","offer_id":46224504422656,"sku":"shpumpse2410170001009","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-25.0cm\/EU-39.5","offer_id":46224504455424,"sku":"shpumpse2410170001010","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-25.5cm\/EU-40","offer_id":46224504488192,"sku":"shpumpse2410170001011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_アイボリー・ヌード \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46224504520960,"sku":"shpumpse2410170001012","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-26.0cm\/EU-41","offer_id":46224504553728,"sku":"shpumpse2410170001013","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-26.5cm\/EU41.5","offer_id":46224504586496,"sku":"shpumpse2410170001014","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-27cm\/EU42","offer_id":46224504619264,"sku":"shpumpse2410170001015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_アイボリー・ヌード \/ JP-27.5cm\/EU43","offer_id":46224504652032,"sku":"shpumpse2410170001016","price":22900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1735893112-0f75089f-535c-4c7d-bb38-dd9902b52e79_1.jpg?v=1735899128"},{"product_id":"flats-tamiamaryjaneadaptall-creamivorypearls","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\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    * {\n      padding: 0;\n      margin: 0;\n    }\n\n    \/* 1 *\/\n    .Margot-Wide-2 {\n      font-size: 0;\n    }\n\n    .Margot-Wide-2 .top-text {\n      text-align: center;\n      margin-top: 40px;\n    }\n\n    .Margot-Wide-2 .top-text .top-title {\n      font-weight: 500;\n      font-size: 30px;\n      line-height: 40px;\n      margin-bottom: 8px;\n    }\n\n    .Margot-Wide-2 .top-text .top-desc {\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 24px;\n      margin-bottom: 44px;\n    }\n\n    .swiper-btn-title-container {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-title-container .title-2 {\n    }\n\n    .swiper-btn-2 {\n      width: 100px;\n      height: 40px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .swiper-btn-2 .swiper-button-left {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      background-color: #A9A8A6;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: #191817;\n      border-radius: 50%;\n      cursor: pointer;\n    }\n\n    .swiper-btn-2 .swiper-button-right svg {\n      position: relative;\n      \/* left: 2px; *\/\n    }\n\n    .swiper-btn-2 .swiper-button-left svg {\n      position: relative;\n      \/* right: 2px; *\/\n    }\n\n    .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n      display: inline-block;\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .bgColor-light {\n      width: 100%;\n      margin: 0;\n      background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n    }\n\n    .Margot-Wide-2 .bgColor-light .show-big {\n      margin-top: 0px;\n      position: relative;\n      margin-bottom: 0px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 400;\n      position: absolute;\n      height: 100%;\n      display: flex;\n      align-items: center;\n    }\n\n    .Margot-Wide-2 .bgColor-light .common-title {\n      position: absolute;\n      left: 15.625vw;\n\n      font-size: 1.563vw;\n      color: #FFFFFF;\n      line-height: 2.083vw;\n    }\n\n    .Margot-Wide-2 .show-big {\n      display: block;\n    }\n\n    .bottom_content_item {\n      background-color: #ffffff !important;\n    }\n\n    \/* 2 *\/\n    .Margot-Wide-2 .show-small {\n      display: none;\n    }\n\n    .Margot-Wide-2 .bgc-grey {\n      background-color: #f8f7f5;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .full-w {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .space-w {\n      margin: 0 auto;\n      width: 68.75vw;\n      margin-top: 80px;\n      margin-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .space-w_1 {\n      width: 68.75vw;\n      margin: 0 auto;\n\n    }\n\n    .Margot-Wide-2 .space-w-style {\n      margin: 0 auto;\n      width: 68.75vw;\n    }\n\n    .Margot-Wide-2 .space-w-p-t-b {\n      padding-top: 80px;\n      padding-bottom: 80px;\n    }\n\n    .Margot-Wide-2 .position-relative {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .Margot-Wide-2 .common-text-area {\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .center-title {\n      text-align: center;\n    }\n\n    .Margot-Wide-2 .common-title {\n      font-size: 30px;\n      line-height: 40px;\n      font-weight: 600;\n    }\n\n    .Margot-Wide-2 .common-subhead {\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 24px;\n      margin-top: 8.00px;\n    }\n\n    .Margot-Wide-2 .common-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .head-text-area {\n      text-align: center;\n      position: absolute;\n      top: 24.417vw;\n      margin-bottom: 32px;\n    }\n\n    .Margot-Wide-2 .head-title {\n      font-size: 30px;\n      font-weight: 600;\n      line-height: 40px;\n    }\n\n    .Margot-Wide-2 .head-subhead {\n      font-size: 20px;\n      line-height: 40px;\n      margin-top: 8px;\n    }\n\n    .Margot-Wide-2 .half-img-father {\n      display: flex;\n      \/* float: left; *\/\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .half-img {\n      width: 48.48%;\n      object-fit: fill;\n    }\n\n\n    .Margot-Wide-2 .three-item-father {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n    }\n\n    .Margot-Wide-2 .three-item-area {\n      width: 32.2%;\n      position: relative;\n    }\n\n    .Margot-Wide-2 .three-item-img {\n      width: 100%;\n    }\n\n    .Margot-Wide-2 .three-item-text {\n      text-align: center;\n      position: absolute;\n      bottom: 1.25vw;\n      width: 100%;\n      margin-top: 20px;\n      font-size: 1.042vw;\n      font-weight: 500;\n      line-height: 1.458vw;\n\n\n\n    }\n\n    .title-br {\n      display: none;\n    }\n\n    @media screen and (min-width: 769px) and (max-width: 1439px) {\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      \/* .Margot-Wide-2 .bgColor-light .common-title{\n      position: absolute;left:65px;\n      font-size: 1.528vw;\n    line-height: 1.944vw;\n    \n       \n    }\n    .Margot-Wide-2 .three-item-text {\n   \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n    \n    }\n    .Margot-Wide-2 .head-title {\n    font-size: 1.528vw;\n    font-weight: 500;\n    line-height: 1.944vw;\n    }\n    .Margot-Wide-2 .common-title {\n    font-size: 1.528vw;\n    line-height: 1.944vw;\n} *\/\n      .Margot-Wide-2 .space-w {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 30px;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 90vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .bgColor-light .common-title {\n\n        left: 5.007vw;\n\n        color: #FFFFFF;\n        font-size: 24px;\n        line-height: 30px;\n\n      }\n\n      .Margot-Wide-2 .common-title {\n\n        font-size: 24px;\n        line-height: 30px;\n\n\n      }\n\n      .Margot-Wide-2 .bg_pb {\n        left: 5.007vw !important;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 14px;\n        line-height: 17px;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 20px;\n\n\n\n      }\n\n    }\n\n\n\n    @media screen and (max-width: 768px) {\n      .Margot-Wide-2 .bgColor-light .show-big {\n        display: none;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet {\n        width: 45px;\n        height: 2px;\n        border-radius: 1px;\n        color: #000;\n      }\n\n      .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n        background: #191817;\n      }\n\n      .small_title {\n        font-style: normal;\n        font-weight: 500;\n        font-size: 4.267vw;\n        box-sizing: border-box;\n        line-height: 5.067vw;\n        margin-bottom: 4px;\n        text-align: left;\n\n      }\n\n      .small_content {\n        font-size: 3.200vw;\n        font-weight: 300;\n        line-height: 4.267vw;\n\n        text-align: left;\n      }\n\n      .Margot-Wide-2 .show-big {\n        display: none;\n      }\n\n      .Margot-Wide-2 .show-small {\n        display: block;\n      }\n\n      .Margot-Wide-2 .space-w {\n        width: 89.333vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .space-w-style {\n        width: 89.333vw;\n      }\n\n      .Margot-Wide-2 .space-w-p-t-b {\n        padding-top: 10.667vw;\n        padding-bottom: 10.667vw;\n        margin-top: 10.667vw;\n        margin-bottom: 10.667vw;\n      }\n\n      .Margot-Wide-2 .common-text-area {\n        margin-bottom: 5.333vw;\n      }\n\n      .Margot-Wide-2 .common-title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .common-subhead {\n        font-size: 3.733vw;\n        line-height: 4.8vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .head-title {\n        font-size: 5.333vw;\n        font-weight: 600;\n        color: #fff;\n        line-height: 7.467vw;\n      }\n\n      .Margot-Wide-2 .head-text-area {\n        top: 8vw;\n        width: 100%;\n        position: absolute;\n      }\n\n      .Margot-Wide-2 .head-subhead {\n        font-size: 3.733vw;\n        font-weight: 300;\n        line-height: 5.333vw;\n        margin-top: 1.0666vw;\n      }\n\n      .Margot-Wide-2 .half-img-father {\n        display: block;\n        width: 100%;\n      }\n\n      .Margot-Wide-2 .half-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-father {\n        width: 100%;\n        display: flex;\n        justify-content: space-between;\n        flex-direction: column;\n      }\n\n      .Margot-Wide-2 .three-item-area {\n        width: 100%;\n        display: flex;\n        align-items: center;\n        background: #F6F6F6;\n        margin-top: 5.333vw;\n      }\n\n      .Margot-Wide-2 .three-item-area:first-child {\n        margin-top: 0;\n      }\n\n      .Margot-Wide-2 .three-item-area:nth-child(2n) {\n        flex-direction: row-reverse;\n      }\n\n      .Margot-Wide-2 .three-item-area picture {\n        display: contents;\n      }\n\n      .Margot-Wide-2 .three-item-img {\n        width: 50%;\n      }\n\n      .Margot-Wide-2 .three-item-text {\n        padding: 0 20px;\n        position: static;\n        font-size: 3.467vw;\n        line-height: 7.467vw;\n        width: 50%;\n        margin-top: 0;\n      }\n\n      \/* dilidili *\/\n      .small-swiper {\n        position: relative;\n      }\n\n      .small-swiper .swiper-pagination {\n        position: absolute;\n        bottom: 38px;\n      }\n\n      .small-swiper {\n        overflow-x: hidden;\n      }\n\n      .small-swiper .swiper-wrapper {\n        width: 100%;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide {\n        width: 100px;\n        position: relative;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide .title {\n        width: 100%;\n        position: absolute;\n        top: 39px;\n        margin: 0 auto;\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        text-align: center;\n      }\n\n      .small-swiper .swiper-wrapper .swiper-slide img {\n        display: inline-block;\n        width: 100%;\n        height: 100%;\n      }\n\n      .bgColor-light-small {\n        width: 100%;\n        position: relative;\n      }\n\n      .bgColor-light-small .small-img {\n        display: inline-block;\n        width: 100%;\n      }\n\n      .bgColor-light-small .title {\n        font-size: 5.333vw;\n        line-height: 7.467vw;\n        font-weight: 600;\n        position: absolute;\n        top: 10.667vw;\n        width: 100%;\n        \/* padding: 0px 50px; *\/\n        box-sizing: border-box;\n        text-align: center;\n        color: #191817;\n      }\n\n      .bottom_content_item {\n        background-color: #F5F3EF !important;\n      }\n    }\n\n    @media screen and (max-width: 1720px) {\n      .title-br {\n        display: block;\n      }\n\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"Margot-Wide-2\"\u003e\n\u003cdiv class=\"full-w position-relative\"\u003e\n\u003cdiv class=\"head-text-area\"\u003e\n\u003cdiv class=\"head-title\"\u003eエレガントさと快適さの融合\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w show-big\"\u003e\n\u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e\n\u003cspan class=\"common-title title-2\"\u003eスニーカー感覚で快適に履けるフラットシューズ\u003c\/span\u003e\n\u003cdiv class=\"swiper-btn-2\"\u003e\n\u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e\n\u003cdiv class=\"swiper-wrapper\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\"\u003e\n\u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-big\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e\n\u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e\n\u003cdiv class=\"space-w\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title\"\u003eエフォートレスなエレガントさ\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eバレエシューズの繊細でタイムレスな魅力\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"half-img-father\"\u003e\n\u003cvideo id=\"myVideo\" class=\"videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e\n\u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light\"\u003e\n\u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e\n\u003cdiv class=\"common-title\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e\n\u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e\n\u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eトレンド感あるバレエコアも\u003cbr\u003eエレガントさをキープしつつ快適に\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e\n\u003cdiv class=\"common-text-area space-w-style\"\u003e\n\u003cdiv class=\"common-title\"\u003eその他の特徴\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-father\"\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003e洗濯機で丸洗い可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eリサイクルプラスチックボトルから\u003cbr\u003e作られたアッパー\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eリサイクルプラスチックボトルから作られたアッパー\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"three-item-area\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"three-item-text show-big\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003cdiv class=\"three-item-text show-small\"\u003e\n\u003cdiv class=\"small_title\"\u003eどこへでも簡単に持ち運び可能\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area center-title\"\u003e\n\u003cdiv class=\"common-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show-big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n    const title_2 = document.querySelector('.title-2')\n    var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n      autoplay: false,\n      on: {\n        slideChange: function () {\n          console.log(this.activeIndex)\n          if (this.activeIndex === 0) {\n            handleClick_prev()\n          } else {\n            handleClick_next()\n          }\n        }\n      }\n    })\n    console.log(mySwiper_pc_1);\n\n    const handleClick_next = () =\u003e {\n      mySwiper_pc_1.slideTo(1)\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      btn_container_left.style.backgroundColor = '#191817'\n      btn_container_right.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n    }\n\n    const handleClick_prev = () =\u003e {\n      mySwiper_pc_1.slideTo(0)\n      const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n      const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n      btn_container_right.style.backgroundColor = '#191817'\n      btn_container_left.style.backgroundColor = '#A9A8A6'\n      title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n    }\n\n    window.addEventListener('click', function (e) {\n      if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n        handleClick_next()\n      }\n      if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n        handleClick_prev()\n      }\n    }, false)\n\n\n    var small_swiper = new Swiper('.small-swiper', {\n      pagination: {\n        el: '.swiper-pagination',\n      },\n    })\n    document.querySelectorAll('.videos').forEach((v) =\u003e {\n      v.setAttribute('playsinline', '');\n      v.setAttribute('webkit-playsinline', '');\n    })\n  \u003c\/script\u003e\u003c\/p\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_アイボリーパールズ \/ JP-22.0cm\/EU-35","offer_id":46483100795136,"sku":"shflatse2409100009001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-22.5cm\/EU-35.5","offer_id":46483100827904,"sku":"shflatse2409100009002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-22.5~23.0cm\/EU-36","offer_id":46483100860672,"sku":"shflatse2409100009003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-23.0cm\/EU-36.5","offer_id":46483100893440,"sku":"shflatse2409100009004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-23.5cm\/EU-37","offer_id":46483100926208,"sku":"shflatse2409100009005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46483100958976,"sku":"shflatse2409100009006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-24.0cm\/EU-38","offer_id":46483100991744,"sku":"shflatse2409100009007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-24.5cm\/EU-38.5","offer_id":46483101024512,"sku":"shflatse2409100009008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-24.5~25.0cm\/EU-39","offer_id":46483101057280,"sku":"shflatse2409100009009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-25.0cm\/EU-39.5","offer_id":46483101090048,"sku":"shflatse2409100009010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-25.5cm\/EU-40","offer_id":46483101122816,"sku":"shflatse2409100009011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46483101155584,"sku":"shflatse2409100009012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-26.0cm\/EU-41","offer_id":46483101188352,"sku":"shflatse2409100009013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-26.5cm\/EU-41.5","offer_id":46483101221120,"sku":"shflatse2409100009014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-27.0cm\/EU-42","offer_id":46483101253888,"sku":"shflatse2409100009015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アイボリーパールズ \/ JP-27.5cm\/EU-43","offer_id":46483101286656,"sku":"shflatse2409100009016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1736733395-64f9e987-26e1-498e-b6a8-eb3a2e68f336.jpg?v=1741764889"},{"product_id":"loafers-francesca-blackstuds","title":"[Francesca]  アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ブラックスタッズ \/ JP-22.0cm\/EU-35","offer_id":46667252957440,"sku":"shpumpse2406260002001","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-22.5cm\/EU-35.5","offer_id":46667252990208,"sku":"shpumpse2406260002002","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-22.5~23.0cm\/EU-36","offer_id":46667253022976,"sku":"shpumpse2406260002003","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-23.0cm\/EU-36.5","offer_id":46667253055744,"sku":"shpumpse2406260002004","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-23.5cm\/EU-37","offer_id":46667253088512,"sku":"shpumpse2406260002005","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46667253121280,"sku":"shpumpse2406260002006","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-24.0cm\/EU-38","offer_id":46667253154048,"sku":"shpumpse2406260002007","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-24.5cm\/EU-38.5","offer_id":46667253186816,"sku":"shpumpse2406260002008","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-24.5~25.0cm\/EU-39","offer_id":46667253219584,"sku":"shpumpse2406260002009","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-25.0cm\/EU-39.5","offer_id":46667253252352,"sku":"shpumpse2406260002010","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-25.5cm\/EU-40","offer_id":46667253285120,"sku":"shpumpse2406260002011","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46667253317888,"sku":"shpumpse2406260002012","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-26.0cm\/EU-41","offer_id":46667253350656,"sku":"shpumpse2406260002013","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-26.5cm\/EU41.5","offer_id":46667253383424,"sku":"shpumpse2406260002014","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-27cm\/EU42","offer_id":46667253416192,"sku":"shpumpse2406260002015","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ブラックスタッズ \/ JP-27.5cm\/EU43","offer_id":46667253448960,"sku":"shpumpse2406260002016","price":18300.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/20241126-FRANCESCA-shpumpse2406260002-productdescription-domestic5.jpg?v=1747391020"},{"product_id":"loafers-francesca-richgreyplaid","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ギンガム・グレー \/ JP-22.0cm\/EU-35","offer_id":46741616754944,"sku":"shpumpse2405170001001","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-22.5cm\/EU-35.5","offer_id":46741616787712,"sku":"shpumpse2405170001002","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-22.5~23.0cm\/EU-36","offer_id":46741616820480,"sku":"shpumpse2405170001003","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-23.0cm\/EU-36.5","offer_id":46741616853248,"sku":"shpumpse2405170001004","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-23.5cm\/EU-37","offer_id":46741616886016,"sku":"shpumpse2405170001005","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46741616918784,"sku":"shpumpse2405170001006","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-24.0cm\/EU-38","offer_id":46741616951552,"sku":"shpumpse2405170001007","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-24.5cm\/EU-38.5","offer_id":46741616984320,"sku":"shpumpse2405170001008","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-24.5~25.0cm\/EU-39","offer_id":46741617017088,"sku":"shpumpse2405170001009","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-25.0cm\/EU-39.5","offer_id":46741617049856,"sku":"shpumpse2405170001010","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-25.5cm\/EU-40","offer_id":46741617082624,"sku":"shpumpse2405170001011","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46741617115392,"sku":"shpumpse2405170001012","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-26.0cm\/EU-41","offer_id":46741617148160,"sku":"shpumpse2405170001013","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ギンガム・グレー \/ JP-26.5cm\/EU-41.5","offer_id":46741617180928,"sku":"shpumpse2405170001014","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-27.0cm\/EU-42","offer_id":46741617213696,"sku":"shpumpse2405170001015","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_ギンガム・グレー \/ JP-27.5cm\/EU-43","offer_id":46741617246464,"sku":"shpumpse2405170001016","price":18300.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1730369124-ef7831f4-0632-440f-b2f2-64a40722e1fc_47101507-638e-4c3d-8075-90871595475e.jpg?v=1755139036"},{"product_id":"loafers-francesca-caramelchocolatewool","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n\n          \/* 初始化 *\/\n          body {\n            margin: 0;\n          }\n    \n          .ELOISE {\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          .ELOISE .img-aspet {\n            aspect-ratio: 1920\/900;\n          }\n          .ELOISE .show-big {\n            display: block;\n          }\n    \n          .ELOISE .show-small {\n            display: none;\n          }\n    \n          .ELOISE img {\n            display: block;\n            width: 100%;\n            user-select: none !important;\n          }\n    \n          .ELOISE p {\n            margin-block-start: 0;\n            margin-block-end: 0;\n          }\n    \n          .ELOISE .space-w {\n            width: calc(100% - 16.6666667vw);\n            margin: 0 auto;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .full-w {\n            width: 100%;\n          }\n    \n          .ELOISE .title {\n            user-select: none;\n          }\n    \n          .ELOISE .desc {\n            user-select: none;\n          }\n    \n          \/* 1 *\/\n          .ELOISE {\n            \/* font-size:; *\/\n          }\n          .ELOISE img {\n            width: 100%;\n    \n            display: block;\n          }\n    \n          \/* 2 *\/\n    \n          .ELOISE .common-text-area {\n            margin-bottom: 2.083vw;\n          }\n    \n          .ELOISE .common-title {\n            font-size: 1.875vw;\n            line-height: 2.604vw;\n            color: #191817;\n          }\n    \n          .ELOISE .common-subhead {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 24px;\n            margin-top: 8px;\n            color: #191817;\n          }\n    \n          \/* 结构 *\/\n    \n          .ELOISE .kara-top-banner {\n            position: relative;\n            line-height: 0;\n          }\n    \n          .ELOISE .kara-top-banner .text-area {\n            position: relative;\n            text-align: center;\n            max-width: 50%;\n            margin: 10px auto 2.08vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .title {\n            font-size: 1.875vw;\n            line-height: 2.35vw;\n          }\n    \n          .ELOISE .kara-top-banner .text-area .desc {\n            font-size: 1.04vw;\n            line-height: 1.25vw;\n            margin-top: 16px;\n          }\n    \n          .ELOISE .trans_container {\n            display: flex;\n            padding: 0 8.3333333vw;\n            margin-top: 4.167vw;\n          }\n    \n          .ELOISE .trans_container .item_area {\n            width: 19.4791667vw;\n    \n            \/* height: 46.875vw; *\/\n            transition: width 0.3s;\n            overflow: hidden;\n            position: relative;\n            cursor: pointer;\n          }\n          .ELOISE .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        \n    \n          .ELOISE .trans_container .item_area .item_image {\n            width: 44.375vw;\n            height: 100%;\n            float: left;\n            list-style: none;\n            color: #000;\n            line-height: 0;\n          }\n          .ELOISE .trans_container .active {\n            width: 44.375vw !important;\n          }\n    \n          .ELOISE .trans_container .key-features-section__text {\n            position: absolute;\n            width: 100%;\n            height: 0;\n            bottom: 4.167vw;\n            left: 1.40625vw;\n            z-index: 2;\n          }\n    \n          .ELOISE .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          .ELOISE .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          .ELOISE .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          .ELOISE .trans_container .item_area_sec {\n            color: #fff;\n          }\n          .ELOISE\n            .trans_container\n            .item_area_sec\n            .key-features-section__title-copy--large {\n            color: #fff;\n          }\n          .ELOISE .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          .ELOISE .trans_container .active .key-features-section__title {\n            bottom: 100%;\n            \/* transition-delay: 0.4s; *\/\n          }\n          .ELOISE .trans_container .active .key-features-section__title-copy {\n            opacity: 0;\n          }\n          .ELOISE\n            .trans_container\n            .active\n            .key-features-section__title-copy--large {\n            opacity: 1;\n          }\n          .ELOISE .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          .ELOISE\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          .ELOISE .trans_container .right-btn {\n            position: absolute;\n            left: 1.042vw;\n            top: 1.042vw;\n            z-index: 99;\n          }\n          .ELOISE .trans_container .active .right-btn {\n            display: none;\n          }\n    \n          \/* .ELOISE .myswiper_container {\n            width: calc(98% - 2.08vw);\n            margin: 0 auto;\n          \n          } *\/\n    \n          .ELOISE .myswiper_container img {\n            width: 100%;\n          }\n    \n          .ELOISE .myswiper_container .swiper-wrapper {\n            display: flex;\n            column-gap: 20px;\n          }\n          .ELOISE .myswiper_container .swiper-wrapper .swiper-slide{\n            flex: 0 0 50%;\n          }\n          .ELOISE .myswiper_container .area {\n            margin-top: 20px;\n          }\n          .ELOISE .myswiper_container .title {\n            font-size: 30px;\n            font-weight: 400;\n            line-height: 40px;\n            text-align: left;\n          }\n    \n          .ELOISE .myswiper_container .desc {\n            font-size: 16px;\n            font-weight: 400;\n            line-height: 18.75px;\n            text-align: left;\n            margin-top: 8px;\n          }\n          .ELOISE .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          .ELOISE .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          .ELOISE .kara-cen {\n            position: relative;\n          }\n          .ELOISE .kara-cen .common-text-area {\n            position: absolute;\n            top: 25.15625vw;\n            left: 6.0416667vw;\n            max-width: 34.6875vw;\n          }\n          .ELOISE .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          \n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n              line-height: 0;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-size: 24px;\n              font-weight: 400;\n              line-height: 32px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 16px;\n              font-weight: 400;\n              line-height: 18.75px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 平板 *\/\n          @media screen and (min-width: 769px) and (max-width: 1024px) {\n            .ELOISE .common-text-area {\n              margin-bottom: 1.563vw;\n            }\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 20px;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 22px;\n              font-weight: 400;\n              line-height: 30px;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 14px;\n              font-weight: 400;\n              line-height: 17px;\n              text-align: left;\n              margin-top: 8px;\n            }\n          }\n          \/* 手机 *\/\n          @media screen and (max-width: 768px) {\n            \/* 初始化 *\/\n            .ELOISE {\n              padding-bottom: 10.6666667vw;\n            }\n            .ELOISE .img-aspet {\n              aspect-ratio: 375\/550;\n            }\n    \n            .ELOISE .show-big {\n              display: none !important;\n            }\n    \n            .ELOISE .show-small {\n              display: block;\n            }\n    \n            .ELOISE .show-no-small {\n              display: none;\n            }\n    \n            .ELOISE .space-w {\n              margin-top: 10.67vw;\n              width: calc(100% - 10.6666667vw);\n            }\n    \n            .ELOISE .common-text-area {\n              margin-bottom: 5.333vw;\n            }\n    \n            .ELOISE .common-title {\n              font-size: 5.333vw;\n              line-height: 7.467vw;\n            }\n    \n            .ELOISE .common-subhead {\n              font-size: 3.733vw;\n              line-height: 4.8vw;\n              margin-top: 1.0666vw;\n            }\n    \n            \/* 结构 *\/\n    \n            .ELOISE .kara-top-banner {\n              position: relative;\n            }\n    \n            .ELOISE .kara-top-banner .text-area {\n              max-width: 84%;\n              margin: 10px auto 5.33vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .title {\n              font-size: 5.33vw;\n              line-height: 7.264vw;\n            }\n    \n            .ELOISE .kara-top-banner .text-area .desc {\n              font-size: 3.2vw;\n              line-height: 3.75vw;\n              margin-top: 10px;\n            }\n    \n            .ELOISE .trans_container {\n              display: flex;\n              flex-direction: column;\n              margin-top: 10.667vw;\n              padding: 0 1.333333vw;\n            }\n            .ELOISE .trans_container .active {\n              width: 89.3333333vw !important;\n              height: 82.1333334vw !important;\n            }\n    \n            \/* .ELOISE .trans_container .active .key-features-section__text{\n              bottom: 10.6666667vw;\n            } *\/\n            .ELOISE .trans_container .item_area .item_image {\n              width: 89.3333333vw !important;\n              aspect-ratio: 335\/308;\n              height: unset;\n            }\n    \n            .ELOISE .trans_container .item_area {\n              transition: height 0.3s;\n              width: 100% !important;\n              height: 26.1333333vw;\n              overflow: hidden;\n            }\n\n            .ELOISE .trans_container .mask_thr {\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            \/* .ELOISE .trans_container .key-features-section__title {\n              width: 53.333vw !important;\n            } *\/\n    \n            .ELOISE .trans_container .key-features-section__title-copy {\n              font-size: 20px;\n              font-weight: 500;\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            .ELOISE .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            .ELOISE .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            .ELOISE\n              .trans_container\n              .active\n              .key-features-section__description-copy {\n              font-size: 3.2vw;\n              font-weight: 400;\n              line-height: 4.376vw;\n              width: 78.667vw;\n              text-align: left;\n              margin-top: 4px;\n            }\n            .ELOISE .trans_container .key-features-section__text {\n              left: 5.33vw;\n              bottom: 5.33vw;\n              height: auto;\n              max-width: 80%;\n              z-index: 2;\n            }\n            .ELOISE .trans_container .item_area_fir .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_sec .key-features-section__text {\n              height: auto;\n            }\n            .ELOISE .trans_container .item_area_thr .key-features-section__text {\n              height: auto;\n            }\n    \n            .ELOISE .trans_container .item_area_sec {\n              \/* color: unset; *\/\n            }\n            .ELOISE\n              .trans_container\n              .item_area_sec\n              .key-features-section__title-copy--large {\n              color: unset;\n            }\n    \n            .ELOISE .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            .ELOISE .kara-cen {\n              position: static;\n              width: 100% !important;\n            }\n            .ELOISE .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            .ELOISE .kara-cen .common-title {\n              color: #191817;\n              text-align: center;\n            }\n            .ELOISE .kara-cen .common-subhead {\n              color: rgba(25, 24, 23, 0.8);\n              margin-top: 2.6666667vw;\n              text-align: center;\n            }\n            .ELOISE .myswiper_container {\n              width: 100% !important;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper {\n              padding: 0 5.333vw;\n              width: 100%;\n              box-sizing: border-box;\n              gap: 17px;\n              overflow-x: scroll;\n              scroll-snap-type: x mandatory;\n              scroll-behavior: smooth;\n              -webkit-overflow-scrolling: touch;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper::-webkit-scrollbar {\n              display: none;\n            }\n            .ELOISE .myswiper_container .swiper-wrapper .swiper-slide {\n              \/* flex: 0 0 80vw; *\/\n              flex: 0 0 86vw;\n             \n            }\n            .ELOISE .myswiper_container .area {\n              margin-top: 2.6666667vw;\n            }\n            .ELOISE .myswiper_container .title {\n              font-family: Noto Serif;\n              font-size: 4.2666667vw;\n              font-weight: 400;\n              line-height: 5.8106667vw;\n              text-align: left;\n            }\n    \n            .ELOISE .myswiper_container .desc {\n              font-size: 2.6666667vw;\n              font-weight: 400;\n              line-height: 3.1253333vw;\n              text-align: left;\n    \n              margin-top: 1.6vw;\n            }\n            .ELOISE .kara-three-area {\n              width: 100% !important;\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          .ELOISE .kara-cen .common-text-area \u003e div {\n            color: #191817;\n          }\n    \u003c\/style\u003e\n\u003cdiv class=\"ELOISE\"\u003e\n\u003cdiv class=\"kara-top-banner\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/Rectangle%202062.jpg?imresize=750x1100\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"img-aspet\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"trans_container\"\u003e\n\u003cdiv class=\"item_area active item_area_fir\"\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 \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:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/86868.jpg?imresize=1257x1155\" 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\"\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 \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\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/11231.jpg?imresize=1257x1155\" 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 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\u003cpicture\u003e \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652\n                \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/2381.jpg?imresize=1257x1155\" 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\"\u003e4mmヒールパッド\u003c\/p\u003e\n\u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mmヒールパッド\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=\"kara-three-area space-w\"\u003e\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568499.jpg?v=1727075951\n            \" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568498_1.jpg?v=1725275776\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\n\u003c\/div\u003e\n\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      const videoList = [\n        {\n          src: \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_PC.mp4\",\n          poster:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-pc.jpg\",\n          poster_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240723_6980\/fengmian-m.jpg\",\n          src_m:\n            \"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240723_6980\/20240724-TAYLOR_M.mp4\",\n        },\n      ];\n\n      function setVideo() {\n        document.querySelectorAll(\".ELOISE .videos\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .videos\").forEach((v) =\u003e {\n            v.setAttribute(\"playsinline\", true);\n            v.setAttribute(\"webkit-playsinline\", true);\n          });\n        document.querySelectorAll(\".ELOISE .myVideo\") \u0026\u0026\n          document.querySelectorAll(\".ELOISE .myVideo\").forEach((v) =\u003e {\n            if (v.getAttribute(\"data-index\")) {\n              const index = v.getAttribute(\"data-index\");\n              if (window.innerWidth \u003e 768) {\n                v.poster = videoList[index].poster;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src}\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              } else {\n                v.poster = videoList[index].poster_m;\n                v.innerHTML = `\u003csource\n                src=\"${videoList[index].src_m}\"\"\n                type=\"video\/mp4\"\n              \/\u003e`;\n              }\n            }\n          });\n      }\n      setVideo();\n\n      function cli_act() {\n        const key_features = document.querySelectorAll(\".item_area\");\n\n        key_features.forEach((e) =\u003e {\n          e.addEventListener(\"click\", function () {\n            remove();\n            this.classList.add(\"active\");\n            if (e.querySelector(\"video\")) {\n              e.querySelector(\"video\").play();\n            }\n            this.querySelector(\".mask\").style.display = \"none\";\n          });\n        });\n        function remove() {\n          key_features.forEach((e) =\u003e {\n            e.classList.remove(\"active\");\n            let videos = document.querySelectorAll(\".item_area video\");\n            videos.forEach((video) =\u003e {\n              video.pause();\n            });\n            e.querySelector(\".mask\").style.display = \"block\";\n          });\n        }\n      }\n\n      cli_act();\n    \u003c\/script\u003e\u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_キャラメル・チョコレート \/ JP-22.0cm\/EU-35","offer_id":46827064787200,"sku":"shpumpse2503240004001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-22.5cm\/EU-35.5","offer_id":46827064819968,"sku":"shpumpse2503240004002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-22.5~23.0cm\/EU-36","offer_id":46827064852736,"sku":"shpumpse2503240004003","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_キャラメル・チョコレート \/ JP-23.0cm\/EU-36.5","offer_id":46827064885504,"sku":"shpumpse2503240004004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-23.5cm\/EU-37","offer_id":46827064918272,"sku":"shpumpse2503240004005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46827064951040,"sku":"shpumpse2503240004006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-24.0cm\/EU-38","offer_id":46827064983808,"sku":"shpumpse2503240004007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-24.5cm\/EU-38.5","offer_id":46827065016576,"sku":"shpumpse2503240004008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-24.5~25.0cm\/EU-39","offer_id":46827065049344,"sku":"shpumpse2503240004009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-25.0cm\/EU-39.5","offer_id":46827065082112,"sku":"shpumpse2503240004010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-25.5cm\/EU-40","offer_id":46827065114880,"sku":"shpumpse2503240004011","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_キャラメル・チョコレート \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46827065147648,"sku":"shpumpse2503240004012","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_キャラメル・チョコレート \/ JP-26.0cm\/EU-41","offer_id":46827065180416,"sku":"shpumpse2503240004013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_キャラメル・チョコレート \/ JP-26.5cm\/EU-41.5","offer_id":46827065213184,"sku":"shpumpse2503240004014","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_キャラメル・チョコレート \/ JP-27.0cm\/EU-42","offer_id":46827065245952,"sku":"shpumpse2503240004015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_キャラメル・チョコレート \/ JP-27.5cm\/EU-43","offer_id":46827065278720,"sku":"shpumpse2503240004016","price":22900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1751860056-28e740b0-d601-469b-8f0c-919fc635dc36.jpg?v=1752634662"},{"product_id":"flats-tamiamaryjaneadaptall-paleapricotfloral","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\n        \u003cdiv data-type=\"root\"\u003e\u003carticle id=\"app\"\u003eloading...\u003c\/article\u003e\u003c\/div\u003e\u003cstyle data-type=\"font\"\u003e@font-face{font-family:swiper-icons;src:url(data:application\/font-woff;charset=utf-8;base64,\\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj\/\/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA\/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu\/j+W2+MnAzMYDAzaX6QjD6\/4\/\/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+\/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg\/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4\/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9\/w8UBfEMgLzE\/\/\/\/P\/5\/\/f\/V\/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA\/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP\/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj\/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB\/yIY09An6AH2Bdu\/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z\/PEJ6YOB5hKh4dj3EvXhxPqH\/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN\/d\/gczfEimrE\/fs\/bOuq29Zmn8tloORaXgZgGa78yO9\/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i\/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH\/\/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv\/H9ezGI6Z5XBAw8CBK\/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow\/P\/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)format(\"woff\");font-weight:400;font-style:normal}\u003c\/style\u003e\u003cscript data-type=\"polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/polyfill\/v3\/polyfill.min.js?version=4.8.0\"\u003e\u003c\/script\u003e\u003cscript data-type=\"vue-polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vue\/2.7.8\/vue.runtime.min.js\"\u003e\u003c\/script\u003e\u003cscript data-type=\"config\" type=\"application\/json\"\u003e{\"imports\":[\"vue\",\"swiper\"]}\u003c\/script\u003e\n        \n        \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e\n        \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/css\/swiper.min.css\"\u003e\n  \n        \u003cstyle data-type=\"style\"\u003e\n         .top-banner[data-v-4eb762a6]{width:100%;background:#fcfbf7;box-sizing:border-box}.top-banner .top-banner-container[data-v-4eb762a6]{width:100%;font-size:0;position:relative;overflow:hidden}.top-banner .top-banner-container .top-banner-img[data-v-4eb762a6]{display:inline-block;width:100%}.top-banner .top-banner-container .text-info[data-v-4eb762a6]{position:absolute;left:35%;top:48%}.top-banner .top-banner-container .text-info .title[data-v-4eb762a6]{font-size:2.5vw;line-height:3.13vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center}.top-banner .top-banner-container .text-info .desc[data-v-4eb762a6]{font-size:1.25vw;line-height:1.77vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;margin-top:1.04vw}@media screen and (max-width:768px){.top-banner[data-v-4eb762a6]{padding:0}.top-banner .top-banner-container .text-info[data-v-4eb762a6]{width:100%;left:0;top:10%}.top-banner .top-banner-container .text-info .title[data-v-4eb762a6]{width:100%;font-size:24px;line-height:30px;text-align:center}.top-banner .top-banner-container .text-info .desc[data-v-4eb762a6]{font-size:12px;line-height:14px;text-align:center;margin-top:8px;font-weight:300}}.common-title[data-v-7879a69f]{white-space:pre-wrap}.top-banner-pc[data-v-7879a69f]{box-sizing:border-box;width:100%;padding:4.17vw 2.08vw;background:#fcfbf7}.top-banner-pc .common-title[data-v-7879a69f]{margin-bottom:1.56vw;font-size:2.5vw;line-height:3.39vw;font-family:\"Noto Serif Japanese\";font-weight:300}.top-banner-pc .inline-box[data-v-7879a69f]{aspect-ratio:1840\/626;display:flex;gap:.416vw;overflow:hidden}.top-banner-pc .inline-box .item[data-v-7879a69f]{flex:1;height:100%;position:relative;transition:all .6s;max-height:32.6vw}.top-banner-pc .inline-box .item .inline-text[data-v-7879a69f]{position:absolute;left:1.04vw;bottom:1.04vw;color:#fff;width:80%;white-space:pre-wrap}.top-banner-pc .inline-box .item .inline-text .title[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:1.25vw;line-height:1.465vw;font-weight:500}.top-banner-pc .inline-box .item .inline-text .desc[data-v-7879a69f]{opacity:0;position:absolute;font-size:.833vw;line-height:.99vw;margin-top:.42vw;width:33.125vw;font-family:Noto Sans Japanese;font-weight:300}.top-banner-pc .inline-box .item img[data-v-7879a69f],.top-banner-pc .inline-box .item video[data-v-7879a69f]{width:100%;height:100%;object-fit:cover}.top-banner-pc .inline-box .item-active[data-v-7879a69f]{flex:2}.top-banner-pc .inline-box .item-active .inline-text[data-v-7879a69f]{color:#000;width:74%}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-7879a69f]{position:relative;opacity:1;font-family:Noto Sans Japanese;font-size:.833vw;line-height:.98vw;margin-top:.31vw;font-weight:300;transition:opacity .4s;transition-delay:.2s}.top-banner-pc .inline-box .three-item-active[data-v-7879a69f]{flex:1.64;transition:all .6s}.top-banner-m[data-v-7879a69f]{display:flex;flex-direction:column;padding-bottom:40px}.top-banner-m .common-title[data-v-7879a69f]{text-align:left;margin-bottom:calc(20px - 1.33vw)}.top-banner-m .banner-img[data-v-7879a69f]{aspect-ratio:375\/508;width:100%}.top-banner-m .inline-box[data-v-7879a69f]{margin-top:5.33vw;display:flex;flex-direction:column;gap:1.33vw}.top-banner-m .inline-box .item[data-v-7879a69f]{position:relative;line-height:0}.top-banner-m .inline-box .item .inline-text[data-v-7879a69f]{position:absolute;left:2.667vw;bottom:2.667vw;width:88vw}.top-banner-m .inline-box .item .inline-text .title[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:5.33vw;line-height:6.25vw;font-weight:500;white-space:pre-wrap}.top-banner-m .inline-box .item .inline-text .desc[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:3.73vw;line-height:4.376vw;font-weight:300;margin-top:1.06vw;white-space:pre-wrap}.top-banner-m .inline-box .item img[data-v-7879a69f],.top-banner-m .inline-box .item video[data-v-7879a69f]{width:100%;aspect-ratio:335\/306;object-fit:cover}@media screen and (min-width:769px) and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .title[data-v-7879a69f]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item .inline-text .desc[data-v-7879a69f]{font-size:10px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .title[data-v-7879a69f]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-7879a69f]{font-size:10px;line-height:unset}}@media screen and (max-width:768px){.top-banner-m[data-v-7879a69f]{width:100%;padding:40px 10px;box-sizing:border-box;background:#fcfbf7}.top-banner-m .inline-box[data-v-7879a69f]{margin-top:0}.top-banner-m .inline-box .common-title[data-v-7879a69f]{margin-bottom:15px;font-size:28px;line-height:38px;font-family:\"Noto Serif Japanese\";font-weight:300}}.center-banner-pc[data-v-4f3c9386]{aspect-ratio:1920\/868;background-color:#faf7f6;display:flex;flex-direction:row;justify-content:space-between;padding:5vw 0;box-sizing:border-box}.center-banner-pc .text-arr[data-v-4f3c9386]{text-align:left;margin-left:8.33vw;width:100%}.center-banner-pc .text-arr .text-title[data-v-4f3c9386]{font-family:\"Noto Serif Japanese\";font-size:2.5vw;line-height:3.39vw}.center-banner-pc .text-arr .text-desc[data-v-4f3c9386]{font-family:Noto Sans Japanese;margin-top:4.167vw;display:flex;flex-direction:column;gap:1.667vw}.center-banner-pc .text-arr .text-desc .desc-item[data-v-4f3c9386]{font-size:1.667vw;font-weight:300;cursor:pointer;position:relative;list-style:none}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]{position:relative}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-4f3c9386]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]:after{position:absolute;content:\"\";background-color:var(--desc-after-bg,#261b02);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-4f3c9386]:after{width:100%;height:.15vw}.center-banner-pc .img-arr[data-v-4f3c9386]{margin-right:16.9vw;height:100%;aspect-ratio:609\/676;max-width:31vw;max-height:35.2vw;position:relative}.center-banner-pc .img-arr img[data-v-4f3c9386]{position:absolute;height:100%;aspect-ratio:555\/649;opacity:.75}.center-banner-pc .img-arr .img-active[data-v-4f3c9386]{z-index:2;opacity:1;transition:opacity .6s}.center-banner-m[data-v-4f3c9386]{padding:20px 0 40px;box-sizing:border-box;background-color:#faf7f6}.center-banner-m .title[data-v-4f3c9386]{font-family:\"Noto Serif Japanese\";font-size:5.33vw;line-height:7.26vw;width:calc(100% - 20px);margin:0 10px}.center-banner-m .commit-swiper[data-v-4f3c9386]{padding-bottom:22px;margin-top:5.33vw}.center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item[data-v-4f3c9386]{font-size:0}.center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item .inline-text .item-title[data-v-4f3c9386]{margin:0}.center-banner-m .commit-swiper .swiper-pagination[data-v-4f3c9386]{width:calc(100% - 20px);height:2px;left:10px;top:calc(100% - 2px);background:var(--swiper-pagination-bg,rgba(38,27,2,.3))}.center-banner-m .item[data-v-4f3c9386]{position:relative}.center-banner-m .item .inline-text[data-v-4f3c9386]{position:absolute;left:2.67vw;top:2.67vw;color:#fff;width:94%}.center-banner-m .item .inline-text .item-title[data-v-4f3c9386]{font-family:Noto Sans Japanese;font-size:5.43vw;line-height:6.37vw;font-weight:500}.center-banner-m .item img[data-v-4f3c9386]{width:100%;aspect-ratio:255\/326}@media screen and (min-width:769px) and (max-width:1024px){.center-banner-pc .text-arr .text-title[data-v-4f3c9386]{font-size:18px;line-height:unset}.center-banner-pc .text-arr .text-desc .desc-item[data-v-4f3c9386]{font-size:18px}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-4f3c9386]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]:after{position:absolute;content:\"\";background-color:var(--desc-after-bg,#000);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-4f3c9386]:after{width:100%;height:.15vw}}@media screen and (max-width:768px){.mainComponentIt .inline-text{width:86.54vw!important}.center-banner-m .commit-swiper .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-fill,#261b02)!important}}.mainComponentKr .center-banner-pc .img-arr .img-active.img-active{z-index:2}.new-lookBook[data-v-6a133516]{margin-top:0;width:100%}.new-lookBook .look-book-pc[data-v-6a133516]{width:100%;aspect-ratio:1920\/1027;background-image:var(--bg-img-pc);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.new-lookBook .look-book-pc .mask[data-v-6a133516]{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:rgba(0,0,0,.5);opacity:0;transition:all .4s}.new-lookBook .look-book-pc .mask-active[data-v-6a133516]{opacity:1;transition:all .4s}.new-lookBook .look-book-pc .left-info[data-v-6a133516]{width:26.51vw;height:100%;position:absolute;z-index:2;left:12.5vw;padding:6.25vw 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.new-lookBook .look-book-pc .left-info .top-info .title[data-v-6a133516]{font-size:2.5vw;line-height:3.13vw;color:#fff;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap}.new-lookBook .look-book-pc .left-info .top-info .desc[data-v-6a133516]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;color:#fff;margin-top:4vw;transition:all .4s;opacity:0;white-space:pre-wrap}.new-lookBook .look-book-pc .left-info .top-info .desc-show-active[data-v-6a133516]{transition:all .4s;margin-top:1.2vw;opacity:1}.new-lookBook .look-book-pc .left-info .item-list[data-v-6a133516]{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.04vw}.new-lookBook .look-book-pc .left-info .item-list .item[data-v-6a133516]{display:inline;font-size:1.67vw;line-height:1.98vw;font-family:Noto Sans Japanese;font-weight:300;cursor:pointer;color:#fff;position:relative;transition:all .4s;width:100%}.new-lookBook .look-book-pc .left-info .item-list .item.item-active[data-v-6a133516]{font-weight:600}.new-lookBook .look-book-pc .left-info .item-list .item-active .item-text[data-v-6a133516]:after{width:100%;height:.08vw}.new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-6a133516]{position:relative;display:inline-block}.new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-6a133516]:after{position:absolute;content:\"\";background-color:var(--desc-after-color,#fff);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:.16vw}.new-lookBook .look-book-pc .right-gallery[data-v-6a133516]{width:36.98vw;height:45.16vw;aspect-ratio:710\/867;position:absolute;z-index:0;right:12.5vw;top:4.17vw;opacity:0;transition:all .4s}.new-lookBook .look-book-pc .right-gallery\u003eimg[data-v-6a133516]{display:inline-block;width:100%;position:absolute;aspect-ratio:710\/867;z-index:-1;opacity:0}.new-lookBook .look-book-pc .right-gallery .img-show[data-v-6a133516],.new-lookBook .look-book-pc .right-gallery-active[data-v-6a133516]{transition:all .4s;z-index:2;opacity:1}.new-lookBook .look-book-m[data-v-6a133516]{width:100%;padding:40px 0;box-sizing:border-box;background:#f2e9da}.new-lookBook .look-book-m .title[data-v-6a133516]{font-family:\"Noto Serif Japanese\";font-size:28px;line-height:32px;font-weight:300;width:calc(100% - 20px);margin:0 auto;white-space:pre-wrap}.new-lookBook .look-book-m .desc[data-v-6a133516]{font-family:Noto Sans Japanese;font-weight:300;font-size:14px;line-height:16px;width:calc(100% - 20px);margin:10px auto 0;white-space:pre-wrap}.new-lookBook .look-book-m .new-lookbook-swiper[data-v-6a133516]{margin-top:20px;padding-bottom:22px}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide[data-v-6a133516]{font-size:0;position:relative}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide .slide-title[data-v-6a133516]{font-size:20px;line-height:24px;font-family:Noto Sans Japanese;font-weight:500;color:#fff;position:absolute;top:10px;width:100%;padding:0 10px}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide\u003eimg[data-v-6a133516]{display:inline-block;width:100%}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar[data-v-6a133516]{width:calc(100% - 20px);left:10px;height:2px;top:calc(100% - 2px);background:var(--swiper-pagination-bg,rgba(38,27,2,.3))}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-fill,#261b02)}.video-box[data-v-f56a3920]{width:calc(100% - 4.17vw);margin:4.17vw auto 0;font-size:0}.video-box .common-title[data-v-f56a3920]{text-align:left;font-size:2.5vw;line-height:3.39vw;font-family:\"Noto Serif Japanese\";white-space:pre-wrap;margin-bottom:1.56vw}.video-box .video-bog-img[data-v-f56a3920]{display:inline-block;width:100%}@media screen and (max-width:768px){.video-box[data-v-f56a3920]{width:100%;margin:40px auto 0}.video-box .common-title[data-v-f56a3920]{width:calc(100% - 20px);text-align:left;font-size:28px;line-height:38px;margin:0 auto 20px}.video-box .video-bog-img[data-v-f56a3920]{display:inline-block;width:100%}}.end-about[data-v-19fd27ca]{margin-top:4.17vw;padding:0 2.083vw 0;font-size:0}.end-about .title[data-v-19fd27ca]{color:#261b02;font-family:\"Noto Serif Japanese\";font-size:2.5vw;line-height:2.92vw;white-space:pre-wrap}.end-about .desc[data-v-19fd27ca]{color:#261b02;font-family:Noto Sans Japanese;font-weight:300;font-size:1.25vw;line-height:1.46vw;margin-top:1.56vw;white-space:pre-wrap;opacity:.6}.end-about img[data-v-19fd27ca]{margin-top:1.56vw;width:100%;aspect-ratio:1840\/904}@media screen and (max-width:768px){.end-about[data-v-19fd27ca]{margin-top:40px;padding:0 2.667vw 0}.end-about .title[data-v-19fd27ca]{font-size:28px;line-height:31px;font-weight:300}.end-about .desc[data-v-19fd27ca]{font-size:14px;line-height:16px;font-weight:300;margin-top:12px}.end-about img[data-v-19fd27ca]{margin-top:20px;aspect-ratio:1}}.top-banner[data-v-8e6f6642]{box-sizing:border-box;aspect-ratio:1840\/300;margin:4.17vw 2.083vw 0;background-image:var(--src);background-size:cover;background-position:50%;background-repeat:no-repeat}.top-banner .top-banner-container[data-v-8e6f6642]{width:100%;font-size:0;position:relative;overflow:hidden;height:100%}.top-banner .top-banner-container img[data-v-8e6f6642]{display:block}.top-banner .top-banner-container .block-img[data-v-8e6f6642]{width:100%;aspect-ratio:355\/210;margin-top:1.04vw}@media screen and (max-width:768px){.top-banner .top-banner-container .block-img[data-v-8e6f6642]{margin-top:20px}}.top-banner .top-banner-container .top-banner-img[data-v-8e6f6642]{display:inline-block;width:100%}.top-banner .top-banner-container .text-info[data-v-8e6f6642]{display:flex;flex-direction:row;position:absolute;justify-content:center;align-items:center}.top-banner .top-banner-container .text-info .title[data-v-8e6f6642]{font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:2.5vw;line-height:3.39vw;letter-spacing:0;white-space:pre-wrap}.top-banner .top-banner-container .text-info .desc[data-v-8e6f6642]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;padding-left:2.81vw}.top-banner .top-banner-container .text-info-vertical[data-v-8e6f6642]{position:absolute}.top-banner .top-banner-container .text-info-vertical .title[data-v-8e6f6642]{font-size:2.5vw;line-height:3.13vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center}.top-banner .top-banner-container .text-info-vertical .desc[data-v-8e6f6642]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;margin-top:1.88vw;opacity:.5}.top-banner .top-video[data-v-8e6f6642]{width:47.92vw;height:auto}.top-banner .pcCenterVertical .top-video[data-v-8e6f6642]{top:50%;transform:translateY(-50%);position:absolute;right:0}@media screen and (max-width:768px){.top-banner .pcCenterVertical .top-video[data-v-8e6f6642]{position:relative;transform:none;top:unset;width:100%;margin-top:23px}.top-banner[data-v-8e6f6642]{margin:40px 10px;aspect-ratio:unset;background-image:none}.top-banner .top-banner-container .text-info[data-v-8e6f6642]{position:unset;transform:none;flex-direction:column;justify-content:flex-start;align-items:flex-start}.top-banner .top-banner-container .text-info .title[data-v-8e6f6642]{font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:28px;line-height:31px;letter-spacing:0;text-align:left;padding-right:0}.top-banner .top-banner-container .text-info .desc[data-v-8e6f6642]{font-family:Noto Sans Japanese;font-weight:300;font-style:regular;font-size:14px;line-height:16px;text-align:center;padding-left:0;margin-top:16px}}.mainComponent{color:#261b02}*{box-sizing:border-box}.show-pc{display:block}.show-m{display:none}.mainComponentJp .boot .name,.mainComponentJp .common-title,.mainComponentJp .end-about .title,.mainComponentJp .lookBook .title,.mainComponentJp .shoe-name,.mainComponentJp .top-banner-m .common-title,.mainComponentJp .topBanner .boot-shoes-name,.mainComponentJp .topBanner .title{font-family:\"Noto Serif Japanese Japanese\"!important}.mainComponentJp .boot .boot-name,.mainComponentJp .end-about .desc,.mainComponentJp .inline-box .item .inline-text .desc,.mainComponentJp .inline-box .item .inline-text .title,.mainComponentJp .topBanner .desc{font-family:Noto Sans Japanese!important}.mainComponentKr{word-break:keep-all}.boot-shoes-name br{display:none}*{margin:0;padding:0}@media screen and (max-width:768px){.show-pc{display:none}.show-m{display:block}}\n         \u003c\/style\u003e\n          \u003cscript data-type=\"entry\"\u003e\n          window.vivaiaDetailLangCode = \"jp\";window.pageData = [{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-1.jpg\",\"bgImgM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-m-1.jpg\",\"showTitle\":true,\"titlePc\":\"ほのかに咲く 透かしフラワー\\nTamia Mary Jane\",\"descPc\":\"花柄ニットと、すっきりとしたアーモンドトゥ。\\n大人の上品さと、優しい履き心地を。\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"#FFFFFF\",\"titleM\":\"ほのかに咲く透かしフラワー\\nTamia Mary Jane\",\"descM\":\"花柄ニットと、すっきりとしたアーモンドトゥ。\\n大人の上品さと、優しい履き心地を。\",\"titleColorM\":\"#FFFFFF\",\"topPc\":\"40\",\"leftPc\":\"4\",\"topM\":\"75\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"isShow\":true,\"mainTitlePC\":\"商品詳細\",\"mainTitleM\":\"商品詳細\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-0.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-0.jpg\",\"titlePc\":\"優しく包み込むフィットニット\",\"titleM\":\"優しく包み込むフィットニット\",\"descPc\":\"さりげない花柄が足の形に合わせて伸縮。締め付けのない軽やかな履き心地です。\",\"descM\":\"さりげない花柄が足の形に合わせて伸縮。締め付けのない軽やかな履き心地です。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-2.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-2.jpg\",\"titlePc\":\"華奢見えするアーモンドトゥ\",\"titleM\":\"華奢見えするアーモンドトゥ\",\"descPc\":\"足元をすっきりと美しく演出。きれいめな印象のまま、窮屈さを感じさせません。\",\"descM\":\"足元をすっきりと美しく演出。きれいめな印象のまま、窮屈さを感じさせません。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-3.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-3.jpg\",\"titlePc\":\"疲れにくい快適インソール\",\"titleM\":\"疲れにくい快適インソール\",\"descPc\":\"土踏まずを支え、衝撃をしっかり吸収。長時間でもふんわり爽やかな足取りに。\",\"descM\":\"土踏まずを支え、衝撃をしっかり吸収。長時間でもふんわり爽やかな足取りに。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}}]}}}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":999,\"type\":\"ContentBlock\",\"attrs\":{\"isShow\":false,\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"posterUrlM\":\"\",\"showTitle\":true,\"titlePc\":\"\",\"titleColorPc\":\"\",\"titleM\":\"\",\"titleColorM\":\"\",\"topPc\":17.66,\"leftPc\":10.87}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}];\n          (()=\u003e{\"use strict\";var t={48:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"new-lookBook\"},[t.isPc?e(\"div\",{staticClass:\"look-book-pc\",style:{\"--bg-img-pc\":`url(${t.$fallbackText(t.sectionData?.bgImgPc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-07.jpg\")})`}},[e(\"div\",{class:[\"mask\",{\"mask-active\":t.showDetails}],on:{click:function(e){return e.target!==e.currentTarget?null:t.handleClickPcSection.apply(null,arguments)}}}),e(\"div\",{staticClass:\"left-info\",on:{click:function(e){return e.target!==e.currentTarget?null:t.handleClickPcSection.apply(null,arguments)}}},[e(\"div\",{staticClass:\"top-info\"},[e(\"div\",{staticClass:\"title\",style:{color:t.textColorPc||\"#ffffff\"},domProps:{innerHTML:t._s(t.$fallbackText(t.mainTitle))}}),e(\"div\",{class:[\"desc\",{\"desc-show-active\":t.showDetails}],style:{color:t.textColorPc||\"#ffffff\"},domProps:{innerHTML:t._s(t.$fallbackText(t.desc))}})]),e(\"div\",{staticClass:\"item-list\",style:{\"--desc-after-color\":t.sectionData?.Alterable?.attrs?.listColor}},t._l(t.itemList,function(i,s){return e(\"div\",{key:s,class:[\"item\",{\"item-active\":t.cur_indexPreview==s}],style:{color:t.sectionData?.Alterable?.attrs?.listColor||\"#ffffff\"},on:{mouseover:function(e){return t.addPreviewActive(s)}}},[e(\"div\",{staticClass:\"item-text\",domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})])}),0)]),e(\"div\",{class:[\"right-gallery\",{\"right-gallery-active\":t.showDetails}]},t._l(t.itemList,function(i,s){return e(\"img\",{key:s,class:[\"right-gallery-img\",{\"img-show\":t.cur_indexPreview===s}],attrs:{src:t.$fallbackText(i.attrs.imgSrc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),alt:\"VIVAIA\"}})}),0)]):e(\"div\",{staticClass:\"look-book-m\",style:{background:t.sectionData?.bgImgColor||\"#f2e9da\",color:t.sectionData?.mainTitleMColor||\"#261b02\"}},[e(\"div\",{staticClass:\"title\"},[t._v(t._s(t.$fallbackText(t.sectionData?.mainTitleM)))]),e(\"div\",{staticClass:\"desc\"},[t._v(t._s(t.$fallbackText(t.sectionData?.descM)))]),e(\"div\",{ref:\"newLookBookMSwiper\",staticClass:\"new-lookbook-swiper swiper-container\"},[e(\"div\",{staticClass:\"swiper-wrapper\"},t._l(t.itemList,function(i,s){return e(\"div\",{key:s,staticClass:\"swiper-slide\"},[e(\"div\",{staticClass:\"slide-title\",style:{color:i.attrs.mTextColor}},[t._v(\" \"+t._s(t.$fallbackText(i.attrs.title))+\" \")]),e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.imgSrc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),alt:\"VIVAIA\"}})])}),0),e(\"div\",{staticClass:\"swiper-pagination\",style:{\"--swiper-pagination-bg\":t.mPaginationColor||\"rgba(25, 24, 23, 0.25)\",\"--swiper-pagination-fill\":t.mFillColor||\"#261B02\"}})])])])},a=[]},304:(t,e,i)=\u003e{i.d(e,{Zc:()=\u003es});const s=a({methods:{$resolveText:t=\u003e{if(t){const e=t.replaceAll(\"\\n\",\"\u003cbr\u003e\");return e}},$fallbackText:(t,e=\"占位文案\")=\u003et||e}});a({});function a(t){return t}},355:()=\u003e{},616:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{key:t.keyTime},[t.isPc?e(\"div\",{staticClass:\"center-banner-pc\",style:t.bgAttr},[e(\"div\",{staticClass:\"text-arr\"},[e(\"div\",{staticClass:\"text-title\",style:{color:t.sectionData?.mainTitleColor||\"#261B02\"}},[t._v(\" \"+t._s(t.$fallbackText(t.sectionData?.mainTitle))+\" \")]),e(\"ul\",{staticClass:\"text-desc\"},t._l(t.previewList,function(i,s){return e(\"li\",{key:i.id,class:[{\"desc-item-active\":t.cur_indexPreview==s},\"desc-item\"],on:{mouseover:function(e){return t.addPreviewActive(s)}}},[e(\"span\",{style:{color:t.itemTextColor,\"--desc-after-bg\":t.itemTextColor||\"#261B02\"},domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})])}),0)]),e(\"div\",{staticClass:\"img-arr\"},t._l(t.previewList,function(i,s){return e(\"img\",{key:i.id,class:[\"common-img\",`performance-${s}`,{\"img-active\":t.cur_indexPreview===s}],style:t.imgPcForId(s),attrs:{src:t.$fallbackText(i.attrs.pcImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250117_7336\/ISABELI-pc-005.jpg\"),alt:\"VIVAIA\"}})}),0)]):e(\"div\",{staticClass:\"center-banner-m\",style:t.bgAttr},[e(\"div\",{staticClass:\"title\",style:{color:t.sectionData?.mainTitleColor||\"#261B02\"}},[t._v(\" \"+t._s(t.$fallbackText(t.sectionData.mainTitle))+\" \")]),e(\"div\",{ref:\"commonSwiper\",staticClass:\"swiper-container commit-swiper\"},[e(\"div\",{staticClass:\"swiper-wrapper\"},t._l(t.previewList,function(i){return e(\"div\",{key:i.id,staticClass:\"swiper-slide\"},[e(\"div\",{staticClass:\"item\"},[e(\"div\",{staticClass:\"inline-text\"},[e(\"div\",{staticClass:\"item-title\",style:{color:i.attrs.TextColorM},domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})]),e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.mImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/demo-pc-03-6.jpg\"),alt:\"VIVAIA\",loading:\"lazy\"}})])])}),0),e(\"div\",{staticClass:\"swiper-pagination\",style:{\"--swiper-pagination-bg\":t.mPaginationColor||\"rgba(38, 27, 2, 0.3)\",\"--swiper-pagination-fill\":t.mFillColor||\"#261B02\"}})])])])},a=[]},728:(t,e,i)=\u003e{i.d(e,{x:()=\u003es});const s=\"useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict\"},748:(t,e,i)=\u003e{i(4095)},1061:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(6616),a=i(3032),o=(i(8314),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,null,null);const r=n.exports},1064:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(6639),o=i.n(a);const n={props:{isPc:{type:Boolean,default:!1},sectionData:{type:Object,default:()=\u003e{}}},data(){return{keyTime:Date.now(),cur_indexPreview:0}},computed:{bgAttr(){let t=Object.assign({});return t=\"color\"===this.sectionData?.Alterable.attrs.backgroundType?{backgroundColor:this.sectionData?.Alterable.attrs.backgroundColor||\"#faf7f6\"}:{backgroundImage:`url(${this.isPc?this.sectionData?.Alterable.attrs.bgImgPc:this.sectionData?.Alterable.attrs.bgImgM})`,backgroundSize:\"cover\",backgroundPosition:\"center center\"},t},previewList(){return this.sectionData?.Alterable.attrs.children||[]},itemTextColor(){return this.sectionData?.Alterable?.attrs.TextColorPc||\"#261B02\"},mPaginationColor(){const t=this.sectionData?.Alterable?.attrs.paginationColorM;return t||\"rgba(25, 24, 23, 0.25)\"},mFillColor(){return this.sectionData?.Alterable?.attrs.mFillColor||\"#261B02\"}},watch:{isPc:{handler(t){t||this.$nextTick(()=\u003e{this.initSwiper()})}},sectionData:{handler(t,e){t.Alterable.attrs.children.length!==e.Alterable.attrs.children.length\u0026\u0026this.$nextTick(()=\u003e{this.isPc||this.initSwiper()})}}},mounted(){this.preloadImages(),this.isPc||this.$nextTick(()=\u003e{this.initSwiper()})},methods:{initSwiper(){setTimeout(()=\u003e{new(o())(this.$refs.commonSwiper,{slidesPerView:1.39,spaceBetween:5,slidesOffsetBefore:10,slidesOffsetAfter:10,pagination:{el:\".commit-swiper .swiper-pagination\",type:\"progressbar\"}})}),this.keyTime=Date.now()},addPreviewActive(t){this.cur_indexPreview=t},preloadImages(){this.previewList.forEach(t=\u003e{const e=new Image;e.src=t.img})},imgPcForId(t){const e=t%2===0?`rotate(${.6*t}deg)`:`rotate(${-.6*t}deg)`,i={transform:e};return i}},mixins:[s.Zc]}},1455:(t,e,i)=\u003e{function s(t,e,i,s,a,o,n,r){var l,c=\"function\"===typeof t?t.options:t;if(e\u0026\u0026(c.render=e,c.staticRenderFns=i,c._compiled=!0),s\u0026\u0026(c.functional=!0),o\u0026\u0026(c._scopeId=\"data-v-\"+o),n?(l=function(t){t=t||this.$vnode\u0026\u0026this.$vnode.ssrContext||this.parent\u0026\u0026this.parent.$vnode\u0026\u0026this.parent.$vnode.ssrContext,t||\"undefined\"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a\u0026\u0026a.call(this,t),t\u0026\u0026t._registeredComponents\u0026\u0026t._registeredComponents.add(n)},c._ssrRegister=l):a\u0026\u0026(l=r?function(){a.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(c.functional){c._injectStyles=l;var d=c.render;c.render=function(t,e){return l.call(e),d(t,e)}}else{var m=c.beforeCreate;c.beforeCreate=m?[].concat(m,l):[l]}return{exports:t,options:c}}i.d(e,{A:()=\u003es})},1682:()=\u003e{},2033:()=\u003e{},2105:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{key:t.keyTime},[t.isPc?e(\"div\",{staticClass:\"top-banner-pc\"},[e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.$fallbackText(t.sectionData.mainTitlePC)))]),e(\"div\",{ref:\"boxRef\",staticClass:\"inline-box\",on:{mouseleave:function(e){return t.returnCur()}}},t._l(t.bannerConfig,function(i){return e(\"div\",{key:i.id,class:[{\"item-active\":t.cur_indexBanner==i.id},{\"three-item-active\":t.cur_indexBanner==i.id\u0026\u00263==t.bannerConfig.length},\"item\"],on:{mouseover:function(e){return t.addBannerActive(i.id)}}},[e(\"div\",{staticClass:\"inline-text\",style:{color:i.attrs.textColorPC}},[e(\"div\",{staticClass:\"title\"},[t._v(t._s(t.$fallbackText(i.attrs.titlePc)))]),e(\"div\",{staticClass:\"desc\",style:t.computedStyleObjPC},[t._v(t._s(t.$fallbackText(i.attrs.descPc)))])]),i.attrs.isVideo?e(\"video\",{ref:t.setVideoRef(i.id),refInFor:!0,staticStyle:{display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",muted:\"\",src:t.$fallbackText(i.attrs.videoUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\"),poster:t.$fallbackText(i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\"),loop:\"\"},domProps:{muted:!0},on:{mouseover:function(e){return t.playVideo(i.id)},mouseleave:function(e){return t.pauseVideo(i.id)}}}):e(\"img\",{attrs:{src:i.attrs.posterUrl?i.attrs.posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/pc3.jpg\",alt:\"VIVAIA\",loading:\"lazy\"},on:{mouseover:function(e){return t.pauseAllVideo()}}})])}),0)]):e(\"div\",{staticClass:\"top-banner-m\"},[e(\"div\",{staticClass:\"inline-box\"},[e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.$fallbackText(t.sectionData.mainTitleM)))]),t._l(t.bannerConfig,function(i){return e(\"div\",{key:i.id,staticClass:\"item\"},[e(\"div\",{staticClass:\"inline-text\",style:t.computedStyleObjM},[e(\"div\",{staticClass:\"title\",style:{color:i.attrs.textColorM}},[t._v(t._s(t.$fallbackText(i.attrs.titleM)))]),e(\"div\",{staticClass:\"desc\",style:{color:i.attrs.textColorM}},[t._v(t._s(t.$fallbackText(i.attrs.descM)))])]),i.attrs.isVideo?e(\"video\",{staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:t.$fallbackText(i.attrs.videoUrlM?i.attrs.videoUrlM:i.attrs.videoUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),poster:t.$fallbackText(i.attrs.posterUrlM?i.attrs.posterUrlM:i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/m1.jpg\"),loop:\"\"},domProps:{muted:!0}}):e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.posterUrlM?i.attrs.posterUrlM:i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/726-626.00_00_02_11.Still001.jpg\"),alt:\"VIVAIA\",loading:\"lazy\"}})])})],2)])])},a=[]},2307:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(2105),a=i(5578),o=(i(5827),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"7879a69f\",null);const r=n.exports},2345:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"video-box\"},[t.sectionData.showTitle?e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.mainTitle))]):t._e(),t.sectionData.isVideo?e(\"video\",{staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:t.$fallbackText(t.isPc?t.sectionData.videoUrlPC:t.sectionData.videoUrlM,t.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\":\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),poster:t.$fallbackText(t.isPc?t.sectionData.imgUrlPC:t.sectionData.imgUrlM,t.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),loop:\"\"},domProps:{muted:!0}}):e(\"picture\",[e(\"source\",{attrs:{srcset:t.$fallbackText(t.sectionData.imgUrlM,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),media:\"(max-width: 768px)\"}}),e(\"img\",{staticClass:\"video-bog-img\",attrs:{src:t.$fallbackText(t.sectionData.imgUrlPC,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\"),alt:\"VIVAIA\"}})])])},a=[]},2364:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(5160);const a=s.A},2432:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(7668);const a=s.A},2620:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(1064);const a=s.A},2781:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(3705);const a=s.A},3026:(t,e,i)=\u003e{i(4997)},3032:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(6300);const a=s.A},3085:(t,e,i)=\u003e{i(6072)},3121:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(5625),a=i(3364),o=(i(3419),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"8e6f6642\",null);const r=n.exports},3329:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(616),a=i(2620),o=(i(7044),i(3624),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"4f3c9386\",null);const r=n.exports},3364:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9576);const a=s.A},3419:(t,e,i)=\u003e{i(1682)},3557:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"mainComponent\"},[t._l(t.templateData,function(i){return[t.computedIsShow(i.attrs)?e(i.type,{key:i.id,tag:\"component\",attrs:{isPc:t.isPc,sectionData:i.attrs,langCode:t.lang}}):t._e()]})],2)},a=[]},3624:(t,e,i)=\u003e{i(2033)},3648:(t,e,i)=\u003e{i(5603)},3705:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e{}}},data(){return{}},watch:{},computed:{mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)}},mixins:[s.Zc]}},4061:t=\u003e{t.exports=Vue},4095:()=\u003e{},4246:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(4768),a=i(6959),o=(i(748),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"19fd27ca\",null);const r=n.exports},4273:()=\u003e{},4466:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(6172),a=i(6899),o=(i(3648),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"4eb762a6\",null);const r=n.exports},4502:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(4783);const o={props:{isPc:{type:Boolean},sectionData:{type:Object,default:()=\u003e{}}},data(){return{moreDetails:\"占位文案\",keyTime:Date.now(),bannerVideoRefs:{},cur_indexBanner:null,lang:(0,a.Xo)()}},methods:{addBannerActive(t){this.cur_indexBanner=t},returnCur(){this.cur_indexBanner=null},setVideoRef(t){return`videoRef_${t}`},updateVideoRefs(){this.bannerConfig.forEach(t=\u003e{t.video\u0026\u0026this.$nextTick(()=\u003e{this.bannerVideoRefs[t.id]=this.$refs[`videoRef_${t.id}`]})})},playVideo(t){this.$nextTick(async()=\u003e{const e=this.$refs[`videoRef_${t}`];if(e)try{Object.values(this.bannerVideoRefs).forEach(t=\u003e{t\u0026\u0026t!==e\u0026\u0026t[0]?.pause()}),await(e[0]?.play())}catch(i){console.log(i)}})},pauseVideo(t){this.$nextTick(()=\u003e{const e=this.$refs[`videoRef_${t}`];e\u0026\u0026e[0].pause()})},pauseAllVideo(){this.$nextTick(()=\u003e{Object.values(this.bannerVideoRefs).forEach(t=\u003e{t?t[0].pause():(this.updateVideoRefs(),this.pauseAllVideo())})})}},mounted(){this.updateVideoRefs()},computed:{computedStyleObjM(){const t={en:{},de:{width:\"82.54vw\"},fr:{width:\"82.54vw\"}};return t[this.lang]},computedStyleObjPC(){const t={en:{},de:{},fr:{width:\"35.125vw\"}};return t[this.lang]},bannerConfig(){return this.sectionData?.optionSlide?.attrs?.children??[]}},watch:{isPc(){!0===this.isPc\u0026\u0026this.pauseAllVideo(),this.keyTime=Date.now()}},mixins:[s.Zc]}},4753:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(48),a=i(2364),o=(i(9558),i(3026),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"6a133516\",null);const r=n.exports},4768:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"end-about\"},[e(\"div\",{staticClass:\"title\",domProps:{innerHTML:t._s(t.title)}}),e(\"div\",{staticClass:\"desc\",domProps:{innerHTML:t._s(t.desc)}}),e(\"picture\",[e(\"source\",{attrs:{srcset:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-m.jpg\",media:\"(max-width: 768px)\"}}),e(\"img\",{attrs:{src:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\",alt:\"VIVAIA\",loading:\"lazy\"}})])])},a=[]},4783:(t,e,i)=\u003e{i.d(e,{JY:()=\u003es,KD:()=\u003eo,Xo:()=\u003ea});i(4061);const s=()=\u003e{const t=a(),e=\"mainComponent\"+t.charAt(0).toUpperCase()+t.slice(1);return e+\" \"+`lang-${t}`},a=()=\u003e{const t=window.location.origin;if(\"https:\/\/vivaia.jp\"===t)return\"jp\";if(\"https:\/\/www.vivaia.kr\"===t)return\"kr\";{const t=window.vivaiaDetailLangCode||window.currentLang||window.$nuxt?.$store?.state?.lang||\"en\";return t}},o=()=\u003e{}},4997:()=\u003e{},5160:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(6639),o=i.n(a);const n={namespace:\"NewLookBook\",props:{isPc:{type:Boolean,default:!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{cur_indexPreview:9999,showDetails:!1,mSwiperInstance:null}},watch:{isPc:{handler(t){t||this.initMSwiper()}},cur_indexPreview:{handler(t){t\u003cthis.itemList.length?this.showDetails=!0:this.showDetails=!1},immediate:!0},\"sectionData.Alterable.attrs.children.length\":{handler(){this.isPc?(this.showDetails=!1,this.cur_indexPreview=9999):(this.mSwiperInstance\u0026\u0026(this.mSwiperInstance.destroy(),this.mSwiperInstance=null),this.initMSwiper())},immediate:!0}},computed:{mainTitle(){return this.isPc?this.sectionData?.mainTitlePc:this.sectionData?.mainTitleM},desc(){return this.isPc?this.sectionData?.descPc:this.sectionData?.descM},textColorPc(){return this.sectionData?.mainTitlePcColor},itemList(){return this.sectionData?.Alterable?.attrs?.children||[]},mPaginationColor(){return this.sectionData?.Alterable?.attrs?.progressBarBgColor||\"rgba(38, 27, 2, 0.3)\"},mFillColor(){return this.sectionData?.Alterable?.attrs?.progressBarFillColor||\"#261B02\"}},mounted(){this.initMSwiper()},methods:{addPreviewActive(t){this.cur_indexPreview=t},handleClickPcSection(){this.cur_indexPreview=9999},initMSwiper(){this.isPc||(this.mSwiperInstance\u0026\u0026(this.mSwiperInstance.destroy(),this.mSwiperInstance=null),this.$nextTick(()=\u003e{this.mSwiperInstance=new(o())(this.$refs.newLookBookMSwiper,{slidesPerView:1.4,slidesOffsetBefore:10,slidesOffsetAfter:10,spaceBetween:5,loop:!1,pagination:{el:\".new-lookbook-swiper .swiper-pagination\",type:\"progressbar\"}})}))}},mixins:[s.Zc]}},5325:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(3557),a=i(2432),o=(i(9846),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,null,null);const r=n.exports},5578:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(4502);const a=s.A},5603:()=\u003e{},5625:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"top-banner\",style:`--src: url(${t.imgUrl})`},[e(\"div\",{staticClass:\"top-banner-container\"},[t.showTitle?e(\"div\",{key:t.nid,staticClass:\"text-info\",style:t.positionStyle},[e(\"div\",{staticClass:\"title\",style:{color:t.titleColor},domProps:{innerHTML:t._s(t.$resolveText(t.mainTitle))}})]):t._e(),e(\"img\",{directives:[{name:\"show\",rawName:\"v-show\",value:!t.isPc,expression:\"!isPc\"}],staticClass:\"block-img\",attrs:{src:t.imgUrl,alt:\"\"}})])])},a=[]},5827:(t,e,i)=\u003e{i(7814)},6072:()=\u003e{},6172:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"top-banner\"},[e(\"div\",{staticClass:\"top-banner-container\"},[e(\"img\",{staticClass:\"top-banner-img\",attrs:{src:t.bgImg,alt:\"VIVAIA\"}}),t.showTitle?e(\"div\",{key:t.nid,staticClass:\"text-info\",style:t.positionStyle},[e(\"div\",{staticClass:\"title\",style:{color:t.titleColor,textAlign:t.TitleLayout}},[t._v(t._s(t.mainTitle))]),t.mainDesc?e(\"div\",{staticClass:\"desc\",style:{color:t.titleColor,textAlign:t.TitleLayout}},[t._v(t._s(t.mainDesc))]):t._e()]):t._e()])])},a=[]},6300:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(5325),o=i(4783);const n={components:{MainComponent:a.A},data(){return{className:(0,o.JY)(),lang:(0,o.Xo)(),isInit:!1,templateData:[{id:1,type:\"TopBanner\",attrs:{isShow:!0,bgColor:\"#F8F7F5\",bgImgPc:\"\",bgImgM:\"\",showTitle:!0,titlePc:\"\",descPc:\"\",PcTitleLayout:\"center\",titleColorPc:\"\",titleM:\"\",descM:\"\",titleColorM:\"\",topPc:0,leftPc:0,topM:0}},{id:2,type:\"HoverAccordion\",attrs:{isShow:!0,mainTitlePC:\"\",mainTitleM:\"\",optionSlide:{attrs:{slideNumber:4,mergeOption:[\"slideNumber\"],children:[{id:1,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:2,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:3,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:4,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}}]}}}},{id:3,type:\"LookBook\",attrs:{isShow:!1,mainTitle:\"\",mainTitleColor:\"\",Alterable:{attrs:{backgroundType:\"color\",backgroundColor:\"\",bgImgPc:\"\",bgImgM:\"\",TextColorPc:\"\",paginationColorM:\"\",mFillColor:\"\",children:[{id:1,attrs:{title:\"\",TextColorM:\"\",pcImg:\"\",mImg:\"\"}}]}}}},{id:4,type:\"NewLookBook\",attrs:{isShow:!0,bgImgPc:\"\",bgImgColor:\"\",mainTitlePc:\"\",descPc:\"\",mainTitlePcColor:\"\",mainTitleM:\"\",descM:\"\",mainTitleMColor:\"\",Alterable:{attrs:{listColor:\"\",progressBarBgColor:\"\",progressBarFillColor:\"\",children:[{id:1,attrs:{title:\"\",imgSrc:\"\",mTextColor:\"\"}}]}}}},{id:999,type:\"ContentBlock\",attrs:{isShow:!0,imgUrlPC:\"\",imgUrlM:\"\",posterUrlM:\"\",showTitle:!0,titlePc:\"\",titleColorPc:\"\",titleM:\"\",titleColorM:\"\",topPc:10,leftPc:10}},{id:5,type:\"ImgOrVideo\",attrs:{isShow:!0,isVideo:!1,showTitle:!1,titlePc:\"\",titleM:\"\",imgUrlPC:\"\",imgUrlM:\"\",videoUrlPC:\"\",videoUrlM:\"\"}},{id:6,type:\"AboutUs\",attrs:{isShow:!0}}]}},created(){if(window.pageData){const t=window.pageData;t?.length\u0026\u0026(this.templateData=window.pageData)}else this.initFunc()},mounted(){},methods:{initFunc(){const t=this;window.addEventListener(\"message\",function(e){const i=e.data.data;e.data.langCode\u0026\u0026(t.lang=e.data.langCode),i?.length?t.templateData=JSON.parse(JSON.stringify(i)):t.isInit=!0})}},mixins:[s.Zc]}},6491:()=\u003e{},6616:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{attrs:{id:\"app\"}},[e(\"MainComponent\",{class:t.className,attrs:{templateData:t.templateData,lang:t.lang,isInit:t.isInit}})],1)},a=[]},6639:t=\u003e{t.exports=Swiper},6899:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9207);const a=s.A},6959:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9339);const a=s.A},7044:(t,e,i)=\u003e{i(7809)},7048:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(2345),a=i(2781),o=(i(3085),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"f56a3920\",null);const r=n.exports},7668:(t,e,i)=\u003e{i.d(e,{A:()=\u003em});var s=i(304),a=i(4466),o=i(2307),n=i(3329),r=i(4753),l=i(7048),c=i(4246),d=i(3121);const m={components:{TopBanner:a.A,HoverAccordion:o.A,LookBook:n.A,NewLookBook:r.A,ImgOrVideo:l.A,AboutUs:c.A,ContentBlock:d.A},props:{templateData:{type:Array,default:()=\u003e[]},lang:{type:String}},data(){return{isPc:!1}},mounted(){this.handleSize(),window.addEventListener(\"resize\",this.handleSize)},beforeDestroy(){window.removeEventListener(\"resize\",this.handleSize)},methods:{handleSize(){this.isPc=window.innerWidth\u003e768},computedIsShow(t){return!(\"isShow\"in t)||t.isShow}},mixins:[s.Zc]}},7809:()=\u003e{},7814:()=\u003e{},8256:(t,e,i)=\u003e{i.d(e,{Ak:()=\u003ea});var s=i(728);let a=(t=21)=\u003e{let e=\"\",i=crypto.getRandomValues(new Uint8Array(t|=0));while(t--)e+=s.x[63\u0026i[t]];return e}},8314:(t,e,i)=\u003e{i(6491)},9207:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(8256);const o={name:\"TopBanner\",props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{nid:(0,a.Ak)()}},watch:{isPc:{handler(){this.nid=(0,a.Ak)()},immediate:!0}},computed:{showTitle(){return this.sectionData.showTitle},bgImg(){const t=this.$fallbackText(this.sectionData.bgImgPc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/Group%20336570001.jpg\"),e=this.$fallbackText(this.sectionData.bgImgM,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/20250616-Miley-shflatse2504080009-product-description-domestic-2.jpg\");return this.isPc?t:e},mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)},mainDesc(){return this.isPc?this.sectionData.descPc:this.sectionData.descM},titleColor(){return this.$fallbackText(this.isPc?this.sectionData.titleColorPc:this.sectionData.titleColorM,\"#261B02\")},positionStyle(){return this.isPc?{top:this.sectionData.topPc+\"%\",left:this.sectionData.leftPc+\"%\"}:{top:this.sectionData.topM+\"%\",left:\"0%\"}},TitleLayout(){return this.isPc?this.sectionData.PcTitleLayout:\"center\"}},mixins:[s.Zc]}},9339:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e{}},langCode:{type:String}},data(){return{TextEn:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA was born in 2020 with the vision of bringing environmentally friendly, comfortable, and timelessly designed shoes to the world. \u003cbr \/\u003eWe are committed to freeing women’s feet in a sustainable way.\",end_about_desc_m:\"VIVAIA was born in 2020 with the vision of bringing\u003cbr\/\u003eenvironmentally friendly, comfortable, and timelessly\u003cbr\/\u003edesigned shoes to the world.\u003cbr\/\u003eWe are committed to freeing women’s feet in a\u003cbr\/\u003esustainable way.\"},TextDe:{end_about_title:\"Über uns\",end_about_desc:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. \u003cbr \/\u003eWir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\",end_about_desc_m:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. Wir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\"},TextFr:{end_about_title:\"À propos de nous\",end_about_desc:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. \u003cbr \/\u003eNous nous engageons à libérer les pieds des femmes de manière durable.\",end_about_desc_m:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. Nous nous engageons à libérer les pieds des femmes de manière durable.\"},TextEs:{end_about_title:\"Sobre Nosotros\",end_about_desc:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal.\u003cbr \/\u003eNuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\",end_about_desc_m:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal. Nuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\"},TextIt:{end_about_title:\"Chi Siamo\",end_about_desc:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.\u003cbr \/\u003eCi impegniamo a liberare i piedi delle donne in modo sostenibile.\",end_about_desc_m:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.Ci impegniamo a liberare i piedi delle donne in modo sostenibile.\"},TextKr:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다. \u003cbr \/\u003e우리는 지속 가능한 방식으로 각지역 여성들에게 최고의 착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\",end_about_desc_m:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다.우리는 지속 가능한 방식으로 각지역 여성들에게 최고의  착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\"},TextJp:{end_about_title:\"VIVAIAについて\",end_about_desc:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。\u003cbr\/\u003e私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\",end_about_desc_m:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\"}}},computed:{title(){return this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_title},desc(){return this.isPc?this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_desc:this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_desc_m}},mixins:[s.Zc]}},9558:(t,e,i)=\u003e{i(4273)},9576:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(8256);const o={name:\"TopBanner\",props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{nid:(0,a.Ak)()}},watch:{isPc:{handler(){this.nid=(0,a.Ak)()},immediate:!0}},computed:{imgUrl(){return this.$fallbackText(this.isPc?this.sectionData.imgUrlPC:this.sectionData.imgUrlM,this.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260123_8022\/Rectangle%2014100.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260123_8022\/Rectangle%2039958.jpg\")},showTitle(){return this.sectionData.showTitle},mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)},titleColor(){return this.isPc?this.$fallbackText(this.sectionData.titleColorPc,\"#FFFFFF\"):this.$fallbackText(this.sectionData.titleColorM,\"#261B02\")},positionStyle(){return this.isPc?{top:this.sectionData.topPc+\"%\",left:this.sectionData.leftPc+\"%\"}:{}}},mixins:[s.Zc]}},9846:(t,e,i)=\u003e{i(355)}},e={};function i(s){var a=e[s];if(void 0!==a)return a.exports;var o=e[s]={exports:{}};return t[s](o,o.exports,i),o.exports}(()=\u003e{i.n=t=\u003e{var e=t\u0026\u0026t.__esModule?()=\u003et[\"default\"]:()=\u003et;return i.d(e,{a:e}),e}})(),(()=\u003e{i.d=(t,e)=\u003e{for(var s in e)i.o(e,s)\u0026\u0026!i.o(t,s)\u0026\u0026Object.defineProperty(t,s,{enumerable:!0,get:e[s]})}})(),(()=\u003e{i.o=(t,e)=\u003eObject.prototype.hasOwnProperty.call(t,e)})();var s=i(4061),a=i.n(s),o=i(1061),n=i(4783);(0,n.KD)(),new(a())({render:t=\u003et(o.A)}).$mount(\"#app\")})();\n         \u003c\/script\u003e\n      \u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e\n","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-22.0cm\/EU-35","offer_id":48179627819264,"sku":"shflatse2509150005001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-22.5cm\/EU-35.5","offer_id":48179627852032,"sku":"shflatse2509150005002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-22.5~23.0cm\/EU-36","offer_id":48179627884800,"sku":"shflatse2509150005003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-23.0cm\/EU-36.5","offer_id":48179627917568,"sku":"shflatse2509150005004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-23.5cm\/EU-37","offer_id":48179627950336,"sku":"shflatse2509150005005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-23.5~24.0cm\/EU-37.5","offer_id":48179627983104,"sku":"shflatse2509150005006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-24.0cm\/EU-38","offer_id":48179628015872,"sku":"shflatse2509150005007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-24.5cm\/EU-38.5","offer_id":48179628048640,"sku":"shflatse2509150005008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-24.5~25.0cm\/EU-39","offer_id":48179628081408,"sku":"shflatse2509150005009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-25.0cm\/EU-39.5","offer_id":48179628114176,"sku":"shflatse2509150005010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-25.5cm\/EU-40","offer_id":48179628146944,"sku":"shflatse2509150005011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-25.5~26.0cm\/EU-40.5","offer_id":48179628179712,"sku":"shflatse2509150005012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-26.0cm\/EU-41","offer_id":48179628212480,"sku":"shflatse2509150005013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-26.5cm\/EU-41.5","offer_id":48179628245248,"sku":"shflatse2509150005014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-27.0cm\/EU-42","offer_id":48179628278016,"sku":"shflatse2509150005015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_ペールアプリコット・フローラル \/ JP-27.5cm\/EU-43","offer_id":48179628310784,"sku":"shflatse2509150005016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1773218339-c156a55d-2e44-40f9-a245-b3c329cbb012.jpg?v=1773817920"},{"product_id":"flats-tamiamaryjaneadaptall-almondfloral","title":"[Tamia Mary Jane] AdaptAll™ アーモンドトゥ メリージェーン フラットシューズ","description":"\n        \u003cdiv data-type=\"root\"\u003e\u003carticle id=\"app\"\u003eloading...\u003c\/article\u003e\u003c\/div\u003e\u003cstyle data-type=\"font\"\u003e@font-face{font-family:swiper-icons;src:url(data:application\/font-woff;charset=utf-8;base64,\\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj\/\/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA\/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu\/j+W2+MnAzMYDAzaX6QjD6\/4\/\/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+\/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg\/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4\/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9\/w8UBfEMgLzE\/\/\/\/P\/5\/\/f\/V\/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA\/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP\/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj\/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB\/yIY09An6AH2Bdu\/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z\/PEJ6YOB5hKh4dj3EvXhxPqH\/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN\/d\/gczfEimrE\/fs\/bOuq29Zmn8tloORaXgZgGa78yO9\/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i\/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH\/\/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv\/H9ezGI6Z5XBAw8CBK\/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow\/P\/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)format(\"woff\");font-weight:400;font-style:normal}\u003c\/style\u003e\u003cscript data-type=\"polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/polyfill\/v3\/polyfill.min.js?version=4.8.0\"\u003e\u003c\/script\u003e\u003cscript data-type=\"vue-polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vue\/2.7.8\/vue.runtime.min.js\"\u003e\u003c\/script\u003e\u003cscript data-type=\"config\" type=\"application\/json\"\u003e{\"imports\":[\"vue\",\"swiper\"]}\u003c\/script\u003e\n        \n        \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e\n        \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/css\/swiper.min.css\"\u003e\n  \n        \u003cstyle data-type=\"style\"\u003e\n         .top-banner[data-v-4eb762a6]{width:100%;background:#fcfbf7;box-sizing:border-box}.top-banner .top-banner-container[data-v-4eb762a6]{width:100%;font-size:0;position:relative;overflow:hidden}.top-banner .top-banner-container .top-banner-img[data-v-4eb762a6]{display:inline-block;width:100%}.top-banner .top-banner-container .text-info[data-v-4eb762a6]{position:absolute;left:35%;top:48%}.top-banner .top-banner-container .text-info .title[data-v-4eb762a6]{font-size:2.5vw;line-height:3.13vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center}.top-banner .top-banner-container .text-info .desc[data-v-4eb762a6]{font-size:1.25vw;line-height:1.77vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;margin-top:1.04vw}@media screen and (max-width:768px){.top-banner[data-v-4eb762a6]{padding:0}.top-banner .top-banner-container .text-info[data-v-4eb762a6]{width:100%;left:0;top:10%}.top-banner .top-banner-container .text-info .title[data-v-4eb762a6]{width:100%;font-size:24px;line-height:30px;text-align:center}.top-banner .top-banner-container .text-info .desc[data-v-4eb762a6]{font-size:12px;line-height:14px;text-align:center;margin-top:8px;font-weight:300}}.common-title[data-v-7879a69f]{white-space:pre-wrap}.top-banner-pc[data-v-7879a69f]{box-sizing:border-box;width:100%;padding:4.17vw 2.08vw;background:#fcfbf7}.top-banner-pc .common-title[data-v-7879a69f]{margin-bottom:1.56vw;font-size:2.5vw;line-height:3.39vw;font-family:\"Noto Serif Japanese\";font-weight:300}.top-banner-pc .inline-box[data-v-7879a69f]{aspect-ratio:1840\/626;display:flex;gap:.416vw;overflow:hidden}.top-banner-pc .inline-box .item[data-v-7879a69f]{flex:1;height:100%;position:relative;transition:all .6s;max-height:32.6vw}.top-banner-pc .inline-box .item .inline-text[data-v-7879a69f]{position:absolute;left:1.04vw;bottom:1.04vw;color:#fff;width:80%;white-space:pre-wrap}.top-banner-pc .inline-box .item .inline-text .title[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:1.25vw;line-height:1.465vw;font-weight:500}.top-banner-pc .inline-box .item .inline-text .desc[data-v-7879a69f]{opacity:0;position:absolute;font-size:.833vw;line-height:.99vw;margin-top:.42vw;width:33.125vw;font-family:Noto Sans Japanese;font-weight:300}.top-banner-pc .inline-box .item img[data-v-7879a69f],.top-banner-pc .inline-box .item video[data-v-7879a69f]{width:100%;height:100%;object-fit:cover}.top-banner-pc .inline-box .item-active[data-v-7879a69f]{flex:2}.top-banner-pc .inline-box .item-active .inline-text[data-v-7879a69f]{color:#000;width:74%}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-7879a69f]{position:relative;opacity:1;font-family:Noto Sans Japanese;font-size:.833vw;line-height:.98vw;margin-top:.31vw;font-weight:300;transition:opacity .4s;transition-delay:.2s}.top-banner-pc .inline-box .three-item-active[data-v-7879a69f]{flex:1.64;transition:all .6s}.top-banner-m[data-v-7879a69f]{display:flex;flex-direction:column;padding-bottom:40px}.top-banner-m .common-title[data-v-7879a69f]{text-align:left;margin-bottom:calc(20px - 1.33vw)}.top-banner-m .banner-img[data-v-7879a69f]{aspect-ratio:375\/508;width:100%}.top-banner-m .inline-box[data-v-7879a69f]{margin-top:5.33vw;display:flex;flex-direction:column;gap:1.33vw}.top-banner-m .inline-box .item[data-v-7879a69f]{position:relative;line-height:0}.top-banner-m .inline-box .item .inline-text[data-v-7879a69f]{position:absolute;left:2.667vw;bottom:2.667vw;width:88vw}.top-banner-m .inline-box .item .inline-text .title[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:5.33vw;line-height:6.25vw;font-weight:500;white-space:pre-wrap}.top-banner-m .inline-box .item .inline-text .desc[data-v-7879a69f]{font-family:Noto Sans Japanese;font-size:3.73vw;line-height:4.376vw;font-weight:300;margin-top:1.06vw;white-space:pre-wrap}.top-banner-m .inline-box .item img[data-v-7879a69f],.top-banner-m .inline-box .item video[data-v-7879a69f]{width:100%;aspect-ratio:335\/306;object-fit:cover}@media screen and (min-width:769px) and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .title[data-v-7879a69f]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item .inline-text .desc[data-v-7879a69f]{font-size:10px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .title[data-v-7879a69f]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-7879a69f]{font-size:10px;line-height:unset}}@media screen and (max-width:768px){.top-banner-m[data-v-7879a69f]{width:100%;padding:40px 10px;box-sizing:border-box;background:#fcfbf7}.top-banner-m .inline-box[data-v-7879a69f]{margin-top:0}.top-banner-m .inline-box .common-title[data-v-7879a69f]{margin-bottom:15px;font-size:28px;line-height:38px;font-family:\"Noto Serif Japanese\";font-weight:300}}.center-banner-pc[data-v-4f3c9386]{aspect-ratio:1920\/868;background-color:#faf7f6;display:flex;flex-direction:row;justify-content:space-between;padding:5vw 0;box-sizing:border-box}.center-banner-pc .text-arr[data-v-4f3c9386]{text-align:left;margin-left:8.33vw;width:100%}.center-banner-pc .text-arr .text-title[data-v-4f3c9386]{font-family:\"Noto Serif Japanese\";font-size:2.5vw;line-height:3.39vw}.center-banner-pc .text-arr .text-desc[data-v-4f3c9386]{font-family:Noto Sans Japanese;margin-top:4.167vw;display:flex;flex-direction:column;gap:1.667vw}.center-banner-pc .text-arr .text-desc .desc-item[data-v-4f3c9386]{font-size:1.667vw;font-weight:300;cursor:pointer;position:relative;list-style:none}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]{position:relative}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-4f3c9386]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]:after{position:absolute;content:\"\";background-color:var(--desc-after-bg,#261b02);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-4f3c9386]:after{width:100%;height:.15vw}.center-banner-pc .img-arr[data-v-4f3c9386]{margin-right:16.9vw;height:100%;aspect-ratio:609\/676;max-width:31vw;max-height:35.2vw;position:relative}.center-banner-pc .img-arr img[data-v-4f3c9386]{position:absolute;height:100%;aspect-ratio:555\/649;opacity:.75}.center-banner-pc .img-arr .img-active[data-v-4f3c9386]{z-index:2;opacity:1;transition:opacity .6s}.center-banner-m[data-v-4f3c9386]{padding:20px 0 40px;box-sizing:border-box;background-color:#faf7f6}.center-banner-m .title[data-v-4f3c9386]{font-family:\"Noto Serif Japanese\";font-size:5.33vw;line-height:7.26vw;width:calc(100% - 20px);margin:0 10px}.center-banner-m .commit-swiper[data-v-4f3c9386]{padding-bottom:22px;margin-top:5.33vw}.center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item[data-v-4f3c9386]{font-size:0}.center-banner-m .commit-swiper .swiper-wrapper .swiper-slide .item .inline-text .item-title[data-v-4f3c9386]{margin:0}.center-banner-m .commit-swiper .swiper-pagination[data-v-4f3c9386]{width:calc(100% - 20px);height:2px;left:10px;top:calc(100% - 2px);background:var(--swiper-pagination-bg,rgba(38,27,2,.3))}.center-banner-m .item[data-v-4f3c9386]{position:relative}.center-banner-m .item .inline-text[data-v-4f3c9386]{position:absolute;left:2.67vw;top:2.67vw;color:#fff;width:94%}.center-banner-m .item .inline-text .item-title[data-v-4f3c9386]{font-family:Noto Sans Japanese;font-size:5.43vw;line-height:6.37vw;font-weight:500}.center-banner-m .item img[data-v-4f3c9386]{width:100%;aspect-ratio:255\/326}@media screen and (min-width:769px) and (max-width:1024px){.center-banner-pc .text-arr .text-title[data-v-4f3c9386]{font-size:18px;line-height:unset}.center-banner-pc .text-arr .text-desc .desc-item[data-v-4f3c9386]{font-size:18px}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-4f3c9386]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-4f3c9386]:after{position:absolute;content:\"\";background-color:var(--desc-after-bg,#000);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-4f3c9386]:after{width:100%;height:.15vw}}@media screen and (max-width:768px){.mainComponentIt .inline-text{width:86.54vw!important}.center-banner-m .commit-swiper .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-fill,#261b02)!important}}.mainComponentKr .center-banner-pc .img-arr .img-active.img-active{z-index:2}.new-lookBook[data-v-6a133516]{margin-top:0;width:100%}.new-lookBook .look-book-pc[data-v-6a133516]{width:100%;aspect-ratio:1920\/1027;background-image:var(--bg-img-pc);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative}.new-lookBook .look-book-pc .mask[data-v-6a133516]{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background:rgba(0,0,0,.5);opacity:0;transition:all .4s}.new-lookBook .look-book-pc .mask-active[data-v-6a133516]{opacity:1;transition:all .4s}.new-lookBook .look-book-pc .left-info[data-v-6a133516]{width:26.51vw;height:100%;position:absolute;z-index:2;left:12.5vw;padding:6.25vw 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.new-lookBook .look-book-pc .left-info .top-info .title[data-v-6a133516]{font-size:2.5vw;line-height:3.13vw;color:#fff;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap}.new-lookBook .look-book-pc .left-info .top-info .desc[data-v-6a133516]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;color:#fff;margin-top:4vw;transition:all .4s;opacity:0;white-space:pre-wrap}.new-lookBook .look-book-pc .left-info .top-info .desc-show-active[data-v-6a133516]{transition:all .4s;margin-top:1.2vw;opacity:1}.new-lookBook .look-book-pc .left-info .item-list[data-v-6a133516]{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.04vw}.new-lookBook .look-book-pc .left-info .item-list .item[data-v-6a133516]{display:inline;font-size:1.67vw;line-height:1.98vw;font-family:Noto Sans Japanese;font-weight:300;cursor:pointer;color:#fff;position:relative;transition:all .4s;width:100%}.new-lookBook .look-book-pc .left-info .item-list .item.item-active[data-v-6a133516]{font-weight:600}.new-lookBook .look-book-pc .left-info .item-list .item-active .item-text[data-v-6a133516]:after{width:100%;height:.08vw}.new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-6a133516]{position:relative;display:inline-block}.new-lookBook .look-book-pc .left-info .item-list .item-text[data-v-6a133516]:after{position:absolute;content:\"\";background-color:var(--desc-after-color,#fff);display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:.16vw}.new-lookBook .look-book-pc .right-gallery[data-v-6a133516]{width:36.98vw;height:45.16vw;aspect-ratio:710\/867;position:absolute;z-index:0;right:12.5vw;top:4.17vw;opacity:0;transition:all .4s}.new-lookBook .look-book-pc .right-gallery\u003eimg[data-v-6a133516]{display:inline-block;width:100%;position:absolute;aspect-ratio:710\/867;z-index:-1;opacity:0}.new-lookBook .look-book-pc .right-gallery .img-show[data-v-6a133516],.new-lookBook .look-book-pc .right-gallery-active[data-v-6a133516]{transition:all .4s;z-index:2;opacity:1}.new-lookBook .look-book-m[data-v-6a133516]{width:100%;padding:40px 0;box-sizing:border-box;background:#f2e9da}.new-lookBook .look-book-m .title[data-v-6a133516]{font-family:\"Noto Serif Japanese\";font-size:28px;line-height:32px;font-weight:300;width:calc(100% - 20px);margin:0 auto;white-space:pre-wrap}.new-lookBook .look-book-m .desc[data-v-6a133516]{font-family:Noto Sans Japanese;font-weight:300;font-size:14px;line-height:16px;width:calc(100% - 20px);margin:10px auto 0;white-space:pre-wrap}.new-lookBook .look-book-m .new-lookbook-swiper[data-v-6a133516]{margin-top:20px;padding-bottom:22px}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide[data-v-6a133516]{font-size:0;position:relative}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide .slide-title[data-v-6a133516]{font-size:20px;line-height:24px;font-family:Noto Sans Japanese;font-weight:500;color:#fff;position:absolute;top:10px;width:100%;padding:0 10px}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-wrapper .swiper-slide\u003eimg[data-v-6a133516]{display:inline-block;width:100%}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar[data-v-6a133516]{width:calc(100% - 20px);left:10px;height:2px;top:calc(100% - 2px);background:var(--swiper-pagination-bg,rgba(38,27,2,.3))}.new-lookBook .look-book-m .new-lookbook-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-fill,#261b02)}.video-box[data-v-f56a3920]{width:calc(100% - 4.17vw);margin:4.17vw auto 0;font-size:0}.video-box .common-title[data-v-f56a3920]{text-align:left;font-size:2.5vw;line-height:3.39vw;font-family:\"Noto Serif Japanese\";white-space:pre-wrap;margin-bottom:1.56vw}.video-box .video-bog-img[data-v-f56a3920]{display:inline-block;width:100%}@media screen and (max-width:768px){.video-box[data-v-f56a3920]{width:100%;margin:40px auto 0}.video-box .common-title[data-v-f56a3920]{width:calc(100% - 20px);text-align:left;font-size:28px;line-height:38px;margin:0 auto 20px}.video-box .video-bog-img[data-v-f56a3920]{display:inline-block;width:100%}}.end-about[data-v-19fd27ca]{margin-top:4.17vw;padding:0 2.083vw 0;font-size:0}.end-about .title[data-v-19fd27ca]{color:#261b02;font-family:\"Noto Serif Japanese\";font-size:2.5vw;line-height:2.92vw;white-space:pre-wrap}.end-about .desc[data-v-19fd27ca]{color:#261b02;font-family:Noto Sans Japanese;font-weight:300;font-size:1.25vw;line-height:1.46vw;margin-top:1.56vw;white-space:pre-wrap;opacity:.6}.end-about img[data-v-19fd27ca]{margin-top:1.56vw;width:100%;aspect-ratio:1840\/904}@media screen and (max-width:768px){.end-about[data-v-19fd27ca]{margin-top:40px;padding:0 2.667vw 0}.end-about .title[data-v-19fd27ca]{font-size:28px;line-height:31px;font-weight:300}.end-about .desc[data-v-19fd27ca]{font-size:14px;line-height:16px;font-weight:300;margin-top:12px}.end-about img[data-v-19fd27ca]{margin-top:20px;aspect-ratio:1}}.top-banner[data-v-8e6f6642]{box-sizing:border-box;aspect-ratio:1840\/300;margin:4.17vw 2.083vw 0;background-image:var(--src);background-size:cover;background-position:50%;background-repeat:no-repeat}.top-banner .top-banner-container[data-v-8e6f6642]{width:100%;font-size:0;position:relative;overflow:hidden;height:100%}.top-banner .top-banner-container img[data-v-8e6f6642]{display:block}.top-banner .top-banner-container .block-img[data-v-8e6f6642]{width:100%;aspect-ratio:355\/210;margin-top:1.04vw}@media screen and (max-width:768px){.top-banner .top-banner-container .block-img[data-v-8e6f6642]{margin-top:20px}}.top-banner .top-banner-container .top-banner-img[data-v-8e6f6642]{display:inline-block;width:100%}.top-banner .top-banner-container .text-info[data-v-8e6f6642]{display:flex;flex-direction:row;position:absolute;justify-content:center;align-items:center}.top-banner .top-banner-container .text-info .title[data-v-8e6f6642]{font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:2.5vw;line-height:3.39vw;letter-spacing:0;white-space:pre-wrap}.top-banner .top-banner-container .text-info .desc[data-v-8e6f6642]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;padding-left:2.81vw}.top-banner .top-banner-container .text-info-vertical[data-v-8e6f6642]{position:absolute}.top-banner .top-banner-container .text-info-vertical .title[data-v-8e6f6642]{font-size:2.5vw;line-height:3.13vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center}.top-banner .top-banner-container .text-info-vertical .desc[data-v-8e6f6642]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;margin-top:1.88vw;opacity:.5}.top-banner .top-video[data-v-8e6f6642]{width:47.92vw;height:auto}.top-banner .pcCenterVertical .top-video[data-v-8e6f6642]{top:50%;transform:translateY(-50%);position:absolute;right:0}@media screen and (max-width:768px){.top-banner .pcCenterVertical .top-video[data-v-8e6f6642]{position:relative;transform:none;top:unset;width:100%;margin-top:23px}.top-banner[data-v-8e6f6642]{margin:40px 10px;aspect-ratio:unset;background-image:none}.top-banner .top-banner-container .text-info[data-v-8e6f6642]{position:unset;transform:none;flex-direction:column;justify-content:flex-start;align-items:flex-start}.top-banner .top-banner-container .text-info .title[data-v-8e6f6642]{font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:28px;line-height:31px;letter-spacing:0;text-align:left;padding-right:0}.top-banner .top-banner-container .text-info .desc[data-v-8e6f6642]{font-family:Noto Sans Japanese;font-weight:300;font-style:regular;font-size:14px;line-height:16px;text-align:center;padding-left:0;margin-top:16px}}.mainComponent{color:#261b02}*{box-sizing:border-box}.show-pc{display:block}.show-m{display:none}.mainComponentJp .boot .name,.mainComponentJp .common-title,.mainComponentJp .end-about .title,.mainComponentJp .lookBook .title,.mainComponentJp .shoe-name,.mainComponentJp .top-banner-m .common-title,.mainComponentJp .topBanner .boot-shoes-name,.mainComponentJp .topBanner .title{font-family:\"Noto Serif Japanese Japanese\"!important}.mainComponentJp .boot .boot-name,.mainComponentJp .end-about .desc,.mainComponentJp .inline-box .item .inline-text .desc,.mainComponentJp .inline-box .item .inline-text .title,.mainComponentJp .topBanner .desc{font-family:Noto Sans Japanese!important}.mainComponentKr{word-break:keep-all}.boot-shoes-name br{display:none}*{margin:0;padding:0}@media screen and (max-width:768px){.show-pc{display:none}.show-m{display:block}}\n         \u003c\/style\u003e\n          \u003cscript data-type=\"entry\"\u003e\n          window.vivaiaDetailLangCode = \"jp\";window.pageData = [{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":true,\"bgColor\":\"#F8F7F5\",\"bgImgPc\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-1.jpg\",\"bgImgM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-m-1.jpg\",\"showTitle\":true,\"titlePc\":\"ほのかに咲く 透かしフラワー\\nTamia Mary Jane\",\"descPc\":\"花柄ニットと、すっきりとしたアーモンドトゥ。\\n大人の上品さと、優しい履き心地を。\",\"PcTitleLayout\":\"center\",\"titleColorPc\":\"#FFFFFF\",\"titleM\":\"ほのかに咲く透かしフラワー\\nTamia Mary Jane\",\"descM\":\"花柄ニットと、すっきりとしたアーモンドトゥ。\\n大人の上品さと、優しい履き心地を。\",\"titleColorM\":\"#FFFFFF\",\"topPc\":\"40\",\"leftPc\":\"4\",\"topM\":\"75\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"isShow\":true,\"mainTitlePC\":\"商品詳細\",\"mainTitleM\":\"商品詳細\",\"optionSlide\":{\"attrs\":{\"slideNumber\":3,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-0.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-0.jpg\",\"titlePc\":\"優しく包み込むフィットニット\",\"titleM\":\"優しく包み込むフィットニット\",\"descPc\":\"さりげない花柄が足の形に合わせて伸縮。締め付けのない軽やかな履き心地です。\",\"descM\":\"さりげない花柄が足の形に合わせて伸縮。締め付けのない軽やかな履き心地です。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-2.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-2.jpg\",\"titlePc\":\"華奢見えするアーモンドトゥ\",\"titleM\":\"華奢見えするアーモンドトゥ\",\"descPc\":\"足元をすっきりと美しく演出。きれいめな印象のまま、窮屈さを感じさせません。\",\"descM\":\"足元をすっきりと美しく演出。きれいめな印象のまま、窮屈さを感じさせません。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-3.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260310_8104\/20260212-TAMIA%20%20MARY-JANE-pc-3.jpg\",\"titlePc\":\"疲れにくい快適インソール\",\"titleM\":\"疲れにくい快適インソール\",\"descPc\":\"土踏まずを支え、衝撃をしっかり吸収。長時間でもふんわり爽やかな足取りに。\",\"descM\":\"土踏まずを支え、衝撃をしっかり吸収。長時間でもふんわり爽やかな足取りに。\",\"textColor\":\"\",\"textColorPC\":\"#000000\"}}]}}}},{\"id\":3,\"type\":\"LookBook\",\"attrs\":{\"isShow\":false,\"mainTitle\":\"\",\"mainTitleColor\":\"\",\"Alterable\":{\"attrs\":{\"backgroundType\":\"color\",\"backgroundColor\":\"\",\"bgImgPc\":\"\",\"bgImgM\":\"\",\"TextColorPc\":\"\",\"paginationColorM\":\"\",\"mFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"TextColorM\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}]}}}},{\"id\":4,\"type\":\"NewLookBook\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"bgImgColor\":\"\",\"mainTitlePc\":\"\",\"descPc\":\"\",\"mainTitlePcColor\":\"\",\"mainTitleM\":\"\",\"descM\":\"\",\"mainTitleMColor\":\"\",\"Alterable\":{\"attrs\":{\"listColor\":\"\",\"progressBarBgColor\":\"\",\"progressBarFillColor\":\"\",\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"imgSrc\":\"\",\"mTextColor\":\"\"}}]}}}},{\"id\":999,\"type\":\"ContentBlock\",\"attrs\":{\"isShow\":false,\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"posterUrlM\":\"\",\"showTitle\":true,\"titlePc\":\"\",\"titleColorPc\":\"\",\"titleM\":\"\",\"titleColorM\":\"\",\"topPc\":17.66,\"leftPc\":10.87}},{\"id\":5,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":false,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"\",\"imgUrlM\":\"\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\"}},{\"id\":6,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}];\n          (()=\u003e{\"use strict\";var t={48:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"new-lookBook\"},[t.isPc?e(\"div\",{staticClass:\"look-book-pc\",style:{\"--bg-img-pc\":`url(${t.$fallbackText(t.sectionData?.bgImgPc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-07.jpg\")})`}},[e(\"div\",{class:[\"mask\",{\"mask-active\":t.showDetails}],on:{click:function(e){return e.target!==e.currentTarget?null:t.handleClickPcSection.apply(null,arguments)}}}),e(\"div\",{staticClass:\"left-info\",on:{click:function(e){return e.target!==e.currentTarget?null:t.handleClickPcSection.apply(null,arguments)}}},[e(\"div\",{staticClass:\"top-info\"},[e(\"div\",{staticClass:\"title\",style:{color:t.textColorPc||\"#ffffff\"},domProps:{innerHTML:t._s(t.$fallbackText(t.mainTitle))}}),e(\"div\",{class:[\"desc\",{\"desc-show-active\":t.showDetails}],style:{color:t.textColorPc||\"#ffffff\"},domProps:{innerHTML:t._s(t.$fallbackText(t.desc))}})]),e(\"div\",{staticClass:\"item-list\",style:{\"--desc-after-color\":t.sectionData?.Alterable?.attrs?.listColor}},t._l(t.itemList,function(i,s){return e(\"div\",{key:s,class:[\"item\",{\"item-active\":t.cur_indexPreview==s}],style:{color:t.sectionData?.Alterable?.attrs?.listColor||\"#ffffff\"},on:{mouseover:function(e){return t.addPreviewActive(s)}}},[e(\"div\",{staticClass:\"item-text\",domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})])}),0)]),e(\"div\",{class:[\"right-gallery\",{\"right-gallery-active\":t.showDetails}]},t._l(t.itemList,function(i,s){return e(\"img\",{key:s,class:[\"right-gallery-img\",{\"img-show\":t.cur_indexPreview===s}],attrs:{src:t.$fallbackText(i.attrs.imgSrc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),alt:\"VIVAIA\"}})}),0)]):e(\"div\",{staticClass:\"look-book-m\",style:{background:t.sectionData?.bgImgColor||\"#f2e9da\",color:t.sectionData?.mainTitleMColor||\"#261b02\"}},[e(\"div\",{staticClass:\"title\"},[t._v(t._s(t.$fallbackText(t.sectionData?.mainTitleM)))]),e(\"div\",{staticClass:\"desc\"},[t._v(t._s(t.$fallbackText(t.sectionData?.descM)))]),e(\"div\",{ref:\"newLookBookMSwiper\",staticClass:\"new-lookbook-swiper swiper-container\"},[e(\"div\",{staticClass:\"swiper-wrapper\"},t._l(t.itemList,function(i,s){return e(\"div\",{key:s,staticClass:\"swiper-slide\"},[e(\"div\",{staticClass:\"slide-title\",style:{color:i.attrs.mTextColor}},[t._v(\" \"+t._s(t.$fallbackText(i.attrs.title))+\" \")]),e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.imgSrc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251215_7953\/1215-icon-lefu-pc-green-05.jpg\"),alt:\"VIVAIA\"}})])}),0),e(\"div\",{staticClass:\"swiper-pagination\",style:{\"--swiper-pagination-bg\":t.mPaginationColor||\"rgba(25, 24, 23, 0.25)\",\"--swiper-pagination-fill\":t.mFillColor||\"#261B02\"}})])])])},a=[]},304:(t,e,i)=\u003e{i.d(e,{Zc:()=\u003es});const s=a({methods:{$resolveText:t=\u003e{if(t){const e=t.replaceAll(\"\\n\",\"\u003cbr\u003e\");return e}},$fallbackText:(t,e=\"占位文案\")=\u003et||e}});a({});function a(t){return t}},355:()=\u003e{},616:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{key:t.keyTime},[t.isPc?e(\"div\",{staticClass:\"center-banner-pc\",style:t.bgAttr},[e(\"div\",{staticClass:\"text-arr\"},[e(\"div\",{staticClass:\"text-title\",style:{color:t.sectionData?.mainTitleColor||\"#261B02\"}},[t._v(\" \"+t._s(t.$fallbackText(t.sectionData?.mainTitle))+\" \")]),e(\"ul\",{staticClass:\"text-desc\"},t._l(t.previewList,function(i,s){return e(\"li\",{key:i.id,class:[{\"desc-item-active\":t.cur_indexPreview==s},\"desc-item\"],on:{mouseover:function(e){return t.addPreviewActive(s)}}},[e(\"span\",{style:{color:t.itemTextColor,\"--desc-after-bg\":t.itemTextColor||\"#261B02\"},domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})])}),0)]),e(\"div\",{staticClass:\"img-arr\"},t._l(t.previewList,function(i,s){return e(\"img\",{key:i.id,class:[\"common-img\",`performance-${s}`,{\"img-active\":t.cur_indexPreview===s}],style:t.imgPcForId(s),attrs:{src:t.$fallbackText(i.attrs.pcImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250117_7336\/ISABELI-pc-005.jpg\"),alt:\"VIVAIA\"}})}),0)]):e(\"div\",{staticClass:\"center-banner-m\",style:t.bgAttr},[e(\"div\",{staticClass:\"title\",style:{color:t.sectionData?.mainTitleColor||\"#261B02\"}},[t._v(\" \"+t._s(t.$fallbackText(t.sectionData.mainTitle))+\" \")]),e(\"div\",{ref:\"commonSwiper\",staticClass:\"swiper-container commit-swiper\"},[e(\"div\",{staticClass:\"swiper-wrapper\"},t._l(t.previewList,function(i){return e(\"div\",{key:i.id,staticClass:\"swiper-slide\"},[e(\"div\",{staticClass:\"item\"},[e(\"div\",{staticClass:\"inline-text\"},[e(\"div\",{staticClass:\"item-title\",style:{color:i.attrs.TextColorM},domProps:{innerHTML:t._s(t.$fallbackText(i.attrs.title))}})]),e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.mImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/demo-pc-03-6.jpg\"),alt:\"VIVAIA\",loading:\"lazy\"}})])])}),0),e(\"div\",{staticClass:\"swiper-pagination\",style:{\"--swiper-pagination-bg\":t.mPaginationColor||\"rgba(38, 27, 2, 0.3)\",\"--swiper-pagination-fill\":t.mFillColor||\"#261B02\"}})])])])},a=[]},728:(t,e,i)=\u003e{i.d(e,{x:()=\u003es});const s=\"useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict\"},748:(t,e,i)=\u003e{i(4095)},1061:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(6616),a=i(3032),o=(i(8314),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,null,null);const r=n.exports},1064:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(6639),o=i.n(a);const n={props:{isPc:{type:Boolean,default:!1},sectionData:{type:Object,default:()=\u003e{}}},data(){return{keyTime:Date.now(),cur_indexPreview:0}},computed:{bgAttr(){let t=Object.assign({});return t=\"color\"===this.sectionData?.Alterable.attrs.backgroundType?{backgroundColor:this.sectionData?.Alterable.attrs.backgroundColor||\"#faf7f6\"}:{backgroundImage:`url(${this.isPc?this.sectionData?.Alterable.attrs.bgImgPc:this.sectionData?.Alterable.attrs.bgImgM})`,backgroundSize:\"cover\",backgroundPosition:\"center center\"},t},previewList(){return this.sectionData?.Alterable.attrs.children||[]},itemTextColor(){return this.sectionData?.Alterable?.attrs.TextColorPc||\"#261B02\"},mPaginationColor(){const t=this.sectionData?.Alterable?.attrs.paginationColorM;return t||\"rgba(25, 24, 23, 0.25)\"},mFillColor(){return this.sectionData?.Alterable?.attrs.mFillColor||\"#261B02\"}},watch:{isPc:{handler(t){t||this.$nextTick(()=\u003e{this.initSwiper()})}},sectionData:{handler(t,e){t.Alterable.attrs.children.length!==e.Alterable.attrs.children.length\u0026\u0026this.$nextTick(()=\u003e{this.isPc||this.initSwiper()})}}},mounted(){this.preloadImages(),this.isPc||this.$nextTick(()=\u003e{this.initSwiper()})},methods:{initSwiper(){setTimeout(()=\u003e{new(o())(this.$refs.commonSwiper,{slidesPerView:1.39,spaceBetween:5,slidesOffsetBefore:10,slidesOffsetAfter:10,pagination:{el:\".commit-swiper .swiper-pagination\",type:\"progressbar\"}})}),this.keyTime=Date.now()},addPreviewActive(t){this.cur_indexPreview=t},preloadImages(){this.previewList.forEach(t=\u003e{const e=new Image;e.src=t.img})},imgPcForId(t){const e=t%2===0?`rotate(${.6*t}deg)`:`rotate(${-.6*t}deg)`,i={transform:e};return i}},mixins:[s.Zc]}},1455:(t,e,i)=\u003e{function s(t,e,i,s,a,o,n,r){var l,c=\"function\"===typeof t?t.options:t;if(e\u0026\u0026(c.render=e,c.staticRenderFns=i,c._compiled=!0),s\u0026\u0026(c.functional=!0),o\u0026\u0026(c._scopeId=\"data-v-\"+o),n?(l=function(t){t=t||this.$vnode\u0026\u0026this.$vnode.ssrContext||this.parent\u0026\u0026this.parent.$vnode\u0026\u0026this.parent.$vnode.ssrContext,t||\"undefined\"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),a\u0026\u0026a.call(this,t),t\u0026\u0026t._registeredComponents\u0026\u0026t._registeredComponents.add(n)},c._ssrRegister=l):a\u0026\u0026(l=r?function(){a.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(c.functional){c._injectStyles=l;var d=c.render;c.render=function(t,e){return l.call(e),d(t,e)}}else{var m=c.beforeCreate;c.beforeCreate=m?[].concat(m,l):[l]}return{exports:t,options:c}}i.d(e,{A:()=\u003es})},1682:()=\u003e{},2033:()=\u003e{},2105:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{key:t.keyTime},[t.isPc?e(\"div\",{staticClass:\"top-banner-pc\"},[e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.$fallbackText(t.sectionData.mainTitlePC)))]),e(\"div\",{ref:\"boxRef\",staticClass:\"inline-box\",on:{mouseleave:function(e){return t.returnCur()}}},t._l(t.bannerConfig,function(i){return e(\"div\",{key:i.id,class:[{\"item-active\":t.cur_indexBanner==i.id},{\"three-item-active\":t.cur_indexBanner==i.id\u0026\u00263==t.bannerConfig.length},\"item\"],on:{mouseover:function(e){return t.addBannerActive(i.id)}}},[e(\"div\",{staticClass:\"inline-text\",style:{color:i.attrs.textColorPC}},[e(\"div\",{staticClass:\"title\"},[t._v(t._s(t.$fallbackText(i.attrs.titlePc)))]),e(\"div\",{staticClass:\"desc\",style:t.computedStyleObjPC},[t._v(t._s(t.$fallbackText(i.attrs.descPc)))])]),i.attrs.isVideo?e(\"video\",{ref:t.setVideoRef(i.id),refInFor:!0,staticStyle:{display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",muted:\"\",src:t.$fallbackText(i.attrs.videoUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\"),poster:t.$fallbackText(i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\"),loop:\"\"},domProps:{muted:!0},on:{mouseover:function(e){return t.playVideo(i.id)},mouseleave:function(e){return t.pauseVideo(i.id)}}}):e(\"img\",{attrs:{src:i.attrs.posterUrl?i.attrs.posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/pc3.jpg\",alt:\"VIVAIA\",loading:\"lazy\"},on:{mouseover:function(e){return t.pauseAllVideo()}}})])}),0)]):e(\"div\",{staticClass:\"top-banner-m\"},[e(\"div\",{staticClass:\"inline-box\"},[e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.$fallbackText(t.sectionData.mainTitleM)))]),t._l(t.bannerConfig,function(i){return e(\"div\",{key:i.id,staticClass:\"item\"},[e(\"div\",{staticClass:\"inline-text\",style:t.computedStyleObjM},[e(\"div\",{staticClass:\"title\",style:{color:i.attrs.textColorM}},[t._v(t._s(t.$fallbackText(i.attrs.titleM)))]),e(\"div\",{staticClass:\"desc\",style:{color:i.attrs.textColorM}},[t._v(t._s(t.$fallbackText(i.attrs.descM)))])]),i.attrs.isVideo?e(\"video\",{staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:t.$fallbackText(i.attrs.videoUrlM?i.attrs.videoUrlM:i.attrs.videoUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),poster:t.$fallbackText(i.attrs.posterUrlM?i.attrs.posterUrlM:i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/m1.jpg\"),loop:\"\"},domProps:{muted:!0}}):e(\"img\",{attrs:{src:t.$fallbackText(i.attrs.posterUrlM?i.attrs.posterUrlM:i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/726-626.00_00_02_11.Still001.jpg\"),alt:\"VIVAIA\",loading:\"lazy\"}})])})],2)])])},a=[]},2307:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(2105),a=i(5578),o=(i(5827),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"7879a69f\",null);const r=n.exports},2345:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"video-box\"},[t.sectionData.showTitle?e(\"div\",{staticClass:\"common-title\"},[t._v(t._s(t.mainTitle))]):t._e(),t.sectionData.isVideo?e(\"video\",{staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:t.$fallbackText(t.isPc?t.sectionData.videoUrlPC:t.sectionData.videoUrlM,t.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\":\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),poster:t.$fallbackText(t.isPc?t.sectionData.imgUrlPC:t.sectionData.imgUrlM,t.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),loop:\"\"},domProps:{muted:!0}}):e(\"picture\",[e(\"source\",{attrs:{srcset:t.$fallbackText(t.sectionData.imgUrlM,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),media:\"(max-width: 768px)\"}}),e(\"img\",{staticClass:\"video-bog-img\",attrs:{src:t.$fallbackText(t.sectionData.imgUrlPC,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\"),alt:\"VIVAIA\"}})])])},a=[]},2364:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(5160);const a=s.A},2432:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(7668);const a=s.A},2620:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(1064);const a=s.A},2781:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(3705);const a=s.A},3026:(t,e,i)=\u003e{i(4997)},3032:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(6300);const a=s.A},3085:(t,e,i)=\u003e{i(6072)},3121:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(5625),a=i(3364),o=(i(3419),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"8e6f6642\",null);const r=n.exports},3329:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(616),a=i(2620),o=(i(7044),i(3624),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"4f3c9386\",null);const r=n.exports},3364:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9576);const a=s.A},3419:(t,e,i)=\u003e{i(1682)},3557:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"mainComponent\"},[t._l(t.templateData,function(i){return[t.computedIsShow(i.attrs)?e(i.type,{key:i.id,tag:\"component\",attrs:{isPc:t.isPc,sectionData:i.attrs,langCode:t.lang}}):t._e()]})],2)},a=[]},3624:(t,e,i)=\u003e{i(2033)},3648:(t,e,i)=\u003e{i(5603)},3705:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e{}}},data(){return{}},watch:{},computed:{mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)}},mixins:[s.Zc]}},4061:t=\u003e{t.exports=Vue},4095:()=\u003e{},4246:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(4768),a=i(6959),o=(i(748),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"19fd27ca\",null);const r=n.exports},4273:()=\u003e{},4466:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(6172),a=i(6899),o=(i(3648),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"4eb762a6\",null);const r=n.exports},4502:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(4783);const o={props:{isPc:{type:Boolean},sectionData:{type:Object,default:()=\u003e{}}},data(){return{moreDetails:\"占位文案\",keyTime:Date.now(),bannerVideoRefs:{},cur_indexBanner:null,lang:(0,a.Xo)()}},methods:{addBannerActive(t){this.cur_indexBanner=t},returnCur(){this.cur_indexBanner=null},setVideoRef(t){return`videoRef_${t}`},updateVideoRefs(){this.bannerConfig.forEach(t=\u003e{t.video\u0026\u0026this.$nextTick(()=\u003e{this.bannerVideoRefs[t.id]=this.$refs[`videoRef_${t.id}`]})})},playVideo(t){this.$nextTick(async()=\u003e{const e=this.$refs[`videoRef_${t}`];if(e)try{Object.values(this.bannerVideoRefs).forEach(t=\u003e{t\u0026\u0026t!==e\u0026\u0026t[0]?.pause()}),await(e[0]?.play())}catch(i){console.log(i)}})},pauseVideo(t){this.$nextTick(()=\u003e{const e=this.$refs[`videoRef_${t}`];e\u0026\u0026e[0].pause()})},pauseAllVideo(){this.$nextTick(()=\u003e{Object.values(this.bannerVideoRefs).forEach(t=\u003e{t?t[0].pause():(this.updateVideoRefs(),this.pauseAllVideo())})})}},mounted(){this.updateVideoRefs()},computed:{computedStyleObjM(){const t={en:{},de:{width:\"82.54vw\"},fr:{width:\"82.54vw\"}};return t[this.lang]},computedStyleObjPC(){const t={en:{},de:{},fr:{width:\"35.125vw\"}};return t[this.lang]},bannerConfig(){return this.sectionData?.optionSlide?.attrs?.children??[]}},watch:{isPc(){!0===this.isPc\u0026\u0026this.pauseAllVideo(),this.keyTime=Date.now()}},mixins:[s.Zc]}},4753:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(48),a=i(2364),o=(i(9558),i(3026),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"6a133516\",null);const r=n.exports},4768:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"end-about\"},[e(\"div\",{staticClass:\"title\",domProps:{innerHTML:t._s(t.title)}}),e(\"div\",{staticClass:\"desc\",domProps:{innerHTML:t._s(t.desc)}}),e(\"picture\",[e(\"source\",{attrs:{srcset:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-m.jpg\",media:\"(max-width: 768px)\"}}),e(\"img\",{attrs:{src:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\",alt:\"VIVAIA\",loading:\"lazy\"}})])])},a=[]},4783:(t,e,i)=\u003e{i.d(e,{JY:()=\u003es,KD:()=\u003eo,Xo:()=\u003ea});i(4061);const s=()=\u003e{const t=a(),e=\"mainComponent\"+t.charAt(0).toUpperCase()+t.slice(1);return e+\" \"+`lang-${t}`},a=()=\u003e{const t=window.location.origin;if(\"https:\/\/vivaia.jp\"===t)return\"jp\";if(\"https:\/\/www.vivaia.kr\"===t)return\"kr\";{const t=window.vivaiaDetailLangCode||window.currentLang||window.$nuxt?.$store?.state?.lang||\"en\";return t}},o=()=\u003e{}},4997:()=\u003e{},5160:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(6639),o=i.n(a);const n={namespace:\"NewLookBook\",props:{isPc:{type:Boolean,default:!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{cur_indexPreview:9999,showDetails:!1,mSwiperInstance:null}},watch:{isPc:{handler(t){t||this.initMSwiper()}},cur_indexPreview:{handler(t){t\u003cthis.itemList.length?this.showDetails=!0:this.showDetails=!1},immediate:!0},\"sectionData.Alterable.attrs.children.length\":{handler(){this.isPc?(this.showDetails=!1,this.cur_indexPreview=9999):(this.mSwiperInstance\u0026\u0026(this.mSwiperInstance.destroy(),this.mSwiperInstance=null),this.initMSwiper())},immediate:!0}},computed:{mainTitle(){return this.isPc?this.sectionData?.mainTitlePc:this.sectionData?.mainTitleM},desc(){return this.isPc?this.sectionData?.descPc:this.sectionData?.descM},textColorPc(){return this.sectionData?.mainTitlePcColor},itemList(){return this.sectionData?.Alterable?.attrs?.children||[]},mPaginationColor(){return this.sectionData?.Alterable?.attrs?.progressBarBgColor||\"rgba(38, 27, 2, 0.3)\"},mFillColor(){return this.sectionData?.Alterable?.attrs?.progressBarFillColor||\"#261B02\"}},mounted(){this.initMSwiper()},methods:{addPreviewActive(t){this.cur_indexPreview=t},handleClickPcSection(){this.cur_indexPreview=9999},initMSwiper(){this.isPc||(this.mSwiperInstance\u0026\u0026(this.mSwiperInstance.destroy(),this.mSwiperInstance=null),this.$nextTick(()=\u003e{this.mSwiperInstance=new(o())(this.$refs.newLookBookMSwiper,{slidesPerView:1.4,slidesOffsetBefore:10,slidesOffsetAfter:10,spaceBetween:5,loop:!1,pagination:{el:\".new-lookbook-swiper .swiper-pagination\",type:\"progressbar\"}})}))}},mixins:[s.Zc]}},5325:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(3557),a=i(2432),o=(i(9846),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,null,null);const r=n.exports},5578:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(4502);const a=s.A},5603:()=\u003e{},5625:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"top-banner\",style:`--src: url(${t.imgUrl})`},[e(\"div\",{staticClass:\"top-banner-container\"},[t.showTitle?e(\"div\",{key:t.nid,staticClass:\"text-info\",style:t.positionStyle},[e(\"div\",{staticClass:\"title\",style:{color:t.titleColor},domProps:{innerHTML:t._s(t.$resolveText(t.mainTitle))}})]):t._e(),e(\"img\",{directives:[{name:\"show\",rawName:\"v-show\",value:!t.isPc,expression:\"!isPc\"}],staticClass:\"block-img\",attrs:{src:t.imgUrl,alt:\"\"}})])])},a=[]},5827:(t,e,i)=\u003e{i(7814)},6072:()=\u003e{},6172:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{staticClass:\"top-banner\"},[e(\"div\",{staticClass:\"top-banner-container\"},[e(\"img\",{staticClass:\"top-banner-img\",attrs:{src:t.bgImg,alt:\"VIVAIA\"}}),t.showTitle?e(\"div\",{key:t.nid,staticClass:\"text-info\",style:t.positionStyle},[e(\"div\",{staticClass:\"title\",style:{color:t.titleColor,textAlign:t.TitleLayout}},[t._v(t._s(t.mainTitle))]),t.mainDesc?e(\"div\",{staticClass:\"desc\",style:{color:t.titleColor,textAlign:t.TitleLayout}},[t._v(t._s(t.mainDesc))]):t._e()]):t._e()])])},a=[]},6300:(t,e,i)=\u003e{i.d(e,{A:()=\u003en});var s=i(304),a=i(5325),o=i(4783);const n={components:{MainComponent:a.A},data(){return{className:(0,o.JY)(),lang:(0,o.Xo)(),isInit:!1,templateData:[{id:1,type:\"TopBanner\",attrs:{isShow:!0,bgColor:\"#F8F7F5\",bgImgPc:\"\",bgImgM:\"\",showTitle:!0,titlePc:\"\",descPc:\"\",PcTitleLayout:\"center\",titleColorPc:\"\",titleM:\"\",descM:\"\",titleColorM:\"\",topPc:0,leftPc:0,topM:0}},{id:2,type:\"HoverAccordion\",attrs:{isShow:!0,mainTitlePC:\"\",mainTitleM:\"\",optionSlide:{attrs:{slideNumber:4,mergeOption:[\"slideNumber\"],children:[{id:1,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:2,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:3,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}},{id:4,attrs:{isVideo:\"\",videoUrl:\"\",videoUrlM:\"\",posterUrl:\"\",posterUrlM:\"\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\"}}]}}}},{id:3,type:\"LookBook\",attrs:{isShow:!1,mainTitle:\"\",mainTitleColor:\"\",Alterable:{attrs:{backgroundType:\"color\",backgroundColor:\"\",bgImgPc:\"\",bgImgM:\"\",TextColorPc:\"\",paginationColorM:\"\",mFillColor:\"\",children:[{id:1,attrs:{title:\"\",TextColorM:\"\",pcImg:\"\",mImg:\"\"}}]}}}},{id:4,type:\"NewLookBook\",attrs:{isShow:!0,bgImgPc:\"\",bgImgColor:\"\",mainTitlePc:\"\",descPc:\"\",mainTitlePcColor:\"\",mainTitleM:\"\",descM:\"\",mainTitleMColor:\"\",Alterable:{attrs:{listColor:\"\",progressBarBgColor:\"\",progressBarFillColor:\"\",children:[{id:1,attrs:{title:\"\",imgSrc:\"\",mTextColor:\"\"}}]}}}},{id:999,type:\"ContentBlock\",attrs:{isShow:!0,imgUrlPC:\"\",imgUrlM:\"\",posterUrlM:\"\",showTitle:!0,titlePc:\"\",titleColorPc:\"\",titleM:\"\",titleColorM:\"\",topPc:10,leftPc:10}},{id:5,type:\"ImgOrVideo\",attrs:{isShow:!0,isVideo:!1,showTitle:!1,titlePc:\"\",titleM:\"\",imgUrlPC:\"\",imgUrlM:\"\",videoUrlPC:\"\",videoUrlM:\"\"}},{id:6,type:\"AboutUs\",attrs:{isShow:!0}}]}},created(){if(window.pageData){const t=window.pageData;t?.length\u0026\u0026(this.templateData=window.pageData)}else this.initFunc()},mounted(){},methods:{initFunc(){const t=this;window.addEventListener(\"message\",function(e){const i=e.data.data;e.data.langCode\u0026\u0026(t.lang=e.data.langCode),i?.length?t.templateData=JSON.parse(JSON.stringify(i)):t.isInit=!0})}},mixins:[s.Zc]}},6491:()=\u003e{},6616:(t,e,i)=\u003e{i.d(e,{X:()=\u003es,Y:()=\u003ea});var s=function(){var t=this,e=t._self._c;return e(\"div\",{attrs:{id:\"app\"}},[e(\"MainComponent\",{class:t.className,attrs:{templateData:t.templateData,lang:t.lang,isInit:t.isInit}})],1)},a=[]},6639:t=\u003e{t.exports=Swiper},6899:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9207);const a=s.A},6959:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(9339);const a=s.A},7044:(t,e,i)=\u003e{i(7809)},7048:(t,e,i)=\u003e{i.d(e,{A:()=\u003er});var s=i(2345),a=i(2781),o=(i(3085),i(1455)),n=(0,o.A)(a.A,s.X,s.Y,!1,null,\"f56a3920\",null);const r=n.exports},7668:(t,e,i)=\u003e{i.d(e,{A:()=\u003em});var s=i(304),a=i(4466),o=i(2307),n=i(3329),r=i(4753),l=i(7048),c=i(4246),d=i(3121);const m={components:{TopBanner:a.A,HoverAccordion:o.A,LookBook:n.A,NewLookBook:r.A,ImgOrVideo:l.A,AboutUs:c.A,ContentBlock:d.A},props:{templateData:{type:Array,default:()=\u003e[]},lang:{type:String}},data(){return{isPc:!1}},mounted(){this.handleSize(),window.addEventListener(\"resize\",this.handleSize)},beforeDestroy(){window.removeEventListener(\"resize\",this.handleSize)},methods:{handleSize(){this.isPc=window.innerWidth\u003e768},computedIsShow(t){return!(\"isShow\"in t)||t.isShow}},mixins:[s.Zc]}},7809:()=\u003e{},7814:()=\u003e{},8256:(t,e,i)=\u003e{i.d(e,{Ak:()=\u003ea});var s=i(728);let a=(t=21)=\u003e{let e=\"\",i=crypto.getRandomValues(new Uint8Array(t|=0));while(t--)e+=s.x[63\u0026i[t]];return e}},8314:(t,e,i)=\u003e{i(6491)},9207:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(8256);const o={name:\"TopBanner\",props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{nid:(0,a.Ak)()}},watch:{isPc:{handler(){this.nid=(0,a.Ak)()},immediate:!0}},computed:{showTitle(){return this.sectionData.showTitle},bgImg(){const t=this.$fallbackText(this.sectionData.bgImgPc,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/Group%20336570001.jpg\"),e=this.$fallbackText(this.sectionData.bgImgM,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251013_7840\/20250616-Miley-shflatse2504080009-product-description-domestic-2.jpg\");return this.isPc?t:e},mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)},mainDesc(){return this.isPc?this.sectionData.descPc:this.sectionData.descM},titleColor(){return this.$fallbackText(this.isPc?this.sectionData.titleColorPc:this.sectionData.titleColorM,\"#261B02\")},positionStyle(){return this.isPc?{top:this.sectionData.topPc+\"%\",left:this.sectionData.leftPc+\"%\"}:{top:this.sectionData.topM+\"%\",left:\"0%\"}},TitleLayout(){return this.isPc?this.sectionData.PcTitleLayout:\"center\"}},mixins:[s.Zc]}},9339:(t,e,i)=\u003e{i.d(e,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e{}},langCode:{type:String}},data(){return{TextEn:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA was born in 2020 with the vision of bringing environmentally friendly, comfortable, and timelessly designed shoes to the world. \u003cbr \/\u003eWe are committed to freeing women’s feet in a sustainable way.\",end_about_desc_m:\"VIVAIA was born in 2020 with the vision of bringing\u003cbr\/\u003eenvironmentally friendly, comfortable, and timelessly\u003cbr\/\u003edesigned shoes to the world.\u003cbr\/\u003eWe are committed to freeing women’s feet in a\u003cbr\/\u003esustainable way.\"},TextDe:{end_about_title:\"Über uns\",end_about_desc:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. \u003cbr \/\u003eWir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\",end_about_desc_m:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. Wir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\"},TextFr:{end_about_title:\"À propos de nous\",end_about_desc:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. \u003cbr \/\u003eNous nous engageons à libérer les pieds des femmes de manière durable.\",end_about_desc_m:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. Nous nous engageons à libérer les pieds des femmes de manière durable.\"},TextEs:{end_about_title:\"Sobre Nosotros\",end_about_desc:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal.\u003cbr \/\u003eNuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\",end_about_desc_m:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal. Nuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\"},TextIt:{end_about_title:\"Chi Siamo\",end_about_desc:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.\u003cbr \/\u003eCi impegniamo a liberare i piedi delle donne in modo sostenibile.\",end_about_desc_m:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.Ci impegniamo a liberare i piedi delle donne in modo sostenibile.\"},TextKr:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다. \u003cbr \/\u003e우리는 지속 가능한 방식으로 각지역 여성들에게 최고의 착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\",end_about_desc_m:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다.우리는 지속 가능한 방식으로 각지역 여성들에게 최고의  착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\"},TextJp:{end_about_title:\"VIVAIAについて\",end_about_desc:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。\u003cbr\/\u003e私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\",end_about_desc_m:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\"}}},computed:{title(){return this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_title},desc(){return this.isPc?this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_desc:this[`Text${this.langCode.charAt(0).toUpperCase()+this.langCode.slice(1)}`].end_about_desc_m}},mixins:[s.Zc]}},9558:(t,e,i)=\u003e{i(4273)},9576:(t,e,i)=\u003e{i.d(e,{A:()=\u003eo});var s=i(304),a=i(8256);const o={name:\"TopBanner\",props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{nid:(0,a.Ak)()}},watch:{isPc:{handler(){this.nid=(0,a.Ak)()},immediate:!0}},computed:{imgUrl(){return this.$fallbackText(this.isPc?this.sectionData.imgUrlPC:this.sectionData.imgUrlM,this.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260123_8022\/Rectangle%2014100.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20260123_8022\/Rectangle%2039958.jpg\")},showTitle(){return this.sectionData.showTitle},mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)},titleColor(){return this.isPc?this.$fallbackText(this.sectionData.titleColorPc,\"#FFFFFF\"):this.$fallbackText(this.sectionData.titleColorM,\"#261B02\")},positionStyle(){return this.isPc?{top:this.sectionData.topPc+\"%\",left:this.sectionData.leftPc+\"%\"}:{}}},mixins:[s.Zc]}},9846:(t,e,i)=\u003e{i(355)}},e={};function i(s){var a=e[s];if(void 0!==a)return a.exports;var o=e[s]={exports:{}};return t[s](o,o.exports,i),o.exports}(()=\u003e{i.n=t=\u003e{var e=t\u0026\u0026t.__esModule?()=\u003et[\"default\"]:()=\u003et;return i.d(e,{a:e}),e}})(),(()=\u003e{i.d=(t,e)=\u003e{for(var s in e)i.o(e,s)\u0026\u0026!i.o(t,s)\u0026\u0026Object.defineProperty(t,s,{enumerable:!0,get:e[s]})}})(),(()=\u003e{i.o=(t,e)=\u003eObject.prototype.hasOwnProperty.call(t,e)})();var s=i(4061),a=i.n(s),o=i(1061),n=i(4783);(0,n.KD)(),new(a())({render:t=\u003et(o.A)}).$mount(\"#app\")})();\n         \u003c\/script\u003e\n      \u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e\n","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-22.0cm\/EU-35","offer_id":48179630997760,"sku":"shflatse2509150018001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-22.5cm\/EU-35.5","offer_id":48179631030528,"sku":"shflatse2509150018002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-22.5~23.0cm\/EU-36","offer_id":48179631063296,"sku":"shflatse2509150018003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-23.0cm\/EU-36.5","offer_id":48179631096064,"sku":"shflatse2509150018004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-23.5cm\/EU-37","offer_id":48179631128832,"sku":"shflatse2509150018005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-23.5~24.0cm\/EU-37.5","offer_id":48179631161600,"sku":"shflatse2509150018006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-24.0cm\/EU-38","offer_id":48179631194368,"sku":"shflatse2509150018007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-24.5cm\/EU-38.5","offer_id":48179631227136,"sku":"shflatse2509150018008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-24.5~25.0cm\/EU-39","offer_id":48179631259904,"sku":"shflatse2509150018009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-25.0cm\/EU-39.5","offer_id":48179631292672,"sku":"shflatse2509150018010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-25.5cm\/EU-40","offer_id":48179631325440,"sku":"shflatse2509150018011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-25.5~26.0cm\/EU-40.5","offer_id":48179631358208,"sku":"shflatse2509150018012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-26.0cm\/EU-41","offer_id":48179631390976,"sku":"shflatse2509150018013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-26.5cm\/EU-41.5","offer_id":48179631423744,"sku":"shflatse2509150018014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-27.0cm\/EU-42","offer_id":48179631456512,"sku":"shflatse2509150018015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_アーモンド・フローラル \/ JP-27.5cm\/EU-43","offer_id":48179631489280,"sku":"shflatse2509150018016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1773218351-48332dc2-f818-4b04-a08c-c9e893fcb426.jpg?v=1773818292"},{"product_id":"loafers-francesca-nudepeachmesh","title":"[Francesca] アーモンドトゥ プラットフォーム トラックソールローファー","description":"\n        \u003cdiv data-type=\"root\"\u003e\u003carticle id=\"app\"\u003eloading...\u003c\/article\u003e\u003c\/div\u003e\u003cstyle data-type=\"font\"\u003e@font-face{font-family:swiper-icons;src:url(data:application\/font-woff;charset=utf-8;base64,\\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj\/\/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA\/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu\/j+W2+MnAzMYDAzaX6QjD6\/4\/\/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+\/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg\/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4\/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9\/w8UBfEMgLzE\/\/\/\/P\/5\/\/f\/V\/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA\/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP\/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj\/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB\/yIY09An6AH2Bdu\/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z\/PEJ6YOB5hKh4dj3EvXhxPqH\/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN\/d\/gczfEimrE\/fs\/bOuq29Zmn8tloORaXgZgGa78yO9\/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i\/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH\/\/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv\/H9ezGI6Z5XBAw8CBK\/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow\/P\/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)format(\"woff\");font-weight:400;font-style:normal}\u003c\/style\u003e\u003cscript data-type=\"polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/polyfill\/v3\/polyfill.min.js?version=4.8.0\"\u003e\u003c\/script\u003e\u003cscript data-type=\"vue-polyfill\" src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/vue\/2.7.8\/vue.runtime.min.js\"\u003e\u003c\/script\u003e\u003cscript data-type=\"config\" type=\"application\/json\"\u003e{\"imports\":[\"vue\",\"swiper\"]}\u003c\/script\u003e\n        \n        \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e\n        \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/css\/swiper.min.css\"\u003e\n  \n        \u003cstyle data-type=\"style\"\u003e\n         .common-title[data-v-39abe1f4]{white-space:pre-wrap}.hover-container img[data-v-39abe1f4]{display:block}.hover-container[data-v-39abe1f4]{padding-top:4.17vw}@media screen and (max-width:768px){.hover-container[data-v-39abe1f4]{padding-top:0}}.banner-title[data-v-39abe1f4]{font-family:\"Noto Serif Japanese\";font-weight:300;font-style:regular;font-size:2.5vw;line-height:2.92vw;text-align:center;padding-bottom:1.56vw;white-space:pre-wrap}@media screen and (max-width:768px){.banner-title[data-v-39abe1f4]{font-size:28px;line-height:31px;text-align:center;padding-bottom:30px}}.top-banner-pc[data-v-39abe1f4]{box-sizing:border-box;width:calc(100% - 4.17vw);padding:0;background:#fff;margin:0 auto}.top-banner-pc .common-title[data-v-39abe1f4]{margin-bottom:2.083vw}.top-banner-pc .inline-box[data-v-39abe1f4]{aspect-ratio:1840\/780;display:flex;gap:1.04vw;box-sizing:border-box}.top-banner-pc .inline-box .item[data-v-39abe1f4]{flex:1;height:100%;position:relative;transition:all .6s;max-height:32.6vw;cursor:pointer;min-width:0}.top-banner-pc .inline-box .item .inline-text[data-v-39abe1f4]{color:#191817;width:100%;padding-top:1.3vw;border-top:.05vw solid #64505a;box-sizing:border-box;margin-top:1.3vw}.top-banner-pc .inline-box .item .inline-text .mixin[data-v-39abe1f4]{max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .mixin[data-v-39abe1f4]{max-width:100%}}.top-banner-pc .inline-box .item .inline-text .title[data-v-39abe1f4]{font-family:\"Noto Serif Japanese\";font-size:1.67vw;font-weight:300;line-height:2.24vw;max-width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .title[data-v-39abe1f4]{max-width:100%}}.top-banner-pc .inline-box .item .inline-text .desc[data-v-39abe1f4]{font-family:Noto Sans Japanese;font-weight:300;font-size:1.04vw;margin-top:.52vw;line-height:calc(1em + .16vw);opacity:.5;max-width:75%}@media screen and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .desc[data-v-39abe1f4]{max-width:100%}}.top-banner-pc .inline-box .item img[data-v-39abe1f4]{width:100%;height:100%;object-fit:cover;vertical-align:bottom}.top-banner-pc .inline-box .item video[data-v-39abe1f4]{width:100%;height:100%;object-fit:cover}.top-banner-pc .inline-box .item-active[data-v-39abe1f4]{flex:2}.top-banner-pc .inline-box .item-active .inline-text[data-v-39abe1f4]{width:100%}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-39abe1f4]{position:relative;width:100%}.top-banner-pc .inline-box .three-item-active[data-v-39abe1f4]{flex:1.64;transition:all .6s}@media screen and (min-width:769px) and (max-width:1024px){.top-banner-pc .inline-box .item .inline-text .title[data-v-39abe1f4]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item .inline-text .desc[data-v-39abe1f4]{font-size:10px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .title[data-v-39abe1f4]{font-size:14px;line-height:unset}.top-banner-pc .inline-box .item-active .inline-text .desc[data-v-39abe1f4]{font-size:10px;line-height:unset}}@media screen and (max-width:768px){.top-banner-m[data-v-39abe1f4]{padding-top:40px}.top-banner-m .swiper-container[data-v-39abe1f4]{width:100%;position:relative;padding-top:3.2%}.top-banner-m .swiper-container .swiper-wrapper[data-v-39abe1f4]{padding-bottom:11px}.top-banner-m .swiper-container .text-content[data-v-39abe1f4]{margin-left:27px;text-align:center;width:calc(100% - 54px);padding-top:20px}.top-banner-m .swiper-container .text-content .title[data-v-39abe1f4]{font-family:\"Noto Serif Japanese\";font-size:20px;font-weight:300;margin-bottom:8px;white-space:pre-wrap;line-height:calc(1em + 2px)}.top-banner-m .swiper-container .text-content .desc[data-v-39abe1f4]{font-family:Noto Sans Japanese;font-weight:300;font-size:14px;opacity:.6;white-space:pre-wrap;line-height:calc(1em + 2px)}.top-banner-m .swiper-container .swiper-pagination-progressbar{width:66px;height:2px;top:unset;position:unset;background:rgba(38,27,2,.2);margin:32px auto 0}.top-banner-m .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#261b02}.top-banner-m .swiper-container .swiper-slide{transform:scale(.94);transition:all .2s}.top-banner-m .swiper-container .swiper-slide.swiper-slide-active{transform:scale(1.062)}.top-banner-m .swiper-container .swiper-slide .slide-content{overflow:hidden}.top-banner-m .swiper-container .swiper-slide .slide-content .media-box .bg-media{aspect-ratio:563\/724;width:100%}}.end-about[data-v-15adfe46]{margin-top:4.17vw;padding:0 2.083vw 0;font-size:0}.end-about .title[data-v-15adfe46]{color:#261b02;font-family:\"Noto Serif Japanese\";font-size:2.5vw;line-height:2.92vw;white-space:pre-wrap}.end-about .desc[data-v-15adfe46]{color:#261b02;font-family:Noto Sans Japanese;font-weight:300;font-size:1.25vw;line-height:1.46vw;margin-top:1.56vw;white-space:pre-wrap;opacity:.6}.end-about img[data-v-15adfe46]{margin-top:1.56vw;width:100%;aspect-ratio:1840\/904}@media screen and (max-width:768px){.end-about[data-v-15adfe46]{margin-top:40px;padding:0 2.667vw 0}.end-about .title[data-v-15adfe46]{font-size:28px;line-height:31px;font-weight:400}.end-about .desc[data-v-15adfe46]{font-size:12px;line-height:14px;font-weight:300;margin-top:12px}.end-about img[data-v-15adfe46]{margin-top:20px;aspect-ratio:1}}.center-banner-pc[data-v-6c6ef29c]{aspect-ratio:1920\/868;background-color:#faf7f6;display:flex;flex-direction:row;justify-content:space-between;padding:4.17vw 0;box-sizing:border-box}.center-banner-pc .text-arr[data-v-6c6ef29c]{text-align:left;margin-left:8.33vw;width:100%}.center-banner-pc .text-arr .text-title[data-v-6c6ef29c]{font-family:\"Noto Serif Japanese\";font-size:1.667vw;line-height:2.27vw;white-space:pre-wrap}.center-banner-pc .text-arr .text-desc[data-v-6c6ef29c]{font-family:Noto Sans Japanese;margin-top:4.167vw;display:flex;flex-direction:column;gap:1.667vw}.center-banner-pc .text-arr .text-desc .desc-item[data-v-6c6ef29c]{font-size:1.667vw;font-weight:300;cursor:pointer;position:relative;list-style:none}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-6c6ef29c]{position:relative}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-6c6ef29c]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-6c6ef29c]:after{position:absolute;content:\"\";background-color:#000;display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-6c6ef29c]:after{width:100%;height:.15vw}.center-banner-pc .img-arr[data-v-6c6ef29c]{margin-right:16.9vw;height:100%;aspect-ratio:609\/676;max-width:31vw;max-height:35.2vw;position:relative}.center-banner-pc .img-arr img[data-v-6c6ef29c]{position:absolute;height:100%;aspect-ratio:555\/649;opacity:.75}.center-banner-pc .img-arr .img-active[data-v-6c6ef29c]{z-index:2;opacity:1;transition:opacity .6s}.center-banner-m[data-v-6c6ef29c]{padding:5.33vw 2.667vw 10.66vw;box-sizing:border-box;background-color:#faf7f6}.center-banner-m .title[data-v-6c6ef29c]{font-family:\"Noto Serif Japanese\";font-size:5.33vw;line-height:7.26vw}.center-banner-m .commit-swiper[data-v-6c6ef29c]{padding-bottom:5vw;margin-top:5.33vw}.center-banner-m .commit-swiper .swiper-scrollbar[data-v-6c6ef29c]{height:.53vw;bottom:0;background-color:#191817}.center-banner-m .commit-swiper .swiper-scrollbar .swiper-scrollbar-drag[data-v-6c6ef29c]{background-color:#191817}.center-banner-m .item[data-v-6c6ef29c]{position:relative}.center-banner-m .item .inline-text[data-v-6c6ef29c]{position:absolute;left:2.67vw;top:2.67vw;color:#fff;width:94%}.center-banner-m .item .inline-text .title[data-v-6c6ef29c]{font-family:Noto Sans Japanese;font-size:5.43vw;line-height:6.37vw;font-weight:500}.center-banner-m .item img[data-v-6c6ef29c]{width:100%;aspect-ratio:255\/326}.new-panel[data-v-6c6ef29c]{padding-top:4.17vw}@media screen and (min-width:768px){.new-panel[data-v-6c6ef29c]{background:#fff!important}}.new-showcase-container[data-v-6c6ef29c]{width:100%;position:relative;padding:0 2.08vw!important}.new-showcase-container .swiper-wrapper[data-v-6c6ef29c]{padding:0 0 2.29vw;width:100%}.new-showcase-container .swiper-wrapper .swiper-slide[data-v-6c6ef29c]{font-size:0;padding-right:1.04vw;width:auto}.new-showcase-container .swiper-wrapper .swiper-slide .slide-img[data-v-6c6ef29c]{display:inline-block;aspect-ratio:510\/650;width:26.56vw}.new-showcase-container .swiper-wrapper .swiper-slide[data-v-6c6ef29c]:last-child{padding-right:0!important}.new-showcase-container .true-pagination[data-v-6c6ef29c]{--position:2.083vw;--size:1.25vw;--padding:1.1vw;--swiper-navigation-size:var(--size);--swiper-navigation-color:var(--color)}.new-showcase-container .true-pagination .swiper-button-next[data-v-6c6ef29c],.new-showcase-container .true-pagination .swiper-button-prev[data-v-6c6ef29c]{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff;padding:var(--padding)}@media screen and (max-width:768px){.new-showcase-container .true-pagination[data-v-6c6ef29c]{--position:2.667vw;--size:14px;--padding:10px;display:none}}.new-showcase-container .true-pagination .swiper-button-prev[data-v-6c6ef29c]{left:calc(var(--position))}.new-showcase-container .true-pagination .swiper-button-next[data-v-6c6ef29c]{right:var(--position)}.new-showcase-container .swiper-pagination.swiper-pagination[data-v-6c6ef29c]{width:calc(100% - 4.17vw);height:4px;left:2.08vw;top:calc(100% - .21vw);background:#f6f6f6}@media screen and (min-width:769px) and (max-width:1024px){.center-banner-pc .text-arr .text-title[data-v-6c6ef29c]{font-size:18px;line-height:unset}.center-banner-pc .text-arr .text-desc .desc-item[data-v-6c6ef29c]{font-size:18px}.center-banner-pc .text-arr .text-desc .desc-item-active[data-v-6c6ef29c]{font-weight:500}.center-banner-pc .text-arr .text-desc .desc-item span[data-v-6c6ef29c]:after{position:absolute;content:\"\";background-color:#000;display:inline-block;transition:all .4s;bottom:0;left:0;width:0;height:.104vw;max-height:3px}.center-banner-pc .text-arr .text-desc .desc-item-active span[data-v-6c6ef29c]:after{width:100%;height:.15vw}}.new-lookBook[data-v-6c6ef29c]{padding:0 2.083vw 1.56vw;font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:2.5vw;line-height:3.06vw}@media screen and (max-width:768px){.new-panel[data-v-6c6ef29c]{padding:40px 0 0}.new-panel .new-lookBook[data-v-6c6ef29c]{font-size:28px;line-height:38px;font-family:\"Noto Serif Japanese\";width:calc(100% - 20px);margin:0;padding:0 10px}.new-panel .new-showcase-container[data-v-6c6ef29c]{margin-top:20px;padding:0 10px!important}.new-panel .new-showcase-container .swiper-wrapper[data-v-6c6ef29c]{padding:0 0 22px}.new-panel .new-showcase-container .swiper-wrapper .swiper-slide[data-v-6c6ef29c]{padding-right:10px}.new-panel .new-showcase-container .swiper-wrapper .swiper-slide .slide-img[data-v-6c6ef29c]{aspect-ratio:331.17\/424;width:88.31vw}.new-panel .new-showcase-container .swiper-pagination[data-v-6c6ef29c]{width:calc(100% - 20px);height:2px;left:10px;top:calc(100% - 2px);background:rgba(25,24,23,.3)}.mainComponentIt .inline-text{width:86.54vw!important}}.mainComponentKr .center-banner-pc .img-arr .img-active.img-active{z-index:2}.new-showcase-container .swiper-pagination .swiper-pagination-progressbar-fill{background:#191817;--swiper-pagination-color:#191817}.video-box[data-v-831b8348]{font-size:0;width:100%}.video-box.no-margin-top[data-v-831b8348]{margin-top:0}.video-box .common-title[data-v-831b8348]{width:100%;text-align:left;white-space:pre-wrap}.video-box .video-bog-img[data-v-831b8348]{display:inline-block;width:100%}.video-box picture[data-v-831b8348]{font-size:0}@media screen and (max-width:768px){.video-box[data-v-831b8348]{width:100%;margin-left:unset}.video-box .common-title[data-v-831b8348]{text-align:left;width:calc(100% - 20px)}.video-box .video-bog-img[data-v-831b8348]{display:inline-block;width:100%}}.top-banner[data-v-bc0684e6]{padding:0;background:var(--bgColor,#f2ece9);box-sizing:border-box;aspect-ratio:1920\/760}.top-banner .top-banner-container[data-v-bc0684e6]{width:100%;font-size:0;position:relative;overflow:hidden;height:100%}.top-banner .top-banner-container img[data-v-bc0684e6]{display:block}.top-banner .top-banner-container .top-banner-img[data-v-bc0684e6]{display:inline-block;width:100%}.top-banner .top-banner-container .text-info[data-v-bc0684e6]{display:flex;flex-direction:row;position:absolute;justify-content:center;align-items:center}.top-banner .top-banner-container .text-info .title[data-v-bc0684e6]{font-size:2.5vw;line-height:2.92vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center;padding-right:2.81vw;border-right:.05vw solid #fff}.top-banner .top-banner-container .text-info .desc[data-v-bc0684e6]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;padding-left:2.81vw}.top-banner .top-banner-container .text-info-vertical[data-v-bc0684e6]{position:absolute}.top-banner .top-banner-container .text-info-vertical .title[data-v-bc0684e6]{font-size:2.5vw;line-height:3.13vw;font-family:\"Noto Serif Japanese\";font-weight:300;white-space:pre-wrap;text-align:center}.top-banner .top-banner-container .text-info-vertical .desc[data-v-bc0684e6]{font-size:1.25vw;line-height:1.46vw;font-family:Noto Sans Japanese;font-weight:300;white-space:pre-wrap;text-align:center;margin-top:1.88vw;opacity:.5}.top-banner .top-video[data-v-bc0684e6]{width:47.92vw;height:auto}.top-banner .pcCenterVertical .top-video[data-v-bc0684e6]{top:50%;transform:translateY(-50%);position:absolute;right:0}@media screen and (max-width:768px){.top-banner .pcCenterVertical .top-video[data-v-bc0684e6]{position:relative;transform:none;top:unset;width:100%;margin-top:23px}.top-banner[data-v-bc0684e6]{padding:40px 16px;aspect-ratio:unset}.top-banner .top-banner-container .text-info[data-v-bc0684e6]{position:unset;transform:none;flex-direction:column}.top-banner .top-banner-container .text-info .title[data-v-bc0684e6]{font-family:Noto serif Japanese;font-weight:300;font-style:regular;font-size:28px;line-height:31px;letter-spacing:0;text-align:center;padding-right:0}.top-banner .top-banner-container .text-info .desc[data-v-bc0684e6]{font-family:Noto Sans Japanese;font-weight:300;font-style:regular;font-size:14px;line-height:16px;text-align:center;padding-left:0;margin-top:16px}}*{box-sizing:border-box;font-weight:300}.lp-app{--color:#191817;color:var(--color)}.show-pc{display:block}.show-m{display:none}.mainComponentJp .boot .name,.mainComponentJp .common-title,.mainComponentJp .end-about .title,.mainComponentJp .lookBook .title,.mainComponentJp .shoe-name,.mainComponentJp .top-banner-m .common-title,.mainComponentJp .topBanner .boot-shoes-name,.mainComponentJp .topBanner .title{font-family:\"Noto Serif Japanese\"!important}.mainComponentJp .boot .boot-name,.mainComponentJp .end-about .desc,.mainComponentJp .inline-box .item .inline-text .desc,.mainComponentJp .inline-box .item .inline-text .title,.mainComponentJp .topBanner .desc{font-family:Noto Sans Japanese!important}.mainComponentKr{word-break:keep-all}.boot-shoes-name br{display:none}*{margin:0;padding:0}.space-w{margin:4.17vw auto 0;width:95.83vw;box-sizing:border-box}.common-title{font-family:Noto Serif Japanese;font-size:1.875vw;font-weight:300;line-height:2.554vw;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:2.083vw}@media screen and (max-width:768px){.show-pc{display:none}.show-m{display:block}.space-w{width:94.66vw;margin:10.6667vw auto 0}.common-title{font-family:Noto Serif Japanese;font-size:20px;font-weight:300;line-height:27.24px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:5.3333vw}}\n         \u003c\/style\u003e\n          \u003cscript data-type=\"entry\"\u003e\n          window.vivaiaDetailLangCode = \"jp\";window.pageData = [{\"id\":1,\"type\":\"TopBanner\",\"attrs\":{\"isShow\":false,\"bgImgPc\":\"\",\"videoPc\":\"\",\"posterUrlPc\":\"\",\"bgImgM\":\"\",\"videoM\":\"\",\"posterUrlM\":\"\",\"showTitle\":true,\"showTitleDirection\":true,\"titlePc\":\"\",\"descPc\":\"\",\"PcTitleLayout\":\"left\",\"titleColorPc\":\"\",\"titleM\":\"\",\"descM\":\"\",\"titleColorM\":\"\",\"topPc\":30.39,\"leftPc\":7.61,\"rightImgPc\":7.61,\"bgColor\":\"#f2ece9\"}},{\"id\":2,\"type\":\"HoverAccordion\",\"attrs\":{\"optionSlide\":{\"attrs\":{\"slideNumber\":4,\"mergeOption\":[\"slideNumber\"],\"children\":[{\"id\":1,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20260311_8108\/0320-Feancesca-pc.mp4\",\"videoUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20260311_8108\/0320-Feancesca-m.mp4\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/image1231.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/Group%20336570767.jpg\",\"titlePc\":\"涼やかなメッシュデザイン\",\"titleM\":\"涼やかなメッシュデザイン\",\"descPc\":\"立体感のあるメッシュ素材で、ムレにくく快適。いつものお出かけを涼やかに、上品に彩ります。\",\"descM\":\"立体感のあるメッシュ素材で、ムレにくく快適。いつものお出かけを涼やかに、上品に彩ります。\",\"textColor\":\"\"}},{\"id\":2,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/2.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/11.jpg\",\"titlePc\":\"軽くて歩きやすいラグソール\",\"titleM\":\"軽くて歩きやすいラグソール\",\"descPc\":\"驚くほど軽くて丈夫な靴底。つま先側がしなやかに曲がる設計で、足運びがスムーズです。\",\"descM\":\"驚くほど軽くて丈夫な靴底。つま先側がしなやかに曲がる設計で、足運びがスムーズです。\",\"textColor\":\"\"}},{\"id\":3,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/3.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/12.jpg\",\"titlePc\":\"疲れ知らずのV-Pro WalkSole™構造\",\"titleM\":\"疲れ知らずのV-Pro WalkSole™\",\"descPc\":\"「猫の肉球」のような柔らかクッションや、ふかふかの中敷きを採用。足への負担をしっかり軽減します。\",\"descM\":\"「猫の肉球」のような柔らかクッションや、ふかふかの中敷きを採用。足への負担を軽減します。\",\"textColor\":\"\"}},{\"id\":4,\"attrs\":{\"isVideo\":false,\"videoUrl\":\"\",\"videoUrlM\":\"\",\"posterUrl\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/4.jpg\",\"posterUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/13.jpg\",\"titlePc\":\"ゆったり快適なラウンドトゥ\",\"titleM\":\"ゆったり快適なラウンドトゥ\",\"descPc\":\"つま先は丸みのあるゆったり設計。靴の中で足の指がのびのびと広がり、窮屈感ゼロの履き心地です。\",\"descM\":\"つま先は丸みのあるゆったり設計。靴の中で足の指がのびのびと広がり、快適な履き心地です。\",\"textColor\":\"\"}}]}},\"isShow\":true,\"showTitle\":false}},{\"id\":3,\"type\":\"ImgOrVideo\",\"attrs\":{\"isShow\":true,\"isVideo\":false,\"showTitle\":false,\"titlePc\":\"\",\"titleM\":\"\",\"imgUrlPC\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/567456456.jpg\",\"imgUrlM\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/Group-336567891.jpg\",\"videoUrlPC\":\"\",\"videoUrlM\":\"\",\"noMarginTop\":false}},{\"id\":4,\"type\":\"LookBook\",\"attrs\":{\"type\":true,\"title\":\"Lookbook\",\"Alterable\":{\"attrs\":{\"backgroundColor\":\"\",\"slideNumber\":1,\"children\":[{\"attrs\":{\"children\":[{\"id\":1,\"attrs\":{\"title\":\"\",\"titleColor\":\"\",\"pcImg\":\"\",\"mImg\":\"\"}}],\"pcImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/1341234.jpg\",\"mImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/1341234.jpg\"}},{\"id\":\"0QlXc21LHe8PcCL1-OEPW\",\"attrs\":{\"title\":\"\",\"titleColor\":\"\",\"pcImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/123123213.jpg\",\"mImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/123123213.jpg\"}},{\"id\":\"aEZFxZkQRDraHyKltPn31\",\"attrs\":{\"title\":\"\",\"titleColor\":\"\",\"pcImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/23.jpg\",\"mImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/23.jpg\"}},{\"id\":\"63IBeeGHWpGONs27IRrNs\",\"attrs\":{\"title\":\"\",\"titleColor\":\"\",\"pcImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/1Group-336569704.jpg\",\"mImg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20260311_8108\/1Group-336569704.jpg\"}}]}},\"isShow\":true}},{\"id\":5,\"type\":\"AboutUs\",\"attrs\":{\"isShow\":true}}];\n          (()=\u003e{\"use strict\";var e={64:(e,t,i)=\u003e{i(5829)},154:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"video-box space-w\",class:{\"no-margin-top\":e.sectionData.noMarginTop}},[e.sectionData.showTitle?t(\"div\",{staticClass:\"common-title\"},[e._v(e._s(e.mainTitle))]):e._e(),e.sectionData.isVideo?t(\"video\",{staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:e.$fallbackText(e.isPc?e.sectionData.videoUrlPC:e.sectionData.videoUrlM,e.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\":\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/11.mp4\"),poster:e.$fallbackText(e.isPc?e.sectionData.imgUrlPC:e.sectionData.imgUrlM,e.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),loop:\"\"},domProps:{muted:!0}}):t(\"picture\",[t(\"source\",{attrs:{srcset:e.$fallbackText(e.sectionData.imgUrlM,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"),media:\"(max-width: 768px)\"}}),t(\"img\",{staticClass:\"video-bog-img\",attrs:{src:e.$fallbackText(e.sectionData.imgUrlPC,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/20250211-ALLEGRO-mix-model-product-description-domestic1-BANNER.jpg\"),alt:\"VIVAIA\"}})])])},a=[]},304:(e,t,i)=\u003e{i.d(t,{Zc:()=\u003es});const s=a({methods:{$resolveText:e=\u003e{if(e){const t=e.replaceAll(\"\\n\",\"\u003cbr\u003e\");return t}},$fallbackText:(e,t=\"占位文案\")=\u003ee||t}});a({});function a(e){return e}},342:()=\u003e{},728:(e,t,i)=\u003e{i.d(t,{x:()=\u003es});const s=\"useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict\"},1061:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(2853),a=i(3032),n=(i(3237),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,null,null);const r=o.exports},1064:(e,t,i)=\u003e{i.d(t,{A:()=\u003eo});var s=i(304),a=i(6639),n=i.n(a);const o={name:\"LookBook\",props:{isPc:{type:Boolean,default:!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{keyTime:Date.now(),cur_indexPreview:1,showCaseSwiper:null,activeIndex:0}},watch:{isPc:{handler(){this.initSwiper()},immediate:!0},sectionData:{handler:function(e){e\u0026\u0026this.initSwiper()},immediate:!0}},computed:{showSwiperSlide(){return this.sectionData.type||!1},mainTitle(){return this.$fallbackText(this.sectionData.title)},bgColor(){return this.sectionData.Alterable.attrs.backgroundColor},previewList(){return this.sectionData.Alterable.attrs.children}},mounted(){this.cur_indexPreview=this.previewList[0].id},methods:{initSwiper(){this.showSwiperSlide?setTimeout(()=\u003e{this.showCaseSwiper=new(n())(\".new-showcase-container\",{pagination:{el:\".new-showcase-container .swiper-pagination\",type:\"progressbar\"},navigation:{nextEl:\".new-showcase-container .swiper-button-next\",prevEl:\".new-showcase-container .swiper-button-prev\"},slidesPerView:\"auto\"})}):this.isPc?(this.swiperInstance\u0026\u0026(this.swiperInstance.destroy(!0,!0),this.swiperInstance=null),this.preloadImages()):this.$nextTick(()=\u003e{this.swiperInstance=new(n())(this.$refs.commonSwiper,{slidesPerView:1.39,spaceBetween:5,scrollbar:{el:\".swiper-scrollbar\"}})}),this.keyTime=Date.now()},addPreviewActive(e){this.cur_indexPreview=e},preloadImages(){this.previewList.forEach(e=\u003e{const t=new Image;t.src=e.img})},imgPcForId(e){const t=e%2===0?`rotate(${.6*e}deg)`:`rotate(${-.6*e}deg)`,i={transform:t};return i}},mixins:[s.Zc]}},1455:(e,t,i)=\u003e{function s(e,t,i,s,a,n,o,r){var l,c=\"function\"===typeof e?e.options:e;if(t\u0026\u0026(c.render=t,c.staticRenderFns=i,c._compiled=!0),s\u0026\u0026(c.functional=!0),n\u0026\u0026(c._scopeId=\"data-v-\"+n),o?(l=function(e){e=e||this.$vnode\u0026\u0026this.$vnode.ssrContext||this.parent\u0026\u0026this.parent.$vnode\u0026\u0026this.parent.$vnode.ssrContext,e||\"undefined\"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a\u0026\u0026a.call(this,e),e\u0026\u0026e._registeredComponents\u0026\u0026e._registeredComponents.add(o)},c._ssrRegister=l):a\u0026\u0026(l=r?function(){a.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:a),l)if(c.functional){c._injectStyles=l;var d=c.render;c.render=function(e,t){return l.call(t),d(e,t)}}else{var p=c.beforeCreate;c.beforeCreate=p?[].concat(p,l):[l]}return{exports:e,options:c}}i.d(t,{A:()=\u003es})},2307:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(6709),a=i(5578),n=(i(6091),i(6175),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,\"39abe1f4\",null);const r=o.exports},2432:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(7668);const a=s.A},2620:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(1064);const a=s.A},2781:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(3705);const a=s.A},2809:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"end-about\"},[t(\"div\",{staticClass:\"title\",domProps:{innerHTML:e._s(e.title)}}),t(\"div\",{staticClass:\"desc\",domProps:{innerHTML:e._s(e.desc)}}),t(\"picture\",[t(\"source\",{attrs:{srcset:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-m.jpg\",media:\"(max-width: 768px)\"}}),t(\"img\",{attrs:{src:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\",alt:\"VIVAIA\",loading:\"lazy\"}})])])},a=[]},2853:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"lp-app\",attrs:{id:\"app\"}},[t(\"MainComponent\",{class:e.className,attrs:{templateData:e.templateData,langCode:e.lang,lang:e.lang,isInit:e.isInit}})],1)},a=[]},2862:()=\u003e{},2928:(e,t,i)=\u003e{i(7673)},3032:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(6300);const a=s.A},3237:(e,t,i)=\u003e{i(9380)},3329:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(6052),a=i(2620),n=(i(64),i(2928),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,\"6c6ef29c\",null);const r=o.exports},3705:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{}},watch:{},computed:{mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)}},mixins:[s.Zc]}},3736:()=\u003e{},3741:()=\u003e{},4061:e=\u003e{e.exports=Vue},4146:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"mainComponent\",class:e.langClassName},[e._l(e.templateData,function(i){return[e.computedIsShow(i.attrs)?t(i.type,{key:i.id,tag:\"component\",attrs:{isPc:e.isPc,sectionData:i.attrs,langCode:e.lang}}):e._e()]})],2)},a=[]},4246:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(2809),a=i(6959),n=(i(9331),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,\"15adfe46\",null);const r=o.exports},4466:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(7067),a=i(6899),n=(i(5453),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,\"bc0684e6\",null);const r=o.exports},4502:(e,t,i)=\u003e{i.d(t,{A:()=\u003eo});var s=i(304),a=i(6639),n=i.n(a);const o={props:{isPc:{type:Boolean},sectionData:{type:Object,default:()=\u003e({})}},data(){return{keyTime:Date.now(),bannerVideoRefs:{},cur_indexBanner:null,lang:\"en\",mySwiper:null,activeIndex:0}},methods:{handleMobileVideoPlay(){setTimeout(()=\u003e{if(!this.$refs.swiperContainerRef)return;const e=this.$refs.swiperContainerRef.querySelectorAll(\"video\");e.forEach(e=\u003e{e.pause(),e.currentTime=0});const t=this.$refs.swiperContainerRef.querySelector(\".swiper-slide-active\");if(t){const e=t.querySelector(\"video\");e\u0026\u0026e.play().catch(e=\u003econsole.log(\"Play error:\",e))}},100)},addBannerActive(e){this.cur_indexBanner=e},returnCur(){this.cur_indexBanner=null},setVideoRef(e){return`videoRef_${e}`},updateVideoRefs(){this.bannerConfigs.forEach(e=\u003e{e.attrs.isVideo\u0026\u0026this.$nextTick(()=\u003e{this.bannerVideoRefs[e.id]=this.$refs[`videoRef_${e.id}`]})})},playVideo(e){this.$nextTick(async()=\u003e{const t=this.$refs[`videoRef_${e}`];if(t)try{Object.values(this.bannerVideoRefs).forEach(e=\u003e{e\u0026\u0026e!==t\u0026\u0026e[0]?.pause()}),await(t[0]?.play())}catch(i){console.log(i)}})},pauseVideo(e){this.$nextTick(()=\u003e{const t=this.$refs[`videoRef_${e}`];t\u0026\u0026t[0]?.pause()})},pauseAllVideo(){this.$nextTick(()=\u003e{Object.values(this.bannerVideoRefs).forEach(e=\u003e{e?e[0]?.pause():(this.updateVideoRefs(),this.pauseAllVideo())})})},initSwiper(){this.mySwiper\u0026\u0026(this.mySwiper.destroy(!0,!0),this.mySwiper=null),this.$nextTick(()=\u003e{const e=this;this.$refs.swiperContainerRef\u0026\u0026(this.mySwiper=new(n())(this.$refs.swiperContainerRef,{loop:!0,slidesPerView:1.4,centeredSlides:!0,spaceBetween:10,observer:!0,observeParents:!0,pagination:{el:\".swiper-pagination\",type:\"progressbar\"},on:{slideChange:function(){e.activeIndex=this.realIndex,e.handleMobileVideoPlay()}},init:function(){e.handleMobileVideoPlay()}}))})}},mounted(){this.updateVideoRefs(),this.isPc||this.initSwiper()},computed:{bannerConfigs(){return this.sectionData?.optionSlide?.attrs?.children??[]},currentActiveItem(){const e=this.sectionData?.optionSlide?.attrs?.children;return e\u0026\u00260!==e.length?e[this.activeIndex]?e[this.activeIndex]:e[0]:null},mainTitle({isPc:e}){return e?this.$fallbackText(this.sectionData.titlePc):this.$fallbackText(this.sectionData.titleM)},showTitle(){return this.sectionData?.showTitle??!0}},watch:{isPc(){!0===this.isPc\u0026\u0026(this.pauseAllVideo(),this.mySwiper\u0026\u0026(this.mySwiper.destroy(!0,!0),this.mySwiper=null)),this.keyTime=Date.now()},bannerConfigs:{handler(e){e\u0026\u0026e.length\u0026\u0026!this.isPc\u0026\u0026(this.mySwiper\u0026\u0026(this.mySwiper.destroy(!0,!0),this.mySwiper=null),this.$nextTick(()=\u003e{this.initSwiper()}))},deep:!0}},beforeDestroy(){this.mySwiper\u0026\u0026this.mySwiper.destroy(!0,!0)},mixins:[s.Zc]}},4783:(e,t,i)=\u003e{i.d(t,{JY:()=\u003es,KD:()=\u003en,Xo:()=\u003ea});i(4061);const s=()=\u003e{const e=a(),t=\"mainComponent\"+e.charAt(0).toUpperCase()+e.slice(1);return t+\" \"+`lang-${e}`},a=()=\u003e{const e=window.location.origin;if(\"https:\/\/vivaia.jp\"===e)return\"jp\";if(\"https:\/\/www.vivaia.kr\"===e)return\"kr\";{const e=window.vivaiaDetailLangCode||window.currentLang||window.$nuxt?.$store?.state?.lang||\"en\";return e}},n=()=\u003e{}},5325:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(4146),a=i(2432),n=i(1455),o=(0,n.A)(a.A,s.X,s.Y,!1,null,null,null);const r=o.exports},5453:(e,t,i)=\u003e{i(9886)},5578:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(4502);const a=s.A},5829:()=\u003e{},6052:(e,t,i)=\u003e{i.d(t,{X:()=\u003es.X,Y:()=\u003es.Y});var s=i(8448)},6091:(e,t,i)=\u003e{i(2862)},6175:(e,t,i)=\u003e{i(342)},6300:(e,t,i)=\u003e{i.d(t,{A:()=\u003eo});var s=i(304),a=i(5325),n=i(4783);const o={components:{MainComponent:a.A},data(){return{className:(0,n.JY)(),lang:(0,n.Xo)(),isInit:!1,templateData:[{id:1,type:\"TopBanner\",attrs:{isShow:!0,bgImgPc:\"\",videoPc:\"\",posterUrlPc:\"\",bgImgM:\"\",videoM:\"\",posterUrlM:\"\",showTitle:!0,showTitleDirection:!0,titlePc:\"\",descPc:\"\",PcTitleLayout:\"left\",titleColorPc:\"\",titleM:\"\",descM:\"\",titleColorM:\"\",topPc:10,leftPc:10,rightImgPc:10,bgColor:\"#f2ece9\"}},{id:2,type:\"HoverAccordion\",attrs:{isShow:!0,showTitle:!0,optionSlide:{attrs:{slideNumber:4,mergeOption:[\"slideNumber\"],children:[{id:1,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/Group%20336570771.jpg\",posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570767.jpg\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\",textColorM:\"\"}},{id:2,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/Group%20336570771.jpg\",posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570767.jpg\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\",textColorM:\"\"}},{id:3,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/Group%20336570771.jpg\",posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570767.jpg\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\",textColorM:\"\"}},{id:4,attrs:{isVideo:!1,videoUrl:\"\",videoUrlM:\"\",posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/Group%20336570772.jpg\",posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570767.jpg\",titlePc:\"\",titleM:\"\",descPc:\"\",descM:\"\",textColor:\"\",textColorM:\"\"}}]}}}},{id:3,type:\"ImgOrVideo\",attrs:{isShow:!0,isVideo:!1,showTitle:!1,noMarginTop:!1,imgUrlPC:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/2.jpg\",imgUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/1.png\"}},{id:4,type:\"LookBook\",attrs:{type:!0,title:\"\",Alterable:{attrs:{backgroundColor:\"\",slideNumber:4,children:[{id:1,attrs:{title:\"\",titleColor:\"\",pcImg:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/20250523-V-TUNE-shunisex2504160001-product%20description-domestic%208.jpg\",mImg:\"\"}},{id:2,attrs:{title:\"\",titleColor:\"\",pcImg:\"\",mImg:\"\"}},{id:3,attrs:{title:\"\",titleColor:\"\",pcImg:\"\",mImg:\"\"}},{id:4,attrs:{title:\"\",titleColor:\"\",pcImg:\"\",mImg:\"\"}}]}}}},{id:5,type:\"AboutUs\",attrs:{isShow:!0}}]}},created(){if(window.pageData){const e=window.pageData;e?.length\u0026\u0026(this.templateData=window.pageData)}else this.initFunc()},mounted(){},methods:{initFunc(){const e=this;window.addEventListener(\"message\",function(t){const i=t.data.data;t.data.langCode\u0026\u0026(e.lang=t.data.langCode),i?.length?e.templateData=JSON.parse(JSON.stringify(i)):e.isInit=!0})}},mixins:[s.Zc]}},6639:e=\u003e{e.exports=Swiper},6709:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{key:e.keyTime,staticClass:\"hover-container\"},[e.isPc?t(\"div\",{staticClass:\"top-banner-pc\"},[e.showTitle?t(\"div\",{staticClass:\"banner-title\"},[e._v(e._s(e.mainTitle))]):e._e(),t(\"div\",{ref:\"boxRef\",staticClass:\"inline-box\",on:{mouseleave:function(t){return e.returnCur()}}},e._l(e.bannerConfigs,function(i){return t(\"div\",{key:i.id,class:[{\"item-active\":e.cur_indexBanner===i.id},{\"three-item-active\":e.cur_indexBanner===i.id\u0026\u00263===e.bannerConfigs.length},\"item\"],on:{mouseover:function(t){return e.addBannerActive(i.id)}}},[i.attrs.isVideo?t(\"video\",{ref:e.setVideoRef(i.id),refInFor:!0,staticStyle:{display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",src:e.$fallbackText(i.attrs.videoUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20250618_7659\/22.mp4\"),poster:e.$fallbackText(i.attrs.posterUrl,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/brand-pc.jpg\"),loop:\"\"},domProps:{muted:!0},on:{mouseover:function(t){return e.playVideo(i.id)},mouseleave:function(t){return e.pauseVideo(i.id)}}}):t(\"img\",{attrs:{src:i.attrs.posterUrl?i.attrs.posterUrl:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250618_7659\/pc3.jpg\",alt:\"VIVAIA\",loading:\"lazy\"},on:{mouseover:function(t){return e.pauseAllVideo()}}}),t(\"div\",{staticClass:\"inline-text\",style:{color:i.attrs.textColor}},[t(\"div\",{staticClass:\"title\"},[e._v(e._s(e.$fallbackText(i.attrs.titlePc)))]),t(\"div\",{staticClass:\"desc\"},[e._v(e._s(e.$fallbackText(i.attrs.descPc)))])])])}),0)]):t(\"div\",{staticClass:\"top-banner-m\"},[e.showTitle?t(\"div\",{staticClass:\"banner-title\"},[e._v(e._s(e.mainTitle))]):e._e(),t(\"div\",{ref:\"swiperContainerRef\",staticClass:\"swiper-container\"},[t(\"div\",{staticClass:\"swiper-wrapper\"},e._l(e.bannerConfigs,function(e,i){return t(\"div\",{key:i,staticClass:\"swiper-slide\"},[t(\"div\",{staticClass:\"slide-content\"},[t(\"div\",{staticClass:\"media-box\"},[e.attrs.isVideo?t(\"video\",{staticClass:\"bg-media\",attrs:{src:e.attrs.videoUrlM?e.attrs.videoUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",poster:e.attrs.posterUrlM?e.attrs.posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",loop:\"\",muted:\"\",playsinline:\"\",\"webkit-playsinline\":\"\"},domProps:{muted:!0}}):t(\"img\",{staticClass:\"bg-media\",attrs:{src:e.attrs.posterUrlM?e.attrs.posterUrlM:\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/image-1.jpg\",alt:\"VIVAIA\",loading:\"lazy\"}})])])])}),0),t(\"div\",{staticClass:\"text-content\",style:{color:e.currentActiveItem.attrs.textColorM}},[t(\"div\",{staticClass:\"title\"},[e._v(e._s(e.$fallbackText(e.currentActiveItem.attrs.titleM)))]),t(\"div\",{staticClass:\"desc\"},[e._v(e._s(e.$fallbackText(e.currentActiveItem.attrs.descM)))])]),t(\"div\",{staticClass:\"swiper-pagination\"})])])])},a=[]},6899:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(9207);const a=s.A},6959:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(9339);const a=s.A},7048:(e,t,i)=\u003e{i.d(t,{A:()=\u003er});var s=i(154),a=i(2781),n=(i(7328),i(1455)),o=(0,n.A)(a.A,s.X,s.Y,!1,null,\"831b8348\",null);const r=o.exports},7067:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"top-banner\",style:`--bgColor:${e.sectionData.bgColor}`},[t(\"div\",{staticClass:\"top-banner-container\",class:{pcCenterVertical:e.isPcCenterVertical}},[e.showTitle?t(\"div\",{key:e.nid,staticClass:\"text-info-m\",class:{\"text-info-vertical\":e.showTitleVertical\u0026\u0026e.isPc,\"text-info\":!(e.showTitleVertical\u0026\u0026e.isPc)},style:e.positionStyle},[t(\"div\",{staticClass:\"title\",style:{color:e.titleColor,textAlign:e.TitleLayout,borderRight:e.borderRight},domProps:{innerHTML:e._s(e.$resolveText(e.mainTitle))}}),t(\"div\",{staticClass:\"desc\",style:{color:e.titleColor,textAlign:e.TitleLayout}},[e._v(e._s(e.mainDesc))])]):e._e(),(e.isPc?e.sectionData.videoPc:e.sectionData.videoM)?t(\"video\",{staticClass:\"top-video\",staticStyle:{height:\"100%\",width:\"100%\",display:\"block\"},attrs:{\"webkit-playsinline\":\"\",playsinline:\"\",autoplay:\"\",muted:\"\",height:\"100%\",src:e.$fallbackText(e.isPc?e.sectionData.videoPc:e.sectionData.videoM,\"\"),poster:e.$fallbackText(e.isPc?e.sectionData.posterUrlPc:e.sectionData.posterUrlM,e.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/2%20250703.jpg\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7949\/Group%20336569472.jpg\"),loop:\"\"},domProps:{muted:!0}}):t(\"img\",{staticClass:\"top-video\",style:{right:e.isPc?e.sectionData.rightImgPc+\"%\":void 0},attrs:{src:e.$fallbackText(e.isPc?e.sectionData.bgImgPc:e.sectionData.bgImgM,e.isPc?\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570778.png\":\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20251205_7948\/Group%20336570708.png\"),alt:\"banner\"}})])])},a=[]},7328:(e,t,i)=\u003e{i(3741)},7668:(e,t,i)=\u003e{i.d(t,{A:()=\u003ec});var s=i(304),a=i(2307),n=i(4246),o=i(3329),r=i(7048),l=i(4466);const c={props:{templateData:{type:Array,default:()=\u003e[]},lang:{type:String}},components:{AboutUs:n.A,HoverAccordion:a.A,ImgOrVideo:r.A,LookBook:o.A,TopBanner:l.A},data(){return{isPc:!1}},computed:{langClassName(){if(window.$nuxt){let e=window.$nuxt.$store.state.lang;return\"mainComponent\"+e.charAt(0).toUpperCase()+e.slice(1)}{let e=window.currentLang||this.lang;return window.location.hostname.includes(\"vivaia.kr\")?e=\"kr\":window.location.hostname.includes(\"vivaia.jp\")\u0026\u0026(e=\"jp\"),\"mainComponent\"+e.charAt(0).toUpperCase()+e.slice(1)}}},mounted(){this.handleSize(),window.addEventListener(\"resize\",this.handleSize)},beforeDestroy(){window.removeEventListener(\"resize\",this.handleSize)},methods:{handleSize(){this.isPc=(window.visualViewport?.width??window.outerWidth)\u003e768},computedIsShow(e){return!(\"isShow\"in e)||e.isShow}},mixins:[s.Zc]}},7673:()=\u003e{},8256:(e,t,i)=\u003e{i.d(t,{Ak:()=\u003ea});var s=i(728);let a=(e=21)=\u003e{let t=\"\",i=crypto.getRandomValues(new Uint8Array(e|=0));while(e--)t+=s.x[63\u0026i[e]];return t}},8448:(e,t,i)=\u003e{i.d(t,{X:()=\u003es,Y:()=\u003ea});var s=function(){var e=this,t=e._self._c;return e.showSwiperSlide?t(\"div\",{staticClass:\"new-panel\",style:{backgroundColor:e.bgColor}},[t(\"div\",{staticClass:\"new-lookBook\",domProps:{innerHTML:e._s(e.mainTitle)}}),t(\"div\",{staticClass:\"new-showcase-container swiper-container\"},[t(\"div\",{staticClass:\"swiper-wrapper\"},e._l(e.previewList,function(i,s){return t(\"div\",{key:s+1,staticClass:\"swiper-slide\"},[t(\"img\",{staticClass:\"slide-img\",attrs:{src:e.isPc?e.$fallbackText(i.attrs.pcImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250117_7336\/ISABELI-pc-005.jpg\"):e.$fallbackText(i.attrs.mImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/demo-pc-03-6.jpg\"),alt:i.attrs.title}})])}),0),t(\"div\",{ref:\"swiperPagination\",staticClass:\"swiper-pagination\"}),e._m(0)])]):t(\"div\",{key:e.keyTime},[e.isPc?t(\"div\",{staticClass:\"center-banner-pc\",style:{backgroundColor:e.bgColor}},[t(\"div\",{staticClass:\"text-arr\"},[t(\"div\",{staticClass:\"text-title\",domProps:{innerHTML:e._s(e.mainTitle)}}),t(\"ul\",{staticClass:\"text-desc\"},e._l(e.previewList,function(i,s){return t(\"li\",{key:s+1,class:[{\"desc-item-active\":e.cur_indexPreview==s+1},\"desc-item\"],on:{mouseover:function(t){return e.addPreviewActive(s+1)}}},[t(\"span\",{domProps:{innerHTML:e._s(e.$fallbackText(i.attrs.title))}})])}),0)]),t(\"div\",{staticClass:\"img-arr\"},e._l(e.previewList,function(i,s){return t(\"img\",{key:s+1,class:[\"common-img\",`performance-${i.id}`,{\"img-active\":e.cur_indexPreview===s+1}],style:e.imgPcForId(s+1),attrs:{src:e.$fallbackText(i.attrs.pcImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20250117_7336\/ISABELI-pc-005.jpg\"),alt:\"VIVAIA\"}})}),0)]):t(\"div\",{staticClass:\"center-banner-m\",style:{backgroundColor:e.bgColor||\"#faf7f6\"}},[t(\"div\",{staticClass:\"title\",domProps:{innerHTML:e._s(e.mainTitle)}}),t(\"div\",{ref:\"commonSwiper\",staticClass:\"swiper-container commit-swiper\"},[t(\"div\",{staticClass:\"swiper-wrapper\"},e._l(e.previewList,function(i){return t(\"div\",{key:i.id,staticClass:\"swiper-slide\"},[t(\"div\",{staticClass:\"item\"},[t(\"div\",{staticClass:\"inline-text\"},[t(\"div\",{staticClass:\"title\",style:{color:i.attrs.titleColor},domProps:{innerHTML:e._s(i.attrs.title)}})]),t(\"img\",{attrs:{src:e.$fallbackText(i.attrs.mImg,\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20241209_7256\/demo-pc-03-6.jpg\"),alt:\"VIVAIA\",loading:\"lazy\"}})])])}),0),t(\"div\",{staticClass:\"swiper-scrollbar\"})])])])},a=[function(){var e=this,t=e._self._c;return t(\"div\",{staticClass:\"true-pagination\"},[t(\"div\",{staticClass:\"swiper-button-prev\"}),t(\"div\",{staticClass:\"swiper-button-next\"})])}]},9207:(e,t,i)=\u003e{i.d(t,{A:()=\u003en});var s=i(304),a=i(8256);const n={name:\"TopBanner\",props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e({})}},data(){return{nid:(0,a.Ak)()}},watch:{isPc:{handler(){this.nid=(0,a.Ak)()},immediate:!0}},computed:{showTitle(){return this.sectionData.showTitle},showTitleVertical(){return this.sectionData.showTitleDirection},mainTitle(){return this.$fallbackText(this.isPc?this.sectionData.titlePc:this.sectionData.titleM)},mainDesc(){return this.$fallbackText(this.isPc?this.sectionData.descPc:this.sectionData.descM)},titleColor(){return this.$fallbackText(this.isPc?this.sectionData.titleColorPc:this.sectionData.titleColorM,\"#191817\")},borderRight(){return this.isPc?this.sectionData.showTitleDirection?\"none\":`0.05vw solid ${this.sectionData.titleColorPc}`:\"none\"},positionStyle(){return this.isPc?{top:this.sectionData.topPc+\"%\",left:this.sectionData.leftPc+\"%\"}:{top:this.sectionData.topM+\"%\",left:\"0%\"}},TitleLayout(){return this.isPc?this.sectionData.PcTitleLayout:\"center\"},isPcCenterVertical(){return this.showTitleVertical}},mixins:[s.Zc]}},9331:(e,t,i)=\u003e{i(3736)},9339:(e,t,i)=\u003e{i.d(t,{A:()=\u003ea});var s=i(304);const a={props:{isPc:{type:Boolean,default:()=\u003e!1},sectionData:{type:Object,default:()=\u003e{}},langCode:{type:String}},data(){return{TextEn:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA was born in 2020 with the vision of bringing environmentally friendly, comfortable, and timelessly designed shoes to the world.\u003cbr \/\u003eWe are committed to freeing women’s feet in a sustainable way.\",end_about_desc_m:\"VIVAIA was born in 2020 with the vision of bringing environmentally friendly, comfortable, and timelessly designed shoes to the world.\u003cbr \/\u003eWe are committed to freeing women’s feet in a sustainable way.\"},TextDe:{end_about_title:\"Über uns\",end_about_desc:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen.\u003cbr \/\u003eWir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\",end_about_desc_m:\"VIVAIA wurde 2020 mit der Vision gegründet, umweltfreundliche, komfortable und zeitlos designte Schuhe in die Welt zu bringen. Wir setzen uns dafür ein, die Füße der Frauen auf nachhaltige Weise zu befreien.\"},TextFr:{end_about_title:\"À propos de nous\",end_about_desc:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. \u003cbr \/\u003eNous nous engageons à libérer les pieds des femmes de manière durable.\",end_about_desc_m:\"VIVAIA est née en 2020 avec la vision d'offrir au monde des chaussures à la fois écoresponsables, confortables et au design intemporel. Nous nous engageons à libérer les pieds des femmes de manière durable.\"},TextEs:{end_about_title:\"Sobre Nosotros\",end_about_desc:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal.\u003cbr \/\u003eNuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\",end_about_desc_m:\"Fundada en 2020, VIVAIA nació con la visión de desarrollar calzado respetuoso con el medio ambiente, cómodo y de diseño atemporal. Nuestro compromiso es ofrecer libertad y bienestar a los pies de las mujeres de forma sostenible.\"},TextIt:{end_about_title:\"Chi Siamo\",end_about_desc:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.\u003cbr \/\u003eCi impegniamo a liberare i piedi delle donne in modo sostenibile.\",end_about_desc_m:\"VIVAIA nasce nel 2020 con l'obiettivo di presentare al mondo scarpe ecosostenibili, comode e dal design senza tempo.Ci impegniamo a liberare i piedi delle donne in modo sostenibile.\"},TextKr:{end_about_title:\"About Us\",end_about_desc:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다.\u003cbr \/\u003e우리는 지속 가능한 방식으로 각지역 여성들에게 최고의 착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\",end_about_desc_m:\"VIVAIA는 환경 친화적이고 편안하며 디테일한 디자인의 신발을 전 세계에 선보이겠다는 비전을 가지고 2020년에 탄생했습니다.우리는 지속 가능한 방식으로 각지역 여성들에게 최고의  착화감 신발을 제공하기 위해 최선을 다하고 있습니다.\"},TextJp:{end_about_title:\"VIVAIAについて\",end_about_desc:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。\u003cbr\/\u003e私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\",end_about_desc_m:\"VIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインの靴を世界に発信するというビジョンを掲げております。私たちは、持続可能性を追求しながら女性の足を解放することを約束します。\"}}},computed:{title(){const e=this.langCode;return this[`Text${e.charAt(0).toUpperCase()+e.slice(1)}`].end_about_title},desc(){const e=this.langCode;return this.isPc?this[`Text${e.charAt(0).toUpperCase()+e.slice(1)}`].end_about_desc:this[`Text${e.charAt(0).toUpperCase()+e.slice(1)}`].end_about_desc_m}},mixins:[s.Zc]}},9380:()=\u003e{},9886:()=\u003e{}},t={};function i(s){var a=t[s];if(void 0!==a)return a.exports;var n=t[s]={exports:{}};return e[s](n,n.exports,i),n.exports}(()=\u003e{i.n=e=\u003e{var t=e\u0026\u0026e.__esModule?()=\u003ee[\"default\"]:()=\u003ee;return i.d(t,{a:t}),t}})(),(()=\u003e{i.d=(e,t)=\u003e{for(var s in t)i.o(t,s)\u0026\u0026!i.o(e,s)\u0026\u0026Object.defineProperty(e,s,{enumerable:!0,get:t[s]})}})(),(()=\u003e{i.o=(e,t)=\u003eObject.prototype.hasOwnProperty.call(e,t)})();var s=i(4061),a=i.n(s),n=i(1061),o=i(4783);(0,o.KD)(),new(a())({render:e=\u003ee(n.A)}).$mount(\"#app\")})();\n         \u003c\/script\u003e\n    \u003cp style=\"color: #fff\"\u003e𝐕𝐈𝐕𝐀𝐈𝐀丨𝐄𝐜𝐨-𝐅𝐫𝐢𝐞𝐧𝐝𝐥𝐲 𝐅𝐨𝐨𝐭𝐰𝐞𝐚𝐫\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"francesca_ヌードピーチ \/ JP-22.0cm\/EU-35","offer_id":48196532470016,"sku":"shpumpse2510290001001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-22.5cm\/EU-35.5","offer_id":48196532502784,"sku":"shpumpse2510290001002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-22.5~23.0cm\/EU-36","offer_id":48196532535552,"sku":"shpumpse2510290001003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-23.0cm\/EU-36.5","offer_id":48196532568320,"sku":"shpumpse2510290001004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-23.5cm\/EU-37","offer_id":48196532601088,"sku":"shpumpse2510290001005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-23.5~24.0cm\/EU-37.5","offer_id":48196532633856,"sku":"shpumpse2510290001006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-24.0cm\/EU-38","offer_id":48196532666624,"sku":"shpumpse2510290001007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-24.5cm\/EU-38.5","offer_id":48196532699392,"sku":"shpumpse2510290001008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-24.5~25.0cm\/EU-39","offer_id":48196532732160,"sku":"shpumpse2510290001009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-25.0cm\/EU-39.5","offer_id":48196532764928,"sku":"shpumpse2510290001010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-25.5cm\/EU-40","offer_id":48196532797696,"sku":"shpumpse2510290001011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-25.5~26.0cm\/EU-40.5","offer_id":48196532830464,"sku":"shpumpse2510290001012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-26.0cm\/EU-41","offer_id":48196532863232,"sku":"shpumpse2510290001013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-26.5cm\/EU-41.5","offer_id":48196532896000,"sku":"shpumpse2510290001014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-27.0cm\/EU-42","offer_id":48196532928768,"sku":"shpumpse2510290001015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_ヌードピーチ \/ JP-27.5cm\/EU-43","offer_id":48196532961536,"sku":"shpumpse2510290001016","price":22900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1773906420-188f6225-6794-4a1b-8673-d0f79cf5936a.jpg?v=1774420194"}],"url":"https:\/\/vivaia.jp\/collections\/tamiamaryjane-francesca.oembed?page=2","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}