body {
	position: relative;
}
div.container {
/*	width: 1600px;*/
/*	margin: 0 auto;*/
}
#header {
	position: absolute;
	top: 0;
	width: 100%;
	height: 111px;
	z-index: 300;
}
#header .gnb_menu_wrap {
	width: 100%;
	position: absolute;
	top: 0;
}
#header ul.gnb_menu {
	overflow: hidden;
	text-align: center;
	margin: 0px auto 0;

	width: 1289px;
	height: 110px;
}
#header ul.gnb_menu .tab {
	float: left;
/*	width: 119px;*/
	padding: 0 29px;
	padding-top: 51px;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #fff;
}
#header ul.gnb_menu .center{
	float: left;
	width: 260px;
	height: 108px;
	line-height: 108px;
}

#header ul.gnb_menu>li.tour_menu {
	margin-right: 260px;
}
#header ul.gnb_menu li a {
	color: #fff;
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
}

#header ul.gnb_menu li a:hover {
	color: #00cdff;
}
#header ul.sub_menu {
	display: none;
	margin-top: 10px;
	height: 300px;
	position: absolute;
}
#header ul.sub_menu>li {
	line-height: 24px;
	text-align: left;
	font-size: 14px;
	letter-spacing: -1px;
/*	padding-left: 10px;*/
}
#header .mobile_gnb_wrap {
	display: none;
}







#main_visual {
	position: relative;
}
#main_visual div.intro {
	position: absolute;
	top: 52%;
	left: 10%;
	z-index: 100;
	width: 33%;
}
#main_visual div.intro h2.main_title img {
	width: 100%;
}
#main_visual p {
	color: #fff;
/*	font-size: 22px;*/
	font-weight: 100;
	margin-top: 6.5%;
	font-size: 1.15vw;
}
#main_visual .paging1,
#main_visual .paging2 {
	position: absolute;
	bottom: 5%;
	left: 85%;
	z-index: 500;
	width: 5%;
}
#main_visual .paging2 {
	left: 87.2%;
}
#main_visual .paging1 img,
#main_visual .paging2 img {
	max-width: 100%;
}
#main_visual .scroll {
	position: absolute;
	bottom: 3%;
	left: 50%;
	width: 52px;
	margin-left: -26px;
	z-index: 100;
	max-width: 4%;
}
#main_visual div.intro h2.about_title img {
	max-width: 100%;
}

	#main_visual .slider {
		position: relative;
		overflow: hidden;
	}
	#main_visual .slider li {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}
	#main_visual .slider li div {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
	}
	#mobile {
		display: none;
	}
@media (max-width: 786px) {
	
	
}






#intro {
/*	width: 100%;*/
	background: url(/img/intro_bg.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
}
#intro h3 {
	text-align: center;
	padding-top: 10%;
	padding-bottom: 22%;
}
#intro h3 img {
	max-width: 20%;
}







#about {
/*	height: 1124px;*/
	background: url(/img/main_about_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	padding: 0 8%;
}
#about h3 {
	padding: 15.7% 0 3% 0;
}
#about h3 img {
	max-width: 70%;
}
#about .about_img {
	width: 100%;
}
#about p.tit {
	color: #fff;
	font-size: 33px;
	font-weight: bold;
	letter-spacing: 4px; 
/*	margin: 40px 0 20px 0;*/
	margin: 2.8% 0 1.5% 0;
}
#about p.tit img {
	max-width: 80%;
}
#about p.txt {
	color: #fff;
	line-height: 1.5vw;
	padding-bottom: 9%;
/*	font-size: 0.9vw;*/
}




#room {
	margin-top: 6.5%;
	background: url(/img/room_bg.png) 0 bottom no-repeat;
	background-size: 100% 100%;
}
#room .container2 {
	position: relative;
	width: 61.85%;
	padding-left: 8%;
}
#room h3 {
	padding: 4.7% 0 0.7% 0;
	width: 78%;
}
#room h3 img {
	max-width: 80%;
}
#room h3+p {
	margin-bottom: 25px;
}
#room img.room_img {
	width: 100%;
}
#room .room_list_wrap {

}
#room div.room_list:first-child {
	display: block;
}
#room div.room_list {
	display: none;
	overflow: hidden;
}

#room div.room_list p.room_num {
	margin: 2.3% 13px 1.5% 0;
	float: left;
	width: 17%;
}
#room div.room_list div {
	position: relative;
}
#room div.room_list p.room_num img{
	max-width: 100%;
}

#room div.slide_button .room_prev {
	position: absolute;
	left: 13%;
	bottom: 39%;
	width: 3%;
}
#room div.slide_button .room_next {
	position: absolute;
	right: 2%;
	bottom: 39%;
	width: 3%;
}
#room div.slide_button img {
	width: 100%;
}
#room p.txt {
	margin: 3% 0 0 0;
	color: #fff;
	font-size: 0.9vw;
}
#room span {
	position: absolute;
	bottom: 0.5%;
	right: -0.1%;
	width: 34%;
	background-color: #000;
	line-height: ;
}
#room span img {
	max-width: 100%;
}
#room span a{
	display: inline-block;
	width: 100%;
	padding-top: 8%;
}







#facilities {
/*	height: 1300px;*/
	background: url(/img/facilities_bg.jpg) 0 0 no-repeat;
/*	background-size: 100% 100%;*/
	background-size: cover;
	overflow: hidden;
	padding: 0 8%;
}
#facilities h3 {
	text-align: center;
/*	padding: 160px 0 14px 0;*/
	padding: 10.7% 0 1% 0;
}
#facilities h3 img {
	max-width: 70%;
}
#facilities h3+p {
	text-align: center;
	margin-bottom: 2.4%;
	color: #fff;
}
#facilities ul {
	overflow: hidden;
}
#facilities ul li {
	text-align: left;
	position: relative;
	
}
#facilities ul li img.image {
	width: 100%;
}
#facilities ul li.facilities_list {
	position: relative;
	line-height: 0;
/*	margin-bottom: 9px;*/
	margin-bottom: 0.5%;
}
#facilities ul li.facilities_list div {
	position: absolute;
	bottom: 0;
	left: 0; 
	padding: 0 0 11px 20px;
 
}
#facilities ul li.facilities_list div p {
	color: #fff;
	line-height: 1.5vw;
	font-size: 1vw;
}
#facilities ul li.facilities_list .tit img {
	max-width: 55%;
}
#facilities ul li.facilities_list .tit5 img {
	max-width: 30%;
}
#facilities ul li a {
	display: inline;
/*	height: 301px;*/
}
#facilities ul li.facilities_list3 {
	margin-left: 0.74%;
}
#facilities ul li.facilities_list3 span {
	width: 99.5%;
}
#facilities ul li.facilities_list4 p.tit,
#facilities ul li.facilities_list6 p.tit {
	margin-top: 40px;
}
#facilities ul li.facilities_list5 {
	height: 535px;
}
#facilities span {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s;
}
#facilities span:hover {
	opacity: 1;
}
#facilities .left,
#facilities .center {
	float: left;
	width: 33.3%;
	margin-bottom: 14%;
}
#facilities .right {
	float: right;
	width: 33.3%;
}






#service {
	background: url(/img/service_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	padding: 0 8%;
	padding-bottom: 7%;
}
#service h3 {
	text-align: center;
	padding-top: 9.3%;
}
#service h3 img {
	max-width: 70%;
}
#service h3+p {
	text-align: center;
	color: #fff;
	margin: 0.3% 0 2.5% 0;
}
#service ul {
	overflow: hidden;
	
}
#service ul li {
	float: left;
	margin-right: 1.5%;
	position: relative;
	width: 23.8%;
	
}
#service ul li:hover p {
	background-color: #000;
}
#service ul li:hover span {
	opacity: 1;
}
#service ul li.last {
	margin-right: 0;
}
#service ul li img {
	width: 100%;
}
#service ul li p {
	color: #fff;
	font-size: 1vw;
	width: 80%;
/*	height: 60px;*/
	line-height: 3.2vw;
	margin: 3% auto 0;
	border-radius: 30px;
	text-align: center;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service ul li span {
	display: inline-block;
	width: 100%;
	height: 86.3%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}







#tourist {
	padding: 0 8% 33%;
}
#tourist h3 {
	margin: 6.3% 0 0.5% 0;
}
#tourist h3 img {
	max-width: 70%;
}
#tourist h3+p {
	margin-bottom: 40px;
}
#tourist div.tour_list {
	float: left;
	width: 61%;
}
#tourist ul.tour_img li:first-child {
	display: block;
}
#tourist ul.tour_img li {
	display: none;
}
#tourist ul.tour_img {
	margin-bottom: 14px;
}
#tourist ul.tour_img img {
	width: 100%;
}
#tourist ul.tour_title {
	overflow: hidden;
}
#tourist ul.tour_title li {
	float: left;
/*	margin-right: 43px;*/
	margin-right: 3%;
}
#tourist ul.tour_title li.last {
	margin-right: 0;
}
#tourist ul.tour_title li a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #555555;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	font-size: 0.9vw;
}
#tourist ul.tour_title li a:hover {
	border-bottom: 5px solid #0290B5;
}
#tourist ul.tour_title li a.active {
	border-bottom: 5px solid #0290B5;
}
#tourist ul.tour_text {
	float: left;
	width: 38%;
	margin-left: 1%;
}
#tourist ul.tour_text p.tit {
/*	font-size: 34px;*/
	font-size: 2vw;
	margin-bottom: 10px;
}
#tourist ul.tour_text li:first-child {
	display: block;
}
#tourist ul.tour_text li  {
	display: none;
}
#tourist ul.tour_text li p.txt {
	width: 100%;
	text-align: justify;
	line-height: 1.5vw;
	font-size: 0.9vw;
}
#tourist img.tour_side_img {
	float: right;
}






#footer {
	margin-top: 7.9%;
	height: 382px;
	overflow: hidden;
	background-color: #222222;
	position: relative;
	padding: 0 8%;
/*	width: 100%;*/
}
#footer .contact {
	padding-top: 7.5%;
	width: 33.6%;
}
#footer .contact2 {
	padding: 7.5% 0 0 4%;
	width: 28%;
}
#footer .contact .reservation {
	margin-bottom: 40px;
}
#footer .contact .reservation {
	padding-left: 60px;
	background: url(/img/phone_ico.png) 0 0 no-repeat;
}
#footer .contact .information {
	padding-left: 60px;
	background: url(/img/bank_ico.png) 0 0 no-repeat;
}
#footer .contact p.tit {
	color: #919191;
/*	font-size: 0.85vw;*/
	font-size: 14px;
}
#footer .contact p.num {
	font-size: 24px;
/*	font-size: 1.25vw;*/
	color: #fff;
}
#footer .company_info {
	text-align: center;
	background-color: #000;
	width: 34%;
	height: 350px;
	padding-top: 110px;
	
}
#footer .company_info img {
	padding-bottom: 20px;
}
#footer .company_info p {
	font-size: 0.75vw;
	color: #fff;
	line-height: 1.5vw;
}
#footer .company_info p.name {
	border-top: 1px solid #666;
	width: 55%;
	margin: 0 auto;
	padding-top: 20px;
}
#footer .company_info p.address {
	color: #A1A1A1;
}
#footer .company_info,
#footer .contact {
	float: left;
	
}
#footer .company_map {
	float: right;
	padding-top: 120px;
	width: 26.4%;
}
#footer .top {
	position: absolute;
	top: 0;
	left: 49%;
	z-index: 300;
}