@charset "UTF-8";
/* CSS Document */



/* 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 %
---------------------------------------------------------------------*/




	



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


	
	
/* main
--------------------- */
#main {
	padding-bottom: 0;
}


	
	
/* pagetitle01
--------------------- */
#pagetitle01 .bg {
	background: url(../img/pagetitle_bg.jpg) no-repeat;
	background-size: cover;
}



	
	
/* facilities
--------------------- */
#facilities {
	padding-bottom: 140px;
}
	#facilities .textbox {
		margin-bottom: 50px;
	}
		#facilities .textbox p {
			width: 485px;
			font-size: 86%;
			line-height: 30px;
		}

		#facilities .textbox .temp {
			width: 485px;
		}

	
	#facilities .phtbox {
		margin-bottom: 100px;
	}
		#facilities .phtbox li {
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		#facilities .phtbox li:nth-child(3n) {
			margin-right: 0;
		}

	
	#facilities .btn {
		margin: 0;
	}



	
	
/* utilities
--------------------- */
#utilities {
	background: #dfdfe1;
	padding: 140px 0;
}
	#utilities h2 {
		font-size: 28px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 140px;
		background: url(../../common/img/pagetitle_border.png) no-repeat left bottom;
	}

	
	#utilities .phtbox {
	}
		#utilities .phtbox li {
			float: left;
			margin-right: 5px;
		}
		#utilities .phtbox li:nth-child(3n) {
			margin-right: 0;
		}
			#utilities .phtbox li p {
				padding-top: 20px;
			}



	
	
/* amenities
--------------------- */
#amenities {
	padding: 140px 0;
}
	#amenities h2 {
		font-size: 28px;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 140px;
		background: url(../../common/img/pagetitle_border.png) no-repeat left bottom;
	}
	
	
	#amenities .textbox {
		margin-bottom: 50px;
	}
		#amenities .textbox p {
			width: 485px;
			font-size: 86%;
			line-height: 30px;
		}

		#amenities .textbox .temp {
			width: 485px;
		}

	
	#amenities .phtbox {
		padding-bottom: 70px;
	}
		#amenities .phtbox li {
			float: left;
		}
		#amenities .phtbox li:nth-child(2) {
			float: right;
		}

	
	#amenities .introduction {
	}
		#amenities .introduction ul {
			border-left: solid 1px #999;
			padding-left: 20px;
		}

	

	

	
	

}








/* max 800px */
@media only screen and (max-width: 800px) {






	
	
/* pagetitle01
--------------------- */
#pagetitle01 .bg {
	background: url(../img/pagetitle_bg.jpg) no-repeat;
	background-size: cover;
}



	
	
/* facilities
--------------------- */
#facilities {
	padding-bottom: 60px;
}
	#facilities .textbox {
		margin-bottom: 40px;
	}
		#facilities .textbox p {
			font-size: 86%;
			line-height: 30px;
		}

		#facilities .textbox .en {
			padding-top: 20px;
		}

	
	#facilities .phtbox {
		padding-bottom: 40px;
	}
		#facilities .phtbox li {
			width: 49%;
			float: left;
			margin-bottom: 2%;
		}
		#facilities .phtbox li:nth-child(2n) {
			float: right;
		}
		#facilities .phtbox li:nth-child(9) {
			display: none;
		}
			#facilities .phtbox li img {
				width: 100%;
				height: auto;
			}

	
	#facilities .btn {
		margin: 0;
	}



	
	
/* utilities
--------------------- */
#utilities {
	background: #dfdfe1;
	padding: 60px 0 45px 0;
}
	#utilities h2 {
		font-size: 129%;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 60px;
		background: url(../../common/img/pagetitle_border.png) no-repeat left bottom;
	}

	
	#utilities .phtbox {
	}
		#utilities .phtbox li {
			width: 49%;
			float: left;
			margin-right: 2%;
			margin-bottom: 25px;
		}
		#utilities .phtbox li:nth-child(2n) {
			margin-right: 0;
		}
			#utilities .phtbox li img {
				width: 100%;
				height: auto;
			}
	
			#utilities .phtbox li p {
				font-size: 72%;
				padding-top: 10px;
			}



	
	
/* amenities
--------------------- */
#amenities {
	padding: 60px 0 45px 0;
}
	#amenities h2 {
		font-size: 129%;
		font-weight: 400;
		letter-spacing: 2px;
		margin-bottom: 60px;
		background: url(../../common/img/pagetitle_border.png) no-repeat left bottom;
	}
	
	
	#amenities .textbox {
		margin-bottom: 40px;
	}
		#amenities .textbox p {
			font-size: 86%;
			line-height: 30px;
		}

		#amenities .textbox .en {
			padding-top: 20px;
		}

	
	#amenities .phtbox {
		padding-bottom: 20px;
	}
		#amenities .phtbox li {
			margin-bottom: 10px;
		}
			#amenities .phtbox li img {
				width: 100%;
				height: auto;
			}

	
	#amenities .introduction {
	}
		#amenities .introduction ul {
			border-left: solid 1px #999;
			padding-left: 20px;
			font-size: 72%;
		}
			#amenities .introduction ul li {
				padding: 5px 0;
			}


}

	



.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;
}