@charset "utf-8";
body{
	-webkit-text-size-adjust:100%;
	-webkit-appearance: none;
}
/* 基本スタイル */
html,body {
	height: 100%;
	font-size: 16px;
	font-family: 'Kosugi Maru', sans-serif;
	text-decoration: none;
}

a {
	text-decoration: none;
	display: block;
}

body,div,header,article,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,fieldset { border: 0; }

img { vertical-align: bottom;max-width:100%;}

li { list-style-type: none; }

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}
header,article,footer{width:100%;}
#mainVisual{
	background:#54C3F1;
}
#mainVisual p{
	max-width:1000px;
	margin:0 auto;	
}
article{
}
section{
	clear:both;
}
/* グローバルナビゲーション */
#gNav,#bNav{
	background:url("../img/menuBG.png");
	background-size:contain;
}
#gNav ul,#bNav ul{
	margin:0 auto;
}

	/*マウスロールオーバー*/
#gNav li,#bNav{
	float:left;
}

.homeb a{
	background: url("../img/vehicle00b.png");
	background-size:cover;}
.home a{
	background: url("../img/vehicle00.png");
	background-size:cover;}
.about a{
	background: url("../img/vehicle01.png");
	background-size:cover;}
.admission a{
	background: url("../img/vehicle02.png");
	background-size:cover;}
.timeline a{
	background: url("../img/vehicle03.png");
	background-size:cover;
}
footer{
	background:url("../img/footerBG.png")no-repeat;
	background-color:#FFF;
	background-size:cover;
}
#footerInner{
	max-width:960px;
	margin:0 auto;
}
@media (min-width: 1024px){
	#bNav{
		width:100%;
		backgrond:#F00;
	}
	#gNav ul,#bNav ul{
		width:1000px;
	}
	#gNav li,#bNav li{
		float:left;
		width:250px;
		height:250px;
	}
	#gNav li a,#bNav li a{
	display: block;
	height: 0px;
	width: 250px;
	padding-top: 250px;
	overflow: hidden;
	}
	#gNav li a:hover,#bNav li a:hover{
	background-position: center -250px;

}
	#mNav{
		display:none;
	}

}

@media (min-width: 480px) and (max-width: 1023px){
	#bNav{
		width:100%;
		backgrond:#FFF;
	}
	#gNav ul,#bNav ul{
		width:460px;
	}
	#gNav li,#bNav li{
		width:115px;
		height:115px;
		float:left;
	}
	#gNav li a,#bNav li a{
	display: block;
	height: 0px;
	width: 115px;
	padding-top: 115px;
	overflow: hidden;
	}
	#gNav li a:hover,#bNav li a:hover{
	background-position: center -115px;
}
	#mNav{
		display:none;
	}

}

@media (max-width: 479px){
	#gNav,#bNav{
		display:none;
	}
	footer{
		padding-bottom:100px;
	}
	#mNav{
		background:url("../img/mobileBG.png");
		background-size:contain;
		position:fixed;
		bottom:0;
	}
	#mNav ul{
		max-width:479px;
	}
	#mNav li{
		float:left;
		width:25%;
	}
}
/*
font list
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-family: 'RocknRoll One', sans-serif;
*/