html, body {
	height: 0;
}


body {
	position: relative;
}
div.container {
/*	width: 1600px;*/
/*	margin: 0 auto;*/
}


/*.before {*/
/*	position: fixed;*/
/*	width: 100%;*/
/*	height: 93px;*/
/*	background-color: rgba(1, 64, 124, 0.6);*/
/*	z-index:300;*/
/*	opacity: 0;*/
/*}*/



header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 111px;
	z-index: 800;
	transition: 0.7s all;
}
.gnb_menu_wrap {
	width: 100%;
	position: fixed;
	top: 0;
	transition: 0.4s all;
	height: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 300;
}
header ul.gnb_menu {
	overflow: hidden;
	text-align: center;
	margin: 0px auto 0;
	width: 1342px;
/*	height: 110px;*/
}
header ul.gnb_menu .tab {
	float: left;
/*	width: 119px;*/
	padding: 0 33px;
	padding-top: 51px;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px solid #fff;
	transition: 1s all;
	position: relative;
}
header ul.gnb_menu .center {
	float: left;
	width: 260px;
/*	height: 108px;*/
/*	line-height: 108px;*/
}
header ul.gnb_menu .center img {
	width: 260px;
	transition: 1s all;
}
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;
	width: 130px;
}
header ul.sub_menu>li {
	line-height: 24px;
	text-align: left;
	font-size: 14px;
	letter-spacing: -1px;
/*	padding-left: 10px;*/
}
header ul.sub4 {
	left: 15px;
}
header .mobile_gnb_wrap {
	display: none;
}




header.menu_fixed {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.7);
	 width: 100%;
	 height: 94px;
	 z-index: 300;
}
header.menu_fixed ul.gnb_menu .tab {
	padding-top: 17px;
	border-bottom: none;
}
header.menu_fixed ul.gnb_menu .center {
	width: 260px;
}
header.menu_fixed ul.gnb_menu .center img {
	width: 220px;
}






#main_visual {
	position: relative;
	overflow: hidden;
/*	position: absolute;*/
	z-index: -1;
}
#main_visual div.intro {
	position: absolute;
	top: 52%;
	left: 10%;
	z-index: 100;
/*	width: 33%;*/
}
#main_visual div.intro .text {
	color: #fff;
/*	font-size: 22px;*/
	font-weight: 100;
	margin-top: 3%;
	font-size: 1.1vw;
}
#main_visual div.intro h2.main_title img {
	width: 100%;
}
#main_visual .paging1,
#main_visual .paging2 {
	position: absolute;
	bottom: 7%;
	left: 85%;
	z-index: 10;
	width: 3%;
}
#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;
}

#main_visual .slider li div {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transform-origin: 50% 50%;
}
#main_visual .slider {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
#main_visual .slider li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	height: 100%;
	top: 0;
}

/*.video {*/
/*	overflow: hidden;*/
/*}*/
/*.video iframe {*/
/*/*	position: absolute;*/
/*	bottom: 0px; */
/*	left: 0px; */
/*	right: 0px; */
/*	top: 0px;*/
/*	height: 56.25vw; */
/*	width: 100vw; */
/*	margin: auto; */
/*}*/

#main_visual div.intro h2.about_title img {
	max-width: 100%;
}
#mobile {
	display: none;
}













#intro {
/*	width: 100%;*/
	background: #E5F2F8 url(/img/intro_bg.jpg) 0 0;
	background-size: 100%;

}
#intro h3 {
	text-align: center;
	padding-top: 9%;
	padding-bottom: 23%;
}
#intro h3 img {
	max-width: 11%;
}







#about {
/*	height: 1124px;*/
	background: url(/img/main_about_bg.jpg) 0 0 fixed;
	background-size: cover;
	text-align: center;
	padding: 0 8%;
/*	height: 1124px;*/

}
#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:hover {
/*	box-shadow: 400px 0 0 0 rgba(0,0,0,0.8) inset;*/
	box-shadow: 400px 0 0 0 rgba(255,255,255,1) inset;
}
#room span {
	position: absolute;
	bottom: 0.5%;
	right: -0.1%;
	width: 34%;
	background-color: #000000;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}
#room span img {
	max-width: 100%;
}
#room span a{
	display: inline-block;
	width: 100%;
	padding-top: 8%;
}






#facilities ul li * {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  overflow: hidden;
}
#facilities ul li:hover .image {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
#facilities {
	background: url(/img/facilities_bg.jpg) 0 0 fixed;
/*	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-block;
/*	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 ul li * {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
#service ul li .img_wrap {
	max-height: 482px;
	overflow: hidden;
}
#service ul li:hover img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
#service {
	background: url(/img/service_bg.jpg) 0 0 fixed;
	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 p {*/
/*	transition:all 0.8s, color 0.3s 0.3s;   */
/*}*/
/*#service ul li p:hover{*/
/*	box-shadow:400px 0 0 0 rgba(0,0,0,1) inset;*/
/*}*/


#service ul li span {
	display: inline-block;
	width: 100%;
	height: 87%;
	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;
	position: relative;
}
#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 #b6a581;
}
#tourist ul.tour_title li a.active {
	border-bottom: 5px solid #b6a581;
}
/*#tourist ul.tour_title .underline {*/
/*	  position: absolute;*/
/*	  left: 0;*/
/*	  bottom: -2px;*/
/*	  width: 8%;*/
/*	  height: 5px;*/
/*	  background: #000;*/
/*	  transition: all .3s ease-in-out;*/
/*	}*/
/*	#tourist ul.tour_title li:nth-child(1).current ~ .underline {*/
/*		left: 0;*/
/*	}*/
/*	#tourist ul.tour_title li:nth-child(2).current ~ .underline {*/
/*		left: 20%;*/
/*	}*/
#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 .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;
}