body{padding-top:8rem}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;height:8rem;padding:0 3.2rem;background-color:var(--color-white);border-bottom:1px solid var(--color-main)}.header__logo{color:var(--color-main);flex-shrink:0}.header__logo-image{display:block;height:2rem;width:auto}.header__divider{width:1px;height:4.8rem;background-color:var(--color-main);margin-left:3.6rem;flex-shrink:0}.header__nav{display:flex;align-items:center;gap:4rem;margin-left:3.2rem}.header__nav-item{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:8rem;cursor:pointer;transition:color .2s ease}.header__nav-item:hover{color:var(--color-accent)}.header__nav-en{font-family:var(--font-cormorant);font-weight:700;font-size:1.6rem;color:var(--color-accent);line-height:1.15;letter-spacing:.08rem;white-space:nowrap}.header__nav-jp{display:flex;align-items:center;justify-content:center;gap:.8rem}.header__nav-jp span{font-family:var(--font-noto-sans);font-weight:700;font-size:1.6rem;line-height:1.15;letter-spacing:.08rem;white-space:nowrap;transition:color .3s}.header__nav-item--open .header__nav-jp span{color:var(--color-accent)}.header__nav-arrow{width:.8rem;height:.8rem;color:var(--color-main);transition:transform .3s,color .3s}.header__nav-item--open .header__nav-arrow{transform:rotate(180deg);color:var(--color-accent)}.header__actions{display:flex;align-items:center;gap:2rem;margin-left:auto}.header__icon,.header__search-btn{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;color:var(--color-main)}.header__icon svg,.header__search-btn svg{width:100%;height:100%}.header__cart{display:flex;align-items:center;justify-content:center;gap:2rem;height:6rem;padding:0 2rem;background-color:var(--color-accent);border-radius:.8rem;color:var(--color-white);margin-left:1rem;transition:filter .2s ease}.header__cart:hover{filter:brightness(.85)}.header__cart-icon{position:relative;width:2.6rem;height:2.6rem}.header__cart-icon svg{width:100%;height:100%}.header__cart-badge{position:absolute;top:-.4rem;left:1.4rem;display:flex;align-items:center;justify-content:center;height:1.6rem;padding:0 .4rem;background-color:var(--color-white);border:1px solid var(--color-accent);border-radius:.8rem;font-family:var(--font-noto-sans);font-weight:700;font-size:1.1rem;color:var(--color-accent);line-height:1.15;white-space:nowrap}.header__cart-label{font-family:var(--font-noto-sans);font-weight:700;font-size:1.4rem;letter-spacing:.07rem;white-space:nowrap}.header__sp-cart,.header__hamburger{display:none}.header__submenu{position:fixed;top:8rem;left:0;right:0;bottom:0;z-index:99;pointer-events:none;opacity:0;visibility:hidden;transition:.2s ease;transition-property:opacity,visibility,pointer-events;background-color:#464132cc;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem)}.header__submenu--open{pointer-events:auto;opacity:1;visibility:visible}.header__submenu-card{position:relative;display:flex;flex-direction:column;gap:.8rem;width:44rem;max-height:calc(100vh - 12rem);overflow-y:auto;margin:1.6rem 0 0 var(--submenu-left, 1.6rem);padding:1.6rem;background-color:var(--color-white);border:1px solid var(--color-main);border-radius:.8rem;transform:translateY(-.8rem);transition:transform .6s var(--ease-out)}.header__submenu--open .header__submenu-card{transform:translateY(0)}.header__menu-item{display:flex;align-items:center;gap:1.6rem;padding:.4rem;border-radius:.8rem;transition:background-color .2s ease}.header__menu-item:hover{background-color:var(--color-base)}.header__menu-thumb{flex-shrink:0;width:12.8rem;aspect-ratio:16 / 9;border-radius:.4rem;overflow:hidden;background-color:var(--color-base)}.header__menu-thumb img{width:100%;height:100%;object-fit:cover}.header__menu-item-title{min-width:0;font-family:var(--font-noto-sans);font-weight:700;font-size:1.6rem;color:var(--color-main);letter-spacing:.08rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.header__menu-all{display:flex;align-items:center;justify-content:center;align-self:center;min-width:16rem;height:4rem;margin-top:.8rem;padding:0 2.4rem;border:1px solid var(--color-main);border-radius:2rem;font-family:var(--font-noto-sans);font-weight:700;font-size:1.4rem;color:var(--color-main);letter-spacing:.07rem;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.header__menu-all:hover{background-color:var(--color-main);color:var(--color-white)}.header__search-overlay{position:fixed;top:8rem;left:0;right:0;bottom:0;z-index:99;pointer-events:none;opacity:0;visibility:hidden;transition:.2s ease;transition-property:opacity,visibility,pointer-events;background-color:#464132cc;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem)}.header__search-overlay--open{pointer-events:auto;opacity:1;visibility:visible}.header__search-form{position:relative;display:flex;align-items:center;width:88rem;height:6rem;margin:1.6rem auto 0;background-color:var(--color-white);border:1px solid var(--color-main);border-radius:3rem;overflow:hidden;transform:translateY(-.8rem);transition:transform .6s var(--ease-out)}.header__search-overlay--open .header__search-form{transform:translateY(0)}.header__search-form-icon{flex-shrink:0;width:2.6rem;height:2.6rem;margin-left:2.3rem;color:var(--color-main)}.header__search-input{flex:1;height:100%;padding:0 2rem;border:none;background:transparent;font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;color:var(--color-main);letter-spacing:.08rem;outline:none}.header__search-input::placeholder{color:#aaa}.header__drawer-backdrop,.header__drawer{display:none}@media screen and (max-width:767px){body{padding-top:6rem}.header{height:6rem;padding:0 .4rem 0 1.6rem}.header__logo-image{height:1.7rem}.header__divider,.header__nav,.header__actions,.header__submenu,.header__search-overlay{display:none}.header__sp-cart{display:flex;align-items:center;justify-content:center;position:relative;width:2.4rem;height:2.4rem;margin-left:auto;color:var(--color-main)}.header__sp-cart svg{width:100%;height:100%}.header__sp-cart-badge{position:absolute;top:-.4rem;left:1.4rem;display:flex;align-items:center;justify-content:center;height:1.6rem;padding:0 .4rem;background-color:var(--color-accent);border:1px solid var(--color-white);border-radius:.8rem;font-family:var(--font-noto-sans);font-weight:700;font-size:1.1rem;color:var(--color-white);line-height:1.15;white-space:nowrap}.header__hamburger{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;background-color:var(--color-accent);border-radius:.8rem;margin-left:1.2rem;position:relative;flex-shrink:0;z-index:101}.header__hamburger-line{position:absolute;right:1.4rem;height:1px;background-color:var(--color-white);transition:all .3s ease}.header__hamburger-line:nth-child(1){width:2.4rem;top:1.8rem}.header__hamburger-line:nth-child(2){width:1.6rem;top:2.6rem}.header__hamburger-line:nth-child(3){width:.8rem;top:3.4rem}.header__hamburger--open .header__hamburger-line:nth-child(1){top:2.6rem;transform:rotate(24deg)}.header__hamburger--open .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger--open .header__hamburger-line:nth-child(3){width:2.4rem;top:2.6rem;transform:rotate(-24deg)}.header__drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background-color:#464132cc;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);opacity:0;pointer-events:none;transition:.3s cubic-bezier(.34,1,.68,1);transition-property:opacity,pointer-events}.header__drawer-backdrop--open{opacity:1;pointer-events:auto}.header__drawer{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;z-index:99;width:32rem;padding-top:6rem;background-color:var(--color-white);overflow:hidden;overflow-y:auto;overscroll-behavior-y:contain;transform:translate(25%);opacity:0;visibility:hidden;transition:.3s cubic-bezier(.34,1,.68,1);transition-property:opacity,visibility,transform}.header__drawer--open{transform:translate(0);opacity:1;visibility:visible}.header__drawer-search{display:flex;align-items:center;width:28.8rem;height:5.6rem;margin:1.6rem auto .8rem;padding:0 1.5rem;background-color:var(--color-base);border:1px solid var(--color-main);border-radius:2.8rem;flex-shrink:0}.header__drawer-search svg{flex-shrink:0;width:2.4rem;height:2.4rem;color:var(--color-main)}.header__drawer-search input{flex:1;height:100%;padding:0 .8rem;border:none;background:transparent;font-family:var(--font-noto-sans);font-weight:500;font-size:1.6rem;color:var(--color-main);letter-spacing:.08rem;outline:none}.header__drawer-search input::placeholder{color:#aaa}.header__drawer-links{display:flex;flex-direction:column;gap:0;padding:0 2.4rem;flex-shrink:0}.header__drawer-link{display:flex;align-items:center;gap:1.6rem;height:4.8rem}.header__drawer-link svg{flex-shrink:0;width:2.4rem;height:2.4rem;color:var(--color-main)}.header__drawer-link span{font-family:var(--font-noto-sans);font-weight:700;font-size:1.6rem;color:var(--color-main);letter-spacing:.08rem}.header__drawer-divider{width:28.8rem;height:1px;background-color:var(--color-main);margin:.8rem auto;flex-shrink:0}.header__drawer-nav{display:flex;flex-direction:column;gap:2.4rem;padding:1.6rem 2.4rem;flex-shrink:0}.header__drawer-nav-item{display:flex;align-items:flex-end;gap:.8rem;width:100%;min-width:8rem;position:relative;text-align:left}.header__drawer-nav-en{font-family:var(--font-cormorant);font-weight:700;font-size:2.4rem;color:var(--color-accent);line-height:1.15;letter-spacing:.12rem;white-space:nowrap}.header__drawer-nav-jp{font-family:var(--font-noto-sans);font-weight:700;font-size:1.2rem;color:var(--color-main);line-height:2;letter-spacing:.06rem;white-space:nowrap;transition:color .3s}.header__drawer-nav-item[aria-expanded=true] .header__drawer-nav-jp{color:var(--color-accent)}.header__drawer-nav-arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;color:var(--color-main);transition:transform .3s,color .3s}.header__drawer-nav-item[aria-expanded=true] .header__drawer-nav-arrow{transform:translateY(-50%) rotate(180deg);color:var(--color-accent)}.header__drawer-nav-chevron{position:absolute;right:0;top:50%;transform:translateY(-50%);width:.6rem;height:1.2rem;color:var(--color-main)}.header__drawer-sub{display:none;flex-direction:column;gap:.8rem;margin-top:1.2rem;margin-left:.8rem;padding-left:1.6rem;border-left:1px solid var(--color-main)}.header__drawer-nav-group--open .header__drawer-sub{display:flex}.header__drawer-sub a{font-family:var(--font-noto-sans);font-weight:500;font-size:1.4rem;color:var(--color-main);letter-spacing:.07rem;line-height:1.5}.header__menu-item{gap:1.2rem;padding:0}.header__menu-thumb{width:8rem}.header__menu-item-title{font-size:1.4rem;letter-spacing:.07rem}.header__drawer-sub .header__menu-all{font-weight:700}.header__drawer-footer{display:flex;flex-direction:column;gap:1.6rem;padding:1.6rem 2.4rem 4rem}.header__drawer-footer a{font-family:var(--font-noto-sans);font-weight:500;font-size:1.2rem;color:var(--color-main);letter-spacing:.06rem;line-height:1.15;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/header.css.map */