/* header */
header .wrapper .nav_wrap { display:none; } 
.menu_top_logo { position: absolute; left: 20px; top: 31px; z-index: 1111; } 
#menu>li { display: block; padding-left: 50px; margin-right: 0; cursor: pointer; } 
#menu>li>a:before { left: 0; } 
header .sns { float: left; margin-top: 35px; position: absolute; left: 35px; } 
header .sns li { display: inline-block; margin-right: 20px; } 
header .logo>a { display: inline-block; vertical-align: top; padding: 16px 45px; } 
#menu_btn { top: 38px; height: 17px; width: 19px; } 
.menu_bg { width:100%; } 

#menu ul.sub-menu { width:auto; } 
#menu ul.sub-menu { position: relative; top: 0; left: 0; bottom: 0; width: 100vw; padding: 90px 0 0; background: transparent; z-index: 1; opacity: 0; visibility: hidden; height: 0; padding: 0; transition: height 1s; } 
#menu>li.on>ul, #menu>li.on>ul>li>ul { display:block; } 
#menu>li.on > ul.sub-menu { position: relative !important; opacity: 1 !important; visibility:visible !important; padding:0; height:auto; } 
#menu>li>ul>li>a { padding-left:0; }