header{position:fixed;width:100%;z-index:10}.header-row{display:flex;justify-content:space-between;padding-right:1.6%;position:relative}.header-left{flex-basis:23.6%}.header-left h1{display:flex;margin:0}.mitsuboshi-logo{flex-basis:50%;text-align:center}.mitsuboshi-logo a,.tailor-logo a{display:flex;width:100%}.mitsuboshi-logo img{margin:auto;width:78.7%}.tailor-logo{flex-basis:50%}.tailor-logo img{box-sizing:border-box;margin:auto;padding-left:10px;width:calc(93.5% - 10px)}.header-right{align-items:center;display:flex;flex-basis:76.4%;gap:40px;justify-content:flex-end}.header-menu ul{display:flex;gap:30px}.header-menu li{padding:32.5px 0}.show-detail>a{position:relative}.show-detail>a:after{bottom:-35px;content:"";height:11px;left:0;position:absolute;transform:scaleX(0);transform-origin:center top;transition:all .3s;width:100%}.show-detail:hover a:after{transform:scale(1)}.header-btns{display:flex;gap:10px}.hover{display:flex;left:0;opacity:0;position:absolute;top:90px;transition:.3s;visibility:hidden;width:100%}.show-detail:hover .hover{opacity:1;visibility:visible}.header-category{align-items:center;background:red;flex-basis:11.6%;padding:25px 0}.header-category,.hover-menus{display:flex;justify-content:center}.hover-menus{background:blue;flex-basis:88.4%;gap:0;padding:0 .5%}.hover-menu{align-items:center;display:flex;gap:3.7%;justify-content:center;padding:25px 10px;width:25%}.hover-menu,.hover-menu-description
.hover-menu-description>*,.hover-menu-title{transition:.3s}.hover-menu-description{margin-top:8px}.hover-menu-left{width:24%}.hover-menu-left img{width:100%}.mitsuboshi-logo a,.mitsuboshi-logo img,.tailor-logo,.tailor-logo img{height:90px}.hb-toggle{cursor:pointer;height:24px;position:relative;width:28px}.hb-toggle span{height:4px;position:absolute;transition:opacity 1s ease,transform .6s ease-in-out,top .5s ease;width:100%}.hb-toggle span:first-child{top:0}.hb-toggle span:nth-child(2){top:12px}.hb-toggle span:nth-child(3){top:24px}.open .hb-toggle span:first-child{top:7px;transform:rotate(45deg)}.open .hb-toggle span:nth-child(2){opacity:0}.open .hb-toggle span:nth-child(3){top:7px;transform:rotate(-45deg)}.modal-menu{display:none}.open .modal-menu{bottom:0;display:block;left:0;overflow:scroll;position:fixed;right:0;top:60px}.hb-category{padding:2.4vh 0 3.1vh}.hb-category-description{text-align:center}.hb-images{display:flex;margin:2vh auto 0;width:86.5%}.hb-image{flex-basis:33.3333%;position:relative}.hb-image img{width:100%}.hb-inner-text{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.hb-menu-area{margin:auto;width:87%}.hb-menu{padding:1.1vh 0 3.7vh;text-align:center}.hb-menu>li{padding:2.4vh 0 1.7vh}.hb-menu>li>a{display:block;text-align:center;width:100%}.nav-open{cursor:pointer;position:relative}.header-btn{padding:5.1% 0}.hb-link-area{margin:4.3vh auto 0;width:71%}.hb-logo img{width:100%}.hb-link-txt{padding:4.6vh 0 4.7vh}.hb-link-txt a{display:inline-block;width:100%}.hb-link-txt a:nth-child(n+2){margin-top:2vh}.sp-hover-menu{display:none;margin-top:1.7vh}.sp-hover-menu li{align-items:center;display:flex;gap:6.1%;margin:auto;text-align:left;width:94%}.sp-hover-menu li:first-child{padding-top:1.1vh}.sp-hover-menu img{flex-basis:16.5%;width:100%}.sp-hover-menu a{flex-basis:83.5%;position:relative}.sp-hover-menu li:nth-child(n+2){margin-top:1.2vh}@media(max-width:1400px) and (min-width:768px){.header-row{padding-right:1.6%}.header-left{flex-basis:33.8%}.header-right{flex-basis:66.2%;gap:20px}.header-menu ul{gap:13px}.header-category{flex-basis:12.3%}.hover-menus{flex-basis:87.7%}}@media(max-width:1024px){.header-overlay{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:2}.open .header-overlay{display:block}.header-row{z-index:100}.modal-menu{z-index:2}}@media(max-width:1024px) and (min-width:768px){.open .modal-menu{top:90px}}@media(max-width:767px){.header-row{padding-right:5vw}.header-left{flex-basis:80.5%}.mitsuboshi-logo,.tailor-logo{flex-basis:140px}.mitsuboshi-logo a,.mitsuboshi-logo img,.tailor-logo,.tailor-logo img{height:60px}.header-right{flex-basis:19.5%}.hover,.hover-menu,.hover-menu-description .hover-menu-description>*,.hover-menu-title,.show-detail>a:after{transition:none}}