.official-page .official-header{--official-header-bg: #cfff2d;--official-header-ink: #00165c;--official-header-accent: #fb51b0;--official-header-bar-height: 106px;--official-header-nav-en-size: 16px;--official-header-nav-ja-size: 10px;--official-header-tagline-size: 14px;--official-header-pad-x: clamp(var(--space-6), 5vw, calc(var(--space-24) + var(--space-12)));--official-header-nav-gap: var(--space-5);--official-header-nav-stack-gap: 2px;--official-header-nav-margin-left: clamp(var(--space-4), 6vw, calc(var(--space-24) + var(--space-10) + var(--space-3)));--official-header-logo-svg-h-pc: 48px;--official-header-logo-svg-h-sp: 36px;--official-header-brand-svg-h-pc: 67px;width:100%;background-color:var(--official-header-bg);color:var(--official-header-ink);font-family:var(--official-font-basic)}.official-page .official-header__inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0 var(--space-4);box-sizing:border-box;width:100%;max-width:1280px;min-height:var(--official-header-bar-height);margin-left:auto;margin-right:auto;padding-left:var(--official-header-pad-x);padding-right:var(--official-header-pad-x)}.official-page .official-header__logo-cell{display:flex;flex-direction:column;flex-shrink:0;align-items:center;gap:var(--space-2);width:min(177px,32vw);max-width:177px;min-width:0}.official-page .official-header__logo-link{display:block;width:100%;color:inherit;text-decoration:none}.official-page .official-header__logo:not(.official-header__logo--svg){display:block;width:100%;height:auto;max-height:var(--official-header-logo-svg-h-pc);object-fit:contain;object-position:left center}.official-page .official-header__logo--svg{display:block;width:auto;height:var(--official-header-logo-svg-h-pc);max-width:min(176px,100%)}.official-page .official-header__logo-tagline{margin:0;width:100%;font-family:var(--official-font-basic);font-size:var(--official-header-tagline-size);font-style:italic;font-weight:600;line-height:1.2;text-align:center;color:var(--official-header-accent)}.official-page .official-header__nav--desktop{display:none;flex:1 1 auto;min-width:0;margin-left:var(--official-header-nav-margin-left)}.official-page .official-header__nav-list{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-start;gap:var(--official-header-nav-gap);margin:0;padding:0;list-style:none;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.official-page .official-header__nav-list::-webkit-scrollbar{display:none}.official-page .official-header__nav-item{flex-shrink:0}.official-page .official-header__nav-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--official-header-nav-stack-gap);padding:0 var(--space-1);color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.official-page .official-header__nav-link:hover{opacity:var(--opacity-hover)}.official-page .official-header__nav-en{font-family:var(--official-font-headline);font-size:var(--official-header-nav-en-size);font-weight:900;line-height:1.05;letter-spacing:.02em}.official-page .official-header__nav-ja{font-family:var(--official-font-headline);font-size:var(--official-header-nav-ja-size);font-weight:900;line-height:1.15;letter-spacing:.02em}.official-page .official-header__brand{display:none;flex-shrink:0;align-items:center;justify-content:flex-end;margin-left:auto}.official-page .official-header__brand-img:not(.official-header__brand-img--svg){display:block;width:auto;height:auto;max-width:74px;max-height:67px;object-fit:contain}.official-page .official-header__brand-img--svg{display:block;width:auto;height:var(--official-header-brand-svg-h-pc);max-width:74px}.official-page .official-header__menu-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:auto;padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.official-page .official-header__menu-button:hover{opacity:var(--opacity-hover)}.official-page .official-header__menu-button-icon{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);width:var(--space-6)}.official-page .official-header__menu-button-line{display:block;height:2px;background-color:currentColor;border-radius:1px}.official-page .official-header__menu-button--mobile{display:inline-flex}@media screen and (min-width:750px){.official-page .official-header__nav--desktop{display:flex;flex-direction:column;justify-content:center;align-items:stretch;min-height:0}.official-page .official-header__brand{display:flex}.official-page .official-header__menu-button--mobile{display:none}.official-page .official-header__menu-button{margin-left:0}.official-page .official-header__logo-tagline{display:block}}@media screen and (min-width:750px)and (max-width:1100px){.official-page .official-header{--official-header-nav-gap: var(--space-3);--official-header-nav-en-size: 14px;--official-header-nav-ja-size: 9px}}@media screen and (max-width:749px){.official-page .official-header{--official-header-bar-height: auto;--official-header-pad-x: var(--space-4)}.official-page .official-header__inner{min-height:calc(var(--space-12) + var(--space-4));padding-top:var(--space-3);padding-bottom:var(--space-3)}.official-page .official-header__logo-cell{width:auto;max-width:160px;align-items:flex-start}.official-page .official-header__logo-tagline{display:none}.official-page .official-header__logo:not(.official-header__logo--svg){max-height:40px;object-position:left center}.official-page .official-header__logo--svg{height:var(--official-header-logo-svg-h-sp);max-width:min(148px,44vw)}.official-page .official-header__menu-button--mobile{margin-left:auto}}.official-page .official-header{--official-header-drawer-inset: 19px;--official-header-drawer-card-gap: 18px;--official-header-drawer-main-bg: #ffffff;--official-header-drawer-fancrabs-bg: #16cac9}@media screen and (min-width:750px){.official-page .official-header__drawer{display:none!important}}@media screen and (max-width:749px){.official-page .official-header{--official-header-drawer-inset: var(--official-header-pad-x)}.official-page .official-header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;margin:0;padding:0;background-color:var(--official-header-bg);visibility:hidden;opacity:0;transition:opacity .28s ease,visibility .28s ease;pointer-events:none}.official-page .official-header__drawer.official-header__drawer--open{visibility:visible;opacity:1;pointer-events:auto}.official-page .official-header__drawer-panel{display:flex;flex-direction:column;flex:1;gap:var(--official-header-drawer-card-gap);box-sizing:border-box;width:100%;min-height:0;max-height:100dvh;padding:0 var(--official-header-drawer-inset) max(env(safe-area-inset-bottom,0px),var(--space-4));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:transparent;color:var(--official-header-ink);transform:translateY(-6px);transition:transform .3s ease}.official-page .official-header__drawer.official-header__drawer--open .official-header__drawer-panel{transform:translateY(0)}.official-page .official-header__drawer-close-row{position:sticky;top:0;z-index:3;display:flex;flex-shrink:0;justify-content:flex-end;align-items:center;box-sizing:border-box;width:100%;margin:0;padding:var(--space-3) 0;background-color:var(--official-header-bg)}.official-page .official-header__drawer-close{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;height:auto;min-width:unset;min-height:unset;padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.official-page .official-header__drawer-close:hover{opacity:var(--opacity-hover)}.official-page .official-header__drawer-close-icon{position:relative;display:block;width:var(--space-6);height:var(--space-6)}.official-page .official-header__drawer-close-icon:before,.official-page .official-header__drawer-close-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:currentColor;border-radius:1px}.official-page .official-header__drawer-close-icon:before{transform:translateY(-50%) rotate(45deg)}.official-page .official-header__drawer-close-icon:after{transform:translateY(-50%) rotate(-45deg)}.official-page .official-header__drawer-sheet{box-sizing:border-box;width:100%;max-width:365px;margin-left:auto;margin-right:auto}.official-page .official-header__drawer-sheet--primary{flex-shrink:0;padding:20px var(--space-5) 16px;background-color:var(--official-header-drawer-main-bg);color:var(--official-header-ink)}.official-page .official-header__drawer-nav{margin:0;padding:0}.official-page .official-header__drawer-list{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-8);row-gap:12px;align-items:start;justify-items:center;margin:0;padding:0;list-style:none}.official-page .official-header__drawer-item{margin:0;padding:0;width:100%;max-width:140px}.official-page .official-header__drawer-link{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0;margin:0;color:inherit;text-align:center;text-decoration:none}.official-page .official-header__drawer-link:hover{opacity:var(--opacity-hover)}.official-page .official-header__drawer-link .official-header__nav-en{font-family:var(--official-font-headline);font-size:16px;font-weight:400;line-height:1;letter-spacing:.02em}.official-page .official-header__drawer-link .official-header__nav-ja{font-family:var(--official-font-headline);font-size:10px;font-weight:400;line-height:1.1;letter-spacing:.02em}.official-page .official-header__drawer-sheet--fancrabs{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;padding:24px var(--space-5) calc(var(--space-10) + var(--space-12));overflow:visible;background-color:var(--official-header-drawer-fancrabs-bg);color:var(--official-header-ink)}.official-page .official-header__drawer-fancrabs-brand{position:relative;z-index:1;display:flex;justify-content:center;margin:0 0 var(--space-3)}.official-page .official-header__drawer-fancrabs-brand-img{display:block;width:auto;height:auto;max-height:43px;max-width:min(162px,72vw);object-fit:contain}.official-page .official-header__drawer-fancrabs-brand-img--yoko{filter:none}.official-page .official-header__drawer-fancrabs-lead{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:var(--space-4)}.official-page .official-header__drawer-fanclub-link{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:140px;color:inherit;text-align:center;text-decoration:none}.official-page .official-header__drawer-fanclub-link:hover{opacity:var(--opacity-hover)}.official-page .official-header__drawer-fanclub-link .official-header__nav-en{font-family:var(--official-font-headline);font-size:16px;font-weight:400;line-height:1}.official-page .official-header__drawer-fanclub-link .official-header__nav-ja{font-family:var(--official-font-headline);font-size:10px;font-weight:400;line-height:1.1;letter-spacing:.02em}.official-page .official-header__drawer-fancrabs-grid{position:relative;z-index:1}.official-page .official-header__drawer-fancrabs-grid-list{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-6);row-gap:14px;justify-items:center;margin:0;padding:0;list-style:none}.official-page .official-header__drawer-fancrabs-cell{margin:0;padding:0;display:flex;justify-content:center;width:100%;max-width:140px}.official-page .official-header__drawer-fancrabs-decor{position:absolute;left:max(-8px,calc(-1 * var(--space-2)));bottom:var(--space-2);z-index:0;pointer-events:none;width:min(158px,42vw);max-width:158px}.official-page .official-header__drawer-fancrabs-deco-img{display:block;width:100%;height:auto;vertical-align:bottom}.official-page .official-header__drawer-sns{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/official-header.css.map */