{"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","url":"https:\/\/checkout.vivaia.jp\/en\/products\/flats-margotmaryjane-black","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}