#drawer{display:none}#drawer-area{display:none}#overlay{display:none;width:100vw;height:100vh;background:rgba(0,0,0,.25);position:fixed;bottom:0;right:0}#gmenu-icon,#gmenu-icon span{display:inline-block;transition:all .4s;box-sizing:border-box}#gmenu-icon{position:fixed;z-index:9010;top:25px;right:19px;width:35px;height:30px;margin:0}#gmenu-icon span{position:absolute;z-index:9011;right:0;width:100%;height:2px;background-color:#fff}#gmenu-icon span:nth-of-type(1){top:0}#gmenu-icon span:nth-of-type(2){top:14px}#gmenu-icon span:nth-of-type(3){top:18px}#gmenu-icon.active span:nth-of-type(1){transform:translateY(7px) rotate(-45deg)}#gmenu-icon.active span:nth-of-type(2){display:none}#gmenu-icon.active span:nth-of-type(3){transform:translateY(-9px) rotate(45deg)}#drawer-area{background-color:#268ed0;display:block !important;position:fixed;top:17.5px;right:17.5px;z-index:9010;width:45px;height:45px;transition:left .2s linear;border-radius:12px}#drawer-area.toggle{left:55%}#drawer-area.move{-webkit-animation:headerMove .6s ease-in forwards;animation:headerMove .6s ease-in forwards}#gmenu-icon{width:30px;height:35px;margin:6px;text-align:right;transition:right .2s linear}#gmenu-icon span:nth-of-type(1){top:0}#gmenu-icon span:nth-of-type(2){top:9px}#gmenu-icon.active span:nth-of-type(1){transform:translateY(8px) rotate(-45deg)}#gmenu-icon.active span:nth-of-type(3){transform:translateY(-9px) rotate(45deg)}#gmenu-icon.move{-webkit-animation:borderMove .6s ease-in forwards;animation:borderMove .6s ease-in forwards}#drawer{display:block;position:fixed;top:0;right:-70%;z-index:8001;width:70%;height:100%;overflow:hidden;background-image:url(//katow.co.jp/wp-content/themes/katokougyou_wp/css/../images/dorwer/d-backimg.png);background-repeat:no-repeat;background-size:cover;transition:all .5s ease;padding:100px 0 12px}@media screen and (max-width:520px){#drawer{width:100%;right:-100%;padding-top:24px}}#drawer.toggle{right:0}#drawer:after{content:'';position:absolute;z-index:1;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,rgba(255,255,255,0) 15%,rgba(255,255,255,.85) 60%,#fff 100%)}#drawer h1{position:relative;z-index:100;width:70%;margin:0 auto 24px;text-align:center}@media screen and (max-width:520px){#drawer h1{text-align:left}}#drawer h1 a{display:inline-block;width:40%}@media screen and (max-width:520px){#drawer h1 a{width:70%}}#drawer h1 a img{width:100%;height:auto;vertical-align:bottom}#drawer ul.d-main{width:70%;margin:0 auto;position:relative;z-index:10}#drawer ul.d-main img{width:40%;margin-bottom:50px}@media screen and (max-width:768px){#drawer ul.d-main img{width:60%}}#drawer ul.d-main li{width:100%;margin:0 auto;padding:10px 0 10px 10px;border-bottom:1px solid rgba(40,103,187,.6);transition-duration:.6s;background-color:rgba(40,103,187,.3)}#drawer ul.d-main li:hover{background-color:#68d0d7}#drawer ul.d-main li:hover a{color:#fff}#drawer ul.d-main li:last-child{border-bottom:none}#drawer ul.d-main li a{color:#fff;letter-spacing:.15em;padding-left:3px;font-size:2.8em;font-family:bokutoh-rera,sans-serif;font-weight:400;font-style:normal}#drawer ul.d-main li a span{display:block;line-height:1.5;color:#333;font-size:1.4em}#drawer ul.d-main li.d-main-item.slidedown{padding-bottom:0}#drawer ul.d-main li.d-main-item.slidedown ul li{padding:4px 0}@keyframes headerMove{0%{opacity:1;left:0}100%{opacity:0;left:200px}}@keyframes borderMove{0%{opacity:1;left:11px}100%{opacity:0;left:200px}}