@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }


/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	
}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}




/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #00a0e9;
}
a:hover {
	color: #00a0e9;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #565656;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
}




/* PC */
@media screen and (min-width:769px), print {



.sp {
	display: none !important;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	width: 100%;
	min-width: 1000px;
    height: 99px;
    background: linear-gradient(to right, #9d9da3, #c4c4c7);
	position: relative;
}
	#header h1 {
		padding-top: 38px;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
		font-size: 153.84615%;
		padding-left: 30px;
	}
	
	#header .btn {
		width: 155px;
		border: solid 1px #fff;
		position: absolute;
		top: 35px;
		left: 275px;
	}
		#header .btn a {
			display: block;
			font-size: 12px;
			color: #fff;
			text-align: center;
			padding: 3px 0;
			background: url(../img/arrow.png) no-repeat 92% center;
		}
	
	#header #logo {
		float: right;
		padding-top: 25px;
		padding-right: 30px;
	}
		#header #logo a {
			width: 228px;
			height: 50px;
			background: url(../img/logo.png) center center no-repeat;
			display: block;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;
		}




	
	
	
	
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* area 
----------------- */
.area {
	width: 1000px;
	margin: 0 auto;
}





/* Tower 
----------------- */
#Tower {
	width: 100%;
	min-width: 1000px;
	background: #96c7d9 url(../img/tower_text_bg.png) no-repeat left top;
}
	#Tower .bg {
		height: 1360px;
		background: url(../img/tower_bg.png) no-repeat right 40px;
	}
		#Tower h2 {
			padding-top: 145px;
			margin-bottom: 80px;
		}
		#Tower .days {
			margin-bottom: 50px;
		}
		#Tower .txt {
			font-size: 129%;
			color: #fff;
			line-height: 2.2em;
			letter-spacing: 0.2em;
		}
			#Tower .txt span {
				font-size: 16px;
				letter-spacing: 0;
			}





/* loopSlider 
----------------- */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 300px;
    overflow: hidden;
    position: absolute;
}
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 300px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
	.loopSlider ul {
		height: 300px;
		float: left;
		overflow: hidden;
	}
		.loopSlider ul li {
			width: 349px;
			height: 300px;
			float: left;
			display: inline;
			overflow: hidden;
		}
 
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}





/* Schedule 
----------------- */
#Schedule {
	width: 100%;
	min-width: 1000px;
	background: url(../img/schedule_bg.jpg) no-repeat;
	background-size: cover;
}
	#Schedule .leftBox {
		width: 50%;
		height: 513px;
		float: left;
		background: url(../img/schedule_bg01.png);
	}
	#Schedule .rightBox {
		width: 50%;
		height: 513px;
		float: right;
		background: url(../img/schedule_bg02.png);
	}
		#Schedule h3 {
			padding-top: 108px;
			margin-bottom: 15px;
			text-align: center;
		}
		#Schedule table {
			width: 469px;
			margin: 0 auto;
			color: #fff;
		}
			#Schedule table th {
				width: 70px;
				font-size: 129%;
				text-align: left;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
			#Schedule table td.time {
				text-align: left;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
			#Schedule table td.btn {
				width: 140px;
				text-align: right;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
			#Schedule table tr.last th,
			#Schedule table tr.last td {
				background: none;
			}
				#Schedule table td.btn img {
					width: 100%;
					height: auto;
				}
	
	#Schedule .centerBox {
		width: 100%;
		clear: both;
		background: url(../img/schedule_bg03.png);
	}
		#Schedule .centerBox ul {
			width: 1000px;
			margin: 0 auto;
			padding: 40px 0;
		}
			#Schedule .centerBox ul li {
				background: url(../img/icon_list.png) no-repeat left 0.5em;
				padding-left: 15px;
				font-size: 108%;
				font-weight: bold;
				margin-bottom: 5px;
			}
			#Schedule .centerBox ul li.last {
				margin-bottom: 0;
			}





/* Facility 
----------------- */
#Facility {
	width: 1000px;
	margin: 0 auto;
	padding: 80px 0;
}
	#Facility .leftBox {
		width: 310px;
		float: left;
	}
		#Facility .leftBox h3 {
			margin-bottom: 40px;
		}
		#Facility .leftBox p {
			font-weight: bold;
			margin-bottom: 40px;
		}
			#Facility .leftBox p span {
				color: #00a0e9;
			}
		#Facility .leftBox ul li {
			margin-bottom: 25px;
		}
		
	#Facility .rightBox {
		width: 580px;
		height: 802px;
		float: right;
		background: url(../img/facility_img.gif) no-repeat;
		position: relative;
	}
		#Facility .rightBox p {
			position: absolute;
		}
		#Facility .rightBox p.F21 {
			top: 69px;
			left: 219px;
		}
		#Facility .rightBox p.F17 {
			top: 190px;
			left: 218px;
		}
		#Facility .rightBox p.F08 {
			top: 416px;
			left: 218px;
		}
		#Facility .rightBox p.F06 {
			top: 504px;
			left: 0;
		}
		#Facility .rightBox p.F04 {
			top: 571px;
			left: 161px;
		}
		#Facility .rightBox p.F01 {
			top: 674px;
			left: 10px;
		}





/* Access 
----------------- */
#Access {
	width: 100%;
	min-width: 1000px;
	background: url(../img/access_bg.jpg) no-repeat 100px top;
	background-size: cover;
	border-bottom: solid 1px #ddd;
}
	#Access .whiteBox {
		width: 600px;
		height: 835px;
		background: #fff;
	}
		#Access .whiteBox #Map {
			width: 600px;
			height: 325px;
		}
		#Access .whiteBox .box {
			width: 450px;
			margin: 0 auto;
			padding-top: 65px;
			font-size: 115%;
		}
			#Access .whiteBox .box h3 {
				margin-bottom: 20px;		
			}
			#Access .whiteBox .box dl {
				margin-bottom: 20px;
			}
			#Access .whiteBox .box dl.last {
				margin-bottom: 0;
			}
				#Access .whiteBox .box dl dt {
					font-size: 20px;
					color: #00a0e9;
					border-bottom: solid 2px #c1c1c1;
					padding-bottom: 10px;
					margin-bottom: 15px;
				}
				#Access .whiteBox .box dl dd {
					font-weight: bold;
				}
					#Access .whiteBox .box dl dd table {
						width: 450px;
					}
						#Access .whiteBox .box dl dd table th {
							width: 270px;
							text-align: left;
						}
							#Access .whiteBox .box dl dd table th span {
								background: url(../img/icon_list.png) no-repeat left center;
								padding-left: 15px;
							}
						#Access .whiteBox .box dl dd table td {
							text-align: left;
						}





/* Opening 
----------------- */
#Opening {
	width: 100%;
	min-width: 1000px;
	height: 160px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #00a0e9 url(../img/bnr_arrow.gif) no-repeat 97% center;
}
	#Opening a {
		display: block;
		text-align: center;
	}










	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 100%;
	min-width: 1000px;
	margin-bottom: 160px;
}
	#footer .contact {
		background: #fff;
		padding: 18px;
	}
		#footer .contact dl {
			width: 100%;
			max-width: 1000px;
			margin: auto;
			text-align: center;
			line-height: 1.3;
		}
			#footer .contact dl dt {
				color: #00a0e9;
				font-weight: bold;
				font-size: 158%;
				font-weight: bold;
			}
			#footer .contact dl dd {
				margin: 3px 0 0;
				color: #00a0e9;
				font-size: 108%;
			}
				#footer .contact dl dd a.telDisable {
					text-decoration: none;
					cursor: default;
				}

	#footer .copyright {
		margin: 0;
		padding: 12px 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 100%;
		font-weight: normal;
		background: #c4c4c7;
		background: -webkit-gradient(linear, left top, right top, from(#9d9da3), to(#c4c4c7));
		background: -webkit-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -moz-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -ms-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -o-linear-gradient(left, #9d9da3, #c4c4c7);
		background: linear-gradient(to right, #9d9da3, #c4c4c7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9da3', endColorstr='#c4c4c7', GradientType=1);
	}


}






/* スマホ */
@media only screen and (max-width: 768px) {



.pc {
	display: none !important;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	width: 100%;
    height: 119px;
    background: linear-gradient(to right, #9d9da3, #c4c4c7);
}
	#header h1 {
		border-top: 1px solid #fff;
		padding: 20px 0 0 15px;
		font-size: 115%;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
	}
	
	#header .btn {
		width: 110px;
		border: solid 1px #fff;
		position: absolute;
		top: 76px;
		right: 15px;
	}
		#header .btn a {
			display: block;
			font-size: 12px;
			color: #fff;
			text-align: center;
			padding: 5px 0;
			background: url(../img/arrow.png) no-repeat 95% center;
		}
	
	#header #logo {
		padding: 18px 0;
	}
		#header #logo a {
			width: 134px;
			height: 29px;
			margin: auto;
   			background: url(../img/logo.png) center center no-repeat;
			background-size: 100%;
			display: block;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;
		}




	
	
	
	
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */





/* Tower 
----------------- */
#Tower {
	width: 100%;
}
	#Tower .bg {
		display: none;
	}
	
	#Tower h2 img {
		width: 100%;
		height: auto;
	}





/* loopSlider 
----------------- */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 200px;
    overflow: hidden;
    position: absolute;
}
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
	.loopSlider ul {
		height: 200px;
		float: left;
		overflow: hidden;
	}
		.loopSlider ul li {
			width: 233px;
			height: 200px;
			float: left;
			display: inline;
			overflow: hidden;
		}
			.loopSlider ul li img {
				width: 100%;
				height: auto;
			}
 
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}





/* Schedule 
----------------- */
#Schedule {
	background: url(../img/schedule_bg.jpg) no-repeat;
	background-size: cover;
}
	#Schedule .leftBox {
		padding: 12% 7%;
		background: url(../img/schedule_bg01.png);
	}
	#Schedule .rightBox {
		padding: 12% 7%;
		background: url(../img/schedule_bg02.png);
	}
		#Schedule h3 {
			margin-bottom: 3%;
			text-align: center;
		}
			#Schedule h3 img {
				width: 100%;
				height: auto;
			}
		#Schedule table {
			width: 100%;
			color: #fff;
		}
			#Schedule table th {
				width: 15%;
				font-size: 100%;
				text-align: left;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
			#Schedule table td.time {
				width: 50%;
				text-align: left;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
				#Schedule table td.time img {
					width: 90%;
				}
			#Schedule table td.btn {
				width: 35%;
				text-align: right;
				background: url(../img/border_dot.png) repeat-x bottom;
				padding: 15px 0;
			}
			#Schedule table tr.last th,
			#Schedule table tr.last td {
				background: none;
				padding-bottom: 0;
			}
				#Schedule table td.btn img {
					width: 95%;
					height: auto;
				}
	
	#Schedule .centerBox {
		padding:7%;
		background: url(../img/schedule_bg03.png);
	}
		#Schedule .centerBox ul {
			padding: 5% 0;
		}
			#Schedule .centerBox ul li {
				background: url(../img/icon_list.png) no-repeat left 0.5em;
				padding-left: 15px;
				font-weight: bold;
				margin-bottom: 5px;
			}
			#Schedule .centerBox ul li.last {
				margin-bottom: 0;
			}





/* Facility 
----------------- */
#Facility {
	padding: 12% 0 10% 0;
}
	#Facility .leftBox {
	}
		#Facility .leftBox h3 {
			margin-bottom: 5%;
			text-align: center;
		}
		#Facility .leftBox p {
			font-weight: bold;
			margin-bottom: 5%;
			text-align: center;
		}
			#Facility .leftBox p span {
				color: #00a0e9;
			}
		#Facility .leftBox ul {
			display: none;
		}
		
	#Facility .rightBox {
		margin-bottom: 7%;
	}
		#Facility .rightBox p {
			display: none;
		}
		#Facility .rightBox ul li img {
			width: 100%;
			height: auto;
		}
		
	#Facility .sp ul {
	}
		#Facility .sp ul li {
			width: 50%;
			float: left;
			margin-bottom: 2%;
		}
			#Facility .sp ul li img {
				width: 100%;
				height: auto;
			}




/* Access 
----------------- */
#Access {
	border-bottom: solid 1px #ddd;
}
	#Access .whiteBox {
		background: #fff;
	}
		#Access .whiteBox #Map {
			width: 100%;
			height: 325px;
		}
		#Access .whiteBox .box {
			padding: 12% 7%;
		}
			#Access .whiteBox .box h3 {
				margin-bottom: 5%;	
				text-align: center;	
			}
			#Access .whiteBox .box dl {
				margin-bottom: 5%;
			}
			#Access .whiteBox .box dl.last {
				margin-bottom: 0;
			}
				#Access .whiteBox .box dl dt {
					font-size: 129%;
					color: #00a0e9;
					border-bottom: solid 2px #c1c1c1;
					padding-bottom: 10px;
					margin-bottom: 15px;
				}
				#Access .whiteBox .box dl dd {
					font-weight: bold;
				}
					#Access .whiteBox .box dl dd table {
					}
						#Access .whiteBox .box dl dd table th {
							width: 80%;
							text-align: left;
						}
							#Access .whiteBox .box dl dd table th span {
								background: url(../img/icon_list.png) no-repeat left center;
								padding-left: 5%;
							}
						#Access .whiteBox .box dl dd table td {
							width: 20%;
							text-align: left;
						}





/* Opening 
----------------- */
#Opening {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
}
	#Opening a img {
		width: 100%;
		height: auto;
	}










	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 100%;
	margin-bottom: 14%;
}
	#footer .contact {
		background: #fff;
		padding: 18px;
	}
		#footer .contact dl {
			width: 100%;
			margin: auto;
			text-align: center;
			line-height: 1.3;
		}
			#footer .contact dl dt {
				color: #00a0e9;
				font-weight: bold;
				font-size: 158%;
				font-weight: bold;
			}
			#footer .contact dl dd {
				margin: 3px 0 0;
				color: #00a0e9;
				font-size: 108%;
			}
				#footer .contact dl dd a.telDisable {
					text-decoration: none;
					cursor: default;
				}

	#footer .copyright {
		margin: 0;
		padding: 12px 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0;
		font-size: 83%;
		font-weight: normal;
		background: #c4c4c7;
		background: -webkit-gradient(linear, left top, right top, from(#9d9da3), to(#c4c4c7));
		background: -webkit-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -moz-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -ms-linear-gradient(left, #9d9da3, #c4c4c7);
		background: -o-linear-gradient(left, #9d9da3, #c4c4c7);
		background: linear-gradient(to right, #9d9da3, #c4c4c7);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9d9da3', endColorstr='#c4c4c7', GradientType=1);
	}


#topcontrol {
	bottom: 80px !important;
	width: 40px !important;
	height: 40px !important;
}
	#topcontrol img {
		width: 100% !important;
		height: auto !important;
	}



}




.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}