{"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\/products\/loafers-franata-dkchocolatewaterrpt","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}