@charset "UTF-8";
html, body{height: 100%;}
a:focus{outline: none;}
a{text-decoration: none;}
.param01{font-family: 'Roboto', sans-serif;}
.param02{font-family: 'Oswald', sans-serif;}

body{
	width: 100%;min-width: 1200px;
	font-size: 0; line-height: 0;
	background: #000;
}

#top{
	position: relative;
	width: 100%; height: 897px;
	background: url(../img/top/top_bg.jpg) no-repeat center top
}
	.menu{
		width: 100%; height: 40px;
		font-size: 18px; line-height: 23px;
		text-align: center;
		background: #000;
	}
		.menu a{
			display: inline-block;
			height: 30px;
			margin: 0 40px;
			padding: 10px 0 0;
			color: #f9f9f9;
		}
		.menu a.tr{
			padding-right: 30px;
			background: url(../img/top/arrw.png) right top no-repeat;
		}
	#top header{
		width: 100%;
		margin-top: 40px;
	}
		.logo{
			display: block;
			margin: 0 auto 30px;
		}
		.t01{
			margin-bottom: 16px;
			text-align: center;
		}
		.t02{
			margin: 0 auto 86px;
			text-align: center;
		}
		.t03{
			margin-bottom: 50px;
			text-align: center;
		}

	.scroll{
		width: 100%; height: 31px;
		text-align: center;
		cursor: pointer;
	}
	.badge{
		position: absolute;
		width: 287px;
		top: 62px; left: 35px;
		z-index: 1000;
	}
		.badge img{
			margin-bottom: 10px;
		}
	.cpbnr{
		position: absolute;
		width: 218px; height: 133px;
		top: 62px; right: 28px;
	}
		.cpbnr a img{
			margin: 0 0 10px;
		}
	.flm{
		position: absolute;
		width: 217px; height: 68px;
		bottom: 200px; right: 28px;
	}
	.sns{
		position: absolute;
		width: 234px; height: 49px;
		padding: 6px 0 0 12px;
		bottom: 120px ; right: 0;
		background: #c3c3c3;
	}
		.sns img{
			margin-right: 12px; 
		}

	.tr-thum{
		position: absolute;
		width: 218px;
		bottom: 106px; left: 50px;
	}
		.slides{
			position: relative;
			width: 218px; height: 122px;
			border: 1px solid #666666;
		}
			.thum01, .thum02, .thum03, .thum04, .thum05{
				position: absolute;
				width: 218px; height: 122px;
				top: 0; left: 0;
			}
			.thum01, .thum02, .thum03, .thum04{
				display: none;
			}
		.slide-cont{
			width: 218px; height: 14px;
			margin: 15px 0;
			text-align: center; 
		}
			.slide-cont li{
				display: inline-block;
				width: 14px; height: 14px;
				margin: 0 5px;
			}
			.slide-cont li>button{
				display: block;
				width: 14px; height: 14px;
				margin: 0 5px;
				border-radius: 7px;
				background: #fff;
				cursor: pointer;			
			}
			.active{background: #46b3e3 !important;}
#park{
	position: relative;
	width: 100%; height: 263px;
	padding-top: 124px;
	background: url(../img/park/park_bg.jpg) no-repeat center top;
}
	#park h1{
		/*width: 772px;*/height: 60px;
		margin: 0 auto 20px;
		font-size: 60px; line-height: 60px; color: #f9f9f9;
		font-weight: normal;
		letter-spacing: 8px;
		text-align: center
	}
	#park h2{
		height: 23px;
		margin-bottom: 35px;
		font-size: 18px; line-height: 23px; color: #f9f9f9;
		font-weight: normal;
		text-align: center;
	}
	.park-btn{
		text-align: center;
	}
	.park-img{
		position: absolute;
		width: 309px; height: 484px;
		top: -97px; left: 0;
	}

#gallery{
	width: 100%;
	padding: 100px 0 167px;
	background: url(../img/gallery/gallery_bg.jpg) center top no-repeat;
	background-size: cover;
}
	.gallery-thum{
		width: 1120px; height: 560px;
		margin: 0 auto 50px;
	}
	.gallery-thum:after{display: block;content: "";clear: left; height: 0;}
		.gallery-thum div{
			position: relative;
			width: 280px; height: 280px;
			float: left;
			overflow: hidden;
		}
			.gi01, .gi02,.gi03, .gi04, .gi05, .gi06, .gi07, .gi08{
				display: block;
				position: absolute;
				top: 0; bottom: 0; left: 50%;
				margin: auto 0 auto 0;
			}
			
 	#gallery nav{
		text-align: center;
	}

footer{
	display: table;
	width: 100%; height: 137px;
	background: #0a0b0d;
}

	.bill01{display: table-cell; width: 366px;height: 137px;}
	.bill02{display: table-cell; width: 366px;height: 137px;}
	.share{display: table-cell; height: 59px; text-align: center}
		.share img{margin-bottom: 39px;}

.eigabnr{
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
	.eigabnr img{
		display: inline-block;
		width: 180px; height: 51px;
		margin: 0 5px;
	}


.tr{display: none;}

.logo, .t01, .t02, .t03, .trailer, .badge, .tr-thum, .sns, .flm, .cpbnr
{opacity: 0;-ms-filter: "alpha(opacity=0)";}


#tr_btn{position: absolute;width:1000px;height:60px;margin: 0 0 0 0;padding: 0;top: -30px;background:#000;}
	#tr_btn li{display: inline-block;}
	#tr_btn .normal{
		display: block;
		width: 333px; height: 23px;
		padding-top: 7px;
		font-family: 'Roboto', sans-serif;
		font-size: 16px; line-height: 18px;color: #000;text-align: center;
		font-weight: 200;
		text-decoration: none;
		background: #4bb0e4;
	}
	#tr_btn .normal2{
		display: block;
		width: 500px; height: 23px;
		padding-top: 7px;
		font-family: 'Roboto', sans-serif;
		font-size: 16px; line-height: 18px;color: #000;text-align: center;
		font-weight: 200;
		text-decoration: none;
		background: #4bb0e4;
	}
	#tr_btn .disa{color:#fff;background: #0b0b0d;}
	#tr_btn .disa:hover{color:#4bb0e4;}