@charset "UTF-8";.shopify-section.iroiro-header-section{z-index:auto}.iroiro-header{position:relative;color:#3c3c3c}.iroiro-header a{color:inherit}.iroiro-header__bar{position:fixed;top:0;left:0;right:0;z-index:1001;display:grid;grid-template-columns:1fr auto 1fr;column-gap:40px;align-items:center;height:var(--iroiro-header-height);padding:0 var(--iroiro-gutter);background-color:#fff}.iroiro-header__logo{font-size:1.125rem;font-weight:700;letter-spacing:.2em;line-height:1}.iroiro-header__logo a{display:inline-flex;align-items:center;gap:10px}.iroiro-header__logo-image{display:block;width:auto;height:var(--iroiro-logo-height, 32px)}.iroiro-header__nav ul{display:flex;justify-content:center;gap:32px;margin:0;padding:0}.iroiro-header__nav a{font-size:.875rem;letter-spacing:.12em;transition:opacity .2s ease}.iroiro-header__nav a:hover{opacity:.5}.iroiro-header__icons{display:flex;justify-content:flex-end;align-items:center;gap:20px}.iroiro-header__icons svg{display:block;height:26px;color:currentColor}.iroiro-header__openbtn{--iroiro-burger-size: 30px;--iroiro-burger-gap: 4px;display:none;position:relative;width:var(--iroiro-burger-size);height:var(--iroiro-burger-size);padding:0;border:none;border-radius:50%;background-color:#8e8e8e;color:#fff;cursor:pointer}.iroiro-header__openbtn span{position:absolute;left:50%;width:calc(var(--iroiro-burger-size) * .47);height:1px;background-color:currentColor;transition:transform .3s ease,opacity .3s ease}.iroiro-header__openbtn span:nth-of-type(1){top:calc(50% - var(--iroiro-burger-gap));transform:translate(-50%)}.iroiro-header__openbtn span:nth-of-type(2){top:50%;transform:translate(-50%)}.iroiro-header__openbtn span:nth-of-type(3){top:calc(50% + var(--iroiro-burger-gap));transform:translate(-50%)}.iroiro-header.is-active .iroiro-header__openbtn span:nth-of-type(1){transform:translate(-50%) translateY(var(--iroiro-burger-gap)) rotate(-45deg)}.iroiro-header.is-active .iroiro-header__openbtn span:nth-of-type(2){opacity:0}.iroiro-header.is-active .iroiro-header__openbtn span:nth-of-type(3){transform:translate(-50%) translateY(calc(var(--iroiro-burger-gap) * -1)) rotate(45deg)}.iroiro-header__rail{position:fixed;top:var(--iroiro-header-height);bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.iroiro-header__rail>*{pointer-events:auto}.iroiro-header__rail--left{left:0;width:var(--iroiro-rail);gap:28px;color:#fff;mix-blend-mode:difference}.iroiro-header__rail--left svg{fill:currentColor}.iroiro-header__rail--right{right:0;width:var(--iroiro-rail);gap:18px}.iroiro-header__brand{writing-mode:vertical-rl;font-size:.8rem;font-weight:400;letter-spacing:.1em;line-height:1.2}.iroiro-header__sns{display:flex;flex-direction:column;align-items:center;gap:12px}.iroiro-header__sns a{display:block;transition:opacity .2s ease}.iroiro-header__sns a:hover{opacity:.5}.iroiro-header__sns svg{display:block;height:16px}.iroiro-header__anchor{display:grid;place-items:center;width:22px;height:22px}.iroiro-header__anchor:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--iroiro-anchor-color, #3c3c3c);opacity:.55;transition:transform .3s ease,opacity .3s ease}.iroiro-header__anchor:hover:before{opacity:1;transform:scale(1.3)}.iroiro-header__anchor.is-current:before{opacity:1;transform:scale(1.8)}@media screen and (max-width:1023px){.iroiro-header__nav ul{gap:24px}.iroiro-header__nav a{font-size:.8rem}}@media screen and (min-width:768px)and (max-width:1023px){.iroiro-header__bar{padding:0 var(--iroiro-rail);column-gap:20px}.iroiro-header__nav ul{gap:16px}}@media screen and (max-width:767px){.iroiro-header__rail{display:none}.iroiro-header__bar{display:flex;justify-content:space-between}.iroiro-header__logo{font-size:1rem}.iroiro-header__logo-image{height:calc(var(--iroiro-logo-height, 32px) * .85)}.iroiro-header__logo a{gap:8px}.iroiro-header__icons{gap:12px}.iroiro-header__icons svg{height:22px}.iroiro-header__openbtn{display:block}.iroiro-header__nav{position:fixed;top:var(--iroiro-header-height);right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:#fff;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.iroiro-header.is-active .iroiro-header__nav{opacity:1;visibility:visible}.iroiro-header__nav ul{flex-direction:column;align-items:center;gap:28px}.iroiro-header__nav a{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){.iroiro-header__nav,.iroiro-header__openbtn span,.iroiro-header__anchor:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/iroiro-header.css.map */