header{position:fixed;top:0;left:0;width:100%;background:0 0;z-index:5;height:130px;transition:all .5s}header .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 55px;width:100%}header .sitename{font-size:2rem;font-weight:700;color:#fff;line-height:1.1;letter-spacing:1px}header .sitename span{font-size:1.7rem}header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}header .logo a{display:block;text-align:center;font-size:5.4rem;font-weight:700;color:#fff;line-height:1;text-decoration:none}header .logo a span{font-size:2.7rem;display:block}header .menu{display:flex;z-index:10}header .menu p{width:130px;height:130px;display:table;transition:all .5s;font-weight:700}header .menu p a{text-align:center;vertical-align:middle;font-size:1.8rem;display:table-cell;color:#fff;font-weight:700;line-height:1.3;text-decoration:none}header .menu .site{background:#000}header .menu .entry{background:#0ebba0}header .menu .toggle{background:#fff;position:relative;cursor:pointer}header .menu .toggle span{display:inline-block;transition:all .4s;position:absolute;left:50%;margin-left:-22px;width:44px;height:4px;background:#000}header .menu .toggle span:nth-of-type(1){top:39%}header .menu .toggle span:nth-of-type(2){top:50%;margin-top:-2px}header .menu .toggle span:nth-of-type(3){bottom:39%}.toggle.active span:nth-of-type(1){transform:translateY(10px) rotate(45deg)}.toggle.active span:nth-of-type(2){opacity:0}.toggle.active span:nth-of-type(3){transform:translateY(-13px) rotate(-45deg)}body.fixed .gnav_overlay{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.5);z-index:5}.gnav{display:none;height:100vh;padding:170px 40px 50px;-webkit-overflow-scrolling:touch;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;position:absolute;top:0;right:0;width:100%;max-width:390px;background:#fff;z-index:10}.gnav::-webkit-scrollbar{display:none}.gnav li a{display:block;width:100%;font-size:1.8rem;font-weight:700;line-height:2;color:#000;text-decoration:none}.gnav>li{border-bottom:1px solid #000;padding:14px 0 14px 10px}.gnav li>ul{padding-top:5px;padding-left:1.2rem}.gnav li>ul>li{padding:4px 0}.gnav li>ul>li a span{font-size:1.4rem}header.h_active{background:url(//relaiz.co.jp/wp-content/themes/relaiz/css/../imgs/bg-wh-space.png)}header.h_active .sitename,header.h_active .logo a{color:#000}header.h_active .menu .toggle span{display:inline-block;transition:all .4s;position:absolute;left:50%;margin-left:-18px;width:36px;height:4px;background:#000}@media screen and (min-width:768px){header.h_active{height:100px}header.h_active .sitename{font-size:1.6rem}header.h_active .sitename span{font-size:1.36rem}header.h_active .logo a{font-size:4.3rem}header.h_active .logo a span{font-size:2.2rem}header.h_active .menu p a{font-size:1.5rem}header.h_active .menu p{width:100px;height:100px}}@media screen and (max-width:1200px){header .logo{position:relative;left:auto;top:auto;transform:none}}@media screen and (max-width:1024px){header{height:100px}header .wrap{padding:0 0 0 20px}header .sitename{font-size:1.6rem}header .sitename span{font-size:1.36rem}header .logo a{font-size:4.3rem}header .logo a span{font-size:2.2rem}header .menu p{width:100px;height:100px}header .menu p a{font-size:1.5rem}header .menu .toggle span{display:inline-block;transition:all .4s;position:absolute;left:50%;margin-left:-23px;width:46px;height:4px;background:#000}header .menu .toggle span:nth-of-type(1){top:37%}header .menu .toggle span:nth-of-type(3){bottom:37%}.gnav{position:absolute;width:100%;max-width:300px;background:#fff;padding:150px 20px 50px}.gnav li a{font-size:1.4rem}.gnav li>ul{padding-left:1em}.gnav li>ul>li a span{font-size:1.2rem}}@media screen and (max-width:767px){h1 img{width:140px}header{height:65px}header .wrap{padding:0 0 0 3%}header .logo a{font-size:3.2rem;text-align:left}header .logo a span{font-size:1.6rem}header .menu p{width:65px;height:65px}header .menu p a{font-size:1rem}header .menu .toggle span,header.h_active .menu .toggle span{margin-left:-11px;width:22px;height:2px}header .menu .toggle span:nth-of-type(1){top:38%}header .menu .toggle span:nth-of-type(2){margin-top:-1px}header .menu .toggle span:nth-of-type(3){bottom:38%;margin-bottom:-1px}.toggle.active span:nth-of-type(1){transform:translateY(8px) rotate(45deg)}.toggle.active span:nth-of-type(3){transform:translateY(-6px) rotate(-45deg)}.gnav{width:100%;max-width:inherit;padding:90px 5%}.gnav li a{font-size:1.8rem}.gnav li>ul{padding-left:1.5em}.gnav li>ul>li a span{font-size:1.4rem}}