/*--------------------
	parts
--------------------*/
.pc-obj{display: block;}
.pc-link{display: block;}
.sp-obj{display: none!important;}
.sp-link{display: none!important;}

/*フォント設定*/
html,.zip-input {
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif !important;
	color: #333;
}

/*margin*/
.ml0 {margin-left: 0;}

/*PCグロナビ*/
.top-nav {
	position: relative !important;
}

/*ヘッダー・フッター*/
.restrict {
  max-width: 1280px !important;
  margin: 0 auto;
}
.related .restrict {
  max-width: 1224px !important;
}
.related .notes {
	margin-left: 8px;
}

/* ページトップ */
.pagetop {
	text-align:right;
	margin-bottom:15px !important;
}

/* clearfix */
.cfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*メインカラム*/
#mainContents {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#mainContents * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
#mainContents p, pre, dl, dt, dd {
	margin: 0;
	line-height: 2em;
	color: #343434;
}

/* over 1280px */
@media screen and (min-width: 1280px) {

}
/* less 970px */
@media screen and (max-width: 970px) {
	.pc-obj {
		display: none!important;
	}
	.sp-obj {
		display: block!important;
	}
}
/* less 590px */
@media screen and (max-width: 590px) {

}
/* less 420px */
@media screen and (max-width: 420px) {

}





/* --------------------
 * mainview
 */
#mainview {
	position: relative;
	max-width: 1232px;
	margin: 0 auto;
	margin-top: 60px;
}
	#mainview > .wrap {
		margin: 0 2.5%;
	}
	#mainview > .loader {
		position: absolute;
		left: 0;
		top: 0;
	}
		#mainview .inner {
			position: relative;
			width: 100%;
			padding-top: 44.605%;
			background-image: url(../IMAGES/pc/bg.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			overflow: hidden;
			-webkit-transition: 0.3s linear;
			-moz-transition: 0.3s linear;
			-o-transition: 0.3s linear;
			transition: 0.3s linear;
			opacity: 0;
		}
		#mainview .inner.show {
			opacity: 1;
		}
			#mainview .inner > div {
				position: absolute;
				background-repeat: no-repeat;
				background-size: contain;
			}
			/* logo */
			#mainview .logo {
				left: 4.103%;
				top: 6.130%;
				width: 16.923%;
			}
			/* baloon */
			#mainview .baloon01 {
				left: 3.932%;
				top: 46.935%;
				width: 4.615%;
				animation: baloon01 3s infinite linear;
				-moz-animation: baloon01 3s infinite linear;
				-webkit-animation: baloon01 3s infinite linear;
			}
			@keyframes baloon01 {
				0% { top: 45.935%; }
				50% { top: 47.935%; }
				100% { top: 45.935%; }
			}
			@-moz-keyframes baloon01 {
				0% { top: 45.935%; }
				50% { top: 47.935%; }
				100% { top: 45.935%; }
			}
			@-webkit-keyframes baloon01 {
				0% { top: 45.935%; }
				50% { top: 47.935%; }
				100% { top: 45.935%; }
			}
			#mainview .baloon02 {
				left: 8.803%;
				top: 52.490%;
				width: 3.333%;
				animation: baloon02 3.3s infinite linear;
				-moz-animation: baloon02 3.3s infinite linear;
				-webkit-animation: baloon02 3.3s infinite linear;
			}
			@keyframes baloon02 {
				0% { top: 52.490%; }
				25% { top: 51.490%; }
				50% { top: 52.490%; }
				75% { top: 53.490%; }
				100% { top: 52.490%; }
			}
			@-moz-keyframes baloon02 {
				0% { top: 52.490%; }
				25% { top: 51.490%; }
				50% { top: 52.490%; }
				75% { top: 53.490%; }
				100% { top: 52.490%; }
			}
			@-webkit-keyframes baloon02 {
				0% { top: 52.490%; }
				25% { top: 51.490%; }
				50% { top: 52.490%; }
				75% { top: 53.490%; }
				100% { top: 52.490%; }
			}
			#mainview .baloon03 {
				left: 37.179%;
				top: 54.789%;
				width: 3.248%;
				animation: baloon03 4.8s infinite linear;
				-moz-animation: baloon03 4.8s infinite linear;
				-webkit-animation: baloon03 4.8s infinite linear;
			}
			@keyframes baloon03 {
				0% { top: 55.789%; }
				50% { top: 53.789%; }
				100% { top: 55.789%; }
			}
			@-moz-keyframes baloon03 {
				0% { top: 55.789%; }
				50% { top: 53.789%; }
				100% { top: 55.789%; }
			}
			@-webkit-keyframes baloon03 {
				0% { top: 55.789%; }
				50% { top: 53.789%; }
				100% { top: 55.789%; }
			}
			#mainview .baloon04 {
				left: 40.598%;
				top: 48.467%;
				width: 4.274%;
				animation: baloon04 5.4s infinite linear;
				-moz-animation: baloon04 5.4s infinite linear;
				-webkit-animation: baloon04 5.4s infinite linear;
			}
			@keyframes baloon04 {
				0% { top: 48.467%; }
				25% { top: 49.467%; }
				50% { top: 48.467%; }
				75% { top: 47.467%; }
				100% { top: 48.467%; }
			}
			@-moz-keyframes baloon04 {
				0% { top: 48.467%; }
				25% { top: 49.467%; }
				50% { top: 48.467%; }
				75% { top: 47.467%; }
				100% { top: 48.467%; }
			}
			@-webkit-keyframes baloon04 {
				0% { top: 48.467%; }
				25% { top: 49.467%; }
				50% { top: 48.467%; }
				75% { top: 47.467%; }
				100% { top: 48.467%; }
			}
			/* adbaloon */
			#mainview .adbaloon01 {
				left: 75.385%;
				top: 9.770%;
				width: 8.974%;
				animation: adbaloon01 4.8s infinite linear;
				-moz-animation: adbaloon01 4.8s infinite linear;
				-webkit-animation: adbaloon01 4.8s infinite linear;
			}
			@keyframes adbaloon01 {
				0% { top: 7.770%; }
				50% { top: 11.770%; }
				100% { top: 7.770%; }
			}
			@-moz-keyframes adbaloon01 {
				0% { top: 7.770%; }
				50% { top: 11.770%; }
				100% { top: 7.770%; }
			}
			@-webkit-keyframes adbaloon01 {
				0% { top: 7.770%; }
				50% { top: 11.770%; }
				100% { top: 7.770%; }
			}
			#mainview .adbaloon02 {
				left: 83.846%;
				top: 25.862%;
				width: 9.231%;
				animation: adbaloon02 5.4s infinite linear;
				-moz-animation: adbaloon02 5.4s infinite linear;
				-webkit-animation: adbaloon02 5.4s infinite linear;
			}
			@keyframes adbaloon02 {
				0% { top: 25.862%; }
				25% { top: 27.862%; }
				50% { top: 25.862%; }
				75% { top: 23.862%; }
				100% { top: 25.862%; }
			}
			@-moz-keyframes adbaloon02 {
				0% { top: 25.862%; }
				25% { top: 27.862%; }
				50% { top: 25.862%; }
				75% { top: 23.862%; }
				100% { top: 25.862%; }
			}
			@-webkit-keyframes adbaloon02 {
				0% { top: 25.862%; }
				25% { top: 27.862%; }
				50% { top: 25.862%; }
				75% { top: 23.862%; }
				100% { top: 25.862%; }
			}
			/* small car */
			#mainview .car_small01 {
				left: 9.658%;
				top: 79.693%;
				width: 6.154%;
			}
			#mainview .car_small02 {
				left: 29.231%;
				top: 81.801%;
				width: 3.504%;
			}
			#mainview .car_small03 {
				left: 75.641%;
				top: 81.801%;
				width: 3.419%;
			}
			#mainview .car_small04 {
				left: 93.419%;
				top: 81.801%;
				width: 3.419%;
			}
			#mainview .car_small {}
				#mainview .car_small img {
					-webkit-transition: 0.3s linear;
					-moz-transition: 0.3s linear;
					-o-transition: 0.3s linear;
					transition: 0.3s linear;
					opacity: 0;
				}
				#mainview .car_small.focus img {
					opacity: 1;
				}
			/* car */
			#mainview .car01 {
				left: 57.521%;
				top: 82.443%;
				width: 2.564%;
			}
			#mainview .car02 {
				left: 60.171%;
				top: 82.634%;
				width: 2.906%;
			}
			#mainview .car03 {
				left: 63.077%;
				top: 82.824%;
				width: 3.077%;
			}
			#mainview .car04 {
				left: 66.154%;
				top: 82.824%;
				width: 3.419%;
			}
			#mainview .car05 {
				left: 69.573%;
				top: 83.206%;
				width: 3.761%;
			}
			#mainview .car06 {
				left: 73.333%;
				top: 83.397%;
				width: 4.274%;
			}
			#mainview .car07 {
				left: 77.607%;
				top: 83.779%;
				width: 4.957%;
			}
			#mainview .car08 {
				left: 82.650%;
				top: 85.114%;
				width: 5.641%;
			}
			#mainview .car {
				
			}
				#mainview .car img {
					-webkit-transition: 0.3s linear;
					-moz-transition: 0.3s linear;
					-o-transition: 0.3s linear;
					transition: 0.3s linear;
					opacity: 0;
				}
				#mainview .car.focus img {
					opacity: 1;
				}
			/* caption */
			#mainview .caption {
				left: 2.479%;
				top: 88.931%;
				width: 34.556%;
			}
			/* lead */
			#mainview .lead {
				left: 25.171%;
				top: 17.748%;
				width: 32.594%;
			}
				#mainview .lead img {
					-webkit-transition: 0.3s linear;
					-moz-transition: 0.3s linear;
					-o-transition: 0.3s linear;
					transition: 0.3s linear;
					opacity: 1;
				}
				#mainview .lead.blur img {
					opacity: 0;
				}
			/* popup */
			#mainview .popup {
				left: 23.891%;
				top: 22.137%;
				display: none;
				width: 41.1110%;
			}
				#mainview .popup > ul {
					position: relative;
					display: block;
					width: 100%;
				}
					#mainview .popup li {
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 100%;
					}
						#mainview .popup li img {
							-webkit-transition: 0.3s linear;
							-moz-transition: 0.3s linear;
							-o-transition: 0.3s linear;
							transition: 0.3s linear;
							opacity: 0;
						}
						#mainview .popup li.over img {
							opacity: 1;
						}

/* over 1280px */
@media screen and (min-width: 1280px) {

}
/* less 970px */
@media screen and (max-width: 970px) {
#mainview {
	max-width: 100%;
	margin-top: 0;
}
	#mainview > .wrap {
		margin: 0;
		overflow: hidden;
	}
		#mainview .inner {
			width: 100%;
			padding-top: 69.6%; /* 750-522 */
			background-image: url(../IMAGES/sp/bg.png);
			background-position: left;
			background-size: cover;
			border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		}
			/* logo */
			#mainview .logo {
				left: 4.400%;
				top: 4.267%;
				width: 26.400%;
			}
			/* baloon */
			#mainview .baloon01 {
				left: 4.133%;
				top: 46.935%;
				width: 7.200%;
			}
			#mainview .baloon02 {
				left: 11.733%;
				top: 52.490%;
				width: 5.200%;
			}
			#mainview .baloon03 {
				left: 56.000%;
				top: 54.789%;
				width: 5.067%;
			}
			#mainview .baloon04 {
				left: 61.333%;
				top: 48.467%;
				width: 6.667%;
			}
			/* adbaloon */
/*			#mainview .adbaloon01 {
				display: none;
			}
			#mainview .adbaloon02 {
				display: none;
			}*/
			/* adbaloon */
			#mainview .adbaloon01 {
				left: 67%;
				top: 9.770%;
				width: 14.4%;
			}
			#mainview .adbaloon02 {
				left: 82%;
				top: 25.862%;
				width: 14.4%;
			}
			/* small car */
			#mainview .car_small01 {
				left: 13.067%;
				top: 79.693%;
				width: 9.600%;
			}
			#mainview .car_small02 {
				left: 43.600%;
				top: 81.801%;
				width: 5.467%;
			}
			#mainview .car_small03 {
				display: none;
			}
			#mainview .car_small04 {
				display: none;
			}
			/* car */
			#mainview .car01 {
				left: 89.600%;
				top: 83.142%;
				width: 4.133%;
			}
			#mainview .car02,
			#mainview .car03,
			#mainview .car04,
			#mainview .car05,
			#mainview .car06,
			#mainview .car07,
			#mainview .car08 {
				display: none;
			}
				#mainview .car img {
					opacity: 1;
				}
			/* caption */
			#mainview .caption {
				display: none;
			}
			/* popup */
			#mainview .popup {
				left: 34.267%;
				top: 10.920%;
				width: 65.333%;
			}
}
/* less 590px */
@media screen and (max-width: 590px) {

}
/* less 420px */
@media screen and (max-width: 420px) {

}





/* --------------------
 * article
 */
#article {
	max-width: 1232px;
	margin: 0 auto;
	margin-top: 20px;
}
	#article > .wrap {
		margin: 0 2.25%;
	}
		#article .list {}
			#article .list > li {
				display: block;
				width: 20%;
				padding: 0.3%;
				float: left;
			}
				#article .list > li a {
					position: relative;
					display: block;
					width: 100%;
					padding-top: 34.667%;
					background-repeat: no-repeat;
					background-position: center top;
					background-size: contain;
					border: 2px solid #7acfff;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
				}
				#article .list > li.history a { background-image: url(../IMAGES/pc/btn_history.png); }
				#article .list > li.memorial a { background-image: url(../IMAGES/pc/btn_memorial.png); }
				#article .list > li.adventure a { background-image: url(../IMAGES/pc/btn_adventure.png); }
				/*#article .list > li.ambulance a { background-image: url(../IMAGES/pc/btn_ambulance.png); }*/
				#article .list > li.books a { background-image: url(../IMAGES/pc/btn_books.png); }
				#article .list > li.lineup a { background-image: url(../IMAGES/pc/btn_lineup.png); }
				/*#article .list > li.motorsports a { background-image: url(../IMAGES/pc/btn_motorsports.png); }*/
				#article .list > li.papercraft a { background-image: url(../IMAGES/pc/btn_papercraft.png); }
				#article .list > li.library a { background-image: url(../IMAGES/pc/btn_library.png); }
				/*#article .list > li.safety a { background-image: url(../IMAGES/pc/btn_safety.png); }*/
                #article .list > li.eco-school a { background-image: url(../IMAGES/pc/btn_eco-school.png); }
					#article .list > li span {
						position: absolute;
						left: 0;
						top: 0;
						display: none;
						width: 100%;
						text-indent: 200%;
						white-space: nowrap;
						overflow: hidden;
					}
				/* hover */
				#article .list > li a:hover {
					background-color: #7acfff;
				}
				#article .list > li.history a:hover { background-image: url(../IMAGES/pc/btn_history_on.png); }
				#article .list > li.memorial a:hover { background-image: url(../IMAGES/pc/btn_memorial_on.png); }
				#article .list > li.adventure a:hover { background-image: url(../IMAGES/pc/btn_adventure_on.png); }
				/*#article .list > li.ambulance a:hover { background-image: url(../IMAGES/pc/btn_ambulance_on.png); }*/
				#article .list > li.books a:hover { background-image: url(../IMAGES/pc/btn_books_on.png); }
				#article .list > li.lineup a:hover { background-image: url(../IMAGES/pc/btn_lineup_on.png); }
				/*#article .list > li.motorsports a:hover { background-image: url(../IMAGES/pc/btn_motorsports_on.png); }*/
				#article .list > li.papercraft a:hover { background-image: url(../IMAGES/pc/btn_papercraft_on.png); }
				#article .list > li.library a:hover { background-image: url(../IMAGES/pc/btn_library_on.png); }
				/*#article .list > li.safety a:hover { background-image: url(../IMAGES/pc/btn_safety_on.png); }*/
                #article .list > li.eco-school a:hover { background-image: url(../IMAGES/pc/btn_eco-school_on.png); }
		#article .clear {
			clear: both;
		}

/* over 1280px */
@media screen and (min-width: 1280px) {

}
/* less 970px */
@media screen and (max-width: 970px) {
#article {
	max-width: 100%;
	margin: 0;
	margin-top: 4px;
}
	#article > .wrap {
		margin: 0 11px;
	}
		#article .caption {
			padding: 0 4px;
		}
		#article .list {}
			#article .list > li {
				width: 50%;
				padding: 4px;
			}
				#article .list > li a {
					padding-top: 24.926%;
					border: 1px solid #7acfff;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
				}
				#article .list > li.history a { background-image: url(../IMAGES/sp/btn_history.png); }
				#article .list > li.memorial a { background-image: url(../IMAGES/sp/btn_memorial.png); }
				#article .list > li.adventure a { background-image: url(../IMAGES/sp/btn_adventure.png); }
				/*#article .list > li.ambulance a { background-image: url(../IMAGES/sp/btn_ambulance.png); }*/
				#article .list > li.books a { background-image: url(../IMAGES/sp/btn_books.png); }
				#article .list > li.lineup a { background-image: url(../IMAGES/sp/btn_lineup.png); }
				/*#article .list > li.motorsports a { background-image: url(../IMAGES/sp/btn_motorsports.png); }*/
				#article .list > li.papercraft a { background-image: url(../IMAGES/sp/btn_papercraft.png); }
				#article .list > li.library a { background-image: url(../IMAGES/sp/btn_library.png); }
				/*#article .list > li.safety a { background-image: url(../IMAGES/sp/btn_safety.png); }*/
                #article .list > li.eco-school a { background-image: url(../IMAGES/sp/btn_eco-school.png); }
				/* hover */
				#article .list > li a:hover {
					background-color: #fff;
				}
				#article .list > li.history a:hover { background-image: url(../IMAGES/sp/btn_history.png); }
				#article .list > li.memorial a:hover { background-image: url(../IMAGES/sp/btn_memorial.png); }
				#article .list > li.adventure a:hover { background-image: url(../IMAGES/sp/btn_adventure.png); }
				/*#article .list > li.ambulance a:hover { background-image: url(../IMAGES/sp/btn_ambulance.png); }*/
				#article .list > li.books a:hover { background-image: url(../IMAGES/sp/btn_books.png); }
				#article .list > li.lineup a:hover { background-image: url(../IMAGES/sp/btn_lineup.png); }
				/*#article .list > li.motorsports a:hover { background-image: url(../IMAGES/sp/btn_motorsports.png); }*/
				#article .list > li.papercraft a:hover { background-image: url(../IMAGES/sp/btn_papercraft.png); }
				#article .list > li.library a:hover { background-image: url(../IMAGES/sp/btn_library.png); }
				/*#article .list > li.safety a:hover { background-image: url(../IMAGES/sp/btn_safety.png); }*/
                #article .list > li.eco-school a:hover { background-image: url(../IMAGES/sp/btn_eco-school.png); }
}
/* less 590px */
@media screen and (max-width: 590px) {

}
/* less 420px */
@media screen and (max-width: 420px) {

}