div#menu_toggle{display:block;position:fixed;top:6px;left:14px;height:60px;width:60px;z-index:710;transform:matrix(1, 0, 0, 1, 0, 0);transition-property:height, width, transform, color;transition-duration:0.5s;transition-delay:0s;color:#FFFFFF;font-size:15px;font-weight:500;text-align:center;letter-spacing:0.3em;cursor:pointer}@media only screen and (max-width: 740px){div#menu_toggle{height:40px;width:40px;top:0;left:0}}div#menu_toggle #menu_toggle_open{position:absolute;bottom:10px;left:0;right:0;display:none}div#menu_toggle #menu_toggle_close{display:none}body.navi_open div#menu_toggle>#menu_toggle_open{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";z-index:9}body.navi_open div#menu_toggle>#menu_toggle_close{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";z-index:9}div#menu_toggle>button.toggle_switch{z-index:10;display:block;position:absolute;right:0;overflow:hidden;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;left:0;top:0;bottom:0;margin:auto;width:100%;height:100%;background:transparent}div#menu_toggle>button.toggle_switch:focus{outline:none}div#menu_toggle>button.toggle_switch span{display:block;position:absolute;top:0;left:0;right:0;height:1px;bottom:0;margin:auto;width:55%;background-color:#050505;-webkit-transition-property:background-color, top, width;transition-property:background-color, top, width;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-delay:0s;transition-delay:0s}@media only screen and (max-width: 740px){div#menu_toggle>button.toggle_switch span{width:40%}}div#menu_toggle>button.toggle_switch span::before,div#menu_toggle>button.toggle_switch span::after{position:absolute;display:block;left:0;width:100%;height:100%;content:"";background:#050505;-webkit-transition-duration:0.3s, 0.3s, 0.3s;transition-duration:0.3s, 0.3s, 0.3s;-webkit-transition-delay:0.3s, 0s, 0s;transition-delay:0.3s, 0s, 0s}body.navi_open div#menu_toggle>button.toggle_switch span{background:transparent}body.navi_open div#menu_toggle>button.toggle_switch span::before,body.navi_open div#menu_toggle>button.toggle_switch span::after{background:#050505 !important}div#menu_toggle>button.toggle_switch span::before{-webkit-transition-property:top, -webkit-transform, background-color;transition-property:top, transform, background-color;top:-12px}@media only screen and (max-width: 740px){div#menu_toggle>button.toggle_switch span::before{top:-7px}}div#menu_toggle>button.toggle_switch span::after{-webkit-transition-property:bottom, -webkit-transform, background-color;transition-property:bottom, transform, background-color;bottom:-12px}@media only screen and (max-width: 740px){div#menu_toggle>button.toggle_switch span::after{bottom:-7px}}body.navi_open div#menu_toggle>button.toggle_switch span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}body.navi_open div#menu_toggle>button.toggle_switch span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}body.navi_open div#menu_toggle>button.toggle_switch span::before,body.navi_open div#menu_toggle>button.toggle_switch span::after{-webkit-transition-delay:0s, 0.3s, 0.3s;transition-delay:0s, 0.3s, 0.3s}#navi+div#menu_toggle>button.toggle_switch__htra.active{background-color:#FFF}#navi+div#menu_toggle>button.toggle_switch__htra.active span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#navi+div#menu_toggle>button.toggle_switch__htra.active span::before,#navi+div#menu_toggle>button.toggle_switch__htra.active span::after{width:50%}#navi+div#menu_toggle>button.toggle_switch__htra.active span::before{top:0;-webkit-transform:translateX(-6px) translateY(3px) rotate(-45deg);-ms-transform:translateX(-6px) translateY(3px) rotate(-45deg);transform:translateX(-6px) translateY(3px) rotate(-45deg)}#navi+div#menu_toggle>button.toggle_switch__htra.active span::after{bottom:0;-webkit-transform:translateX(-6px) translateY(-3px) rotate(45deg);-ms-transform:translateX(-6px) translateY(-3px) rotate(45deg);transform:translateX(-6px) translateY(-3px) rotate(45deg)}#navi{z-index:700;position:fixed;left:0;top:0;right:auto;transition-property:width;transition-delay:1s;width:100%;height:100%;padding:0;pointer-events:none}body.navi_open #navi{pointer-events:auto;transition-delay:0s !important;width:100%;height:100%;height:100dvh}#navi>div.inner{height:100%;width:100%;transition-property:transform, opacity;transition-duration:0.5s, 0.5s;transition-timing-function:cubic-bezier(0, 0.5, 0.5, 1),cubic-bezier(0, 0.5, 0.5, 1);font-size:100%;position:relative;z-index:2;overflow:hidden;opacity:0;transform:matrix(1, 0, 0, 1, -100, 0);-moz-transform:matrix(1, 0, 0, 1, -100, 0);-webkit-transform:matrix(1, 0, 0, 1, -100, 0);-o-transform:matrix(1, 0, 0, 1, -100, 0);-ms-transform:matrix(1, 0, 0, 1, -100, 0)}@media only screen and (max-width: 600px){#navi>div.inner{width:100%}}#navi>.overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#0000001a;opacity:0;transition-property:opacity;transition-duration:0.3s;transition-timing-function:cubic-bezier(0, 0.5, 0.5, 1);transition-delay:0.2s}body.navi_open #navi>.overlay{opacity:1;transition-duration:0.6s;transition-delay:0s}body.navi_open{overflow:hidden}body.navi_open #navi>div.inner{overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;opacity:1;transform:matrix(1, 0, 0, 1, 0, 0);-moz-transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-o-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0)}body.navi_open #navi>div.inner::-webkit-scrollbar{width:5px}body.navi_open #navi>div.inner::-webkit-scrollbar-track{width:5px}body.navi_open #navi>div.inner::-webkit-scrollbar-thumb{background:#0505054d;border-radius:0}body.navi_open #navi>div.inner::-webkit-scrollbar-track-piece:start{background:#FFF}body.navi_open #navi>div.inner::-webkit-scrollbar-track-piece:end{background:#FFF}#navi>div.inner{background:#ffffff;height:100%;max-width:375px;min-width:310px;width:92%}#navi>div.inner>nav.gnavi{width:100%;height:auto;padding:95px 0 50px 45px}@media only screen and (max-width: 740px){#navi>div.inner>nav.gnavi{padding:60px 0 50px 35px}}@media only screen and (max-width: 370px){#navi>div.inner>nav.gnavi{padding-left:15px}}#navi>div.inner>nav.gnavi>ul{font-size:12px;font-weight:500;letter-spacing:0.2em;line-height:2.7}#navi>div.inner>nav.gnavi>ul>li{margin-bottom:2.5em}#navi>div.inner>nav.gnavi>ul>li>a{text-decoration:underline 1px #0505054d;text-underline-offset:0.4em;display:inline-block}#navi>div.inner>nav.gnavi>ul>li>a>div.text>span{display:inline}#navi>div.inner>nav.gnavi>ul>li>ul{padding:0 0 0 1.2em}#navi>div.inner>nav.gnavi>ul>li>ul>li>a.over.btn_app{opacity:1}#navi>div.inner>nav.gnavi>ul>li>ul>li>a.over>div.text>span{display:inline}
/*# sourceMappingURL=navi.css.map */