{"title":"ローファー｜アーモンドトゥ","description":"","products":[{"product_id":"loafers-eloise-metallicleopard","title":"[Eloise] Almond toe Penny Loafers","description":"\u003cbody\u003e              \u003cmeta charset=\"UTF-8\"\u003e      \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e      \u003ctitle\u003eDocument\u003c\/title\u003e        \u003cstyle\u003e\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      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      margin-top: 4.167vw;\n    }\n\n    .ELOISE .trans_container .item_area {\n      width: 24.4791667vw;\n\n      \/* height: 46.875vw; *\/\n      transition: width 0.3s;\n      overflow-x: 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: 600;\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;\nmargin-block-end: 0; *\/\n      opacity: 0;\n      position: relative;\n      transition: all 0.4s;\n      transition-delay: 0.2s;\n      font-size: 0.83vw;\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: 1.667vw;\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      column-gap: 20px;\n      width: 98.3%;\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: 600;\n        line-height: 32px;\n        text-align: left;\n      }\n\n      .ELOISE .myswiper_container .desc {\n        font-size: 16px;\n        font-weight: 500;\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-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-reverse;\n        margin-top: 10.667vw;\n        padding: 0 5.3333333vw;\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 .key-features-section__title {\n        width: 53.333vw !important;\n      } *\/\n\n      .ELOISE .trans_container .key-features-section__title-copy {\n        font-size: 5.333vw;\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: 5.333vw;\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: 3.733vw;\n        font-weight: 400;\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: 500;\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       \n      }\n      .ELOISE .myswiper_container .area {\n        margin-top: 2.6666667vw;\n      }\n      .ELOISE .myswiper_container .title {\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          \u003cdiv class=\"ELOISE\"\u003e          \u003cdiv class=\"kara-top-banner\"\u003e              \u003cpicture\u003e                  \u003csource srcset=\"\n            https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%202062.jpg?imresize=750x1100           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/image-40.jpg?imresize=2880x1350\" alt=\"VIVAIA\" class=\"img-aspet\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e            \u003cdiv class=\"trans_container\"\u003e              \u003cdiv class=\"item_area active item_area_fir\"\u003e                  \u003cdiv class=\"mask\" style=\"display: none\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206468888.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013477.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e4mm heel pad\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e             4mm heel pad             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             It is stable and soft, and prevents blisters.           \u003c\/p\u003e                  \u003c\/div\u003e                          \u003c\/div\u003e              \u003cdiv class=\"item_area\"\u003e                  \u003cdiv class=\"mask mask_sec\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%206441111.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013478.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003e               Classic penny loafer design             \u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Classic\u003cbr\u003ePenny Loafer Design             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             Classic and elegant design that is durable and breathable           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e              \u003cdiv class=\"item_area item_area_thr\"\u003e                  \u003cdiv class=\"mask\"\u003e\u003c\/div\u003e                  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e                      \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e                      \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e                  \u003c\/svg\u003e                  \u003cdiv class=\"item_image\"\u003e                      \u003cpicture\u003e                          \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%20690999.jpg?imresize=710x652               \" media=\"(max-width:768px)\"\u003e             \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240808_7027\/Rectangle%2013479.jpg?imresize=1257x1155\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e                  \u003c\/div\u003e                  \u003cdiv class=\"key-features-section__text\"\u003e                      \u003cdiv class=\"key-features-section__title\"\u003e                          \u003cp class=\"key-features-section__title-copy\"\u003eFlexible upper\u003c\/p\u003e                          \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e               Flexible upper             \u003c\/p\u003e                      \u003c\/div\u003e                      \u003cp class=\"key-features-section__description-copy show-big\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                      \u003cp class=\"key-features-section__description-copy show-small\"\u003e             The soft, high quality material fits most foot shapes.           \u003c\/p\u003e                  \u003c\/div\u003e              \u003c\/div\u003e          \u003c\/div\u003e            \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_336568479_1.jpg?v=1723785431           \" media=\"(max-width:768px)\"\u003e         \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568389.jpg?v=1723531723\" alt=\"VIVAIA\" loading=\"lazy\"\u003e\u003c\/picture\u003e          \u003c\/div\u003e                  \u003c\/div\u003e              \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      \u003c\/body\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"eloise_Leepage with glitter \/ JP-22.0cm\/EU-35","offer_id":45735306690816,"sku":"shflatse2312260005001","price":10700.0,"currency_code":"JPY","in_stock":true},{"title":"eloise_Leepage with glitter \/ JP-22.5cm\/EU-35.5","offer_id":45735306723584,"sku":"shflatse2312260005002","price":10700.0,"currency_code":"JPY","in_stock":true},{"title":"eloise_Leepage with glitter \/ JP-22.5~23.0cm\/EU-36","offer_id":45735306756352,"sku":"shflatse2312260005003","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.0cm\/EU-36.5","offer_id":45735306789120,"sku":"shflatse2312260005004","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.5cm\/EU-37","offer_id":45735306821888,"sku":"shflatse2312260005005","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45735306854656,"sku":"shflatse2312260005006","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.0cm\/EU-38","offer_id":45735306887424,"sku":"shflatse2312260005007","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.5cm\/EU-38.5","offer_id":45735306920192,"sku":"shflatse2312260005008","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-24.5~25.0cm\/EU-39","offer_id":45735306952960,"sku":"shflatse2312260005009","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.0cm\/EU-39.5","offer_id":45735306985728,"sku":"shflatse2312260005010","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.5cm\/EU-40","offer_id":45735307018496,"sku":"shflatse2312260005011","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45735307051264,"sku":"shflatse2312260005012","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-26.0cm\/EU-41","offer_id":45735307084032,"sku":"shflatse2312260005013","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-26.5cm\/EU-41.5","offer_id":45735307116800,"sku":"shflatse2312260005014","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-27.0cm\/EU-42","offer_id":45735307149568,"sku":"shflatse2312260005015","price":10700.0,"currency_code":"JPY","in_stock":false},{"title":"eloise_Leepage with glitter \/ JP-27.5cm\/EU-43","offer_id":45735307182336,"sku":"shflatse2312260005016","price":10700.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1722836536-59c9c07e-5d19-44c4-bd75-2ca699312050.jpg?v=1729157480"},{"product_id":"loafers-francesca-black","title":"[Francesca] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_black \/ JP-22.0cm\/EU-35","offer_id":45879183704320,"sku":"shpumpse2405170002001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-22.5cm\/EU-35.5","offer_id":45879183737088,"sku":"shpumpse2405170002002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-22.5~23.0cm\/EU-36","offer_id":45879183769856,"sku":"shpumpse2405170002003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-23.0cm\/EU-36.5","offer_id":45879183802624,"sku":"shpumpse2405170002004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-23.5cm\/EU-37","offer_id":45879183868160,"sku":"shpumpse2405170002005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879183966464,"sku":"shpumpse2405170002006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-24.0cm\/EU-38","offer_id":45879184097536,"sku":"shpumpse2405170002007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-24.5cm\/EU-38.5","offer_id":45879184195840,"sku":"shpumpse2405170002008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-24.5~25.0cm\/EU-39","offer_id":45879184294144,"sku":"shpumpse2405170002009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-25.0cm\/EU-39.5","offer_id":45879184425216,"sku":"shpumpse2405170002010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-25.5cm\/EU-40","offer_id":45879184490752,"sku":"shpumpse2405170002011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879184621824,"sku":"shpumpse2405170002012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-26.0cm\/EU-41","offer_id":45879184720128,"sku":"shpumpse2405170002013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-26.5cm\/EU-41.5","offer_id":45879184785664,"sku":"shpumpse2405170002014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ JP-27.0cm\/EU-42","offer_id":45879184883968,"sku":"shpumpse2405170002015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black \/ 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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_almond \/ JP-22.0cm\/EU-35","offer_id":45879189340416,"sku":"shpumpse2405170005001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-22.5cm\/EU-35.5","offer_id":45879189373184,"sku":"shpumpse2405170005002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-22.5~23.0cm\/EU-36","offer_id":45879189405952,"sku":"shpumpse2405170005003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-23.0cm\/EU-36.5","offer_id":45879189438720,"sku":"shpumpse2405170005004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-23.5cm\/EU-37","offer_id":45879189471488,"sku":"shpumpse2405170005005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45879189504256,"sku":"shpumpse2405170005006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-24.0cm\/EU-38","offer_id":45879189537024,"sku":"shpumpse2405170005007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-24.5cm\/EU-38.5","offer_id":45879189569792,"sku":"shpumpse2405170005008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-24.5~25.0cm\/EU-39","offer_id":45879189602560,"sku":"shpumpse2405170005009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-25.0cm\/EU-39.5","offer_id":45879189635328,"sku":"shpumpse2405170005010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-25.5cm\/EU-40","offer_id":45879189668096,"sku":"shpumpse2405170005011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45879189700864,"sku":"shpumpse2405170005012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-26.0cm\/EU-41","offer_id":45879189733632,"sku":"shpumpse2405170005013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-26.5cm\/EU-41.5","offer_id":45879189766400,"sku":"shpumpse2405170005014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ JP-27.0cm\/EU-42","offer_id":45879189799168,"sku":"shpumpse2405170005015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_almond \/ 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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_black ivory \/ JP-22.0cm\/EU-35","offer_id":45951311839488,"sku":"shpumpse2407250001001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-22.5cm\/EU-35.5","offer_id":45951311872256,"sku":"shpumpse2407250001002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-22.5~23.0cm\/EU-36","offer_id":45951311905024,"sku":"shpumpse2407250001003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-23.0cm\/EU-36.5","offer_id":45951311937792,"sku":"shpumpse2407250001004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-23.5cm\/EU-37","offer_id":45951311970560,"sku":"shpumpse2407250001005","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_black ivory \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45951312003328,"sku":"shpumpse2407250001006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-24.0cm\/EU-38","offer_id":45951312036096,"sku":"shpumpse2407250001007","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_black ivory \/ JP-24.5cm\/EU-38.5","offer_id":45951312068864,"sku":"shpumpse2407250001008","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_black ivory \/ JP-24.5~25.0cm\/EU-39","offer_id":45951312101632,"sku":"shpumpse2407250001009","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_black ivory \/ JP-25.0cm\/EU-39.5","offer_id":45951312134400,"sku":"shpumpse2407250001010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-25.5cm\/EU-40","offer_id":45951312167168,"sku":"shpumpse2407250001011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45951312199936,"sku":"shpumpse2407250001012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-26.0cm\/EU-41","offer_id":45951312232704,"sku":"shpumpse2407250001013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-26.5cm\/EU-41.5","offer_id":45951312265472,"sku":"shpumpse2407250001014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black ivory \/ JP-27.0cm\/EU-42","offer_id":45951312298240,"sku":"shpumpse2407250001015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_black ivory \/ 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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_brown ivory \/ JP-22.0cm\/EU-35","offer_id":45966097514752,"sku":"shpumpse2407250002001","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-22.5cm\/EU-35.5","offer_id":45966097547520,"sku":"shpumpse2407250002002","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-22.5~23.0cm\/EU-36","offer_id":45966097580288,"sku":"shpumpse2407250002003","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-23.0cm\/EU-36.5","offer_id":45966097613056,"sku":"shpumpse2407250002004","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_brown ivory \/ JP-23.5cm\/EU-37","offer_id":45966097645824,"sku":"shpumpse2407250002005","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_brown ivory \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45966097678592,"sku":"shpumpse2407250002006","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_brown ivory \/ JP-24.0cm\/EU-38","offer_id":45966097711360,"sku":"shpumpse2407250002007","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-24.5cm\/EU-38.5","offer_id":45966097744128,"sku":"shpumpse2407250002008","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-24.5~25.0cm\/EU-39","offer_id":45966097776896,"sku":"shpumpse2407250002009","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-25.0cm\/EU-39.5","offer_id":45966097809664,"sku":"shpumpse2407250002010","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-25.5cm\/EU-40","offer_id":45966097842432,"sku":"shpumpse2407250002011","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45966097875200,"sku":"shpumpse2407250002012","price":18300.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_brown ivory \/ JP-26.0cm\/EU-41","offer_id":45966097907968,"sku":"shpumpse2407250002013","price":18300.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_brown ivory \/ JP-26.5cm\/EU-41.5","offer_id":45966097940736,"sku":"shpumpse2407250002014","price":18300.0,"currency_code":"JPY","in_stock":false}],"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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_Ivory Nude \/ JP-22.0cm\/EU-35","offer_id":46224504160512,"sku":"shpumpse2410170001001","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Ivory Nude \/ JP-22.5cm\/EU-35.5","offer_id":46224504193280,"sku":"shpumpse2410170001002","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-22.5~23.0cm\/EU-36","offer_id":46224504226048,"sku":"shpumpse2410170001003","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-23.0cm\/EU-36.5","offer_id":46224504258816,"sku":"shpumpse2410170001004","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-23.5cm\/EU-37","offer_id":46224504291584,"sku":"shpumpse2410170001005","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46224504324352,"sku":"shpumpse2410170001006","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-24.0cm\/EU-38","offer_id":46224504357120,"sku":"shpumpse2410170001007","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-24.5cm\/EU-38.5","offer_id":46224504389888,"sku":"shpumpse2410170001008","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-24.5~25.0cm\/EU-39","offer_id":46224504422656,"sku":"shpumpse2410170001009","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-25.0cm\/EU-39.5","offer_id":46224504455424,"sku":"shpumpse2410170001010","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-25.5cm\/EU-40","offer_id":46224504488192,"sku":"shpumpse2410170001011","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46224504520960,"sku":"shpumpse2410170001012","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-26.0cm\/EU-41","offer_id":46224504553728,"sku":"shpumpse2410170001013","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-26.5cm\/EU41.5","offer_id":46224504586496,"sku":"shpumpse2410170001014","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-27cm\/EU42","offer_id":46224504619264,"sku":"shpumpse2410170001015","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Ivory Nude \/ JP-27.5cm\/EU43","offer_id":46224504652032,"sku":"shpumpse2410170001016","price":14900.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":"loafers-francesca-blackstuds","title":"[Francesca] Japan-only Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_black studs \/ JP-22.0cm\/EU-35","offer_id":46667252957440,"sku":"shpumpse2406260002001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-22.5cm\/EU-35.5","offer_id":46667252990208,"sku":"shpumpse2406260002002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-22.5~23.0cm\/EU-36","offer_id":46667253022976,"sku":"shpumpse2406260002003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-23.0cm\/EU-36.5","offer_id":46667253055744,"sku":"shpumpse2406260002004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-23.5cm\/EU-37","offer_id":46667253088512,"sku":"shpumpse2406260002005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46667253121280,"sku":"shpumpse2406260002006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-24.0cm\/EU-38","offer_id":46667253154048,"sku":"shpumpse2406260002007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-24.5cm\/EU-38.5","offer_id":46667253186816,"sku":"shpumpse2406260002008","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-24.5~25.0cm\/EU-39","offer_id":46667253219584,"sku":"shpumpse2406260002009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-25.0cm\/EU-39.5","offer_id":46667253252352,"sku":"shpumpse2406260002010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-25.5cm\/EU-40","offer_id":46667253285120,"sku":"shpumpse2406260002011","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46667253317888,"sku":"shpumpse2406260002012","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-26.0cm\/EU-41","offer_id":46667253350656,"sku":"shpumpse2406260002013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-26.5cm\/EU41.5","offer_id":46667253383424,"sku":"shpumpse2406260002014","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-27cm\/EU42","offer_id":46667253416192,"sku":"shpumpse2406260002015","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_black studs \/ JP-27.5cm\/EU43","offer_id":46667253448960,"sku":"shpumpse2406260002016","price":22900.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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_Gingham Grey \/ JP-22.0cm\/EU-35","offer_id":46741616754944,"sku":"shpumpse2405170001001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-22.5cm\/EU-35.5","offer_id":46741616787712,"sku":"shpumpse2405170001002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-22.5~23.0cm\/EU-36","offer_id":46741616820480,"sku":"shpumpse2405170001003","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-23.0cm\/EU-36.5","offer_id":46741616853248,"sku":"shpumpse2405170001004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-23.5cm\/EU-37","offer_id":46741616886016,"sku":"shpumpse2405170001005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46741616918784,"sku":"shpumpse2405170001006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-24.0cm\/EU-38","offer_id":46741616951552,"sku":"shpumpse2405170001007","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-24.5cm\/EU-38.5","offer_id":46741616984320,"sku":"shpumpse2405170001008","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-24.5~25.0cm\/EU-39","offer_id":46741617017088,"sku":"shpumpse2405170001009","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-25.0cm\/EU-39.5","offer_id":46741617049856,"sku":"shpumpse2405170001010","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-25.5cm\/EU-40","offer_id":46741617082624,"sku":"shpumpse2405170001011","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46741617115392,"sku":"shpumpse2405170001012","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-26.0cm\/EU-41","offer_id":46741617148160,"sku":"shpumpse2405170001013","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Gingham Grey \/ JP-26.5cm\/EU-41.5","offer_id":46741617180928,"sku":"shpumpse2405170001014","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-27.0cm\/EU-42","offer_id":46741617213696,"sku":"shpumpse2405170001015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Gingham Grey \/ JP-27.5cm\/EU-43","offer_id":46741617246464,"sku":"shpumpse2405170001016","price":22900.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] Almond Toe Platform Truck Sole Loafers","description":"\u003cp\u003e  \u003c\/p\u003e  \u003cp\u003e  \u003c\/p\u003e  \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  \u003cdiv class=\"ELOISE\"\u003e  \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             \" 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  \u003cdiv class=\"trans_container\"\u003e  \u003cdiv class=\"item_area active item_area_fir\"\u003e  \u003cdiv class=\"mask\" style=\"display: none;\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568428_2.jpg?v=1725275033                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eClassic penny loafer design\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eClassic and elegant design that is durable and breathable.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area\"\u003e  \u003cdiv class=\"mask mask_sec\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0909.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003eLug sole\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003eLug sole\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eThe lightweight and durable lug sole features a deceptively soft forefoot for a comfortable walk.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eThe soft forefoot area provides comfortable walking support.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003cdiv class=\"item_area item_area_thr\"\u003e  \u003cdiv class=\"mask mask_thr\"\u003e  \u003c\/div\u003e  \u003csvg class=\"right-btn\" width=\"32\" height=\"32\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e  \u003ccircle cx=\"16\" cy=\"16\" r=\"15.5\" stroke=\"#fff\"\u003e\u003c\/circle\u003e  \u003cpath d=\"M16.6455 15.3332L16.6455 9.33321H15.3122L15.3122 15.3332L9.31221 15.3332L9.31221 16.6665L15.3122 16.6665L15.3122 22.6665L16.6455 22.6665L16.6455 16.6665L22.6455 16.6665L22.6455 15.3332H16.6455Z\" fill=\"#fff\"\u003e\u003c\/path\u003e  \u003c\/svg\u003e  \u003cdiv class=\"item_image\"\u003e\u003cpicture\u003e  \u003csource srcset=\"\n                  https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20240814_7045\/0707.jpg?imresize=710x652                 \" 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  \u003cdiv class=\"key-features-section__text\"\u003e  \u003cdiv class=\"key-features-section__title\"\u003e  \u003cp class=\"key-features-section__title-copy special_heading\"\u003e4mm heel pad\u003c\/p\u003e  \u003cp class=\"key-features-section__title-copy key-features-section__title-copy--large h4\"\u003e4mm heel pad\u003c\/p\u003e  \u003c\/div\u003e  \u003cp class=\"key-features-section__description-copy show-big\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003cp class=\"key-features-section__description-copy show-small\"\u003eIt is stable and soft, and prevents blisters.\u003c\/p\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \u003c\/div\u003e  \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             \" 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    \u003c\/div\u003e    \u003cscript src=\"https:\/\/staticdn.vivaia.com\/onem\/vivaia\/css\/pages\/swiper\/swiper-bundles\/swiper.min.js\"\u003e\u003c\/script\u003e          \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_Caramel Chocolate \/ JP-22.0cm\/EU-35","offer_id":46827064787200,"sku":"shpumpse2503240004001","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-22.5cm\/EU-35.5","offer_id":46827064819968,"sku":"shpumpse2503240004002","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-22.5~23.0cm\/EU-36","offer_id":46827064852736,"sku":"shpumpse2503240004003","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-23.0cm\/EU-36.5","offer_id":46827064885504,"sku":"shpumpse2503240004004","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-23.5cm\/EU-37","offer_id":46827064918272,"sku":"shpumpse2503240004005","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46827064951040,"sku":"shpumpse2503240004006","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-24.0cm\/EU-38","offer_id":46827064983808,"sku":"shpumpse2503240004007","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-24.5cm\/EU-38.5","offer_id":46827065016576,"sku":"shpumpse2503240004008","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-24.5~25.0cm\/EU-39","offer_id":46827065049344,"sku":"shpumpse2503240004009","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-25.0cm\/EU-39.5","offer_id":46827065082112,"sku":"shpumpse2503240004010","price":22900.0,"currency_code":"JPY","in_stock":true},{"title":"francesca_Caramel Chocolate \/ JP-25.5cm\/EU-40","offer_id":46827065114880,"sku":"shpumpse2503240004011","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46827065147648,"sku":"shpumpse2503240004012","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-26.0cm\/EU-41","offer_id":46827065180416,"sku":"shpumpse2503240004013","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-26.5cm\/EU-41.5","offer_id":46827065213184,"sku":"shpumpse2503240004014","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ JP-27.0cm\/EU-42","offer_id":46827065245952,"sku":"shpumpse2503240004015","price":22900.0,"currency_code":"JPY","in_stock":false},{"title":"francesca_Caramel Chocolate \/ 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":"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"},{"product_id":"loafers-franata-nutmegcreamwaterrpt","title":"[Franata] アーモンドトゥ 撥水加工  プラットフォーム トラックソールローファー","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":"franata_ナツメグ \/ JP-22.0cm\/EU-35","offer_id":49206850912512,"sku":"shpumpse2603020008001","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-22.5cm\/EU-35.5","offer_id":49206850945280,"sku":"shpumpse2603020008002","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-22.5~23.0cm\/EU-36","offer_id":49206850978048,"sku":"shpumpse2603020008003","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-23.0cm\/EU-36.5","offer_id":49206851010816,"sku":"shpumpse2603020008004","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-23.5cm\/EU-37","offer_id":49206851043584,"sku":"shpumpse2603020008005","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-23.5~24.0cm\/EU-37.5","offer_id":49206851076352,"sku":"shpumpse2603020008006","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-24.0cm\/EU-38","offer_id":49206851109120,"sku":"shpumpse2603020008007","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-24.5cm\/EU-38.5","offer_id":49206851141888,"sku":"shpumpse2603020008008","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-24.5~25.0cm\/EU-39","offer_id":49206851174656,"sku":"shpumpse2603020008009","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-25.0cm\/EU-39.5","offer_id":49206851207424,"sku":"shpumpse2603020008010","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-25.5cm\/EU-40","offer_id":49206851240192,"sku":"shpumpse2603020008011","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-25.5~26.0cm\/EU-40.5","offer_id":49206851272960,"sku":"shpumpse2603020008012","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-26.0cm\/EU-41","offer_id":49206851305728,"sku":"shpumpse2603020008013","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-26.5cm\/EU-41.5","offer_id":49206851338496,"sku":"shpumpse2603020008014","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-27.0cm\/EU-42","offer_id":49206851371264,"sku":"shpumpse2603020008015","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ナツメグ \/ JP-27.5cm\/EU-43","offer_id":49206851404032,"sku":"shpumpse2603020008016","price":21900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1785469902-43493646-46e3-4caa-bd84-218969ef6c98.jpg?v=1787132155"},{"product_id":"loafers-franata-dkchocolatewaterrpt","title":"[Franata] アーモンドトゥ 撥水加工  プラットフォーム トラックソールローファー","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":"franata_ダークチョコレート \/ JP-22.0cm\/EU-35","offer_id":49207072063744,"sku":"shpumpse2603020009001","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-22.5cm\/EU-35.5","offer_id":49207072096512,"sku":"shpumpse2603020009002","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-22.5~23.0cm\/EU-36","offer_id":49207072129280,"sku":"shpumpse2603020009003","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-23.0cm\/EU-36.5","offer_id":49207072162048,"sku":"shpumpse2603020009004","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-23.5cm\/EU-37","offer_id":49207072194816,"sku":"shpumpse2603020009005","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-23.5~24.0cm\/EU-37.5","offer_id":49207072227584,"sku":"shpumpse2603020009006","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-24.0cm\/EU-38","offer_id":49207072260352,"sku":"shpumpse2603020009007","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-24.5cm\/EU-38.5","offer_id":49207072293120,"sku":"shpumpse2603020009008","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-24.5~25.0cm\/EU-39","offer_id":49207072325888,"sku":"shpumpse2603020009009","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-25.0cm\/EU-39.5","offer_id":49207072358656,"sku":"shpumpse2603020009010","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-25.5cm\/EU-40","offer_id":49207072391424,"sku":"shpumpse2603020009011","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-25.5~26.0cm\/EU-40.5","offer_id":49207072424192,"sku":"shpumpse2603020009012","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-26.0cm\/EU-41","offer_id":49207072456960,"sku":"shpumpse2603020009013","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ JP-26.5cm\/EU-41.5","offer_id":49207072489728,"sku":"shpumpse2603020009014","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ EU42","offer_id":49207072522496,"sku":"shpumpse2603020009015","price":21900.0,"currency_code":"JPY","in_stock":true},{"title":"franata_ダークチョコレート \/ EU43","offer_id":49207072555264,"sku":"shpumpse2603020009016","price":21900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1785469893-07f05276-a689-4a24-b36e-68c97a495e56.jpg?v=1787140111"}],"url":"https:\/\/vivaia.jp\/en\/collections\/loafers-almond-toe.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}