{"title":"sandals-katarina","description":"\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n      @font-face {\n        src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Regular.ttf');\n      }\n\n      @font-face {\n        src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/NotoSerif-Regular.ttf');\n      }\n\n      @font-face {\n        font-weight: 300;\n        src: url('https:\/\/staticdn.vivaia.com\/oneapi\/fonts\/Roboto-Light.ttf');\n      }\n\n      .Katarina img {\n        width: 100%;\n        display: block;\n      }\n\n      .Katarina .show_big {\n        display: block;\n      }\n\n      \/* 2 *\/\n      .Katarina .show_small {\n        display: none;\n      }\n\n      \/* 1 *\/\n      .Katarina img {\n        display: block;\n        width: 100%;\n      }\n\n      .Katarina .Kara_swiper .common-text-area {\n        margin-top: 20px;\n        margin-bottom: 0;\n      }\n\n      .Katarina .Kara_swiper .common-text-area .left-area {\n        width: 100%;\n      }\n\n      .Katarina .Kara_swiper .common-subhead {\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 18px;\n        text-align: left;\n      }\n\n      .Katarina .Kara_swiper .swiper-slide img {\n        width: 100%;\n      }\n\n      .Katarina .bgc-grey {\n        background-color: #f8f7f5;\n        margin-top: 4.167vw;\n      }\n\n      .Katarina .Kara_top_banner {\n        width: 100%;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .Katarina .space-w {\n        margin: 0 auto;\n        width: 100%;\n        margin-top: 4.167vw;\n        margin-bottom: 4.167vw;\n      }\n\n      .Katarina .space-w-style {\n        margin: 0 auto;\n        width: 95%;\n      }\n\n      .Katarina .space-w-p-t-b {\n        padding-top: 4.167vw;\n        padding-bottom: 4.167vw;\n      }\n\n      .Katarina .common-text-area {\n        margin-bottom: 1.667vw;\n      }\n\n      .Katarina .common-title {\n        font-size: 30px;\n        line-height: 40px;\n        color: #191817;\n        font-weight: 600;\n      }\n\n      .common-title.jelly-title {\n        text-align: center;\n      }\n\n      .Katarina .common-subhead {\n        color: #191817;\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 24px;\n        margin-top: 0.417vw;\n        text-align: center; \n      }\n\n      .Katarina .common-img {\n        width: 100%;\n      }\n\n      .Katarina .Kara_banner_text {\n        position: relative;\n        display: flex;\n        align-items: center;\n      }\n\n      .Katarina .Kara_banner_text .common-title {\n        position: absolute;\n        color: #ffffff;\n        left: 6.25vw;\n      }\n\n      @media screen and (min-width: 769px) and (max-width: 1439px) {\n        .Katarina .Kara_swiper .common-title {\n          font-size: 18px;\n          font-weight: 400;\n          line-height: 29.995px;\n          letter-spacing: 0px;\n          text-align: left;\n          width: 100%;\n        }\n\n        .Katarina .Kara_swiper .common-subhead {\n          font-size: 14px;\n          font-weight: 300;\n          line-height: 18px;\n          letter-spacing: 0px;\n          text-align: left;\n        }\n\n        .Katarina .common-title {\n          font-size: 22.507px;\n          line-height: 29.995px;\n        }\n\n        .Katarina .common-subhead {\n          font-size: 12px;\n          font-weight: 300;\n          line-height: 18px;\n          margin-top: 6.005px;\n        }\n      }\n\n      @media screen and (max-width: 768px) {\n        .Katarina .show_big {\n          display: none;\n        }\n\n        .Katarina .show_small {\n          display: block;\n        }\n\n        .Katarina .Kara_top_banner {\n          justify-content: center;\n          align-items: center;\n        }\n\n        .Katarina .Kara_swiper {\n          height: auto;\n          width: 100% !important;\n          margin-right: 0px;\n          padding: 0 20px;\n          box-sizing: border-box;\n        }\n\n        .Katarina .Kara_swiper .common-text-area {\n          \/* margin-inline: 0; *\/\n          display: flex;\n          align-items: flex-end;\n          margin-top: 2.667vw;\n          margin-bottom: 0;\n        }\n\n        .Katarina .Kara_swiper .common-text-area .left-area {\n          width: 100%;\n        }\n\n        .Katarina .Kara_swiper .common-text-area .common-title {\n          font-size: 4.267vw;\n          font-weight: 600;\n          line-height: 5.6vw;\n          letter-spacing: 0px;\n          text-align: left;\n        }\n\n        .Katarina .Kara_swiper .common-subhead {\n          font-size: 2.667vw;\n          font-weight: 500;\n          line-height: 3.125vw;\n          text-align: left;\n        }\n\n        .Katarina .Kara_swiper .swiper-slide img {\n          width: 100%;\n        }\n\n        .Katarina .space-w {\n          width: 89.333vw;\n          margin-top: 10.667vw;\n          margin-bottom: 10.667vw;\n        }\n\n        .Katarina .space-w-style {\n          width: 89.333vw;\n        }\n\n        .Katarina .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        .Katarina .space-w-p-t-b .common-subhead {\n          font-size: 2.667vw;\n          font-weight: 500;\n          line-height: 3.125vw;\n          text-align: center;\n        }\n\n        .Katarina .common-text-area {\n          margin-bottom: 5.333vw;\n        }\n\n        .Katarina .common-title {\n          font-size: 5.333vw;\n          line-height: 7.467vw;\n          text-align: center;\n        }\n\n        .Katarina .common-subhead {\n          font-size: 3.733vw;\n          line-height: 4.8vw;\n          margin-top: 1.0666vw;\n        }\n\n        .Katarina .Kara_banner_text .common-title {\n          text-align: right;\n\n          left: auto;\n          margin-bottom: 0;\n          color: #ffffff;\n          top: 10.667vw;\n          right: 6.133vw;\n        }\n      }\n    \u003c\/style\u003e\n\u003cdiv class=\"Katarina\"\u003e\n\u003cdiv class=\"Kara_top_bannerdisplay: block\"\u003e\n\u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_3556.png?v=1718163690\" media=\"(max-width: 768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_33_b06353fa-216f-4495-94d1-f777d6a470b5.png?v=1715579483\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\n          \u003cpicture\u003e\u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_3554.png?v=1718163751\" media=\"(max-width: 768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/katarina_1.png?v=1718100691\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\n            \u003cpicture\u003e\u003csource srcset=\"\n              https:\/\/cdn.shopify.com\/s\/files\/1\/0532\/3063\/3157\/files\/Frame_3553.jpg?v=1718162322\" media=\"(max-width: 768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/Slice_35_412971da-36f6-49b8-99e0-665302164a23.png?v=1715579477\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\n            \u003c\/div\u003e\n\u003cdiv class=\"space-w Kara_banner_text\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m2_ad92f374-8e59-4e2b-9b9d-643e29338fc3.png?v=1715578637\" media=\"(max-width: 768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/p.png?v=1715578644\" alt=\"VIVAIA\"\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv class=\"space-w Kara_banner_text\"\u003e\n\u003cvideo class=\"myVideo show_big\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n        \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240508_6810\/Katarina-335-450-2-pc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cvideo class=\"myVideo show_small\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n        \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240508_6810\/334-450-2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"Kara_swiper space-w swiper-container-initialized swiper-container-horizontal\" style=\"position: relative; overflow: hidden; margin-top: 0;\"\u003e\n\u003cdiv class=\"swiper-wrapper\" style=\"transform: translate3d(0px, 0px, 0px);\"\u003e\n\u003cdiv class=\"swiper-slide swiper-slide-active\" style=\"width: 406.667px; margin-right: 30px;\"\u003e\n\u003cvideo class=\"myVideo show_big\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240508_6810\/Katarina-pc-m.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cvideo class=\"myVideo show_small\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\"\u003e\n            \u003csource src=\"https:\/\/cdnimg.vivaia.com\/VA\/video\/Banner\/20240508_6810\/Katarina-pc-m.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"left-area\"\u003e\n\u003cdiv class=\"common-title\"\u003e幅広の足にも優しい\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eクロスストラップで包み込まれるようなフィット感\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide swiper-slide-next\" style=\"width: 406.667px; margin-right: 30px;\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n  https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/05gif-pc-m.gif\n\" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/05gif-pc-m.gif\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"left-area\"\u003e\n\u003cdiv class=\"common-title\"\u003e速乾性に優れたインソール\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003e一日中爽やかな履き心地着をキープ\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"swiper-slide\" style=\"width: 406.667px; margin-right: 30px;\"\u003e\n\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/m1_02d09dd7-772c-4dd4-a4f2-90983466d8a9.png?v=1715578636\" media=\"(max-width:768px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0532\/3063\/3157\/files\/6f09622c037ec196b76b4f9ea1b3cfc7.png?v=1715578634\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003cdiv class=\"common-text-area\" style=\"transform: translate3d(0, 0, 0);\"\u003e\n\u003cdiv class=\"left-area\"\u003e\n\u003cdiv class=\"common-title\"\u003e滑り止めソール\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003e確かな歩みを、自信を持って\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bgc-grey space-w-p-t-b\"\u003e\n\u003cdiv class=\"space-w-style\"\u003e\n\u003cdiv class=\"common-text-area\"\u003e\n\u003cdiv class=\"common-title  jelly-title\"\u003eVIVAIAについて\u003c\/div\u003e\n\u003cdiv class=\"common-subhead\"\u003eVIVAIAは2020年に誕生し、地球に優しく、快適でタイムレスなデザインのシューズを世界に発信するというビジョンを掲げています。\u003cbr class=\"show_big\"\u003eサステナビリティを追求しながら、女性の足を軽やかに彩ることをお約束します。\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cpicture\u003e \u003csource srcset=\"\n              https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202069@2x.png\n            \" media=\"(max-width:768px)\"\u003e \u003cimg class=\"common-img\" src=\"https:\/\/cdnimg.vivaia.com\/CO\/image\/Banner\/20230329_5369\/Rectangle%202062@2x.png\" alt=\"\"\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/5.4.5\/js\/swiper.min.js\"\u003e\u003c\/script\u003e\n  \u003cscript src=\"https:\/\/unpkg.com\/swiper@5.4.5\/js\/swiper.js\"\u003e\u003c\/script\u003e\n  \u003cscript\u003e\n    setVideo();\n    function setVideo() {\n      document.querySelectorAll('.Katarina .myVideo').forEach((v) =\u003e {\n        v.setAttribute('playsinline', true);\n\n        v.setAttribute('webkit-playsinline', true);\n      });\n    }\n    init();\n    function init() {\n      var swiper = new Swiper('.Kara_swiper', {\n        simulateTouch: false, \/\/禁止鼠标模拟\n\n        breakpoints: {\n          290: {\n            slidesPerView: 1.1,\n            spaceBetween: 17,\n          },\n          768: {\n            slidesPerView: 3,\n            spaceBetween: 30,\n          },\n        },\n      });\n    }\n\n    window.onload = function () {\n      let lang = window.top.document.documentElement.lang;\n      console.log(lang);\n      const top_banner_img = document.querySelector(\n        '.Kara_top_banner picture'\n      );\n      switch (lang) {\n        case 'en':\n          top_banner_img.innerHTML = `\u003csource srcset=\"\n          https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/Katarina-m-en-2.jpg\" media=\"(max-width: 768px)\"\u003e \n      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/pc-0505.jpg\" alt=\"VIVAIA\"\u003e`;\n          break;\n        case 'de':\n          top_banner_img.innerHTML = `\u003csource srcset=\"\n          https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/Katarina-m-de-2.jpg\" media=\"(max-width: 768px)\"\u003e \n      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/pc-de-0505.jpg\" alt=\"VIVAIA\"\u003e`;\n          break;\n        case 'fr':\n          top_banner_img.innerHTML = `\u003csource srcset=\"\n          https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/Katarina-m-fr-2.jpg\" media=\"(max-width: 768px)\"\u003e \n      \u003cimg src=\"https:\/\/cdnimg.vivaia.com\/VA\/image\/Banner\/20240508_6810\/pc-fr-0505.jpg\" alt=\"VIVAIA\"\u003e`;\n          break;\n        default:\n          break;\n      }\n    };\n  \u003c\/script\u003e","products":[],"url":"https:\/\/checkout.vivaia.jp\/collections\/sandals-katarina.oembed","provider":"VIVAIA JAPAN","version":"1.0","type":"link"}