.custom-header{width:100vw;height:var(--custom-header-height);position:fixed;top:0;transition:.5s;z-index:100;background:#fff}.custom-header .custom-header__inner-container{display:flex;align-items:center;height:100%;border-bottom:calc(var(--base-fs) * 1.5) solid var(--kobutsuya-blue)}.custom-header .header__heading-logo--wrapper{width:calc(var(--base-fs) * 300);display:block;margin-inline:auto;transition:.5s}@media screen and (max-width: 750px){.custom-header .header__heading-logo--wrapper{width:calc(var(--base-fs) * 150)}}.custom-header .header__heading-logo--wrapper .header__heading-logo{transition:inherit;display:block;width:100%}.custom-header .hamburger{width:calc(var(--base-fs) * 60);height:calc(var(--base-fs) * 60);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--kobutsuya-white);border:calc(var(--base-fs) * 1.5) solid var(--kobutsuya-blue);cursor:pointer;transition:.5s;padding:0;margin:0;position:fixed;left:var(--margin-2);z-index:999999}@media screen and (max-width: 750px){.custom-header .hamburger{width:calc(var(--base-fs) * 50);height:calc(var(--base-fs) * 50);left:unset;right:var(--margin-1)}}.custom-header .hamburger .hamburger-icon-img{width:50%;transition:.5s}.custom-header .hamburger .hamburger-icon-img.close{width:calc(var(--base-fs) * 40);color:var(--kobutsuya-white)}.custom-header .hamburger .open{display:block}.custom-header .hamburger .close{display:none}.custom-header .cart{width:calc(var(--base-fs) * 60);height:calc(var(--base-fs) * 60);display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;right:var(--margin-2);cursor:pointer;padding:0;margin:0}@media screen and (max-width: 750px){.custom-header .cart{width:calc(var(--base-fs) * 50);height:calc(var(--base-fs) * 50);left:var(--margin-1);right:unset}}.custom-header .cart .cart__link{width:100%;height:100%;text-decoration:none;display:flex;align-items:center;justify-content:center}.custom-header .cart .cart__link img{width:calc(var(--base-fs) * 40);height:calc(var(--base-fs) * 40);display:block}@media screen and (max-width: 750px){.custom-header .cart .cart__link img{width:calc(var(--base-fs) * 30);height:calc(var(--base-fs) * 30);left:var(--margin-1);right:unset}}body.sharp .custom-header{height:var(--custom-header-height-sharp)}body.sharp .custom-header .header__heading-logo--wrapper{width:calc(var(--base-fs) * 200)}@media screen and (max-width: 750px){body.sharp .custom-header .header__heading-logo--wrapper{width:calc(var(--base-fs) * 150)}}body.sharp .custom-header .hamburger{width:calc(var(--base-fs) * 40);height:calc(var(--base-fs) * 40)}@media screen and (max-width: 750px){body.sharp .custom-header .hamburger{width:calc(var(--base-fs) * 50);height:calc(var(--base-fs) * 50)}}body.active{overflow:hidden}body.active .custom-header{width:50vw;background:var(--kobutsuya-blue)}@media screen and (max-width: 750px){body.active .custom-header{width:100vw}}body.active .custom-header .hamburger{background:var(--kobutsuya-blue);border:calc(var(--base-fs) * 1.5) solid var(--kobutsuya-white)}body.active .custom-header .hamburger .open{display:none}body.active .custom-header .hamburger .close{display:block}body.active .custom-header .header__heading-logo--wrapper,body.active .custom-header .cart{display:none}.menu{position:fixed;top:0;z-index:99;opacity:0;transition:opacity .5s}.menu .menu__header-cover{height:var(--custom-header-height);top:0;position:absolute;width:100vw}.menu .menu__container{position:fixed;top:0;width:100vw;height:100dvh;min-height:100dvh;transition:background-color .5s;z-index:99;padding:0;margin:0;background-color:var(--kobutsuya-blue);pointer-events:none}.menu .menu__container .menu__left{width:50vw;height:calc(100vh - var(--custom-header-height));margin-block-start:var(--custom-header-height);padding:0;position:relative;overflow-x:hidden;overflow-y:scroll}@media screen and (max-width: 750px){.menu .menu__container .menu__left{width:calc(100% - var(--margin-1) * 2);margin-inline:var(--margin-1)}}.menu .menu__container .menu__left .menu__list{list-style:none;padding-inline:calc(var(--margin-2));padding-block-end:calc(var(--margin-2));margin:0;position:absolute;width:100%;background:var(--kobutsuya-blue);transition:.3s}.menu .menu__container .menu__left .menu__list.child{transform:translate(50vw);position:absolute;top:0;left:0;visibility:hidden;z-index:1}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list.child{transform:translate(100vw)}}.menu .menu__container .menu__left .menu__list.child.open{transform:translate(0);visibility:visible}.menu .menu__container .menu__left .menu__list.child .detail-close{display:flex;align-items:center;color:var(--kobutsuya-white);outline:none;border:none;background:none;width:100%;cursor:pointer;gap:var(--margin-1)}.menu .menu__container .menu__left .menu__list.child .detail-close .back-arrow{pointer-events:none;transform:rotate(180deg);width:var(--font-size32);height:var(--font-size32)}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list.child .detail-close .back-arrow{width:var(--font-size24);height:var(--font-size24)}}.menu .menu__container .menu__left .menu__list.child .detail-close>span{font-family:var(--kobutsuya-main-font);pointer-events:none}.menu .menu__container .menu__left .menu__list .menu__item{color:var(--kobutsuya-white);margin:0 0 calc(var(--base-fs) * 14)}.menu .menu__container .menu__left .menu__list .menu__item .menu__link{font-size:var(--font-size32);color:var(--kobutsuya-white);text-decoration:none;padding:0;margin:0;cursor:pointer}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .menu__item .menu__link{font-size:var(--font-size20)}}.menu .menu__container .menu__left .menu__list .menu__item .menu__link.detail-open{display:flex;align-items:center}.menu .menu__container .menu__left .menu__list .menu__item .menu__link.detail-open .arrow-icon{width:var(--font-size32);height:var(--font-size32);margin-inline-start:var(--margin-1);pointer-events:none}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .menu__item .menu__link.detail-open .arrow-icon{width:var(--font-size24);height:var(--font-size24)}}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .mail-register{display:none}}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .social-area{margin-block-end:var(--margin-2);margin-block-start:calc(var(--base-fs) * 50)}}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label{display:block;position:relative;max-width:calc(var(--base-fs) * 460);height:calc(var(--base-fs) * 55)}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label{max-width:100%;height:calc(var(--base-fs) * 40)}}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input{width:100%;height:100%;padding-inline-start:calc(var(--base-fs) * 20);padding-inline-end:calc(var(--base-fs) * 60);border-radius:calc(var(--base-fs) * 50);border:calc(var(--base-fs) * 1.5) solid var(--kobutsuya-white);outline:none;background-color:var(--kobutsuya-blue);color:var(--kobutsuya-white);font-size:var(--font-size24)}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input::placeholder{font-size:var(--font-size24)}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input{border-radius:calc(var(--base-fs) * 20);border:calc(var(--base-fs) * 1) solid var(--kobutsuya-white);font-size:var(--font-size16)}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input::placeholder{font-size:var(--font-size16)}}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input--button{position:absolute;right:calc(var(--base-fs) * 10);top:50%;bottom:50%;margin:auto 0;width:calc(var(--base-fs) * 40);height:calc(var(--base-fs) * 40);background:var(--kobutsuya-blue);border:none;border-radius:50%;cursor:pointer;padding:0}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input--button{width:calc(var(--base-fs) * 24);height:calc(var(--base-fs) * 24)}}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--label .social-area__email-input--button>img{display:block;width:100%}.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--error,.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--success{display:flex;align-items:center;color:var(--kobutsuya-white);margin-block-start:calc(var(--margin-1) * .5)}:is(.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--error,.menu .menu__container .menu__left .menu__list .social-area .social-area__email-input--success) svg{width:calc(var(--base-fs) * 20);height:calc(var(--base-fs) * 20);margin-inline-end:calc(var(--base-fs) * 10)}.menu .menu__container .menu__left .menu__list .social-area .social-area__social-icons{display:flex;align-items:center;gap:calc(var(--base-fs) * 16);margin-block-start:var(--margin-1);margin-block-end:calc(var(--margin-1) * 1.5)}.menu .menu__container .menu__left .menu__list .social-area .social-area__social-icons .social-area__social-icon--link{display:block;width:calc(var(--base-fs) * 50);height:calc(var(--base-fs) * 50);border-radius:50%}.menu .menu__container .menu__left .menu__list .social-area .social-area__social-icons .social-area__social-icon--link>img{display:block;width:100%}.menu .menu__container .menu__left .menu__list .social-area .social-area__logo{width:calc(var(--base-fs) * 300)}@media screen and (max-width: 750px){.menu .menu__container .menu__left .menu__list .social-area .social-area__logo{display:none}}.menu .menu__container .menu__left .menu__list .social-area .social-area__logo a,.menu .menu__container .menu__left .menu__list .social-area .social-area__logo img{display:block;width:100%}.menu .menu__container .gallery{width:50vw;transform:translate(100%);height:100%;position:absolute;right:0;top:0;transition:.5s;overflow:hidden}@media screen and (max-width: 750px){.menu .menu__container .gallery{display:none}}.menu .menu__container .gallery .gallery-img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.4)}body.sharp .menu .menu__header-cover{height:var(--custom-header-height-sharp)}body.active .menu{opacity:1}body.active .menu .menu__container{pointer-events:unset}body.active .menu .menu__container .gallery{transform:translate(0)}.fixed-line-button{position:fixed;z-index:98;bottom:var(--margin-3);right:var(--margin-2);width:calc(var(--base-fs) * 75);height:calc(var(--base-fs) * 75);padding:0;margin:0;border-radius:50%;border:none;cursor:pointer}.fixed-line-button img{display:block;width:100%}@media screen and (max-width: 750px){.fixed-line-button{width:calc(var(--base-fs) * 50);height:calc(var(--base-fs) * 50);right:var(--margin-1);bottom:var(--margin-2)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-custom-header.css.map */