.c-promo-banner{position:fixed;right:50px;bottom:34px;width:max-content;z-index:90;display:inline-block;padding:12px;border-radius:15px;background-color:#fff;box-shadow:0 4px 16px #00000026}@media(max-width:767px){.c-promo-banner{left:50%;transform:translate(-50%)}}.c-promo-banner{display:none}.c-promo-banner__row{display:flex;align-items:center;justify-content:center;gap:15px}.c-promo-banner__logo{flex-shrink:0;width:40px;height:41px}.c-promo-banner__text{color:var(--cafeonn-color-fonts-black);font-weight:700;font-size:13px;line-height:1.5;font-family:var(--cafeonn-font-tsukushi);letter-spacing:1.04px;white-space:nowrap}.c-header{position:relative}.c-header__nav{position:fixed;top:0;right:0;left:0;z-index:100;height:110px;border-bottom:1.5px solid var(--cafeonn-color-brown);box-shadow:0 1px 4px #00000014;background-repeat:repeat;background-position:bottom;background-size:contain;background-color:var(--cafeonn-color-beige)}@media(max-width:767px){.c-header__nav{height:61px;border-bottom:.7px solid var(--cafeonn-color-brown)}}.c-header__nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1345px;height:100%;margin:0 auto;padding:0 20px}@media(max-width:767px){.c-header__nav-inner{padding:0 30px}}.c-header__logo{position:relative;display:flex;align-items:center}.c-header__logo-img{width:225px}@media(max-width:767px){.c-header__logo .c-header__logo-img{display:none}}.c-header__nav-group{display:flex;align-items:center;gap:38px}@media(max-width:1300px){.c-header__nav-group{gap:30px}}@media(max-width:1180px){.c-header__nav-group{display:none}}.c-header__nav-list{display:flex;align-items:center;gap:50px}@media(max-width:1300px){.c-header__nav-list{gap:25px}}.c-header__nav-item a{color:var(--cafeonn-color-fonts-black);font-weight:500;font-size:14px;line-height:1.5;letter-spacing:0}.c-header__nav-item--dropdown{position:relative}.c-header__nav-item--dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:16px}.c-header__nav-dropdown{position:absolute;top:calc(100% + 16px);left:0;z-index:10;min-width:200px;background-color:var(--cafeonn-color-white);box-shadow:0 8px 24px #0000001f;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.c-header__nav-item--dropdown:hover .c-header__nav-dropdown,.c-header__nav-item--dropdown:focus-within .c-header__nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.c-header__nav-dropdown li+li{border-top:1px solid var(--cafeonn-color-brown)}.c-header__nav-dropdown a{display:block;padding:15px 20px;color:var(--cafeonn-color-fonts-black);font-weight:500;font-size:14px;line-height:1.5;letter-spacing:0;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.c-header__nav-dropdown a:hover{background-color:var(--cafeonn-color-beige);color:var(--cafeonn-color-brown)}.c-header__actions{display:flex;justify-content:flex-end;gap:16px}.c-header__actions-btn{padding:8px 20px;font-size:16px}.c-header__logo .c-header__logo-icon{display:none}@media(max-width:767px){.c-header__logo .c-header__logo-icon{display:block}}.c-header__menu-toggle{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.c-header__menu-btn{display:none;flex-direction:column;align-items:center;gap:4px;cursor:pointer}@media(max-width:1180px){.c-header__menu-btn{display:flex}}.c-header__menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:14px}.c-header__menu-icon span{display:block;height:2px;background:var(--cafeonn-color-fonts-black);transition:transform .2s ease,opacity .2s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden}.c-header__menu-text{color:var(--cafeonn-color-fonts-black);font-size:8px;line-height:1.5;letter-spacing:0}.c-header__menu-toggle:checked~.c-header__nav-inner .c-header__menu-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.c-header__menu-toggle:checked~.c-header__nav-inner .c-header__menu-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.c-header__menu-toggle:checked~.c-header__nav-inner .c-header__menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.c-header__panel{display:none}@media(max-width:1180px){.c-header__panel{display:block;position:fixed;top:110px;right:0;bottom:0;left:0;z-index:99;overflow-x:hidden;overflow-y:hidden;background-color:var(--cafeonn-color-beige);background-repeat:repeat;opacity:0;pointer-events:none;transition:opacity .25s ease}}@media(max-width:767px){.c-header__panel{top:61px}}@media(max-width:1180px){.c-header__menu-toggle:checked~.c-header__panel{overflow-y:auto;opacity:1;pointer-events:auto}}@media(max-width:1180px){.c-header__panel-inner{position:relative;z-index:1}}@media(max-width:1180px){.c-header__panel-list li{border-top:1px solid rgba(179,93,49,.3)}}@media(max-width:1180px){.c-header__panel-list li:last-child{border-bottom:1px solid rgba(179,93,49,.3)}}@media(max-width:1180px){.c-header__panel-list-group-start{margin-top:12px}}@media(max-width:1180px){.c-header__panel-list-group-end{border-bottom:1px solid rgba(179,93,49,.3)}}@media(max-width:1180px){.c-header__panel-illust{position:absolute;right:20px;bottom:0;z-index:0;width:190px;height:auto;pointer-events:none}}@media(max-width:1180px){.c-header__panel-illust--top{top:-90px;right:20px;bottom:auto;width:212px}}@media(max-width:1180px){.c-header__panel-list a{display:flex;align-items:baseline;gap:12px;padding:7px 30px}}.c-header__panel-submenu summary{list-style:none;cursor:pointer}.c-header__panel-submenu summary::-webkit-details-marker{display:none}@media(max-width:1180px){.c-header__panel-submenu summary{display:flex;align-items:baseline;gap:12px;padding:7px 30px}}@media(max-width:1180px){.c-header__panel-submenu summary:after{content:"";width:6px;height:6px;margin-left:auto;border-right:1.5px solid var(--cafeonn-color-fonts-black);border-bottom:1.5px solid var(--cafeonn-color-fonts-black);transform:rotate(45deg);transition:transform .2s ease}}@media(max-width:1180px){.c-header__panel-submenu[open] summary:after{transform:rotate(225deg)}}@media(max-width:1180px){.c-header__panel-submenu-list li{border-top:none}}@media(max-width:1180px){.c-header__panel-submenu-list a{display:flex;align-items:baseline;gap:12px;padding:7px 30px 7px 50px}}@media(max-width:1180px){.c-header__panel-ja{color:var(--cafeonn-color-fonts-black);font-weight:700;font-size:16px;font-family:var(--cafeonn-font-tsukushi);letter-spacing:0}}@media(max-width:1180px){.c-header__panel-en{color:var(--cafeonn-color-fonts-black);font-size:11px;font-family:var(--cafeonn-font-tsukushi);letter-spacing:0}}@media(max-width:1180px){.c-header__panel-footer{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding:0 30px}}@media(max-width:1180px){.c-header__panel-legal li+li{margin-top:2px}}@media(max-width:1180px){.c-header__panel-legal a{color:var(--cafeonn-color-fonts-black);font-size:11px;letter-spacing:0}}@media(max-width:1180px){.c-header__panel-copyright{margin-top:24px;color:var(--cafeonn-color-fonts-black);font-size:14px;letter-spacing:0}}@media(max-width:1180px){.c-header__panel-info p{color:var(--cafeonn-color-fonts-black);font-size:12px;line-height:1.71;letter-spacing:0}}@media(max-width:1180px){.c-header__panel-info p+p{margin-top:25px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/cafeonn-c-header.css.map */