@charset "UTF-8";.l-header{position:fixed;inset-block-start:0;inset-inline-start:0;display:block;width:100%;pointer-events:none;transition:.5s cubic-bezier(.25,.1,.25,1) translate;z-index:9899}.l-header:before{content:"";display:block;position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;opacity:0;background:#fff;z-index:9898;transition:.5s cubic-bezier(.25,.1,.25,1) opacity}@media print,screen and (max-width:1023px){.l-header{height:calc(clamp(8px,2.6666666667vw,11px)*11.2)}}@media print,screen and (min-width:1024px){.l-header{height:calc(clamp(8px,.5208333333vw,11px)*15.6)}}.l-header.is-hidden{translate:0 -100%}@media print,screen and (max-width:1023px){.l-header.is-scrolly,.l-header.is-bottom{height:calc(clamp(8px,2.6666666667vw,11px)*7.8)}}@media print,screen and (min-width:1024px){.l-header.is-scrolly,.l-header.is-bottom{height:calc(clamp(8px,.5208333333vw,11px)*11.2)}}.l-header.is-scrolly:before,.l-header.is-bottom:before{opacity:1}.l-header.is-scrolly .l-header__logo svg *,.l-header.is-bottom .l-header__logo svg *{fill:#4d4d4d}@media print,screen and (max-width:1023px){.l-header.is-scrolly .l-header__logo,.l-header.is-bottom .l-header__logo{inset-block-start:1.8rem;inset-inline-start:2.7rem;width:4rem;height:4.17rem}}@media print,screen and (min-width:1024px){.l-header.is-scrolly .l-header__logo,.l-header.is-bottom .l-header__logo{inset-block-start:2rem;inset-inline-end:7rem;width:6.528rem;height:calc(clamp(8px,.5208333333vw,11px)*6.8)}}.l-header.is-scrolly .l-header__link,.l-header.is-bottom .l-header__link{color:#fff;background:#4d4d4d;border-color:#4d4d4d}@media(hover:hover)and (pointer:fine){.l-header.is-scrolly .l-header__link:hover,.l-header.is-bottom .l-header__link:hover{color:#4d4d4d;background:#fff}}@media print,screen and (max-width:1023px){.l-header.is-scrolly .l-header__link,.l-header.is-bottom .l-header__link{inset-block-start:2.3rem;width:9.4rem;height:3.2rem;font-size:.8rem;line-height:1}}@media print,screen and (min-width:1024px){.l-header.is-scrolly .l-header__link,.l-header.is-bottom .l-header__link{inset-block-start:3.2rem;width:17.85rem;height:4.76rem;font-size:1.4rem;line-height:1}}@media print,screen and (max-width:1023px){.l-header.is-scrolly .l-header__link.m-corp,.l-header.is-bottom .l-header__link.m-corp{inset-inline-end:12.24rem}}@media print,screen and (min-width:1024px){.l-header.is-scrolly .l-header__link.m-corp,.l-header.is-bottom .l-header__link.m-corp{inset-inline-end:29.66rem}}@media print,screen and (max-width:1023px){.l-header.is-scrolly .l-header__link.m-store,.l-header.is-bottom .l-header__link.m-store{inset-inline-end:2rem}}@media print,screen and (min-width:1024px){.l-header.is-scrolly .l-header__link.m-store,.l-header.is-bottom .l-header__link.m-store{inset-inline-end:10rem}}.l-header[data-color=light] .l-header__logo svg *{fill:#fff}.l-header[data-color=light] .l-header__link{color:#4d4d4d;background:#fff}@media(hover:hover)and (pointer:fine){.l-header[data-color=light] .l-header__link:hover{color:#fff;background:#4d4d4d}}.l-header[data-color=dark] .l-header__logo svg *{fill:#4d4d4d}.l-header[data-color=dark] .l-header__link{color:#fff;background:#4d4d4d}@media(hover:hover)and (pointer:fine){.l-header[data-color=dark] .l-header__link:hover{color:#4d4d4d;background:#fff}}.l-header__logo,.l-header__link{transition-duration:.4s,.4s,.4s,.4s,.4s,.4s,.4s,.4s,1s;transition-property:width,height,font-size,border-color,inset,opacity,color,background,filter;transition-timing-function:cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.25,.1,.25,1),cubic-bezier(.6,-.28,.735,.045);transition-delay:0s,0s,0s,0s,0s,0s,0s,0s,.7s}.l-header__logo{display:block;position:fixed;pointer-events:auto;filter:opacity(0);z-index:9900}@media print,screen and (max-width:1023px){.l-header__logo{inset-block-start:2.4rem;inset-inline-start:3.2rem;width:4.76rem;height:4.9rem}}@media print,screen and (min-width:1024px){.l-header__logo{inset-block-start:3.4rem;inset-inline-start:10rem;width:7.68rem;height:8rem}}@media(hover:hover)and (pointer:fine){.l-header__logo:hover{opacity:.7}}.l-header__logo svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.l-header__logo svg *{transition:.3s cubic-bezier(0,0,.58,1) fill}.l-header__logo svg:nth-child(1){mix-blend-mode:screen;z-index:1}.l-header__logo svg:nth-child(2){mix-blend-mode:screen;z-index:2}.l-header__link{position:fixed;display:grid;place-items:center;font-family:Figtree,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif;text-align:center;background:#fff;border:1px #fff solid;pointer-events:auto;filter:opacity(0);z-index:9900}@media(hover:hover)and (pointer:fine){.l-header__link:hover{color:#fff;background:#4d4d4d}}@media print,screen and (max-width:1023px){.l-header__link{inset-block-start:3.2rem;inset-inline-end:2rem;width:11rem;height:3.5rem;font-size:1rem;line-height:1;letter-spacing:.025em;text-indent:-.025em;border-radius:5rem}}@media print,screen and (min-width:1024px){.l-header__link{inset-block-start:5rem;inset-inline-end:10rem;width:21rem;height:5.6rem;font-size:1.6rem;line-height:1;letter-spacing:.05em;text-indent:-.05em;border-radius:7rem}}@media print,screen and (max-width:1023px){.l-header__link.m-corp{inset-inline-end:14rem}}@media print,screen and (min-width:1024px){.l-header__link.m-corp{inset-inline-end:33.1rem}}@media print,screen and (max-width:1023px){.l-header__link.m-store{inset-inline-end:2rem}}@media print,screen and (min-width:1024px){.l-header__link.m-store{inset-inline-end:10rem}}.is-domloaded .l-header__logo,.is-domloaded .l-header__link{filter:opacity(1)}.l-footer{position:relative;background:#454545;z-index:20}@media print,screen and (max-width:1023px){.l-footer{padding-block:44px}}@media print,screen and (min-width:1024px){.l-footer{padding-block:48px 36px}}.l-footer__inr{position:relative;width:100%;margin-inline:auto;z-index:1}@media print,screen and (max-width:1023px){.l-footer__inr{padding-inline:20px}}@media print,screen and (min-width:1024px){.l-footer__inr{display:grid;grid-template-columns:80px auto;grid-template-rows:auto 1fr;gap:27px 0;grid-template-areas:"logo nav" "logo sns";align-items:start;padding-inline:75px}}.l-footer__logo{display:block flow-root;margin-inline:auto}@media print,screen and (max-width:1023px){.l-footer__logo{width:64px}}@media print,screen and (min-width:1024px){.l-footer__logo{grid-area:logo;width:60px}}.l-footer__logo img{width:100%}.l-footer__sns{display:flex}@media print,screen and (max-width:1023px){.l-footer__sns{justify-content:center;gap:0 24px;margin-block-start:42px}}@media print,screen and (min-width:1024px){.l-footer__sns{grid-area:sns;justify-content:flex-end;gap:0 30px;width:100%}}.l-footer__sns-item{display:flex;align-items:center;gap:0 10px;color:#fff;font-size:14px;font-family:Figtree,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif;letter-spacing:-.05em}@media print,screen and (max-width:1023px){.l-footer__sns-item img{width:27px}}@media print,screen and (min-width:1024px){.l-footer__sns-item img{width:20px}}.l-footer__nav{font-family:Figtree,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif}@media print,screen and (max-width:1023px){.l-footer__nav{margin-block-start:42px}}@media print,screen and (min-width:1024px){.l-footer__nav{grid-area:nav;margin-block-start:10px}}@media print,screen and (min-width:1024px){.l-footer__logo{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.l-footer__sns{-ms-grid-row:3;-ms-grid-column:3}.l-footer__nav{-ms-grid-row:1;-ms-grid-column:3}}.l-footer__nav-1st-layer{display:flex;flex-wrap:wrap;gap:.5em 0}@media print,screen and (max-width:1023px){.l-footer__nav-1st-layer{justify-content:center}}@media print,screen and (min-width:1024px){.l-footer__nav-1st-layer{justify-content:flex-end}}.l-footer__nav-1st-layer-item>a,.l-footer__nav-1st-layer-item>span,.l-footer__nav-2nd-layer-item>a,.l-footer__nav-2nd-layer-item>span{position:relative;display:block;width:-moz-fit-content;width:fit-content;letter-spacing:-.025em}.l-footer__nav-1st-layer-item>a:after,.l-footer__nav-2nd-layer-item>a:after{content:"";position:absolute;inset-block-end:-8px;inset-inline-start:0;width:100%;height:2px;background:currentColor;opacity:0;scale:0 1;transition:.3s cubic-bezier(.25,.25,.75,.75) scale,.3s cubic-bezier(.25,.25,.75,.75) opacity;transform-origin:left center}@media(hover:hover)and (pointer:fine){.l-footer__nav-1st-layer-item>a:hover:after,.l-footer__nav-2nd-layer-item>a:hover:after{opacity:1;scale:1 1}}.l-footer__nav-1st-layer-item{position:relative;display:flex}@media print,screen and (max-width:1023px){.l-footer__nav-1st-layer-item{font-size:11px;padding-inline:10px}}@media print,screen and (min-width:1024px){.l-footer__nav-1st-layer-item{font-size:15px;padding-inline:1.25em}}.l-footer__nav-1st-layer-item:not(:first-child):before{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;display:block;width:1px;height:100%;background:#fff}.l-footer__nav-1st-layer-item:first-child{padding-inline-start:0}.l-footer__nav-1st-layer-item:last-child{padding-inline-end:0}.l-footer__nav-1st-layer-item>a,.l-footer__nav-1st-layer-item>span{color:#fff;line-height:1;letter-spacing:.03em}.l-footer__copyright{font-family:Figtree,Helvetica Neue,Helvetica,Segoe UI,Roboto,sans-serif;color:#fff;text-align:center;line-height:1}@media print,screen and (max-width:1023px){.l-footer__copyright{margin-block-start:54px;font-size:10px}}@media print,screen and (min-width:1024px){.l-footer__copyright{margin-block-start:70px;font-size:13px}}.u-container{position:relative;width:100%;margin-inline:auto}@media print,screen and (max-width:1023px){.u-container{padding-inline:clamp(1rem,5.3333333333vw,4rem)}}@media print,screen and (min-width:1024px){.u-container{max-width:154rem;padding-inline:5rem}}@media print,screen and (min-width:1024px){.u-container.m-narrow{max-width:138rem}}.u-none{display:none}@media print,screen and (max-width:1023px){.u-only-pc{display:none}}@media print,screen and (min-width:1024px){.u-only-sp{display:none}}.u-ta-just{-moz-text-align-last:left;text-align-last:left;text-align:justify}.u-ta-c{text-align:center}.u-ta-r{text-align:right}.u-listindent li{padding-inline-start:1em;text-indent:-1em}.u-cant-click{pointer-events:none}.u-hover-fade{position:relative;display:block;background:#fff;overflow:hidden;z-index:1}.u-hover-fade:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#222;opacity:0;transition:.4s cubic-bezier(.25,.1,.25,1) opacity;z-index:2}@media(hover:hover)and (pointer:fine){.u-hover-fade:hover:before{opacity:.2}.u-hover-fade:hover img{opacity:1}}.u-hover-lighten{transition:.4s cubic-bezier(.25,.1,.25,1);transition-property:opacity}@media(hover:hover)and (pointer:fine){.u-hover-lighten:hover{opacity:.7}}.u-hover-line{-webkit-text-decoration:underline transparent;text-decoration:underline transparent}@media(hover:hover)and (pointer:fine){.u-hover-line:hover{-webkit-text-decoration:underline currentcolor;text-decoration:underline currentcolor}}.u-hover-zoom img{transition:.4s cubic-bezier(.25,.1,.25,1) scale;transform-origin:center}@media(hover:hover)and (pointer:fine){.u-hover-zoom:hover img{scale:1.05}}.u-of{overflow:hidden}.u-of img,.u-of video,.u-of iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50%;object-position:50%}.u-img-auto{width:auto;max-width:100%;margin-inline:auto}.u-noimg{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;background-color:#aaa;z-index:1}.u-noimg img{position:relative;height:auto;z-index:2}@media print,screen and (max-width:1023px){.u-noimg img{width:2.1rem}}@media print,screen and (min-width:1024px){.u-noimg img{width:4.3rem}}.u-validation{color:#f20e0e;font-size:1.2rem;line-height:1.3333333333;font-weight:700}.u-validation:empty{display:none}.u-firstletter:first-letter{font-size:2em;font-weight:700}.u-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:8999;opacity:0;visibility:hidden;pointer-events:none}.u-f-palt{font-feature-settings:"palt"}.u-fw-thin{font-weight:100}.u-fw-extraLight{font-weight:200}.u-fw-light{font-weight:300}.u-fw-nomarl{font-weight:400}.u-fw-medium{font-weight:500}.u-fw-semibold{font-weight:600}.u-fw-bold{font-weight:700}.u-fw-extrabold{font-weight:800}.u-fw-black{font-weight:900}.u-ls-50{letter-spacing:.05em}.u-ls-75{letter-spacing:.075em}.u-ls-100{letter-spacing:.1em}.grecaptcha-badge{width:70px!important;overflow:hidden!important;transition:.3s ease!important;left:0!important;z-index:1000}.grecaptcha-badge:hover{width:256px!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/header-footer.css.map */