@charset "UTF-8";

/*nav
----------------------------*/
nav{max-width:100%;text-align:center;font-size:110%;line-height:100%;font-weight:700;margin:0 auto;padding:1% 0;background:rgba(255,255,255,0.9);position:relative;z-index:44!important;}
nav #nav_logo{display:none;}

nav ul{max-width:950px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;}
nav li {list-style-type:none;flex-grow:1;text-align:center;}
nav li a:link{color:#35343a;text-decoration:none;}
nav li a:visited{color:#35343a;text-decoration:none;}
nav li a:hover,a:active{color:#008bed;text-decoration:none;}
nav li + li {border-left: 1px solid #000;}

.is-fixed{width:100%;position:fixed;top:0;right:0;z-index:2;}



@media only screen and (max-width:1000px) {
nav #nav_logo{max-width:80%;margin:20px auto 50px auto;padding:0 0 10px 0;border-bottom:#45454d 1px solid;display:block;}
	
nav ul{flex-direction:column;}
nav li {margin:0 auto 40px auto;}
nav li a:link{text-decoration:none;}
nav li a:visited{text-decoration:none;}
nav li + li {border-left:none;}
}


/*nav ul .menu{max-width: 750px;margin:0 auto;}
nav ul .menu a{color:#fff;}
nav ul .menu:hover{color:#fff;background-color:#1e2740;}

nav ul .menu .menu_inner{width:60%;margin:0 auto;padding:0 0;float:none;}
nav ul#sns{width:7%;float:right;padding:1.2% 0 0 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
nav ul#sns li{background-color:transparent;cursor:pointer;}

nav ul#lang{width:15%;padding:12px 0 0 0;float:right;z-index:2147483646!important;position:relative;}
nav ul#lang a:link{text-decoration:none;}
nav ul#lang a:visited{text-decoration:none;}
nav ul#lang a:hover,a:active{text-decoration:none;}*/



/*@media only screen and (max-width:1650px) {
nav #logo{width:20%;padding:1% 0 0 2%;}
nav ul{font-size:90%;width:67%;}
nav ul .menu{font-size:110%;}
nav ul li a{padding:15.5px 1em 15.5px;}
nav ul .menu .menu_inner{width:90%;}
nav ul#sns{width:10%;padding:1.5% 0 0 0;}
nav ul#lang{width:10%;}
}

@media only screen and (max-width:1200px) {
nav #logo{width:20%;padding:1% 0 0 2%;}
nav ul{font-size:90%;width:75%;}
nav ul .menu{font-size:110%;}
nav ul li a{padding:15.5px 0.5em 15.5px;}
nav ul .menu .menu_inner{width:90%;}
nav ul#sns{width:10%;padding:1.5% 0 0 0;}
}

@media only screen and (max-width:1000px) {
nav ul{font-size:100%;width:80%;float:none;margin:20px auto;padding:0;display:block;}
nav ul li:hover{background-color:transparent;}
nav ul li:hover a{color:#35343a;}
nav ul li a {padding:10.5px 1em 10.5px;}
nav ul li:hover .menu{opacity:100;}
nav ul .menu{font-size:90%;transition:none;max-height:100%;opacity:100;width:100%;left:0;margin:0 auto 10px auto;position:relative;background-color:#f3f6f7;}
nav ul .menu a{color:#35343a;}
nav ul .menu:hover{color:#35343a;background-color:#f3f6f7;}

	
nav ul .menu li{line-height:110%;padding:0px 0;border-bottom:#FFFFFF dashed 1px;}
nav ul .menu li:hover a{color:#1ccdf9;}
	
nav #logo{display:none;}


nav ul#sns{width:80%;float:none;justify-content:flex-start;}
nav ul #sns li{float:left;margin: 0 auto 0 0;padding:0 0 0 0;}
nav ul#lang{width:15%;padding:0 0 0 8%;float:left;}
}
*/
