{"title":"Mary-Jane Collection","description":"","products":[{"product_id":"flats-margotmaryjane-blacknudepeach","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_Nude Peach Black \/ JP-22.0cm\/EU-35","offer_id":44287360368896,"sku":"shflatse2308310020001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-22.5cm\/EU-35.5","offer_id":44287360401664,"sku":"shflatse2308310020002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287360434432,"sku":"shflatse2308310020003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-23.0cm\/EU-36.5","offer_id":44287360467200,"sku":"shflatse2308310020004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-23.5cm\/EU-37","offer_id":44287360499968,"sku":"shflatse2308310020005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287360532736,"sku":"shflatse2308310020006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-24.0cm\/EU-38","offer_id":44287360565504,"sku":"shflatse2308310020007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-24.5cm\/EU-38.5","offer_id":44287360598272,"sku":"shflatse2308310020008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287360631040,"sku":"shflatse2308310020009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-25.0cm\/EU-39.5","offer_id":44287360663808,"sku":"shflatse2308310020010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-25.5cm\/EU-40","offer_id":44287360696576,"sku":"shflatse2308310020011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287360729344,"sku":"shflatse2308310020012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-26.0cm\/EU-41","offer_id":44287360762112,"sku":"shflatse2308310020013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-26.5cm\/EU-41.5","offer_id":44287360794880,"sku":"shflatse2308310020014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-27.0cm\/EU-42","offer_id":44287360827648,"sku":"shflatse2308310020015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Nude Peach Black \/ JP-27.5cm\/EU-43","offer_id":44287360860416,"sku":"shflatse2308310020016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1700186821-4188b206-95e1-47e1-9dc2-9a713ae605ed.jpg?v=1729141944"},{"product_id":"flats-margotmaryjane-blacktweed","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_tweed black \/ JP-22.0cm\/EU-35","offer_id":44287350931712,"sku":"shflatse2308310019001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-22.5cm\/EU-35.5","offer_id":44287350964480,"sku":"shflatse2308310019002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287350997248,"sku":"shflatse2308310019003","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-23.0cm\/EU-36.5","offer_id":44287351030016,"sku":"shflatse2308310019004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-23.5cm\/EU-37","offer_id":44287351062784,"sku":"shflatse2308310019005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287351095552,"sku":"shflatse2308310019006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-24.0cm\/EU-38","offer_id":44287351128320,"sku":"shflatse2308310019007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-24.5cm\/EU-38.5","offer_id":44287351161088,"sku":"shflatse2308310019008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287351193856,"sku":"shflatse2308310019009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-25.0cm\/EU-39.5","offer_id":44287351226624,"sku":"shflatse2308310019010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_tweed black \/ JP-25.5cm\/EU-40","offer_id":44287351259392,"sku":"shflatse2308310019011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_tweed black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287351292160,"sku":"shflatse2308310019012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_tweed black \/ JP-26.0cm\/EU-41","offer_id":44287351324928,"sku":"shflatse2308310019013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_tweed black \/ JP-26.5cm\/EU-41.5","offer_id":44287351357696,"sku":"shflatse2308310019014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_tweed black \/ JP-27.0cm\/EU-42","offer_id":44287351390464,"sku":"shflatse2308310019015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_tweed black \/ JP-27.5cm\/EU-43","offer_id":44287351423232,"sku":"shflatse2308310019016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1700187414-781d5c25-9bbb-4dd5-aec3-41edae85e5df.jpg?v=1729142050"},{"product_id":"flats-margotwalkermaryjane-black","title":"[Margot Walker Mary-Jane] Square toe Ultra-lightweight Thick Sole Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n .swiper-pagination-bullet {\n width: 0;\n height: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: center;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 40px;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n \/* width: 21.094vw; *\/\n \/* position: absolute; *\/\n \/* bottom: 3.854vw; *\/\n \/* left: 39.479vw; *\/\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 28px;\n font-weight: 600;\n line-height: 40px;\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 23.8%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: left;\n bottom: 1.458vw;\n width: 100%;\n margin-top: 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 1.342vw;\n font-weight: 400;\n line-height: 1.458vw;\n\n\n\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 22px;\n font-weight: 500;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 22px;\n line-height: 40px;\n }\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 {\n padding-bottom: 0;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: left;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 91.333vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 12.8vw;\n padding-bottom: 12.8vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 20px;\n font-weight: 600;\n line-height: 7.467vw;\n margin-bottom: 0;\n }\n\n .Margot-Wide-2 .head-text-area {\n position: absolute;\n bottom: 12.800vw;\n left: 50%;\n transform: translateX(-50%);\n width: 84.8vw;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F5F3EF;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n position: absolute;\n top: 8.8vw;\n left: 50%;\n transform: translateX(-50%);\n width: 61.933vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 7.467vw;\n text-align: center;\n font-weight:600;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title special_heading\"\u003eA light step, a confident step\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202062-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337358-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title text-center special_heading\"\u003eChoose the Mary Jane that's right for your style\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337355_e3a91302-7636-49d9-80cf-b346f69d8b0c.jpg?v=1729135624\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568635.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eComfort and style combined\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_28_33f9368b-6f01-4fdd-9fef-5f82186f643e.jpg?v=1729135614\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337337.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 48px;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337357.jpg?v=1729135625\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eComfort and style combined\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337350_283084a7-cbc3-46f7-b805-ddafd621ca66.jpg?v=1729135624\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eDeodorizing insoles made with mugwort\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv style=\"position: absolute; left: 2.208vw;; top: 50%; transform: translateY(-50%);\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202017-PC.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-small\" style=\"margin-top: 48px; margin-bottom: 0;\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cimg class=\"small-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202039-M.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 50%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-PC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-PC4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding: 20px 0; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-M.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-M4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202027-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202022-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eAdjustable buckle\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eAdjustable buckle\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337366-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337362-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202038-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202024-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337365-m2.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337361-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n\n })\n const title_2 = document.querySelector('.title-2')\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n console.log(title_2);\n title_2.innerHTML = 'よもぎ使用の消臭効果があるインソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '快適さとスタイルの両立'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotwalkermaryjane_black \/ JP-22.0cm\/EU-35","offer_id":44287593185536,"sku":"shflatse2308080001001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-22.5cm\/EU-35.5","offer_id":44287593218304,"sku":"shflatse2308080001002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287593251072,"sku":"shflatse2308080001003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-23.0cm\/EU-36.5","offer_id":44287593283840,"sku":"shflatse2308080001004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-23.5cm\/EU-37","offer_id":44287593316608,"sku":"shflatse2308080001005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287593349376,"sku":"shflatse2308080001006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-24.0cm\/EU-38","offer_id":44287593382144,"sku":"shflatse2308080001007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-24.5cm\/EU-38.5","offer_id":44287593414912,"sku":"shflatse2308080001008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287593447680,"sku":"shflatse2308080001009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-25.0cm\/EU-39.5","offer_id":44287593480448,"sku":"shflatse2308080001010","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-25.5cm\/EU-40","offer_id":44287593513216,"sku":"shflatse2308080001011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287593545984,"sku":"shflatse2308080001012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-26.0cm\/EU-41","offer_id":44287593578752,"sku":"shflatse2308080001013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-26.5cm\/EU-41.5","offer_id":44287593611520,"sku":"shflatse2308080001014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-27.0cm\/EU-42","offer_id":44287593644288,"sku":"shflatse2308080001015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_black \/ JP-27.5cm\/EU-43","offer_id":44287593677056,"sku":"shflatse2308080001016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1695027145-e4a2f4a8-4323-46e1-84db-1cf8409dd4fd_7e420352-8840-4f6f-b0da-9ef6d4b67eda.jpg?v=1729144772"},{"product_id":"flats-margotwalkermaryjane-blackrame","title":"[Margot Walker Mary-Jane] Square toe Ultra-lightweight Thick Sole Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n .swiper-pagination-bullet {\n width: 0;\n height: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: center;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 40px;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n \/* width: 21.094vw; *\/\n \/* position: absolute; *\/\n \/* bottom: 3.854vw; *\/\n \/* left: 39.479vw; *\/\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 28px;\n font-weight: 600;\n line-height: 40px;\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 23.8%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: left;\n bottom: 1.458vw;\n width: 100%;\n margin-top: 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 1.342vw;\n font-weight: 400;\n line-height: 1.458vw;\n\n\n\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 22px;\n font-weight: 500;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 22px;\n line-height: 40px;\n }\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 {\n padding-bottom: 0;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: left;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 91.333vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 12.8vw;\n padding-bottom: 12.8vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 20px;\n font-weight: 600;\n line-height: 7.467vw;\n margin-bottom: 0;\n }\n\n .Margot-Wide-2 .head-text-area {\n position: absolute;\n bottom: 12.800vw;\n left: 50%;\n transform: translateX(-50%);\n width: 84.8vw;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F5F3EF;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n position: absolute;\n top: 8.8vw;\n left: 50%;\n transform: translateX(-50%);\n width: 61.933vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 7.467vw;\n text-align: center;\n font-weight:600;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title special_heading\"\u003eA light step, a confident step\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202062-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337358-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title text-center special_heading\"\u003eChoose the Mary Jane that's right for your style\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337355_e3a91302-7636-49d9-80cf-b346f69d8b0c.jpg?v=1729135624\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568635.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eComfort and style combined\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_28_33f9368b-6f01-4fdd-9fef-5f82186f643e.jpg?v=1729135614\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337337.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 48px;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337357.jpg?v=1729135625\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eComfort and style combined\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337350_283084a7-cbc3-46f7-b805-ddafd621ca66.jpg?v=1729135624\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eDeodorizing insoles made with mugwort\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv style=\"position: absolute; left: 2.208vw;; top: 50%; transform: translateY(-50%);\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202017-PC.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-small\" style=\"margin-top: 48px; margin-bottom: 0;\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cimg class=\"small-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202039-M.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 50%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-PC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-PC4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding: 20px 0; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-M.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-M4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202027-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202022-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eAdjustable buckle\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eAdjustable buckle\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337366-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337362-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202038-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202024-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337365-m2.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337361-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n\n })\n const title_2 = document.querySelector('.title-2')\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n console.log(title_2);\n title_2.innerHTML = 'よもぎ使用の消臭効果があるインソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '快適さとスタイルの両立'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotwalkermaryjane_Glitter Black \/ JP-22.0cm\/EU-35","offer_id":44287591743744,"sku":"shflatse2308080007001","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-22.5cm\/EU-35.5","offer_id":44287591842048,"sku":"shflatse2308080007002","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287591907584,"sku":"shflatse2308080007003","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-23.0cm\/EU-36.5","offer_id":44287591973120,"sku":"shflatse2308080007004","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-23.5cm\/EU-37","offer_id":44287592038656,"sku":"shflatse2308080007005","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287592136960,"sku":"shflatse2308080007006","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-24.0cm\/EU-38","offer_id":44287592202496,"sku":"shflatse2308080007007","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-24.5cm\/EU-38.5","offer_id":44287592268032,"sku":"shflatse2308080007008","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287592300800,"sku":"shflatse2308080007009","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-25.0cm\/EU-39.5","offer_id":44287592333568,"sku":"shflatse2308080007010","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-25.5cm\/EU-40","offer_id":44287592366336,"sku":"shflatse2308080007011","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287592399104,"sku":"shflatse2308080007012","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-26.0cm\/EU-41","offer_id":44287592431872,"sku":"shflatse2308080007013","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-26.5cm\/EU-41.5","offer_id":44287592464640,"sku":"shflatse2308080007014","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_Glitter Black \/ JP-27.0cm\/EU-42","offer_id":44287592497408,"sku":"shflatse2308080007015","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_Glitter Black \/ JP-27.5cm\/EU-43","offer_id":44287592530176,"sku":"shflatse2308080007016","price":14900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1695027265-3889a0df-e51a-4fdd-b7fb-7bb121dbca16_277ecc94-d0c9-4fa4-bd55-4324953475b6.jpg?v=1729144792"},{"product_id":"flats-margotwalkermaryjane-red","title":"[Margot Walker Mary-Jane] Square toe Ultra-lightweight Thick Sole Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n .swiper-pagination-bullet {\n width: 0;\n height: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: center;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 40px;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n \/* width: 21.094vw; *\/\n \/* position: absolute; *\/\n \/* bottom: 3.854vw; *\/\n \/* left: 39.479vw; *\/\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 28px;\n font-weight: 600;\n line-height: 40px;\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 23.8%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: left;\n bottom: 1.458vw;\n width: 100%;\n margin-top: 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 1.342vw;\n font-weight: 400;\n line-height: 1.458vw;\n\n\n\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 22px;\n font-weight: 500;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 22px;\n line-height: 40px;\n }\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 {\n padding-bottom: 0;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: left;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 91.333vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 12.8vw;\n padding-bottom: 12.8vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 20px;\n font-weight: 600;\n line-height: 7.467vw;\n margin-bottom: 0;\n }\n\n .Margot-Wide-2 .head-text-area {\n position: absolute;\n bottom: 12.800vw;\n left: 50%;\n transform: translateX(-50%);\n width: 84.8vw;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F5F3EF;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n position: absolute;\n top: 8.8vw;\n left: 50%;\n transform: translateX(-50%);\n width: 61.933vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 7.467vw;\n text-align: center;\n font-weight:600;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title special_heading\"\u003eA light step, a confident step\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202062-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337358-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title text-center special_heading\"\u003eChoose the Mary Jane that's right for your style\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337355_e3a91302-7636-49d9-80cf-b346f69d8b0c.jpg?v=1729135624\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568635.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eComfort and style combined\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_28_33f9368b-6f01-4fdd-9fef-5f82186f643e.jpg?v=1729135614\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337337.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 48px;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337357.jpg?v=1729135625\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eComfort and style combined\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337350_283084a7-cbc3-46f7-b805-ddafd621ca66.jpg?v=1729135624\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eDeodorizing insoles made with mugwort\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv style=\"position: absolute; left: 2.208vw;; top: 50%; transform: translateY(-50%);\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202017-PC.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-small\" style=\"margin-top: 48px; margin-bottom: 0;\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cimg class=\"small-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202039-M.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 50%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-PC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-PC4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding: 20px 0; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-M.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-M4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202027-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202022-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eAdjustable buckle\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eAdjustable buckle\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337366-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337362-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202038-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202024-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337365-m2.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337361-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n\n })\n const title_2 = document.querySelector('.title-2')\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n console.log(title_2);\n title_2.innerHTML = 'よもぎ使用の消臭効果があるインソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '快適さとスタイルの両立'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotwalkermaryjane_red \/ JP-22.0cm\/EU-35","offer_id":44287584076032,"sku":"shflatse2308080006001","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-22.5cm\/EU-35.5","offer_id":44287584108800,"sku":"shflatse2308080006002","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-22.5~23.0cm\/EU-36","offer_id":44287584141568,"sku":"shflatse2308080006003","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-23.0cm\/EU-36.5","offer_id":44287584174336,"sku":"shflatse2308080006004","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-23.5cm\/EU-37","offer_id":44287584207104,"sku":"shflatse2308080006005","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287584239872,"sku":"shflatse2308080006006","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-24.0cm\/EU-38","offer_id":44287584272640,"sku":"shflatse2308080006007","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-24.5cm\/EU-38.5","offer_id":44287584305408,"sku":"shflatse2308080006008","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-24.5~25.0cm\/EU-39","offer_id":44287584338176,"sku":"shflatse2308080006009","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-25.0cm\/EU-39.5","offer_id":44287584370944,"sku":"shflatse2308080006010","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-25.5cm\/EU-40","offer_id":44287584403712,"sku":"shflatse2308080006011","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287584436480,"sku":"shflatse2308080006012","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-26.0cm\/EU-41","offer_id":44287584469248,"sku":"shflatse2308080006013","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_red \/ JP-26.5cm\/EU-41.5","offer_id":44287584502016,"sku":"shflatse2308080006014","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_red \/ JP-27.0cm\/EU-42","offer_id":44287584534784,"sku":"shflatse2308080006015","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_red \/ JP-27.5cm\/EU-43","offer_id":44287584567552,"sku":"shflatse2308080006016","price":14900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1695027238-0661a478-95b0-46b5-8872-fcc9fd408cb8_7a2a71c5-1521-4005-8f6f-c6f2dac21c23.jpg?v=1729144833"},{"product_id":"flats-margotmaryjane-denimblue","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_denim blue \/ JP-22.0cm\/EU-35","offer_id":44287817711872,"sku":"shflatse2304100007001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-22.5cm\/EU-35.5","offer_id":44287817744640,"sku":"shflatse2304100007002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-22.5~23.0cm\/EU-36","offer_id":44287817777408,"sku":"shflatse2304100007003","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-23.0cm\/EU-36.5","offer_id":44287817810176,"sku":"shflatse2304100007004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-23.5cm\/EU-37","offer_id":44287817842944,"sku":"shflatse2304100007005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287817875712,"sku":"shflatse2304100007006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-24.0cm\/EU-38","offer_id":44287817908480,"sku":"shflatse2304100007007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-24.5cm\/EU-38.5","offer_id":44287817941248,"sku":"shflatse2304100007008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-24.5~25.0cm\/EU-39","offer_id":44287817974016,"sku":"shflatse2304100007009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-25.0cm\/EU-39.5","offer_id":44287818006784,"sku":"shflatse2304100007010","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-25.5cm\/EU-40","offer_id":44287818039552,"sku":"shflatse2304100007011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287818072320,"sku":"shflatse2304100007012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_denim blue \/ JP-26.0cm\/EU-41","offer_id":44287818105088,"sku":"shflatse2304100007013","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_denim blue \/ JP-26.5cm\/EU-41.5","offer_id":44287818137856,"sku":"shflatse2304100007014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_denim blue \/ JP-27.0cm\/EU-42","offer_id":44287818170624,"sku":"shflatse2304100007015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_denim blue \/ JP-27.5cm\/EU-43","offer_id":44287818203392,"sku":"shflatse2304100007016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1689676402-bba8e9d2-8408-4216-862a-c7b10740457f_13036274-7d10-435f-9823-d196abd96d69-482297.jpg?v=1730959456"},{"product_id":"flats-margotmaryjane-black","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_black \/ JP-22.0cm\/EU-35","offer_id":44287814959360,"sku":"shflatse2304100002001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-22.5cm\/EU-35.5","offer_id":44287814992128,"sku":"shflatse2304100002002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287815024896,"sku":"shflatse2304100002003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-23.0cm\/EU-36.5","offer_id":44287815057664,"sku":"shflatse2304100002004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-23.5cm\/EU-37","offer_id":44287815090432,"sku":"shflatse2304100002005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287815123200,"sku":"shflatse2304100002006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-24.0cm\/EU-38","offer_id":44287815188736,"sku":"shflatse2304100002007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-24.5cm\/EU-38.5","offer_id":44287815221504,"sku":"shflatse2304100002008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287815254272,"sku":"shflatse2304100002009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-25.0cm\/EU-39.5","offer_id":44287815287040,"sku":"shflatse2304100002010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-25.5cm\/EU-40","offer_id":44287815319808,"sku":"shflatse2304100002011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287815352576,"sku":"shflatse2304100002012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-26.0cm\/EU-41","offer_id":44287815385344,"sku":"shflatse2304100002013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-26.5cm\/EU-41.5","offer_id":44287815418112,"sku":"shflatse2304100002014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-27.0cm\/EU-42","offer_id":44287815450880,"sku":"shflatse2304100002015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_black \/ JP-27.5cm\/EU-43","offer_id":44287815483648,"sku":"shflatse2304100002016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1689325935-923101a1-6539-46be-bc03-76a1f791f297_03cef5a3-9593-47fb-870e-b38cc357d885-290833.jpg?v=1730959458"},{"product_id":"flats-margotmaryjane-navy","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_navy \/ JP-22.0cm\/EU-35","offer_id":44287811453184,"sku":"shflatse2304100003001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-22.5cm\/EU-35.5","offer_id":44287811485952,"sku":"shflatse2304100003002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-22.5~23.0cm\/EU-36","offer_id":44287811518720,"sku":"shflatse2304100003003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-23.0cm\/EU-36.5","offer_id":44287811551488,"sku":"shflatse2304100003004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-23.5cm\/EU-37","offer_id":44287811584256,"sku":"shflatse2304100003005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287811617024,"sku":"shflatse2304100003006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-24.0cm\/EU-38","offer_id":44287811649792,"sku":"shflatse2304100003007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-24.5cm\/EU-38.5","offer_id":44287811682560,"sku":"shflatse2304100003008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-24.5~25.0cm\/EU-39","offer_id":44287811715328,"sku":"shflatse2304100003009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-25.0cm\/EU-39.5","offer_id":44287811748096,"sku":"shflatse2304100003010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-25.5cm\/EU-40","offer_id":44287811780864,"sku":"shflatse2304100003011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287811813632,"sku":"shflatse2304100003012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-26.0cm\/EU-41","offer_id":44287811846400,"sku":"shflatse2304100003013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-26.5cm\/EU-41.5","offer_id":44287811879168,"sku":"shflatse2304100003014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_navy \/ JP-27.0cm\/EU-42","offer_id":44287811911936,"sku":"shflatse2304100003015","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_navy \/ JP-27.5cm\/EU-43","offer_id":44287811944704,"sku":"shflatse2304100003016","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1689325785-796bf9df-f2cf-4fff-9606-b87008ba4162_726e56c7-bd5e-4f2e-8ead-8d9ce2ce1d3a-376617.jpg?v=1730959456"},{"product_id":"flats-margotmaryjane-red","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_red \/ JP-22.0cm\/EU-35","offer_id":44287810830592,"sku":"shflatse2304100004001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-22.5cm\/EU-35.5","offer_id":44287810863360,"sku":"shflatse2304100004002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-22.5~23.0cm\/EU-36","offer_id":44287810896128,"sku":"shflatse2304100004003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-23.0cm\/EU-36.5","offer_id":44287810928896,"sku":"shflatse2304100004004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-23.5cm\/EU-37","offer_id":44287810961664,"sku":"shflatse2304100004005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287810994432,"sku":"shflatse2304100004006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-24.0cm\/EU-38","offer_id":44287811027200,"sku":"shflatse2304100004007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-24.5cm\/EU-38.5","offer_id":44287811059968,"sku":"shflatse2304100004008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-24.5~25.0cm\/EU-39","offer_id":44287811092736,"sku":"shflatse2304100004009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-25.0cm\/EU-39.5","offer_id":44287811125504,"sku":"shflatse2304100004010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-25.5cm\/EU-40","offer_id":44287811158272,"sku":"shflatse2304100004011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287811191040,"sku":"shflatse2304100004012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-26.0cm\/EU-41","offer_id":44287811223808,"sku":"shflatse2304100004013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-26.5cm\/EU-41.5","offer_id":44287811256576,"sku":"shflatse2304100004014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-27.0cm\/EU-42","offer_id":44287811289344,"sku":"shflatse2304100004015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_red \/ JP-27.5cm\/EU-43","offer_id":44287811322112,"sku":"shflatse2304100004016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1689325565-119f6c52-558a-456b-a135-5b4bf003fab6_9d6ec9cb-f3b3-448e-a093-87a8a1c58dda-673589.jpg?v=1730959457"},{"product_id":"flats-margotmaryjane-almond","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_Almond \/ JP-22.0cm\/EU-35","offer_id":44287807258880,"sku":"shflatse2304100008001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-22.5cm\/EU-35.5","offer_id":44287807291648,"sku":"shflatse2304100008002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-22.5~23.0cm\/EU-36","offer_id":44287807324416,"sku":"shflatse2304100008003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-23.0cm\/EU-36.5","offer_id":44287807357184,"sku":"shflatse2304100008004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-23.5cm\/EU-37","offer_id":44287807389952,"sku":"shflatse2304100008005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287807422720,"sku":"shflatse2304100008006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-24.0cm\/EU-38","offer_id":44287807455488,"sku":"shflatse2304100008007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-24.5cm\/EU-38.5","offer_id":44287807488256,"sku":"shflatse2304100008008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-24.5~25.0cm\/EU-39","offer_id":44287807521024,"sku":"shflatse2304100008009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-25.0cm\/EU-39.5","offer_id":44287807553792,"sku":"shflatse2304100008010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-25.5cm\/EU-40","offer_id":44287807586560,"sku":"shflatse2304100008011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287807619328,"sku":"shflatse2304100008012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-26.0cm\/EU-41","offer_id":44287807652096,"sku":"shflatse2304100008013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-26.5cm\/EU-41.5","offer_id":44287807684864,"sku":"shflatse2304100008014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-27.0cm\/EU-42","offer_id":44287807717632,"sku":"shflatse2304100008015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_Almond \/ JP-27.5cm\/EU-43","offer_id":44287807750400,"sku":"shflatse2304100008016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1689674878-ba306939-7154-4100-b10d-10b9f7ac879d_7e951e32-7973-4b7d-861a-981cebed3852-243734.jpg?v=1730959458"},{"product_id":"flats-margotmaryjanewide-black","title":"[Margot Mary-Jane] Square toe extra wide (up to 5E) Mary Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n \n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n \n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top:10.667vw;\n \/* margin-bottom: 13.333vw; *\/\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 14px;\n line-height: 7.467vw;\n width: 50%;\n font-weight:500;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n \/* height: 100%; *\/\n \/* height: ; *\/\n object-fit: cover;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"show-big space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 16px; font-weight: 500; line-height: 1.25vw; margin-bottom: 2.083vw; margin-top: 0.417vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337037.jpg?v=1727348585\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-small space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 14px; font-weight: 500; line-height: 4.267vw; margin-bottom: 5.333vw; margin-top: 1.067vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2859_2.jpg?v=1727351244\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight: 600;\"\u003e Classic and timeless design\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337034.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2849.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337032_1.jpg?v=1727351246\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eClassic and timeless design\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337036_1.jpg?v=1727351244\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor natural mugwort insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot\u003cbr\u003eIt also provides a better fit.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 7.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 0.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 8.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title= document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のある天然ヨモギ成分インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' クラシックでタイムレスなデザイン'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjanewide_black \/ JP-22.0cm\/EU-35","offer_id":44287794151680,"sku":"shflatse2304100002017","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-22.5cm\/EU-35.5","offer_id":44287794184448,"sku":"shflatse2304100002018","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-22.5~23.0cm\/EU-36","offer_id":44287794217216,"sku":"shflatse2304100002019","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-23.0cm\/EU-36.5","offer_id":44287794249984,"sku":"shflatse2304100002020","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-23.5cm\/EU-37","offer_id":44287794282752,"sku":"shflatse2304100002021","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287794315520,"sku":"shflatse2304100002022","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-24.0cm\/EU-38","offer_id":44287794348288,"sku":"shflatse2304100002023","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-24.5cm\/EU-38.5","offer_id":44287794381056,"sku":"shflatse2304100002024","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-24.5~25.0cm\/EU-39","offer_id":44287794413824,"sku":"shflatse2304100002025","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_black \/ JP-25.0cm\/EU-39.5","offer_id":44287794446592,"sku":"shflatse2304100002026","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-25.5cm\/EU-40","offer_id":44287794479360,"sku":"shflatse2304100002027","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287794512128,"sku":"shflatse2304100002028","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-26.0cm\/EU-41","offer_id":44287794544896,"sku":"shflatse2304100002029","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-26.5cm\/EU-41.5","offer_id":44287794577664,"sku":"shflatse2304100002030","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-27.0cm\/EU-42","offer_id":44287794610432,"sku":"shflatse2304100002031","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_black \/ JP-27.5cm\/EU-43","offer_id":44287794643200,"sku":"shflatse2304100002032","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame34_9519a511-5d6b-40e1-b9f9-37955b3e9201-275330.jpg?v=1730959456"},{"product_id":"flats-margotmaryjanewide-green","title":"[Margot Mary-Jane] Square toe extra wide (up to 5E) Mary Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n \n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n \n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top:10.667vw;\n \/* margin-bottom: 13.333vw; *\/\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 14px;\n line-height: 7.467vw;\n width: 50%;\n font-weight:500;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n \/* height: 100%; *\/\n \/* height: ; *\/\n object-fit: cover;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"show-big space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 16px; font-weight: 500; line-height: 1.25vw; margin-bottom: 2.083vw; margin-top: 0.417vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337037.jpg?v=1727348585\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-small space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 14px; font-weight: 500; line-height: 4.267vw; margin-bottom: 5.333vw; margin-top: 1.067vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2859_2.jpg?v=1727351244\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight: 600;\"\u003e Classic and timeless design\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337034.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2849.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337032_1.jpg?v=1727351246\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eClassic and timeless design\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337036_1.jpg?v=1727351244\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor natural mugwort insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot\u003cbr\u003eIt also provides a better fit.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 7.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 0.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 8.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title= document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のある天然ヨモギ成分インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' クラシックでタイムレスなデザイン'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjanewide_green \/ JP-22.0cm\/EU-35","offer_id":44287793004800,"sku":"shflatse2304100005017","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_green \/ JP-22.5cm\/EU-35.5","offer_id":44287793037568,"sku":"shflatse2304100005018","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_green \/ JP-22.5~23.0cm\/EU-36","offer_id":44287793070336,"sku":"shflatse2304100005019","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-23.0cm\/EU-36.5","offer_id":44287793103104,"sku":"shflatse2304100005020","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-23.5cm\/EU-37","offer_id":44287793135872,"sku":"shflatse2304100005021","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287793168640,"sku":"shflatse2304100005022","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-24.0cm\/EU-38","offer_id":44287793201408,"sku":"shflatse2304100005023","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-24.5cm\/EU-38.5","offer_id":44287793234176,"sku":"shflatse2304100005024","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-24.5~25.0cm\/EU-39","offer_id":44287793266944,"sku":"shflatse2304100005025","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-25.0cm\/EU-39.5","offer_id":44287793299712,"sku":"shflatse2304100005026","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-25.5cm\/EU-40","offer_id":44287793332480,"sku":"shflatse2304100005027","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287793365248,"sku":"shflatse2304100005028","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-26.0cm\/EU-41","offer_id":44287793398016,"sku":"shflatse2304100005029","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-26.5cm\/EU-41.5","offer_id":44287793430784,"sku":"shflatse2304100005030","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-27.0cm\/EU-42","offer_id":44287793463552,"sku":"shflatse2304100005031","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjanewide_green \/ JP-27.5cm\/EU-43","offer_id":44287793496320,"sku":"shflatse2304100005032","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame33-319206.jpg?v=1730959457"},{"product_id":"flats-margotmaryjanewide-almond","title":"[Margot Mary-Jane] Square toe extra wide (up to 5E) Mary Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n \n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n \n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top:10.667vw;\n \/* margin-bottom: 13.333vw; *\/\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 14px;\n line-height: 7.467vw;\n width: 50%;\n font-weight:500;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n \/* height: 100%; *\/\n \/* height: ; *\/\n object-fit: cover;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"show-big space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 16px; font-weight: 500; line-height: 1.25vw; margin-bottom: 2.083vw; margin-top: 0.417vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337037.jpg?v=1727348585\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-small space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw;\"\u003eFocus on width: designed for wide feet\u003c\/div\u003e \u003cdiv class=\"title_2\" style=\"font-size: 14px; font-weight: 500; line-height: 4.267vw; margin-bottom: 5.333vw; margin-top: 1.067vw;\"\u003eMinimize toe pressure\u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2859_2.jpg?v=1727351244\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight: 600;\"\u003e Classic and timeless design\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337034.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_2849.jpg?v=1727348584\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337032_1.jpg?v=1727351246\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eClassic and timeless design\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337036_1.jpg?v=1727351244\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor natural mugwort insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot\u003cbr\u003eIt also provides a better fit.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 7.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 0.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 8.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title= document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のある天然ヨモギ成分インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' クラシックでタイムレスなデザイン'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjanewide_Almond \/ JP-22.0cm\/EU-35","offer_id":44287791268096,"sku":"shflatse2304100008017","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-22.5cm\/EU-35.5","offer_id":44287791300864,"sku":"shflatse2304100008018","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-22.5~23.0cm\/EU-36","offer_id":44287791333632,"sku":"shflatse2304100008019","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-23.0cm\/EU-36.5","offer_id":44287791366400,"sku":"shflatse2304100008020","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-23.5cm\/EU-37","offer_id":44287791399168,"sku":"shflatse2304100008021","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44287791431936,"sku":"shflatse2304100008022","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-24.0cm\/EU-38","offer_id":44287791464704,"sku":"shflatse2304100008023","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-24.5cm\/EU-38.5","offer_id":44287791497472,"sku":"shflatse2304100008024","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-24.5~25.0cm\/EU-39","offer_id":44287791530240,"sku":"shflatse2304100008025","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-25.0cm\/EU-39.5","offer_id":44287791563008,"sku":"shflatse2304100008026","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-25.5cm\/EU-40","offer_id":44287791595776,"sku":"shflatse2304100008027","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44287791628544,"sku":"shflatse2304100008028","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-26.0cm\/EU-41","offer_id":44287791661312,"sku":"shflatse2304100008029","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-26.5cm\/EU-41.5","offer_id":44287791694080,"sku":"shflatse2304100008030","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-27.0cm\/EU-42","offer_id":44287791726848,"sku":"shflatse2304100008031","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjanewide_Almond \/ JP-27.5cm\/EU-43","offer_id":44287791792384,"sku":"shflatse2304100008032","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame32_8ffd1457-652d-48e3-986a-6e8a3ec5b8a1-262038.jpg?v=1730959457"},{"product_id":"flats-margotwalkermaryjane-dotsblack","title":"[Margot Walker Mary-Jane] Square toe Ultra-lightweight Thick Sole Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n .swiper-pagination-bullet {\n width: 0;\n height: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: center;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 40px;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n \/* width: 21.094vw; *\/\n \/* position: absolute; *\/\n \/* bottom: 3.854vw; *\/\n \/* left: 39.479vw; *\/\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 28px;\n font-weight: 600;\n line-height: 40px;\n margin-bottom: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 23.8%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: left;\n bottom: 1.458vw;\n width: 100%;\n margin-top: 20px;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 1.342vw;\n font-weight: 400;\n line-height: 1.458vw;\n\n\n\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 22px;\n font-weight: 500;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 22px;\n line-height: 40px;\n }\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 {\n padding-bottom: 0;\n }\n\n .Margot-Wide-2 .text-center {\n text-align: left;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 91.333vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 12.8vw;\n padding-bottom: 12.8vw;\n margin-top: 12.8vw;\n margin-bottom: 12.8vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 7.467vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:600;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 20px;\n font-weight: 600;\n line-height: 7.467vw;\n margin-bottom: 0;\n }\n\n .Margot-Wide-2 .head-text-area {\n position: absolute;\n bottom: 12.800vw;\n left: 50%;\n transform: translateX(-50%);\n width: 84.8vw;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F5F3EF;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n position: absolute;\n top: 8.8vw;\n left: 50%;\n transform: translateX(-50%);\n width: 61.933vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 7.467vw;\n text-align: center;\n font-weight:600;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title special_heading\"\u003eA light step, a confident step\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202062-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337358-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title text-center special_heading\"\u003eChoose the Mary Jane that's right for your style\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337355_e3a91302-7636-49d9-80cf-b346f69d8b0c.jpg?v=1729135624\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336568635.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eComfort and style combined\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e \u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_28_33f9368b-6f01-4fdd-9fef-5f82186f643e.jpg?v=1729135614\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1044px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337337.jpg?v=1729135613\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 48px;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337357.jpg?v=1729135625\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eComfort and style combined\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337350_283084a7-cbc3-46f7-b805-ddafd621ca66.jpg?v=1729135624\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eDeodorizing insoles made with mugwort\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv style=\"position: absolute; left: 2.208vw;; top: 50%; transform: translateY(-50%);\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cdiv\u003e \u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202017-PC.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-small\" style=\"margin-top: 48px; margin-bottom: 0;\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eLasting comfort for any season, any day\u003c\/div\u003e \u003c\/div\u003e \u003cimg class=\"small-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202039-M.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 50%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-PC.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-PC4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding: 20px 0; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" style=\"width: 100%;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/goods_deta\/20230928_6343\/20231009-Margot%20Mary-Jane%20Walker-M.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/claire%20wallker-M4.gif\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202027-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202022-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eAdjustable buckle\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eAdjustable buckle\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337366-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337362-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eLightweight outsole made from sustainable sugarcane EVA\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202038-M.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Rectangle%202024-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337365-m2.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230928_6343\/Group%20337361-PC.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n\n })\n const title_2 = document.querySelector('.title-2')\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n console.log(title_2);\n title_2.innerHTML = 'よもぎ使用の消臭効果があるインソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '快適さとスタイルの両立'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotwalkermaryjane_dot black \/ JP-22.0cm\/EU-35","offer_id":44331977638144,"sku":"shflatse2311200026001","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_dot black \/ JP-22.5cm\/EU-35.5","offer_id":44331977670912,"sku":"shflatse2311200026002","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_dot black \/ JP-22.5~23.0cm\/EU-36","offer_id":44331977703680,"sku":"shflatse2311200026003","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-23.0cm\/EU-36.5","offer_id":44331977736448,"sku":"shflatse2311200026004","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-23.5cm\/EU-37","offer_id":44331977769216,"sku":"shflatse2311200026005","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44331977801984,"sku":"shflatse2311200026006","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-24.0cm\/EU-38","offer_id":44331977834752,"sku":"shflatse2311200026007","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-24.5cm\/EU-38.5","offer_id":44331977867520,"sku":"shflatse2311200026008","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-24.5~25.0cm\/EU-39","offer_id":44331977900288,"sku":"shflatse2311200026009","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_dot black \/ JP-25.0cm\/EU-39.5","offer_id":44331977933056,"sku":"shflatse2311200026010","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_dot black \/ JP-25.5cm\/EU-40","offer_id":44331977965824,"sku":"shflatse2311200026011","price":14900.0,"currency_code":"JPY","in_stock":false},{"title":"margotwalkermaryjane_dot black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44331977998592,"sku":"shflatse2311200026012","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-26.0cm\/EU-41","offer_id":44331978031360,"sku":"shflatse2311200026013","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-26.5cm\/EU-41.5","offer_id":44331978064128,"sku":"shflatse2311200026014","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-27.0cm\/EU-42","offer_id":44331978129664,"sku":"shflatse2311200026015","price":14900.0,"currency_code":"JPY","in_stock":true},{"title":"margotwalkermaryjane_dot black \/ JP-27.5cm\/EU-43","offer_id":44331978162432,"sku":"shflatse2311200026016","price":14900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/WechatIMG1623-573009.jpg?v=1730959549"},{"product_id":"flats-margotmaryjane-nutmeg","title":"[Margot Mary-Jane] Square toe Mary-Jane flat shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n \n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n \n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n \n * {\n padding: 0;\n margin: 0;\n }\n \n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n \n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n \n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n \n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n \n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-title-container .title-2 {\n }\n \n .swiper-btn-2 {\n width: 120px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .swiper-btn-2 .swiper-button-left {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right {\n width: 48px;\n height: 48px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #804C1A;\n border-radius: 50%;\n cursor: pointer;\n }\n \n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n left: 2px;\n }\n \n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n right: 2px;\n }\n \n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n \n }\n \n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n }\n \n .Margot-Wide-2 .bgColor-light .space-w .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .show-big {\n display: block;\n }\n \n .Margot-Wide-2 .foldable {\n margin-bottom: 40px;\n position: relative;\n }\n \n .Margot-Wide-2 .foldable img {\n display: inline-block;\n width: 100%;\n }\n \n .Margot-Wide-2 .foldable .foldable_text_pc {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n padding-left: 80px;\n \n }\n \n .scroll-list {\n margin-bottom: 0px !important;\n padding-bottom: 40px !important;\n }\n \n .scroll-list::-webkit-scrollbar {\n display: none;\n }\n \n .line-scrollbar {\n width: 100%;\n \/* height: 4px; *\/\n margin-top: 0px !important;\n overflow-x: scroll;\n \n }\n \n .line-scrollbar .content {\n height: 4px;\n }\n \n .pc_scroll_height_div {\n width: 100%;\n height: 84px;\n background: linear-gradient(0deg, #F8F7F5, #F8F7F5), #FFFFFF;\n }\n \n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 80px;\n }\n \n .bottom_content_item {\n background-color: #ffffff !important;\n }\n \n .bottom_content_item .scroll-text-area {\n background: #ffffff !important;\n }\n \n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n \n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n }\n \n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n \n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 4.167vw;\n margin-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 4.167vw;\n padding-bottom: 4.167vw;\n }\n \n .Margot-Wide-2 .position-relative {\n position: relative;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 28px;\n line-height: 2.083vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 1.25vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .head-text-area {\n text-align: center;\n width: 100%;\n position: absolute;\n bottom: 2.083vw;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 2.083vw;\n font-weight: 500;\n line-height: 2.083vw;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 1.042vw;\n line-height: 2.083vw;\n margin-top: 0.417vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 44.792vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n position: relative;\n width: 22.917vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 0.9375vw;\n line-height: 1.667vw;\n position: absolute;\n bottom: 0.729vw;\n width: 100%;\n text-align: center;\n }\n \n .Margot-Wide-2 .diaphanotheca-1 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(180deg,\n rgba(247, 247, 247, 0) 0%,\n #f7f7f7 100%);\n }\n \n .Margot-Wide-2 .diaphanotheca-2 {\n position: absolute;\n bottom: 0;\n height: 3.125vw;\n width: 100%;\n background: linear-gradient(360deg,\n #f7f9fa 0%,\n rgba(247, 249, 250, 0) 100%);\n }\n \n .Margot-Wide-2 .half-img-father {\n display: flex;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n @media screen and (min-width: 769px) {\n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 4px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-button {\n background-color: transparent;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n background-color: #d9d9d9;\n border-radius: 0.521vw;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n background-color: #191817;\n border-radius: 0.521vw;\n }\n }\n \n .Margot-Wide-2 .scroll-list {\n display: flex;\n overflow-x: scroll;\n overflow-y: hidden;\n width: 100%;\n padding-bottom: 2.083vw;\n padding-left: 15.625vw;\n padding-right: 15.625vw;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 23.438vw;\n margin-left: 2.083vw;\n flex-shrink: 0;\n background-color: #ffffff;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 2.083vw 2.083vw 4.167vw 2.083vw;\n background-color: #fff;\n font-size: 0.833vw;\n line-height: 1.25vw;\n width: 100%;\n box-sizing: border-box;\n }\n \n .Margot-Wide-2 .scroll-text-1-area {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-text-1-area .scroll-text-img-container {\n display: flex;\n align-items: center;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 0.833vw;\n margin-left: 0.521vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n color: #804c1a;\n font-weight: 700;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n font-weight: 700;\n font-size: 16px;\n margin-top: 0.469vw;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 0.729vw;\n font-size: 16px;\n line-height: 24px;\n font-weight: 300;\n color: #191817;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 21.875vw;\n position: relative;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-item-text {\n text-align: left;\n \/* position: absolute; *\/\n bottom: 1.458vw;\n width: 100%;\n font-size: 16px;\n font-weight: 500;\n line-height: 1.667vw;\n letter-spacing: 0.000vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n position: absolute;\n bottom: 2.0833vw;\n display: flex;\n justify-content: center;\n width: 100%;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 5.555vw;\n height: 0.27777vw;\n background-color: #acacac;\n margin-left: 0.6944vw;\n cursor: pointer;\n }\n \n .Margot-Wide-2 .MW-swiper-btn:first-child {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .MW-swiper-active {\n background-color: black;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: center;\n }\n \n .title-br {\n display: none;\n }\n \n @media screen and (min-width: 1025px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 53.3376px;\n margin-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 53.3376px;\n padding-bottom: 53.3376px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20.0064px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 10.6624px;\n line-height: 16px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 26.662400000000005px;\n line-height: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 13.337600000000002px;\n line-height: 26.662400000000005px;\n margin-top: 5.3376px;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 13.5px;\n line-height: 21.337600000000002px;\n bottom: 9.3312px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 3px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 300.0064px;\n margin-left: 26.662400000000005px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 26.662400000000005px 26.662400000000005px 53.3376px 26.662400000000005px;\n font-size: 10.6624px;\n line-height: 16px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 10.6624px;\n margin-left: 6.668800000000001px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 6.0032px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 9.3312px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 16px;\n line-height: 21.337600000000002px;\n bottom: 18.6624px;\n }\n }\n \n @media screen and (min-width: 769px) and (max-width: 1024px) {\n .Margot-Wide-2 .space-w {\n width: 80%;\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-style {\n width: 80%;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 42.67008px;\n margin-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 42.67008px;\n padding-bottom: 42.67008px;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 16.005119999999998px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 8.52992px;\n line-height: 12.8px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 21.32992px;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 21.32992px;\n line-height: 21.32992px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 10.67008px;\n line-height: 21.32992px;\n margin-top: 4.27008px;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 32%;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 12px;\n line-height: 17.07008px;\n bottom: 7.46496px;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n }\n \n .Margot-Wide-2 .three-img-father picture:first-child {\n width: 64.65%;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n width: 32.85%;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 100%;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar {\n height: 2.5px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-track {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 ::-webkit-scrollbar-thumb {\n border-radius: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 21.32992px;\n padding-left: 10vw;\n padding-right: 10vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 240.00512px;\n margin-left: 21.32992px;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 21.32992px 21.32992px 42.67008px 21.32992px;\n font-size: 8.52992px;\n line-height: 12.8px;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 8.52992px;\n margin-left: 5.33504px;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 4.80256px;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n margin-top: 7.46496px;\n }\n \n .Margot-Wide-2 .three-item-text {\n font-size: 12.8px;\n line-height: 17.07008px;\n bottom: 14.92992px;\n }\n }\n \n @media screen and (max-width: 768px) {\n .show_br{\n display: none;\n }\n .space-w-m-t-b .space-w-style .common-title {\n padding-top: 48px;\n }\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 4.8vw;\n margin-bottom: 4px;\n }\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n letter-spacing: 0.000vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .MW-swiper-btn-father {\n bottom: 5.3333vw;\n }\n \n .Margot-Wide-2 .MW-swiper-btn {\n width: 10.666vw;\n height: 0.53333vw;\n margin-left: 1.3333vw;\n }\n \n .Margot-Wide-2 .show-big {\n display: none;\n }\n \n .Margot-Wide-2 .show-small {\n display: block;\n }\n \n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 13.333vw;\n \n }\n \n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n \n .Margot-Wide-2 .space-w-m-t-b {\n margin-top: 13.333vw;\n margin-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 13.333vw;\n }\n \n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n \n .Margot-Wide-2 .common-title {\n font-size: 20px;\n line-height: 8.533vw;\n font-weight:600;\n }\n \n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n font-weight:500;\n }\n \n .Margot-Wide-2 .head-title {\n font-size: 24px;\n font-weight: 400;\n line-height: 10.169vw;\n }\n \n .Margot-Wide-2 .head-text-area {\n bottom: 60px;\n }\n \n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n \n .Margot-Wide-2 .three-img-father {\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-img-1 {\n width: 100%;\n margin-bottom: 2.667vw;\n }\n \n .Margot-Wide-2 .three-img-2-father {\n flex-direction: row;\n }\n \n .Margot-Wide-2 .three-img-2-item {\n width: 43.333vw;\n }\n \n .Margot-Wide-2 .three-img-2-text {\n font-size: 3.467vw;\n line-height: 4.8vw;\n position: static;\n margin-top: 2.667vw;\n text-align: left;\n }\n \n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n \n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .scroll-list {\n padding-bottom: 0;\n padding-left: 5.333vw;\n padding-right: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item {\n width: 76.267vw;\n margin-left: 5.333vw;\n }\n \n .Margot-Wide-2 .scroll-item-first {\n margin-left: 0;\n }\n \n .Margot-Wide-2 .scroll-text-area {\n padding: 5.333vw 6.667vw 10.133vw 5.333vw;\n font-size: 3.2vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-star {\n height: 2.84vw;\n margin-left: 2.667vw;\n }\n \n .Margot-Wide-2 .scroll-text-1 {\n font-size: 3.733vw;\n line-height: 4.267vw;\n }\n \n .Margot-Wide-2 .scroll-text-2 {\n margin-top: 2.667vw;\n font-weight: 500;\n }\n \n .Margot-Wide-2 .scroll-text-3 {\n font-weight: 300;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n \n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background-color: #f8f7f5;\n margin-top: 2.667vw;\n }\n \n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n \n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n \n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n \n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n \n .Margot-Wide-2 .three-item-text {\n \/* padding: 0 20px; *\/\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n }\n \n .Margot-Wide-2 .text-center-big {\n text-align: left;\n }\n \n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n \n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n }\n \n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n \n .small-swiper {\n overflow-x: hidden;\n }\n \n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 7.6vw;\n margin: 0 auto;\n font-size: 20px;\n line-height: 8.533vw;\n text-align: center;\n font-weight:600;\n }\n \n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n \n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n \n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n \n .bgColor-light-small .title {\n font-size: 24px;\n line-height: 32px;\n font-weight: 400;\n position: absolute;\n top: 48px;\n width: 100%;\n padding: 0px 56px;\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n \n .pc_scroll_height_div {\n height: 48px;\n background: #ffffff;\n }\n \n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n \n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n \n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/29.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/37.jpg\" alt=\"\"\u003e\u003c\/picture\u003e\u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container special_heading\" style=\"margin-bottom: 48px;\"\u003e \u003cspan class=\"title-2\" style=\"font-size: 28px; line-height: 2.083vw; font-weight:600;\"\u003e Breathable for lasting comfort\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\" style=\"background-color: #d1d1d1;\"\u003e\u003cimg style=\"width: 18px; height: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/31.png\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\" style=\"background: #191817;\"\u003e\u003cimg style=\"width: 18px;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/28.png\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats swiper-container-initialized swiper-container-horizontal\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_337035_1.jpg?v=1729849419\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 1396px;\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336901.jpg?v=1727666337\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper swiper-container-initialized swiper-container-horizontal\" style=\"margin-top: 10.667vw;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);\"\u003e \u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_31_2.jpg?v=1729849427\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eBreathable for lasting comfort\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 358px;\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Group_336907_617a0808-fd59-4a38-a0ff-d4862f902778.jpg?v=1727666337\" alt=\"\"\u003e \u003cdiv class=\"title special_heading\"\u003eAnti-odor Artemisia insole\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination swiper-pagination-bullets\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; margin-bottom: 2.083vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-left: 1.094vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/4.jpeg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\" style=\"margin-top: 0px;\"\u003e \u003cdiv class=\"title special_heading\" style=\"font-size: 20px; font-weight: 600; line-height: 8.533vw; margin: 10.667vw 0 5.333vw;\"\u003eAdjustable buckle prevents heel slippage\u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/33.gif\" alt=\"\"\u003e \u003cdiv style=\"margin-bottom: 2.667vw;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/13.png\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big special_heading\" style=\"position: relative; margin-bottom: 4.167vw;\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/5.png\" alt=\"\" width=\"100%\"\u003e \u003cspan style=\"font-size: 28px; font-weight: 600; line-height: 2.083vw; position: absolute; top: 10.417vw; left: 15.521vw;\"\u003eEasily adjust the length to fit the arch of your foot.\u003cbr\u003eThe fit will be even better.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"show-small special_heading\" style=\"margin: 10.667vw 0;\"\u003e \u003cdiv style=\"margin-bottom: 5.333vw; font-size: 20px; font-weight: 600; line-height: 8.533vw; margin-left: 5.333vw;\"\u003eEasily adjust the length to fit the arch of your foot for a better fit.\u003c\/div\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/27.jpg\" alt=\"\" width=\"100%\"\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px; margin-top: 0px;\"\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/15.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/6.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/16.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/7.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 19.896vw; left: 2.604vw;\"\u003e \u003cdiv class=\"three-item-text show-big\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center; text-align: center;\"\u003e \u003cdiv class=\"small_title show-small\" style=\"text-align: center;\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\" style=\"position: relative;\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/17.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/goods_deta\/20230714_5959\/30.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv style=\"position: absolute; top: 21.146vw; left: 5.208vw;\"\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\" style=\"display: flex; align-items: center; justify-content: center;\"\u003e \u003cdiv class=\"small_title show-small\"\u003eEasy to carry\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w-p-t-b \"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title special_heading\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr\u003eWe are committed to liberating women's feet while pursuing sustainability.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n })\n const title = document.querySelector('.title-2')\n console.log(title.innerHTML)\n \n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#D1D1D1'\n title.innerHTML = '防臭効果のあるアルテミシア製インソール'\n }\n \n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_left.style.backgroundColor = '#D1D1D1'\n btn_container_right.style.backgroundColor = '#191817'\n title.innerHTML = ' 通気性抜群で続く快適さ'\n }\n \n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n \n \n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"margotmaryjane_nutmeg \/ JP-22.0cm\/EU-35","offer_id":44370512707840,"sku":"shflatse2309110008001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-22.5cm\/EU-35.5","offer_id":44370512740608,"sku":"shflatse2309110008002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-22.5~23.0cm\/EU-36","offer_id":44370512773376,"sku":"shflatse2309110008003","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-23.0cm\/EU-36.5","offer_id":44370512806144,"sku":"shflatse2309110008004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-23.5cm\/EU-37","offer_id":44370512838912,"sku":"shflatse2309110008005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-23.5~24.0cm\/EU-37.5","offer_id":44370512871680,"sku":"shflatse2309110008006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-24.0cm\/EU-38","offer_id":44370512904448,"sku":"shflatse2309110008007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-24.5cm\/EU-38.5","offer_id":44370512937216,"sku":"shflatse2309110008008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-24.5~25.0cm\/EU-39","offer_id":44370512969984,"sku":"shflatse2309110008009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-25.0cm\/EU-39.5","offer_id":44370513002752,"sku":"shflatse2309110008010","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-25.5cm\/EU-40","offer_id":44370513035520,"sku":"shflatse2309110008011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-25.5~26.0cm\/EU-40.5","offer_id":44370513068288,"sku":"shflatse2309110008012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_nutmeg \/ JP-26.0cm\/EU-41","offer_id":44370513101056,"sku":"shflatse2309110008013","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-26.5cm\/EU-41.5","offer_id":44370513133824,"sku":"shflatse2309110008014","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"margotmaryjane_nutmeg \/ JP-27.0cm\/EU-42","offer_id":44370513166592,"sku":"shflatse2309110008015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"margotmaryjane_nutmeg \/ JP-27.5cm\/EU-43","offer_id":44370513199360,"sku":"shflatse2309110008016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1706065682-2d0c3b47-ce98-4ca3-b021-ac2a8d1b2c85.jpg?v=1729151477"},{"product_id":"flats-tamiamaryjaneadaptall-almond","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_almond \/ JP-22.0cm\/EU-35","offer_id":45273777045760,"sku":"shflatse2403210011001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-22.5cm\/EU-35.5","offer_id":45273777078528,"sku":"shflatse2403210011002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-22.5~23.0cm\/EU-36","offer_id":45273777111296,"sku":"shflatse2403210011003","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-23.0cm\/EU-36.5","offer_id":45273777144064,"sku":"shflatse2403210011004","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-23.5cm\/EU-37","offer_id":45273777176832,"sku":"shflatse2403210011005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273777209600,"sku":"shflatse2403210011006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-24.0cm\/EU-38","offer_id":45273777242368,"sku":"shflatse2403210011007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-24.5cm\/EU-38.5","offer_id":45273777275136,"sku":"shflatse2403210011008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-24.5~25.0cm\/EU-39","offer_id":45273777307904,"sku":"shflatse2403210011009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_almond \/ JP-25.0cm\/EU-39.5","offer_id":45273777340672,"sku":"shflatse2403210011010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-25.5cm\/EU-40","offer_id":45273777373440,"sku":"shflatse2403210011011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273777406208,"sku":"shflatse2403210011012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-26.0cm\/EU-41","offer_id":45273777438976,"sku":"shflatse2403210011013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-26.5cm\/EU-41.5","offer_id":45273777471744,"sku":"shflatse2403210011014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-27.0cm\/EU-42","offer_id":45273777504512,"sku":"shflatse2403210011015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_almond \/ JP-27.5cm\/EU-43","offer_id":45273777537280,"sku":"shflatse2403210011016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1111_6e0558d2-eeba-4773-9d8e-b6cbbfbd1b7f.jpg?v=1729156249"},{"product_id":"flats-tamiamaryjaneadaptall-denimblue","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_denim blue \/ JP-22.0cm\/EU-35","offer_id":45273778848000,"sku":"shflatse2403210009001","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-22.5cm\/EU-35.5","offer_id":45273778880768,"sku":"shflatse2403210009002","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-22.5~23.0cm\/EU-36","offer_id":45273778946304,"sku":"shflatse2403210009003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_denim blue \/ JP-23.0cm\/EU-36.5","offer_id":45273778979072,"sku":"shflatse2403210009004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_denim blue \/ JP-23.5cm\/EU-37","offer_id":45273779011840,"sku":"shflatse2403210009005","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273779044608,"sku":"shflatse2403210009006","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-24.0cm\/EU-38","offer_id":45273779077376,"sku":"shflatse2403210009007","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-24.5cm\/EU-38.5","offer_id":45273779110144,"sku":"shflatse2403210009008","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-24.5~25.0cm\/EU-39","offer_id":45273779339520,"sku":"shflatse2403210009009","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-25.0cm\/EU-39.5","offer_id":45273779405056,"sku":"shflatse2403210009010","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-25.5cm\/EU-40","offer_id":45273779437824,"sku":"shflatse2403210009011","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273779470592,"sku":"shflatse2403210009012","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-26.0cm\/EU-41","offer_id":45273779503360,"sku":"shflatse2403210009013","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-26.5cm\/EU-41.5","offer_id":45273779536128,"sku":"shflatse2403210009014","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-27.0cm\/EU-42","offer_id":45273779634432,"sku":"shflatse2403210009015","price":18900.0,"currency_code":"JPY","in_stock":false},{"title":"tamiamaryjane_denim blue \/ JP-27.5cm\/EU-43","offer_id":45273779667200,"sku":"shflatse2403210009016","price":18900.0,"currency_code":"JPY","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/111_23b8acd5-3a29-43cf-940b-180cee380efc.jpg?v=1729156270"},{"product_id":"flats-tamiamaryjaneadaptall-black","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_black \/ JP-22.0cm\/EU-35","offer_id":45273781371136,"sku":"shflatse2403210008001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-22.5cm\/EU-35.5","offer_id":45273781403904,"sku":"shflatse2403210008002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-22.5~23.0cm\/EU-36","offer_id":45273781436672,"sku":"shflatse2403210008003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-23.0cm\/EU-36.5","offer_id":45273781567744,"sku":"shflatse2403210008004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-23.5cm\/EU-37","offer_id":45273781600512,"sku":"shflatse2403210008005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273781633280,"sku":"shflatse2403210008006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-24.0cm\/EU-38","offer_id":45273781666048,"sku":"shflatse2403210008007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-24.5cm\/EU-38.5","offer_id":45273781698816,"sku":"shflatse2403210008008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-24.5~25.0cm\/EU-39","offer_id":45273781731584,"sku":"shflatse2403210008009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-25.0cm\/EU-39.5","offer_id":45273781764352,"sku":"shflatse2403210008010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-25.5cm\/EU-40","offer_id":45273781797120,"sku":"shflatse2403210008011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273781829888,"sku":"shflatse2403210008012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-26.0cm\/EU-41","offer_id":45273781862656,"sku":"shflatse2403210008013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-26.5cm\/EU-41.5","offer_id":45273781895424,"sku":"shflatse2403210008014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-27.0cm\/EU-42","offer_id":45273781928192,"sku":"shflatse2403210008015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black \/ JP-27.5cm\/EU-43","offer_id":45273781960960,"sku":"shflatse2403210008016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/11_7a01f6b2-43b8-49fa-98a1-19945c6ddf2a.jpg?v=1729156292"},{"product_id":"flats-tamiamaryjaneadaptall-almondblack","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_Almond Black \/ JP-22.0cm\/EU-35","offer_id":45273785303296,"sku":"shflatse2403210007001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-22.5cm\/EU-35.5","offer_id":45273785336064,"sku":"shflatse2403210007002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-22.5~23.0cm\/EU-36","offer_id":45273785368832,"sku":"shflatse2403210007003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-23.0cm\/EU-36.5","offer_id":45273785401600,"sku":"shflatse2403210007004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-23.5cm\/EU-37","offer_id":45273785434368,"sku":"shflatse2403210007005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45273785467136,"sku":"shflatse2403210007006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-24.0cm\/EU-38","offer_id":45273785499904,"sku":"shflatse2403210007007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-24.5cm\/EU-38.5","offer_id":45273785532672,"sku":"shflatse2403210007008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-24.5~25.0cm\/EU-39","offer_id":45273785565440,"sku":"shflatse2403210007009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-25.0cm\/EU-39.5","offer_id":45273785630976,"sku":"shflatse2403210007010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-25.5cm\/EU-40","offer_id":45273785663744,"sku":"shflatse2403210007011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45273785696512,"sku":"shflatse2403210007012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-26.0cm\/EU-41","offer_id":45273785729280,"sku":"shflatse2403210007013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-26.5cm\/EU-41.5","offer_id":45273785762048,"sku":"shflatse2403210007014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-27.0cm\/EU-42","offer_id":45273785794816,"sku":"shflatse2403210007015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Almond Black \/ JP-27.5cm\/EU-43","offer_id":45273785827584,"sku":"shflatse2403210007016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1_1cf025a6-741d-42eb-a3d6-8768854e10fa.jpg?v=1729156313"},{"product_id":"flats-tamiamaryjaneadaptall-blackstuds","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\" videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c!-- \u003cdiv class=\"three-item-text show-big\"\u003eEasy to Take Everywhere\u003c\/div\u003e --\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"\n https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_black studs \/ JP-22.0cm\/EU-35","offer_id":45864163803392,"sku":"shflatse2405080003001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-22.5cm\/EU-35.5","offer_id":45864163836160,"sku":"shflatse2405080003002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-22.5~23.0cm\/EU-36","offer_id":45864163868928,"sku":"shflatse2405080003003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-23.0cm\/EU-36.5","offer_id":45864163901696,"sku":"shflatse2405080003004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-23.5cm\/EU-37","offer_id":45864163934464,"sku":"shflatse2405080003005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-23.5~24.0cm\/EU-37.5","offer_id":45864163967232,"sku":"shflatse2405080003006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-24.0cm\/EU-38","offer_id":45864164000000,"sku":"shflatse2405080003007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-24.5cm\/EU-38.5","offer_id":45864164065536,"sku":"shflatse2405080003008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-24.5~25.0cm\/EU-39","offer_id":45864164098304,"sku":"shflatse2405080003009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-25.0cm\/EU-39.5","offer_id":45864164131072,"sku":"shflatse2405080003010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-25.5cm\/EU-40","offer_id":45864164163840,"sku":"shflatse2405080003011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-25.5~26.0cm\/EU-40.5","offer_id":45864164196608,"sku":"shflatse2405080003012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-26.0cm\/EU-41","offer_id":45864164229376,"sku":"shflatse2405080003013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-26.5cm\/EU-41.5","offer_id":45864164262144,"sku":"shflatse2405080003014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-27.0cm\/EU-42","offer_id":45864164294912,"sku":"shflatse2405080003015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_black studs \/ JP-27.5cm\/EU-43","offer_id":45864164327680,"sku":"shflatse2405080003016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1724382507-bc2c4b86-4b88-440f-b524-df2e8f2cfa5b.jpg?v=1729159088"},{"product_id":"flats-tamiamaryjaneadaptall-creamivorypearls","title":"[Tamia Mary-Jane] AdaptAll™ Almond Toe Mary-Jane Flat Shoes","description":"\u003cp\u003e \u003c\/p\u003e \u003cstyle\u003e\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf\");\n }\n\n @font-face {\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf\");\n }\n\n @font-face {\n font-weight: 300;\n src: url(\"https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf\");\n }\n\n * {\n padding: 0;\n margin: 0;\n }\n\n \/* 1 *\/\n .Margot-Wide-2 {\n font-size: 0;\n }\n\n .Margot-Wide-2 .top-text {\n text-align: center;\n margin-top: 40px;\n }\n\n .Margot-Wide-2 .top-text .top-title {\n font-weight: 500;\n font-size: 30px;\n line-height: 40px;\n margin-bottom: 8px;\n }\n\n .Margot-Wide-2 .top-text .top-desc {\n font-weight: 300;\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 44px;\n }\n\n .swiper-btn-title-container {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-title-container .title-2 {\n }\n\n .swiper-btn-2 {\n width: 100px;\n height: 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .swiper-btn-2 .swiper-button-left {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n background-color: #A9A8A6;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right {\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #191817;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .swiper-btn-2 .swiper-button-right svg {\n position: relative;\n \/* left: 2px; *\/\n }\n\n .swiper-btn-2 .swiper-button-left svg {\n position: relative;\n \/* right: 2px; *\/\n }\n\n .Margot-Wide-2 .swiper-socks-flats .swiper-slide .sp_img {\n display: inline-block;\n width: 100%;\n }\n\n .Margot-Wide-2 .bgColor-light {\n width: 100%;\n margin: 0;\n background: linear-gradient(0deg, #F9F6F2, #F9F6F2), #FFFFFF;\n\n }\n\n .Margot-Wide-2 .bgColor-light .show-big {\n margin-top: 0px;\n position: relative;\n margin-bottom: 0px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .bgColor-light .space-w_1 .title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 400;\n position: absolute;\n height: 100%;\n display: flex;\n align-items: center;\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n position: absolute;\n left: 15.625vw;\n\n font-size: 1.563vw;\n color: #FFFFFF;\n line-height: 2.083vw;\n }\n\n .Margot-Wide-2 .show-big {\n display: block;\n }\n\n .bottom_content_item {\n background-color: #ffffff !important;\n }\n\n \/* 2 *\/\n .Margot-Wide-2 .show-small {\n display: none;\n }\n\n .Margot-Wide-2 .bgc-grey {\n background-color: #f8f7f5;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .full-w {\n width: 100%;\n }\n\n .Margot-Wide-2 .space-w {\n margin: 0 auto;\n width: 68.75vw;\n margin-top: 80px;\n margin-bottom: 80px;\n }\n\n .Margot-Wide-2 .space-w_1 {\n width: 68.75vw;\n margin: 0 auto;\n\n }\n\n .Margot-Wide-2 .space-w-style {\n margin: 0 auto;\n width: 68.75vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 80px;\n padding-bottom: 80px;\n }\n\n .Margot-Wide-2 .position-relative {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .center-title {\n text-align: center;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 30px;\n line-height: 40px;\n font-weight: 600;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n margin-top: 8.00px;\n }\n\n .Margot-Wide-2 .common-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .head-text-area {\n text-align: center;\n position: absolute;\n top: 24.417vw;\n margin-bottom: 32px;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 30px;\n font-weight: 600;\n line-height: 40px;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 20px;\n line-height: 40px;\n margin-top: 8px;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: flex;\n \/* float: left; *\/\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 48.48%;\n object-fit: fill;\n }\n\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 32.2%;\n position: relative;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 100%;\n }\n\n .Margot-Wide-2 .three-item-text {\n text-align: center;\n position: absolute;\n bottom: 1.25vw;\n width: 100%;\n margin-top: 20px;\n font-size: 1.042vw;\n font-weight: 500;\n line-height: 1.458vw;\n\n\n\n }\n\n .title-br {\n display: none;\n }\n\n @media screen and (min-width: 769px) and (max-width: 1439px) {\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n \/* .Margot-Wide-2 .bgColor-light .common-title{\n position: absolute;left:65px;\n font-size: 1.528vw;\n line-height: 1.944vw;\n \n \n }\n .Margot-Wide-2 .three-item-text {\n \nfont-size: 1.342vw;\nfont-weight: 400;\nline-height: 1.458vw;\n\n\n \n }\n .Margot-Wide-2 .head-title {\n font-size: 1.528vw;\n font-weight: 500;\n line-height: 1.944vw;\n }\n .Margot-Wide-2 .common-title {\n font-size: 1.528vw;\n line-height: 1.944vw;\n} *\/\n .Margot-Wide-2 .space-w {\n width: 90vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 30px;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 90vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .bgColor-light .common-title {\n\n left: 5.007vw;\n\n color: #FFFFFF;\n font-size: 24px;\n line-height: 30px;\n\n }\n\n .Margot-Wide-2 .common-title {\n\n font-size: 24px;\n line-height: 30px;\n\n\n }\n\n .Margot-Wide-2 .bg_pb {\n left: 5.007vw !important;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 14px;\n line-height: 17px;\n }\n\n .Margot-Wide-2 .three-item-text {\n\n font-size: 16px;\n font-weight: 400;\n line-height: 20px;\n\n\n\n }\n\n }\n\n\n\n @media screen and (max-width: 768px) {\n .Margot-Wide-2 .bgColor-light .show-big {\n display: none;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet {\n width: 45px;\n height: 2px;\n border-radius: 1px;\n color: #000;\n }\n\n .small-swiper .swiper-pagination .swiper-pagination-bullet-active {\n background: #191817;\n }\n\n .small_title {\n font-style: normal;\n font-weight: 500;\n font-size: 4.267vw;\n box-sizing: border-box;\n line-height: 5.067vw;\n margin-bottom: 4px;\n text-align: left;\n\n }\n\n .small_content {\n font-size: 3.200vw;\n font-weight: 300;\n line-height: 4.267vw;\n\n text-align: left;\n }\n\n .Margot-Wide-2 .show-big {\n display: none;\n }\n\n .Margot-Wide-2 .show-small {\n display: block;\n }\n\n .Margot-Wide-2 .space-w {\n width: 89.333vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .space-w-style {\n width: 89.333vw;\n }\n\n .Margot-Wide-2 .space-w-p-t-b {\n padding-top: 10.667vw;\n padding-bottom: 10.667vw;\n margin-top: 10.667vw;\n margin-bottom: 10.667vw;\n }\n\n .Margot-Wide-2 .common-text-area {\n margin-bottom: 5.333vw;\n }\n\n .Margot-Wide-2 .common-title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .common-subhead {\n font-size: 3.733vw;\n line-height: 4.8vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .head-title {\n font-size: 5.333vw;\n font-weight: 600;\n color: #fff;\n line-height: 7.467vw;\n }\n\n .Margot-Wide-2 .head-text-area {\n top: 8vw;\n width: 100%;\n position: absolute;\n }\n\n .Margot-Wide-2 .head-subhead {\n font-size: 3.733vw;\n font-weight: 300;\n line-height: 5.333vw;\n margin-top: 1.0666vw;\n }\n\n .Margot-Wide-2 .half-img-father {\n display: block;\n width: 100%;\n }\n\n .Margot-Wide-2 .half-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-father {\n width: 100%;\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n }\n\n .Margot-Wide-2 .three-item-area {\n width: 100%;\n display: flex;\n align-items: center;\n background: #F6F6F6;\n margin-top: 5.333vw;\n }\n\n .Margot-Wide-2 .three-item-area:first-child {\n margin-top: 0;\n }\n\n .Margot-Wide-2 .three-item-area:nth-child(2n) {\n flex-direction: row-reverse;\n }\n\n .Margot-Wide-2 .three-item-area picture {\n display: contents;\n }\n\n .Margot-Wide-2 .three-item-img {\n width: 50%;\n }\n\n .Margot-Wide-2 .three-item-text {\n padding: 0 20px;\n position: static;\n font-size: 3.467vw;\n line-height: 7.467vw;\n width: 50%;\n margin-top: 0;\n }\n\n \/* dilidili *\/\n .small-swiper {\n position: relative;\n }\n\n .small-swiper .swiper-pagination {\n position: absolute;\n bottom: 38px;\n }\n\n .small-swiper {\n overflow-x: hidden;\n }\n\n .small-swiper .swiper-wrapper {\n width: 100%;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide {\n width: 100px;\n position: relative;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide .title {\n width: 100%;\n position: absolute;\n top: 39px;\n margin: 0 auto;\n font-size: 5.333vw;\n line-height: 7.467vw;\n text-align: center;\n }\n\n .small-swiper .swiper-wrapper .swiper-slide img {\n display: inline-block;\n width: 100%;\n height: 100%;\n }\n\n .bgColor-light-small {\n width: 100%;\n position: relative;\n }\n\n .bgColor-light-small .small-img {\n display: inline-block;\n width: 100%;\n }\n\n .bgColor-light-small .title {\n font-size: 5.333vw;\n line-height: 7.467vw;\n font-weight: 600;\n position: absolute;\n top: 10.667vw;\n width: 100%;\n \/* padding: 0px 50px; *\/\n box-sizing: border-box;\n text-align: center;\n color: #191817;\n }\n\n .bottom_content_item {\n background-color: #F5F3EF !important;\n }\n }\n\n @media screen and (max-width: 1720px) {\n .title-br {\n display: block;\n }\n\n }\n \u003c\/style\u003e \u003cdiv class=\"Margot-Wide-2\"\u003e \u003cdiv class=\"full-w position-relative\"\u003e \u003cdiv class=\"head-text-area\"\u003e \u003cdiv class=\"head-title\"\u003eElegance and comfort combined\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m6.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc3.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003cdiv class=\"space-w show-big\"\u003e \u003cdiv class=\"swiper-btn-title-container\" style=\"margin-bottom: 32px;\"\u003e \u003cspan class=\"common-title title-2\"\u003eFlat shoes that are comfortable to wear like sneakers\u003c\/span\u003e \u003cdiv class=\"swiper-btn-2\"\u003e \u003cdiv class=\"swiper-button-left\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.0607 2.45067L9 1.39001L1.3934 8.99662L2.45406 10.0573L2.45412 10.0572L9.00013 16.6032L10.0608 15.5426L3.51478 8.99655L10.0607 2.45067Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 9.75H3V8.25H17V9.75Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-button-right\"\u003e\u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 18 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.93934 15.5493L9 16.61L16.6066 9.00338L15.5459 7.94272L15.5459 7.94279L8.99987 1.39678L7.93921 2.45744L14.4852 9.00345L7.93934 15.5493Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 8.25L15 8.25L15 9.75L1 9.75L1 8.25Z\" fill=\"white\"\u003e\u003c\/path\u003e \u003c\/svg\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-socks-flats\" style=\"overflow: hidden;\"\u003e \u003cdiv class=\"swiper-wrapper\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc1_3f38435a-941f-418e-a2a5-3ec7383d34b7.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg class=\"sp_img\" src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/pc2_d654a7f4-fe76-4fa0-85a6-89f388dd0ec1.png?v=1717038808\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\"\u003e \u003cdiv class=\"small-swiper\" style=\"margin-top: 0;\"\u003e \u003cdiv class=\"swiper-wrapper\" style=\"font-size: 0px;\"\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_d1953d66-5049-40ea-bb5c-9760225428e1.png?v=1717038800\" alt=\"\"\u003e\u003c\/div\u003e \u003cdiv class=\"swiper-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_2975fd0b-b959-41bb-b6e6-bfe462350511.png?v=1717038804\" alt=\"\"\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"swiper-pagination\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-big\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"half-img videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-660%20x%20500-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-left: 40px;\"\u003e \u003c\/div\u003e \u003cimg class=\"half-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/pc00.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"show-small\" style=\"background: #ffffff; padding-bottom: 0px;\"\u003e \u003cdiv class=\"space-w\"\u003e \u003cdiv class=\"common-text-area\"\u003e \u003cdiv class=\"common-title\"\u003eEffortless elegance\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eThe delicate and timeless appeal of ballet flats\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"half-img-father\"\u003e \u003cvideo id=\"myVideo\" class=\"videos\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240229_6664\/Tamia%20mary-jane-m-335x290-02.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cdiv style=\"margin-bottom: 5.333vw;\"\u003e \u003c\/div\u003e \u003cimg style=\"width: 100%;\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m1.jpg\" alt=\"\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light\"\u003e \u003cdiv class=\"space-w show-big\" style=\"width: 100%;\"\u003e \u003cdiv class=\"common-title\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003cpicture\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc6.jpg\" alt=\"\"\u003e \u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgColor-light-small show-small\" style=\"margin-top: 48px;\"\u003e \u003cimg class=\"small-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m7.jpg\" alt=\"\"\u003e \u003cdiv class=\"title\" style=\"color: #ffffff;\"\u003eTrendy ballet core\u003cbr\u003eElegant yet comfortable\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"space-w\" style=\"margin-bottom: 0px;\"\u003e \u003cdiv class=\"common-text-area space-w-style\"\u003e \u003cdiv class=\"common-title\"\u003eOther features\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-father\"\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m3.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc1.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eMachine washable\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eMachine washable\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m4.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc5.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eFrom recycled plastic bottles\u003cbr\u003eMade of upper\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eUpper made from recycled plastic bottles\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"three-item-area\"\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6664\/Tamia-maryjane-m5.jpg\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"three-item-img\" src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240229_6663\/Tamia-maryjane-pc2.jpg\" alt=\"\"\u003e\u003c\/picture\u003e \u003cdiv class=\"three-item-text show-big\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003cdiv class=\"three-item-text show-small\"\u003e \u003cdiv class=\"small_title\"\u003eEasy to carry anywhere\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e \u003cdiv class=\"space-w-style\"\u003e \u003cdiv class=\"common-text-area center-title\"\u003e \u003cdiv class=\"common-title\"\u003eAbout VIVAIA\u003c\/div\u003e \u003cdiv class=\"common-subhead\"\u003eVIVAIA was founded in 2020 with the vision of bringing earth-friendly, comfortable and timelessly designed shoes to the world.\u003cbr class=\"show-big\"\u003eWhile pursuing sustainability, we promise to lightly color women's feet.\u003c\/div\u003e \u003c\/div\u003e \u003cpicture\u003e \u003csource srcset=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e\u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\n const title_2 = document.querySelector('.title-2')\n var mySwiper_pc_1 = new Swiper('.swiper-socks-flats', {\n autoplay: false,\n on: {\n slideChange: function () {\n console.log(this.activeIndex)\n if (this.activeIndex === 0) {\n handleClick_prev()\n } else {\n handleClick_next()\n }\n }\n }\n })\n console.log(mySwiper_pc_1);\n\n const handleClick_next = () =\u003e {\n mySwiper_pc_1.slideTo(1)\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n btn_container_left.style.backgroundColor = '#191817'\n btn_container_right.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = '自然界の“チョウセンヨモギ”を用いた抗菌性インソール'\n\n\n }\n\n const handleClick_prev = () =\u003e {\n mySwiper_pc_1.slideTo(0)\n const btn_container_left = document.querySelector('.swiper-btn-title-container .swiper-button-left')\n const btn_container_right = document.querySelector(\".swiper-btn-title-container .swiper-button-right\")\n btn_container_right.style.backgroundColor = '#191817'\n btn_container_left.style.backgroundColor = '#A9A8A6'\n title_2.innerHTML = 'スニーカー感覚で快適に履けるフラットシューズ'\n }\n\n window.addEventListener('click', function (e) {\n if (e.target.classList[0] === 'swiper-button-right' || e.target.parentNode.classList[0] === 'swiper-button-right' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-right') {\n handleClick_next()\n }\n if (e.target.classList[0] === 'swiper-button-left' || e.target.parentNode.classList[0] === 'swiper-button-left' || e.target.parentNode.parentNode.classList[0] === 'swiper-button-left') {\n handleClick_prev()\n }\n }, false)\n\n\n var small_swiper = new Swiper('.small-swiper', {\n pagination: {\n el: '.swiper-pagination',\n },\n })\n document.querySelectorAll('.videos').forEach((v) =\u003e {\n v.setAttribute('playsinline', '');\n v.setAttribute('webkit-playsinline', '');\n })\n \u003c\/script\u003e\u003c\/p\u003e","brand":"VIVAIA JAPAN","offers":[{"title":"tamiamaryjane_Ivory Pearls \/ JP-22.0cm\/EU-35","offer_id":46483100795136,"sku":"shflatse2409100009001","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-22.5cm\/EU-35.5","offer_id":46483100827904,"sku":"shflatse2409100009002","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-22.5~23.0cm\/EU-36","offer_id":46483100860672,"sku":"shflatse2409100009003","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-23.0cm\/EU-36.5","offer_id":46483100893440,"sku":"shflatse2409100009004","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-23.5cm\/EU-37","offer_id":46483100926208,"sku":"shflatse2409100009005","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-23.5~24.0cm\/EU-37.5","offer_id":46483100958976,"sku":"shflatse2409100009006","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-24.0cm\/EU-38","offer_id":46483100991744,"sku":"shflatse2409100009007","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-24.5cm\/EU-38.5","offer_id":46483101024512,"sku":"shflatse2409100009008","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-24.5~25.0cm\/EU-39","offer_id":46483101057280,"sku":"shflatse2409100009009","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-25.0cm\/EU-39.5","offer_id":46483101090048,"sku":"shflatse2409100009010","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-25.5cm\/EU-40","offer_id":46483101122816,"sku":"shflatse2409100009011","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-25.5~26.0cm\/EU-40.5","offer_id":46483101155584,"sku":"shflatse2409100009012","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-26.0cm\/EU-41","offer_id":46483101188352,"sku":"shflatse2409100009013","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-26.5cm\/EU-41.5","offer_id":46483101221120,"sku":"shflatse2409100009014","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-27.0cm\/EU-42","offer_id":46483101253888,"sku":"shflatse2409100009015","price":18900.0,"currency_code":"JPY","in_stock":true},{"title":"tamiamaryjane_Ivory Pearls \/ JP-27.5cm\/EU-43","offer_id":46483101286656,"sku":"shflatse2409100009016","price":18900.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/1736733395-64f9e987-26e1-498e-b6a8-eb3a2e68f336.jpg?v=1741764889"}],"url":"https:\/\/vivaia.jp\/en\/collections\/mary-jane-series.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}