.header{width:100vw;height:100vh;position:fixed;top:0;overflow:hidden;box-sizing:border-box;pointer-events:none;z-index:999999;--open-offset: 20rem;font-family:Roboto}.header__navigation{position:relative;width:100%;height:12.8rem;margin-left:auto;padding-top:2.4rem;z-index:1;transition:.5s width}.header__cart,.header__button{top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer}.header__cart{position:absolute;width:4.4rem;height:4.4rem;left:4rem;transition:.2s left}.header__cart:before,.header__cart:after{content:"";display:block;width:4.4rem;height:4.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s width,.3s height,0s opacity .6s,.3s border-color;border-radius:.4rem}.header__cart:before{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);border:.1rem solid transparent}.header__cart:after{opacity:.5;background-color:#fff}.header__cart:hover:before,.header__cart:hover:after{width:6.4rem;height:6.4rem;transition:.3s width,.3s height,0s opacity .6s}.header__cart:hover:before{border:.1rem solid #000;transition:.3s width,.3s height,0s opacity .6s,.3s border-color}.header__cart svg{width:100%;height:100%;vertical-align:bottom;position:relative;z-index:1}.header__logo{width:13.1rem;height:8rem;margin:auto;pointer-events:auto;cursor:pointer}.header__logo svg{width:100%;height:100%;vertical-align:bottom}.header__button{position:absolute;width:2.6rem;height:2rem;right:4rem}.header__button:before,.header__button:after{content:"";display:block;width:4.4rem;height:4.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.4rem;z-index:-1}.header__button:before{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.header__button:after{opacity:.5;background-color:#fff}.header__button:hover .header__svg-line-2,.header__button:hover .header__svg-line-3{transform:scaleX(1)}.header__svg-line-1{transform-origin:right;transition:.2s transform;transform:rotate(0)}.header__svg-line-2{transition:.2s transform;transform-origin:right;transform:scaleX(.7)}.header__svg-line-3{transition:.2s transform;transform-origin:right;transform:scaleX(.3)}.header__content{position:absolute;width:100%;height:100%;background-color:#fff;top:0;opacity:0;pointer-events:none;display:grid;grid-template-columns:72rem 1fr;transition:.2s opacity}.header__main{height:100%;padding:12.8rem 0 0;overflow:hidden}.header__main:before{content:"";display:block;width:calc(100% - 8rem);height:.2rem;left:4rem;background-color:#707070;position:relative;transform:translate3d(var(--open-offset),0,0);opacity:0;transition:.4s transform,.3s opacity .2s}.header__main-wrapper{height:100%;padding:0 4rem 4rem;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain}.header__link-area{padding-bottom:3.2rem;position:relative}.header__link-area:before{content:"";display:block;width:100%;height:.2rem;background-color:#707070;position:absolute;bottom:0;transform:translate3d(calc((var(--header-i) + 1) * var(--open-offset)),0,0);opacity:0;transition:.4s transform,.3s opacity .2s}.header__title{font-size:1.6rem;font-weight:500;line-height:1.3125;color:#707070;margin:.4rem 0 2.8rem;transform:translate3d(calc((var(--header-i) + 2) * var(--open-offset)),0,0);opacity:0;transition:.4s transform,.3s opacity .2s}.header__lists{margin:0;padding:0 3.2rem;list-style:none}.header__description{max-width:100%;width:32rem;font-size:1.6rem;line-height:1.3125;margin:0 0 1.6rem;padding:0 3.2rem;box-sizing:border-box;word-break:break-word}.header__newsletter{width:32rem!important;max-width:100%;margin:0!important;padding:0 3.2rem;box-sizing:border-box}.header__list-item{font-size:2rem;font-weight:500;line-height:1.3;margin-bottom:1.6rem;text-transform:uppercase;color:#000;opacity:0;transform:translate3d(calc((var(--header-item-i) + 1) * var(--open-offset)),0,0);transition:.4s transform,.3s opacity .2s}.header__list-item:last-of-type{margin-bottom:0}.header__link{color:#000;text-decoration:none;position:relative}.header__link:before{content:"";display:block;width:0%;height:.2rem;background-color:#333;position:absolute;bottom:-.4rem;left:0}.header__link:hover:before{animation:hoverBorderAnimation 1.426s infinite}.footer-main__sns-link,.footer-main__list-link{color:#000;text-decoration:none}.header__sns-lists{display:flex;align-items:center;margin:0;padding:0 3.2rem;list-style:none;gap:2.9rem}.header__sns-item{position:relative;min-width:2.9rem;min-height:2.9rem;opacity:0;transform:translate3d(calc(var(--header-item-i) * var(--open-offset)),0,0);transition:.4s transform,.3s opacity .2s}.header__sns-item--instagram{width:2.9rem;height:2.9rem}.header__sns-item--twitter{width:3.566rem;height:2.9rem;top:-.2rem}.header__sns-link{color:#000}.header__sns-link svg{vertical-align:bottom;position:relative;top:0;transition:.3s top}.header__sns-link:hover svg{top:-.4rem}.header__bg{height:100%;overflow:hidden}.header__bg-wrapper{display:grid;grid-template-columns:repeat(3,24rem);grid-template-rows:repeat(8,24rem)}.header__bg-image{overflow:hidden}.header__bg-image:nth-of-type(1){grid-area:1/1/3/3}.header__bg-image:nth-of-type(2){grid-area:3/2/5/4}.header__bg-image:nth-of-type(7){grid-area:5/1/7/3}.header__bg-image:nth-of-type(8){grid-area:7/2/9/4}.header__bg-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:.3s transform}.header__bg-image--left img{transform:translate3d(-100%,0,0)}.header__bg-image--right img{transform:translate3d(100%,0,0)}.header__bg-image--top img{transform:translate3d(0,-100%,0)}.header__bg-image--bottom img{transform:translate3d(0,100%,0)}.header--open .header__navigation{width:calc(100% - 72rem)}.header--open .header__button:hover .header__svg-line-2{transform:scaleX(0)}.header--open .header__button:hover .header__svg-line-3{transform:scaleX(1) rotate(45deg) translate(.4rem)}.header--open .header__svg-line-1{transform:scaleX(1) rotate(-45deg) translate(.4rem)}.header--open .header__svg-line-2{transform-origin:center;transform:scaleX(0)}.header--open .header__svg-line-3{transform-origin:right;transform:scaleX(1) rotate(45deg) translate(.4rem)}.header--open .header__content{opacity:1;pointer-events:auto}.header--open .header__main:before{transform:translateZ(0);opacity:1;transition:.3s transform .2s,.2s opacity .2s}.header--open .header__title{transform:translateZ(0);opacity:1;transition:.25s transform calc(.2s + .01s * var(--header-i)),.15s opacity .2s}.header--open .header__link-area:before{transform:translateZ(0);opacity:1;transition:.25s transform calc(.2s + .01s * var(--header-i)),.2s opacity .2s}.header--open .header__list-item,.header--open .header__sns-item{transform:translateZ(0);opacity:1;transition:.4s transform calc(.2s + .01s * var(--header-item-i) + .05s * var(--header-i)),.25s opacity calc(.2s + .01s * var(--header-item-i) + .05s * var(--header-i))}.header--open .header__bg-image img{transform:translateZ(0);transition:.3s transform .2s}@media(max-width:1200px){.header{--open-offset: 10rem}.header__cart{left:2.4rem}.header__button{right:2.4rem}.header__content{grid-template-columns:32rem 1fr}.header__main:before{width:calc(100% - 4.8rem);left:2.4rem}.header__main-wrapper{padding:0 2.4rem 4rem}.header__bg-wrapper{grid-template-columns:repeat(2,16rem);grid-template-rows:repeat(12,16rem)}.header__bg-image:nth-of-type(1){grid-area:1/1/3/3}.header__bg-image:nth-of-type(2){grid-area:4/1/6/3}.header__bg-image:nth-of-type(7){grid-area:7/1/9/3}.header__bg-image:nth-of-type(8){grid-area:10/1/12/3}.header--open .header__navigation{width:calc(100% - 32rem)}}@media(max-width:768px){.header{--open-offset: 8rem}.header--open .header__cart{left:1.6rem}.header__button{right:1.6rem}.header__content{grid-template-columns:25.6rem 1fr}.header__main:before{width:calc(100% - 3.2rem);left:1.6rem}.header__main-wrapper{padding:0 1.6rem}.header__link-area{padding-bottom:2.4rem}.header__title{font-size:1.4rem;line-height:1.3571428571;margin:.4rem 0 1.6rem}.header__lists,.header__sns-lists,.header__description,.header__newsletter{padding:0 1.6rem}.header__list-item{font-size:1.8rem;line-height:1.3333333333}.header__bg-wrapper{grid-template-columns:repeat(2,12.8rem);grid-template-rows:repeat(12,12.8rem)}.header--open .header__navigation{width:calc(100% - 25.6rem)}}@media(max-width:640px){.header{position:absolute;--open-offset: 4rem;overflow:visible}.header__cart{position:fixed;top:4.2rem;left:1.6rem;transform:none}.header__cart:hover:before,.header__cart:hover:after{width:4.4rem;height:4.4rem}.header__logo{position:relative;transition:.4s top cubic-bezier(1,0,0,1)}.header__button{position:fixed;top:5.45rem;transform:none}.header__content{display:block;position:fixed}.header__bg{display:none}.header__main:before{width:100%;left:0}.header__main-wrapper{padding:0 0 8rem}.header__link-area{padding:0 .8rem 2.4rem}.header__link-area:before{left:0}.header__lists,.header__sns-lists,.header__description,.header__newsletter{padding:0 1.2rem}.header--open .header__navigation{width:100%}.header--open .header__title{transition:.25s transform calc(.2s + .01s * var(--header-i)),.15s opacity .2s}.header--open .header__link-area:before{transition:.25s transform calc(.2s + .01s * var(--header-i)),.2s opacity .2s}.header--open .header__list-item,.header--open .header__sns-item{transition:.3s transform calc(.2s + .01s * var(--header-item-i) + .05s * var(--header-i)),.3s opacity calc(.2s + .01s * var(--header-item-i) + .05s * var(--header-i))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/header.css.map */