@charset "utf-8";

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

#header{
position:relative;
background-size: 100% auto;
z-index:5000;
background: url(../img/bg_nav.png) repeat-x top rgba(233,227,211,1.0);
}


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

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

.none{
pointer-events:none;
filter:alpha(opacity=70);
-moz-opacity:0.3;
opacity:0.3;
}