:root{--header-height: 5.8rem;--header-icon-size: 2rem;--header-wrapper-height: var(--header-height);--header-bg-color: #202020}.l-page__header.headroom--not-top .l-page__announce{display:none}.l-page__header-inner{position:relative;background-color:var(--header-bg-color);padding:8.5px 0;color:#fff;font-family:azo-sans-web,Helvetica Neue,Helvetica,Open Sans,sans-serif;display:grid;grid-template-columns:var(--header-height) 1fr var(--header-height);grid-template-areas:"drawer logo icons";justify-content:center;align-items:center;align-content:center;padding-left:5vw;padding-right:5vw}.l-page__header-inner a{color:inherit}.l-page__announce{background-color:#fff}.headroom{will-change:transform;transition:transform .1s linear;position:fixed;top:0;width:100%;z-index:var(--z-index-headroom)}.headroom--pinned{transform:translateY(0)}.headroom--unpinned{transform:translateY(-100%)}.is-screen-on .l-page__announce{display:none}.is-screen-on .headroom{transition:none}.l-page_header__logo{grid-area:logo;margin:auto;max-width:92px;display:block;text-align:center}.l-page_header__logo img{display:block;margin:auto;width:100%;height:100%}.l-page-header__links{display:none}.l-page-header__links a{text-decoration:none;color:inherit}.l-page-header__links a:hover{color:#ccc}.l-page-header__icons{grid-area:icons;text-align:right}.l-page__header .icon{width:var(--header-icon-size);display:inline-block;position:relative}.l-page__header .icon img{width:100%;height:auto}.l-page__header .badge{--badge-size: calc(var(--header-icon-size) * 32 / 52);position:absolute;right:calc(var(--badge-size) * -.5);width:var(--badge-size);height:var(--badge-size);top:-3px;background:#fff;border-radius:100%;color:#000;display:flex;justify-content:center;align-items:center;line-height:1;font-size:calc(var(--badge-size) * 22 / 32)}.p-global-navi__inner{background-color:var(--header-bg-color);color:#fff}.c-main-navi__item,.c-sub-navi__item{position:relative;margin:10px calc(5% + 5px);font-family:Gotham,Open Sans,sans-serif;font-size:1.6rem;font-weight:500;line-height:2.2}.c-main-navi__item a,.c-sub-navi__item a{display:block;padding:10px 20px;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:color;transition-property:background-color;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.c-main-navi__item a:hover,.c-sub-navi__item a:hover{color:inherit;background-color:#ffffff21;border-radius:8px}.c-sub-navi{margin-top:5rem}.c-sub-navi__item a:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:""}.c-sub-navi__item .c-icon-badge,.c-sub-navi__item .c-icon-badge--white,.c-sub-navi__item .c-png-icon-badge{display:none;margin-left:5px}.c-sub-navi__item .c-svg-icon-access,.c-sub-navi__item .c-png-icon-access,.c-sub-navi__item .c-png-icon-access--white{margin-right:16px}.c-sub-navi__item .c-svg-icon-user,.c-sub-navi__item .c-png-icon-user,.c-sub-navi__item .c-png-icon-user--white{margin-right:14px}.c-sub-navi__item .c-svg-icon-bag,.c-sub-navi__item .c-png-icon-bag,.c-sub-navi__item .c-png-icon-bag--white{margin-right:10px}.c-sub-navi .c-svg-icon-access,.c-sub-navi .c-svg-icon-user,.c-sub-navi .c-svg-icon-bag{fill:#000}.c-sub-navi .c-svg-icon-access,.c-sub-navi .c-png-icon-access,.c-sub-navi .c-png-icon-access--white{width:12px}.c-sub-navi .c-svg-icon-user,.c-sub-navi .c-png-icon-user,.c-sub-navi .c-png-icon-user--white{width:14px}.c-sub-navi .c-svg-icon-bag,.c-sub-navi .c-png-icon-bag,.c-sub-navi .c-png-icon-bag--white{width:18px}.c-drawer-trigger{grid-area:drawer;width:18px;height:40px;display:flex;position:relative}.c-drawer-trigger span{position:absolute;top:50%;left:0;margin:auto;background-color:#fff;width:100%;height:2px;content:"";transform-origin:center center;transition:transform .2s;display:block}.c-drawer-trigger span:nth-child(1){transform:translateY(calc(var(--header-icon-size) * .33))}.c-drawer-trigger span:nth-child(2){transform:translateY(calc(-50% + 1px))}.c-drawer-trigger span:nth-child(3){transform:translateY(calc(var(--header-icon-size) * -.33))}.c-drawer-trigger.is-active span:nth-child(1){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.c-drawer-trigger.is-active span:nth-child(2){opacity:0}.c-drawer-trigger.is-active span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.c-icon-badge,.c-icon-badge--white{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;width:16px;height:16px;font-size:1.1rem}.c-icon-badge--white{background-color:#fff;color:#000}.c-site-logo,.c-site-logo--white{display:inline-block;font-family:Gotham,Open Sans,sans-serif;font-size:1.8rem;font-weight:400;font-weight:500}.c-site-logo--white{color:#fff}.p-global-navi__spacer{display:block;position:fixed;top:0;left:-100%;opacity:0;z-index:var(--z-index-overlay);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);background-color:#000;width:100%;height:100%;content:""}.p-global-navi.is-screen-on .p-global-navi__spacer{left:0;opacity:.5}.p-global-navi__inner{position:fixed;top:0;height:100%;left:-100%;z-index:var(--z-index-drawer-main);width:90%;transition:left .4s;display:grid;grid-template-rows:auto}.p-global-navi__main{overflow-y:scroll}.p-global-navi--drawer .p-global-navi__buttons{display:none}.p-global-navi--drawer.is-screen-on .p-global-navi__inner{left:0}@media only screen and (min-width: 1024px){:root{--header-icon-size: min(2.166666vw, 4.16rem);--header-font-size: min(1vw, 1.92rem);--header-logo-width: 150px}.l-page__header-inner{grid-template-columns:min(15%,var(--header-logo-width)) 1fr auto;gap:0 2rem;grid-template-areas:"logo links icons";padding:calc(var(--header-font-size) / 26 * 50) calc(50 / 1920 * 100vw);box-sizing:content-box;height:auto}.c-drawer-trigger{height:calc(var(--header-icon-size) * 39 / 44);width:calc(var(--header-icon-size));display:none}.c-drawer-trigger span{height:2px}.c-drawer-trigger span:nth-child(2){transform:translateY(calc(-50% + 1px))}.l-page-header__links{display:block}.l-page-header__links ul{margin-left:0;margin-bottom:0;font-size:var(--header-font-size)}.l-page-header__links li{display:inline-block;margin-left:2em}.l-page-header__links li:first-child{margin-left:0}.l-page-header__icons{text-align:left}.l-page_header__logo{display:block;text-align:center}.l-page__header .c-svg-site-logo{max-width:100%!important;width:100%;height:calc(var(--header-font-size) * 1.1538)}.p-global-navi--drawer .p-global-navi__inner{max-width:574px;left:auto;top:0;right:-100%;width:40%;transition:right .4s;grid-template-rows:var(--headroom-height) auto}.p-global-navi--drawer.is-screen-on .p-global-navi__inner{left:0;right:auto}.p-global-navi--drawer.is-screen-on .p-global-navi__buttons{padding:calc(var(--header-font-size) / 26 * 50) 3.125vw;display:flex;align-items:center;justify-content:end}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/sections-header.css.map */