.header_common{position:fixed;z-index:100;transition-property:top, height, max-width;transition-timing-function:ease-out;transition-duration:0.4s;height:75px;width:70vw;top:-80px;left:10px;max-width:150px;mix-blend-mode:difference;background:#000000}@media only screen and (max-width: 700px){.header_common{height:55px;max-width:110px}}html.scrolled .header_common#header,html.modal_scrolled .header_common#header_modal{top:10px}@media only screen and (max-width: 700px){html.scrolled .header_common#header,html.modal_scrolled .header_common#header_modal{top:15px;left:7.5px}}body.modal .header_common#header{opacity:0;transition-duration:0s;pointer-events:none}.header_common header{height:100%;width:100%}.header_common header h1{display:block;height:100%;width:100%;margin:0 auto}.header_common header h1 a{display:block;height:100%;width:100%}.header_common header h1 a .img{height:100%;width:100%;position:relative}.header_common header h1 a .img>svg{display:block;max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;fill:#ffffff}header.cat_header{margin:0 auto;width:98%}header.cat_header>div.inner{margin:0 auto;width:82.5%}@media only screen and (max-width: 450px){header.cat_header>div.inner{width:90%}}header.cat_header>div.inner>h1{font-size:2vw;line-height:1.2;font-weight:bold;letter-spacing:0.1em;margin-bottom:7.5vw}@media only screen and (max-width: 1000px){header.cat_header>div.inner>h1{font-size:3vw}}@media only screen and (max-width: 600px){header.cat_header>div.inner>h1{font-size:4vw}}@media only screen and (max-width: 450px){header.cat_header>div.inner>h1{font-size:5vw}}header.cat_header>div.inner>nav.subnavi{overflow:hidden;margin-bottom:15vw}header.cat_header>div.inner>nav.subnavi.info\/{margin-bottom:10vw}header.cat_header>div.inner>nav.subnavi>header>h1{font-size:1.25vw;line-height:1.2;font-weight:bold;letter-spacing:0.1em;margin-bottom:1em}@media only screen and (max-width: 1000px){header.cat_header>div.inner>nav.subnavi>header>h1{font-size:1.875vw}}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi>header>h1{font-size:2.5vw}}@media only screen and (max-width: 450px){header.cat_header>div.inner>nav.subnavi>header>h1{font-size:3.75vw}}header.cat_header>div.inner>nav.subnavi.info\/>ul{width:103%;margin:0 -1.5%}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi.info\/>ul{margin:0 -3%}}header.cat_header>div.inner>nav.subnavi.info\/>ul>li{width:auto;padding:0 1.5%}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi.info\/>ul>li{padding:0 3%}}header.cat_header>div.inner>nav.subnavi.info\/>ul>li>a>div.text{margin-bottom:0;display:block;position:relative;padding:0.5em 0;letter-spacing:0.1em}header.cat_header>div.inner>nav.subnavi.info\/>ul>li:first-child{display:block}header.cat_header>div.inner>nav.subnavi.info\/>ul>li.active>a>div.text::after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:0;right:0;background:#33333380;opacity:1;transition-property:opacity;transition-duration:1s;transition-timing-function:ease-out}header.cat_header>div.inner>nav.subnavi>ul{display:flex;flex-wrap:wrap;width:105%;margin:0 -2.5%}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi>ul{width:108%;margin:0 -4%}}header.cat_header>div.inner>nav.subnavi>ul>li{display:block;width:33.332999999999998%;padding:3% 2.5%;z-index:auto}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi>ul>li{width:50%;padding:5% 4%}}header.cat_header>div.inner>nav.subnavi>ul>li:first-child{display:none}header.cat_header>div.inner>nav.subnavi>ul>li>a{display:block}header.cat_header>div.inner>nav.subnavi>ul>li>a>div.text{font-size:1vw;line-height:1.2;font-weight:bold;letter-spacing:0.05em;margin-bottom:0.5em}@media only screen and (max-width: 1000px){header.cat_header>div.inner>nav.subnavi>ul>li>a>div.text{font-size:1.5vw}}@media only screen and (max-width: 600px){header.cat_header>div.inner>nav.subnavi>ul>li>a>div.text{font-size:2vw}}@media only screen and (max-width: 450px){header.cat_header>div.inner>nav.subnavi>ul>li>a>div.text{font-size:3vw}}header.cat_header>div.inner>nav.subnavi>ul>li>a>div.text>span{z-index:auto}header.cat_header>div.inner>nav.subnavi>ul>li>a>div.img{width:100%;height:0;padding-bottom:66.659999999999997%;position:relative}header.cat_header>div.inner>nav.subnavi>ul>li>a>div.img>img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;object-fit:cover;object-position:center center}
/*# sourceMappingURL=header.css.map */