.nav_mb{background:#fff;height:50px;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav_mb .key_icon:hover{opacity:.5}.nav_mb .key_icon i{font-size:30px;color:#6dffaf}.nav_mb .nav_frame{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav_mb .nav_frame .fixed_icon{margin-right:10px}.nav_mb .nav_frame .fixed_icon img{width:40px;border-radius:100%;border:solid 3px pink}.nav_mb .nav_frame .nav_txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.nav_mb .nav_frame .nav_txt .hd_name1{font-size:20px;color:#fff}.nav_mb .nav_frame .nav_txt .hd_name2{font-size:14px;color:#777}.drawer-menu{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;right:0;width:300px;height:100%;padding:100px 0 0;background:#222;z-index:1;opacity:0;right:-300px;overflow-y:auto;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:0s;transition-delay:0s}.drawer-menu h3{padding:5px 0;text-align:center;color:#fff;background:-webkit-gradient(linear, left top, right top, from(#B2EBF2), to(#c88eff));background:linear-gradient(90deg, #B2EBF2, #c88eff)}.drawer-menu li{text-align:center}.drawer-menu li a{display:block;height:50px;line-height:50px;font-size:14px;color:#fff;-webkit-transition:all .8s;transition:all .8s}.drawer-menu li a:hover{color:#1a1e24;background:#fff}.check{display:none}.menu-btn{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;background:rgba(0,0,0,0.5);position:fixed;display:block;top:0;right:0;display:block;width:40px;height:40px;font-size:10px;text-align:center;cursor:pointer;z-index:3;padding:5px}.bar{position:absolute;top:15px;left:10px;display:block;width:30px;height:2px;background:#fff;-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:left top;transform-origin:left top}.bar.middle{top:24px;opacity:1}.bar.bottom{top:33px;-webkit-transform-origin:left bottom;transform-origin:left bottom}.menu-btn__text{position:absolute;bottom:-15px;left:0;right:0;margin:auto;color:#ccc;-webkit-transition:all .3s;transition:all .3s;display:block;visibility:visible;opacity:1}.menu-btn:hover .bar{background:#fff}.menu-btn:hover .menu-btn__text{color:#ccc}.close-menu{position:fixed;top:0;right:300px;width:100%;height:100vh;background:rgba(0,0,0,0);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:0s;transition-delay:0s;visibility:hidden;opacity:0}.check:checked ~ .drawer-menu{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:none;transform:none;opacity:1;z-index:2;right:0}.check:checked ~ .contents{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateX(-300px);transform:translateX(-300px)}.check:checked ~ .menu-btn .menu-btn__text{visibility:hidden;opacity:0}.check:checked ~ .menu-btn .bar.top{width:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:8px}.check:checked ~ .menu-btn .bar.middle{opacity:0}.check:checked ~ .menu-btn .bar.bottom{width:46px;top:40px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.check:checked ~ .close-menu{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.3s;transition-delay:.3s;background:rgba(0,0,0,0.5);visibility:visible;opacity:1;z-index:3}.accshow a:hover+.test{background:#f00}.accbox{padding:0}.accbox label,.accbox a{margin:0;padding:10px 20px;color:#ccc;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:'Noto Sans Japanese', serif;font-weight:400;font-size:16px;line-height:1.4;letter-spacing:0.01em}.accbox label:hover,.accbox a:hover{background:#333}.accbox input{display:none}.accbox .accshow{height:0;padding:0;overflow:hidden;opacity:0;-webkit-transition:0.8s;transition:0.8s}.cssacc:checked+label+.accshow{height:auto;padding:5px;background:#444;opacity:1}.accbox .accshow p{margin:15px 10px}.accshow a{margin-left:2rem;color:#ccc;padding:5px 0}label i:nth-child(2){display:none}label i{margin-left:5px;font-size:25px}.cssacc:checked+label i:nth-child(1){display:none}.cssacc:checked+label i:nth-child(2){display:inline-block}#square-button{width:80px;height:80px;background:#232323}#square-button.blue{background:#21759b}.accbox a i{margin-right:5px}.accbox a:nth-of-type(1) i{color:#6dffaf}.accbox a:nth-of-type(2) i{color:#B2EBF2}.accbox a:nth-of-type(3) i{color:#ffe16b}.accbox a:nth-of-type(4) i{color:#c88eff}.accbox a:nth-of-type(5) i{color:#ff7f9f}.accbox a:nth-of-type(6) i{color:#D4E157}.accbox a:nth-of-type(7) i{color:#9FA8DA}@media all and (min-width: 1024px){.menu-btn{display:none}.nav_mb{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

/*# sourceMappingURL=maps/nav.css.map */