@charset "utf-8";





/*room_sub*/
#room_list {
	overflow: hidden;
	margin-bottom: 10.5%;
}
#room_list h3 {
	font-size: 3.13vw;
	margin: 2.5% 0 3% 0;
	color: #333333;
}
#room_list .room_img {
	float: left;
	width: 40.5%;
}
#room_list .room_img img {
	width: 100%;
}
#room_list .room_info {
	float: right;
	width: 55%;
}
#room_list .room_info p.title {
	margin-bottom: 1.3%;
	font-size: 0.89vw;
}
#room_list .room_info p.content {
	line-height: 30px;
	font-size: 0.78vw;
	color: #666666;
	margin-bottom: 3%;
}
#room_list .room_info p.content span {
	color: #EF3228;
}
#room_list .room_info div.room_list_res {
	margin-top: 37%;
}
#room_list .room_info div.room_list_res a {
	display: inline-block;
	width: 40%;
	height: 90px;
	line-height: 90px;
	background-color: #FF9600;
	font-size: 1.15vw;
	text-align: center;
}
#room_list .room_info div.room_list_res a img {
	margin-left: 15px;
}
#room_list .img_list img {
	margin-top: 3.8%;
	width: 100%;
}
#room_list .room_wrap {
	display: none;
}
#room_list .room_active {
	display: block;
}









#sub_facilities {
	margin: 3% 0 10.5% 0;
	overflow: hidden;
	position: relative;
}
#sub_facilities h2 {
	margin: 40px 0 40px 0;
}
#sub_facilities .img_list {
	float: left;
	width: 72%;
}
#sub_facilities .img_list a:first-child {
	display: block;
}
#sub_facilities .img_list a {
	display: none;
}
#sub_facilities .img_list a img {
	width: 100%;
}
#sub_facilities .text_list {
	float: right;
	width: 25.5%;
	margin-left: 0px;
}
#sub_facilities .text_list div:first-child {
	display: block;
}
#sub_facilities .text_list div {
	display: none;
}
#sub_facilities .text_list .title {
	font-size: 1.04vw;
	letter-spacing: -1px;
	font-weight: 100;
	margin-bottom: 30px;
}
#sub_facilities .text_list .title span {
	font-size: 2.6vw;
	display: block;
	font-weight: 500;
	letter-spacing: -2px;
}
#sub_facilities .text_list .content {
	font-size: 0.78vw;
	line-height: 26px;
}
#sub_facilities .text_list .content span {
	font-size: 0.94vw;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
#sub_facilities .title_list {
	position: absolute;
	top: 72.8%;
	right: 17%;
	float: right;
}
#sub_facilities .title_list span {
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #000;
	margin: 0 26px 5px 0;
	
} 
#sub_facilities .title_list a {
	display: inline-block;
	color: #000;
	width: 230px;
	height: 46px;
	line-height: 46px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#sub_facilities .title_list a.active {
	background-color: #FF9203;
	color: #fff;
}
#sub_facilities .title_list a:hover {
	background-color: #FF9203;
	color: #fff;
}
#sub_facilities .title_list a:hover span{
	background-color: #fff;
	width: 30px;
}
#sub_facilities .title_list a span.active {
	background-color: #fff;
	width: 30px;
}
#sub_facilities .mobile {
	display: none;
}
#facilities_sub .facilities_wrap {
	display: none;
}
#facilities_sub .facilities_active {
	display: block;
}






#sub_service {
	margin-bottom: 200px;
}
#sub_service h3 {
	margin: 100px 0 40px 0;
}
#sub_service h4 {
	font-size: 1.73vw;
	margin-bottom: 3.4%;
}
#sub_service .service {
	padding-bottom: 6%;
}
#sub_service .service a {
	width: 62.5%;
	display: inline-block;
}
#sub_service .service a img {
	width: 100%;
}
#sub_service .service_txt p {
	font-size: 0.89vw;
}
#sub_service .service_txt1,
#sub_service .service_txt3 {
	float: right;
	width: 35.3%;
}
#sub_service .service_txt1+a ,
#sub_service .service_txt3+a {
	float: left;
	width: 62.5%;
}
#sub_service .service_txt2,
#sub_service .service_txt4 {
	float: left;
	width: 35.3%;
}
#sub_service .service_txt2+a,
#sub_service .service_txt4+a {
	float: right;
	width: 62.5%;
}






#sub_tourist {
	margin: 3% 0 11% 0;
	overflow: hidden;
}
#sub_tourist h2 {
	padding-top: 40px;
}
#sub_tourist .pc_tour .tour_list {
	overflow: hidden;
	margin: 50px 0 80px 0;
}
#sub_tourist .pc_tour .tour_list .line{
	width: 100%;
}
#sub_tourist .pc_tour .tour_list li {
	float: left;
	width: 12.5%;
	text-align: center;
	position: relative;
	margin-top: 20px;
}
#sub_tourist .pc_tour .tour_list li a {
	color: #000;
	padding: 0 15px;
	transition: all 0.2s;
}
#sub_tourist .pc_tour .tour_list li img {
	display: block;
	position: absolute;
	top: -160%;
	left: 45%;
}
#sub_tourist .pc_tour .tour_list li img.over {
	display: none;
}
#sub_tourist .pc_tour .tour_list li a:hover {
	color: #fff;
	background-color: #FF9203;
}
#sub_tourist .pc_tour .tour_list li .over {
	display: block;
}
#sub_tourist .pc_tour .tour_list li a:hover .over{
	display: block;
}
#sub_tourist .pc_tour .tour_list li a:hover .out{
	display: none;
}
#sub_tourist .pc_tour .tour_list li a img.active1 {
	display: none;
}
#sub_tourist .pc_tour .tour_list li a img.active2 {
	display: block;
}

#sub_tourist .pc_tour .tour_list li a.active {
	color: #fff;
	background-color: #FF9203;
}
#sub_tourist .pc_tour .tour_text div:first-child {
	float: left;
	display: block;
}
#sub_tourist .pc_tour .tour_text div {
	display: none;
	width: 400px;
}
#sub_tourist .pc_tour .tour_text p.title {
	font-size: 30px;
	margin-bottom: 10px;
	letter-spacing: -2px;
}
#sub_tourist .pc_tour .tour_text {
	float: left;
	width: 25%;
}
#sub_tourist .pc_tour .tour_text p.content {
	font-size: 15px;
	line-height: 26px;
}
#sub_tourist .pc_tour .tour_img {
	float: right;
	width: 71%;
}
#sub_tourist .pc_tour .tour_img img:first-child {
	display: block;
}
#sub_tourist .pc_tour .tour_img img {
	display: none;
	width: 100%;
}
#sub_tourist .pc_tour .tour_text .content a {
	color: #000;
	text-decoration: underline;
}
#sub_tourist .mobile_tour {
	display: none;
}









/*map*/
#map {
	margin-bottom: 11%;
}
#map h3 {
	margin: 77px 0 30px 0;
}
#map p.map_tit {
	font-size: 1.15vw;
	margin-bottom: 5px;
}
#map p.map_txt {
	margin-bottom: 20px;
	line-height: 27px;
	font-size: 0.89vw;
}
#map img {
	margin-bottom: 30px;
}




/*reservation*/
#reservation {
	margin-bottom: 200px;
}
#reservation h3 {
	font-size: 2.6vw;
	color: #333333;
	margin: 2.5% 0 1% 0;
}
#reservation p {
	line-height: 30px;
	font-size: 0.89vw;
}
#reservation p strong {
	font-size: 0.94vw;
}
#reservation p.reser_txt {
	margin-bottom: 30px;
	font-size: 0.89vw;
}
#reservation table.refund_info {
	border-collapse: collapse;
	text-align: center;
	margin-top: 20px;
	
}
#reservation table.refund_info thead tr {
	border-top: 1px solid #000;
	background-color: #E9E9E9;
}
#reservation table.refund_info tr {
	border-bottom: 1px solid #000;
}
#reservation table.refund_info th {
	font-weight: lighter;
}
#reservation table.refund_info th,
#reservation table.refund_info td {
	border-left: 1px solid #000;
	padding: 10px;
	font-size: 0.89vw;
}
#reservation table.refund_info th.last_th,
#reservation table.refund_info td.last_td {
	border-right: 1px solid #000;
}
#reservation .reservation_wrap {
	display: none;
}
#reservation .reservation_active {
	display: block;
}




/*community*/
#community {
	margin-bottom: 200px;
}
#community h3 {
	font-size: 2.6vw;
	color: #333333;
	margin: 2.5% 0 1% 0;
}