@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////*/

#header{
position:relative;
background-size: 100% auto;
z-index:5000;
background: url(../img/bg_nav.jpg) repeat-x top center;
}


#nav{
width:90%;
margin-right:auto;
margin-left:auto;
text-align:center;
background:rgba(0,0,255,0.0);
padding-top:1%;
padding-bottom:2%;
}

.nav{
	display: flex;
	flex-wrap:wrap;
	background:rgba(0,255,0,0.0);
}
.nav li {
	margin-right:auto;
	margin-left:auto;
	width: calc(95%/9);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
	background:rgba(0,255,0,0.0);
}
.nav li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

.none{
pointer-events:none;
}