.site-footer-wrapper{margin-top:0!important}.measure-curtain{padding-block:min(80px,40 / 390 * 100vw) min(180px,100 / 390 * 100vw);background-color:#f0efe7;overflow:hidden}.page-content,.measure-curtain .page-content{text-align:left}.measure-curtain button{padding:0;color:inherit;outline:none}.measure-curtain img{max-width:100%;height:auto}.measure-curtain h3{margin-top:0;text-align:center}.measure-curtain .u-ib{display:inline-block}.measure-curtain .page-content{margin-bottom:0}.measure-curtain_tabs{display:grid;grid-template-columns:repeat(2,1fr);align-items:flex-end;gap:min(40px,20 / 390 * 100vw)}.measure-curtain_tabs__button{height:min(100px,87 / 390 * 100vw);margin-bottom:-3px;border:3px solid #b8b16d;border-top-left-radius:20px;border-top-right-radius:20px;font-family:var(--font_body);font-size:var(--font-size-body-medium);background-color:#ececec;display:flex;justify-content:center;align-items:center;gap:min(99px,9 / 390 * 100vw);transition:height .2e ease-out;cursor:pointer;position:relative}.measure-curtain_tabs__button:before,.measure-curtain_tabs__button:after{content:"";width:3px;height:3px;background-color:#b8b16d;display:block;position:absolute;bottom:-3px}.measure-curtain_tabs__button:before{left:-3px}.measure-curtain_tabs__button:after{right:-3px}.measure-curtain_tabs__button.active{height:min(115px,97 / 390 * 100vw);border-bottom-color:#fff;background-color:#fff;pointer-events:none;position:relative;z-index:1}.measure-curtain_tabs__button img{width:min(100px,60 / 390 * 100vw)}.measure-curtain_tabs__content{border-top:3px solid #b8b16d;border-bottom:3px solid #b8b16d;padding-block:min(40px,20 / 390 * 100vw) min(125px,40 / 390 * 100vw);background-color:#fff;opacity:0;visibility:hidden;position:absolute}.measure-curtain_tabs__content.active{opacity:1;visibility:visible;position:relative}.measure-curtain_tabs__inner{display:grid;grid-template-columns:1fr;gap:min(80px,80 / 390 * 100vw);transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;opacity:0}.measure-curtain_tabs__content__wrapper{position:relative}.measure-curtain_tabs__content__wrapper:before{content:"";width:100vw;height:100%;border-top:3px solid #b8b16d;border-bottom:3px solid #b8b16d;position:absolute;top:0;left:calc(50% - 50vw);background-color:#fff}.measure-curtain_tabs__content.active .measure-curtain_tabs__inner{transform:translateY(0);opacity:1}.measure-curtain_section{--height: min(50px, 30 / 390 * 100vw);--diff: min(20px, 10 / 390 * 100vw);--small_height: calc(var(--height) - var(--diff))}.measure-curtain_section h2{margin:0 0 .7em;text-align:center}.measure-curtain_section small{margin-top:1em;line-height:1.75;display:block}.measure-curtain_section__inner{padding:0 min(40px,15 / 390 * 100vw) min(20px,20 / 390 * 100vw);background-color:#f0efe7}.measure-curtain_section.--end .measure-curtain_section__inner{padding-top:min(20px,20 / 390 * 100vw)}.measure-curtain_section__inner img{margin-left:auto;margin-right:auto;display:block}.measure-curtain_section__arrow{background-color:#f0efe7}.measure-curtain_section__arrow:before{content:"";width:100%;height:var(--height);background-color:#fff;clip-path:polygon(50% var(--small_height),100% 0,100% var(--diff),50% var(--height),0 var(--diff),0 0);display:block}.measure-curtain_section__arrow+.measure-curtain_section__inner{padding-top:var(--height)}.measure-curtain_input{margin-top:1.5em;display:block}.measure-curtain_input input{width:min(300px,100%);padding:.78em .67em;border-radius:0;border:1px solid currentColor}.measure-curtain_input__label{font-size:var(--font-size-body)}.measure-curtain_input__inner{display:flex;align-items:center;gap:.67em}.measure-curtain_input__inner span{flex-shrink:0}.measure-curtain_output{margin-top:min(20px,20 / 390 * 100vw);border:2px solid #ff3333;border-radius:9px;padding:min(20px,20 / 390 * 100vw) min(40px,20 / 390 * 100vw);background-color:#ffe8e8}.measure-curtain_output p,.measure-curtain_output+p{margin:0}.measure-curtain_output__result{display:flex;align-items:flex-end;gap:.7em}.measure-curtain_output__result__box{width:100%;padding:.26em .48em;font-size:var(--font-size-heading-1);line-height:1;background-color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.measure-curtain_output__result__box img{margin-right:0}.measure-curtain_output__result__box span.active{color:#f33}@media (any-hover: hover){.recipe_lineup_lists a:hover:before{opacity:.1}}@media screen and (min-width: 720px){.page-content{text-align:center}.measure-curtain_tabs__inner{column-gap:min(80px,20 / 720 * 100vw);grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto auto auto 1fr;row-gap:0}.measure-curtain_section{display:contents}.measure-curtain_section:first-child>*{grid-column:1 / 2}.measure-curtain_section:nth-child(2)>*{grid-column:2 / 3}.measure-curtain_section:not(.--end) h2{grid-row:1 / 2}.measure-curtain_section:not(.--end) .measure-curtain_section__inner:first-of-type{grid-row:2 / 3}.measure-curtain_section:not(.--end) .measure-curtain_section__arrow{grid-row:3 / 4}.measure-curtain_section:not(.--end) .measure-curtain_section__inner:nth-of-type(3){grid-row:4 / 5}.measure-curtain_section.--end h2{margin-top:min(80px,40 / 720 * 100vw)}.measure-curtain_section.--end>*{grid-column:1 / 3}.measure-curtain_section.--end h2{text-align:left}.measure-curtain_section__inner{padding:0 min(40px,20 / 720 * 100vw) min(40px,20 / 720 * 100vw)}.measure-curtain_section.--end .measure-curtain_section__inner{padding-top:min(40px,20 / 720 * 100vw)}.measure-curtain_tabs__button,.measure-curtain_section h2,.measure-curtain_section h3{font-size:var(--font-size-heading-medium)}.measure-curtain_output{padding-inline:min(36px,20 / 720 * 100vw)}.measure-curtain_section__inner{display:flex;flex-direction:column}.measure-curtain_input{margin-top:0}.measure-curtain_section__arrow+.measure-curtain_section__inner h3+p{height:100%}}@media screen and (min-width: 1024px){.measure-curtain_section.--end .measure-curtain_section__inner{display:flex;flex-direction:row;gap:min(40px,40 / 720 * 100vw)}.measure-curtain_tabs__content{border-left:3px solid #b8b16d;border-right:3px solid #b8b16d}.measure-curtain_tabs__content__wrapper:before{width:100%;left:0}.measure-curtain_tabs__inner{padding-inline:min(100px,40 / 720 * 100vw)}}@media screen and (min-width: 1280px){.measure-curtain_input{display:flex;align-items:center}.measure-curtain_input input{width:100%;margin-left:10px}.measure-curtain_input__label{flex-shrink:0}.measure-curtain_input__inner{width:100%}.measure-curtain_output{display:flex;align-items:center}.measure-curtain_output p{flex-shrink:0}.measure-curtain_output__result{width:100%;margin-left:10px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/page-measure-curtain.css.map */