@charset "utf-8";

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

#header{
position:relative;
background-size: 100% auto;
z-index:5000;
}


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

.nav{
	width:65%;
	padding-top:1%;
	margin-right:auto;
	margin-left:auto;
	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%/8);/*←画像を横に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.6;
opacity:0.6;
}

.none_o{
pointer-events:none;
filter:alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
}