@charset "utf-8";


.container {
	width: 1601px;
	margin: 0 auto;
}
body {
	position: relative;
}
#header {
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	z-index: 600;
}
#header h1 {
	float: left;
}
#header h1 img {
	padding: 15px 0 9px 43px;
}
#header div.gnb_menu_wrap {
	float: right;
}
#header ul.gnb_menu {
	overflow: hidden;
	display: inline-block;
}
#header ul.gnb_menu li a {
	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: #005194;
}
#header ul.gnb_menu>li {
	float: left;
	text-align: center;
	font-size: 16px;

}
#header ul.gnb_menu>li>a {
	color: #fff;
	display: inline-block;
/*	width: 130px;*/
	padding: 0 43px;
	height: 66px;
	line-height: 66px;
}
#header ul.sub_menu {
	display: none;
	height: 340px;
}
#header ul.sub_menu>li {
	text-align: left;
	font-size: 15px;
	letter-spacing: -1px;
}
#header ul.sub_menu>li>a {
	color: #fff;
	display: inline-block;
/*	width: 100px;*/
	height: 30px;
	line-height: 30px;
	padding-left: 36px;
}


header button {
	display: inline-block;
	vertical-align: top;
	background: #FF5C01;
	color: #fff;
	padding: 23px 29px 23px 28px;
	border: none;
	margin-left: 20px;
	cursor: pointer;
}
header button.reservation_button:hover{
	background: #000
}
header button img {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
header button img.ico2 {
	display: none;
}
header button span {
	vertical-align: middle;
	display: inline-block;
	color: #fff;
	font-size: 0.83vw;
}
header button.menu_open,
header button.menu_close {
	display: none;
}


h3.mobile_tit {
	display: none;
}






#main_visual,
#about_visual{
	position: relative;
	
}
#main_visual .intro {
	position: absolute;
	z-index: 150;
	top: 47%;
	left: 50%;
	transform: translateX(-50%);
}
#main_visual .intro img {
	max-width: 100%;
}
#main_visual .intro p {
	color: #fff;
	font-size: 1.15vw;
	letter-spacing: -1px;
	font-weight: 100;
	margin-top: 6.7%;
}


#main_visual .scroll_down,
#about_visual .scroll_down {
	position: absolute;
	bottom: 3%;
	left: 50%;
	z-index: 300;
	width: 43px;
	margin-left: -21.5px;
}
#about_visual .scroll_down {
	bottom: 3%;
}
#main_visual .main_paging1,
#main_visual .main_paging2,
#about_visual .about_paging1,
#about_visual .about_paging2{
	position: absolute;
	bottom: 12%;
	left: 48%;
	z-index: 500;
}
#main_visual .main_paging2,
#about_visual .about_paging2{
	left: 50%;
}
#main_visual .slider,
#about_visual .slider {
	position: relative;
	overflow: hidden;
}
#main_visual .slider li,
#about_visual .slider li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#main_visual .slider li div,
#about_visual .slider li div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
}
#mobile {
	display: none;
}










#about {
	margin-top: 4%;
	overflow: hidden;
}
#about .about_left {
	float: left;
	width: 53.3%;
}
#about .about_left img {
	width: 100%;
}
#about .about_right {
	float: right;
	width: 46.1%;
}
#about .about_right img {
	margin-left: 1%;
}
#about .about_right h3,
#about .about_right p.about_sub_tit,
#about .about_right p.about_content {
	margin-left: 7%;
}
#about .about_right h3 {
	margin-bottom: 5.4%;
}
#about .about_right p.about_sub_tit {
	font-size: 1.55vw;
}
#about .about_right p.about_content {
	line-height: 28px;
	letter-spacing: -1px;
	margin-bottom: 7%;
	font-size: 0.89vw;
}
#about .about_right .about_img {
	width: 48.4%;
}



	
#kids,
#sub_kids {
	width: 100%;
	height: 100%;
	background-color: #E5E5E5;
	margin-top: 88px;
}
#sub_kids {
	background-color: #fff;
}
#kids h3.pc_tit,
#kids p.kids_content,
#sub_kids h3.pc_tit,
#sub_kids p.kids_content{
	text-align: center;
}
#kids h3.pc_tit {
	padding-top: 2.7%;
}
#sub_kids h3.pc_tit {
	margin-bottom: 2%;
}
#kids p.kids_content,
#sub_kids p.kids_content{
	margin: 17px 0 44px 0;
}
#kids ul.kids_list,
#sub_kids ul.kids_list{
	overflow: hidden;
	width: 100%;
	margin-bottom: 3.5%;
}
#kids ul.kids_list li,
#sub_kids ul.kids_list li{
	position: relative;
	float: left;
	margin: 0 2.9% 3% 0;
	width: 22.65%;
}
#kids ul.kids_list li:nth-child(4),
#sub_kids ul.kids_list li:nth-child(4){
	margin-right: 0;
}
#kids ul.kids_list li img,
#sub_kids ul.kids_list li img{
	width: 100%;
}
#kids ul.kids_list li a,
#sub_kids ul.kids_list li a {
	display: inline-block;
	color: #333333;
	width: 37%;
	height: 21.6%;
	padding-top: 15%;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	bottom: -4%;
	right: -3%;
	font-size: 0.89vw;

	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
} 
#kids ul.kids_list li:nth-child(3n+1) a,
#sub_kids ul.kids_list li:nth-child(3n+1) a {
	padding-top: 12%;
	height: 24.6%;
}
#kids ul.kids_list li a:hover,
#sub_kids ul.kids_list li a:hover {
	background-color: #005194;
	color: #fff;
} 



#preview {
	margin-top: 5.8%;
	overflow: hidden;
}
#preview h3.pc_tit {
	margin-bottom: 20px;
}
#preview .preview_left {
	float: left;
}
#preview .preview_left .b_room_img {
	position: relative;
	position: absolute;
	display: none;
/*	width: 51%;*/
}
#preview .preview_left .b_room_img img {
	width: 100%;
}
#preview .preview_left .b_room_img:first-child {
	display: block;
}
#preview .preview_left .room_txt {
	position: absolute;
	bottom: 8%;
	right: 5%;
	text-align: right;
	border-right: 2px solid #fff;
	padding-right: 25px;
}
#preview .preview_left .room_txt p {
	color: #fff;
	font-size: 0.89vw;
}
#preview .preview_left .room_txt p:first-child {
	font-size: 1.73vw;
}
#preview .preview_right {
	float: right;
	width: 39.1%;
}
#preview ul.s_room_img {
	overflow: hidden;
}
#preview ul.s_room_img li {
	float: left;
	position: relative;
	width: 49.6%;
}
#preview ul.s_room_img li.image img {
	width: 100%;
}
#preview ul.s_room_img li:nth-child(even) {
	margin-left: 3px;
}
#preview ul.s_room_img li.preview_res a {
	display: inline-block;
	text-align: center;
	width: 100%;
	background-color: #005194;
	padding: 32% 0;
}
#preview ul.s_room_img li.preview_res p {
	color: #fff;
	font-size: 0.89vw;
}
#preview ul.s_room_img a.more {
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 98.5%;
	line-height: 244px;
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	font-size: 70px;
	font-weight: 100;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;

	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
#preview ul.s_room_img li:hover a.more {
	opacity: 1;
}




#facilities {
	margin-top: 8%;
	overflow: hidden;
}
#facilities .facilities_wrap {
		display: block;
	}
#facilities h3.pc_tit {
	text-align: center;
	margin-bottom: 15px;
}
#facilities .facilities_left {
	float: left;
	margin-right: 0.2%;
	width: 39.1%;
}
#facilities .facilities_center {
	float: left;
	margin-right: 0.2%;
	width: 21.4%;
}
#facilities .facilities_right {
	float: left;
	width: 39%;
}
#facilities .fac_content {
	text-align: center;
	position: relative;
}
#facilities .fac_content p.text,
#facilities .fac_content a {
	color: #fff;
	letter-spacing: -1px;
	font-weight: 100;
}
#facilities .fac_content p.text {
	font-size: 0.89vw;
	margin-bottom: 2%;
}
#facilities .fac_content a {
	display: inline-block;
	width: 39%;
	height: 6%;
	padding: 2% 0;

	border: 1px solid #fff;
	font-size: 0.89vw;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#facilities .fac_content a:hover {
	background-color: #fff;
	color: #000;
}
#facilities .fac_content .content {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
#facilities .fac_content p.title {
	margin: 19% auto 1%;
}
#facilities .fac_content p.title img {
	max-width: 100%;
}
#facilities .fac_content p.title1 {
	width: 22%;
}
#facilities .fac_content p.title2 {
	width: 40%;
}
#facilities .fac_content p.title3 {
	width: 70%;
	margin: 82% auto 1%;
}
#facilities .fac_content p.title4 {
	width: 68%;
}
#facilities .fac_content p.title5 {
	width: 68%;
}

#facilities .fac_content .bg {
	width: 100%;
}
#facilities .fac_content .m_bg {
	display: none;
}
#facilities .sunrise a {
	width: 71%;
	height: 4%;
/*	padding: 3.5% 0;*/
}
#facilities .mobile_wrap {
	display: none;
}



#tourist {
	margin-top: 8.7%;
}
#sub_tourist {
	margin-top: 88px;
}
#sub_tourist h3 {
	margin-bottom: 2%;
}
#tourist h3.pc_tit {
	margin-bottom: 36px;
}
#tourist .tour_img img,
#sub_tourist .tour_img img{
	display: none;
	max-width: 100%; 
}
#tourist .tour_img img:first-child,
#sub_tourist .tour_img img:first-child{
	display: inline;
}
#tourist ul.tour_list,
#sub_tourist ul.tour_list{
	overflow: hidden;
/*	padding-top: 0.3%;*/
}
#tourist ul.tour_list li,
#sub_tourist ul.tour_list li{
	width: 16.41%;
	float: left;
	margin-right: 0.3%;
	margin-bottom: 0.3%;
}
#tourist ul.tour_list li:nth-child(6n),
#sub_tourist ul.tour_list li:nth-child(6n) {
	margin-right: 0;
}
#tourist ul.tour_list li a,
#sub_tourist ul.tour_list li a{
	display: inline-block;
	letter-spacing: -1px;
	width: 100%;
	height: 73px;
	line-height: 73px;
	font-size: 0.89vw;

	text-align: center;
	background-color: #CCCCCC;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#tourist ul.tour_list li a:hover,
#sub_tourist ul.tour_list li a:hover{
	background-color: #FF5C01;
	color: #fff;
}
#tourist ul.tour_list li a.active,
#sub_tourist ul.tour_list li a.active{
	background-color: #FF5C01;
	color: #fff;
}
#sub_tourist .tour_txt {
	text-align: center;
	margin-top: 3%;
}
#sub_tourist .tour_txt p:first-child {
	display: block;
}
#sub_tourist .tour_txt p{
	display: none;
	font-size: 0.89vw;
}








#footer {
	margin-top: 10.7%;
	width: 100%;
	background-color: #222222;
	font-size: 14px;
	overflow: hidden;
	padding: 6% 0 3% 0;
}
#footer h2 {
	margin-bottom: 8%;
}
#footer div {
	float: left;
}
#footer div.company_info {
	padding: 0 7% 0 8%;
	width: 20.1%;
}
#footer div.contact {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 0 3.2% 0 2.5%;
	width: 19.6%;
}
#footer div.company_map {
	padding-left: 3%;
	overflow: hidden;
	width: 34%;
}
#footer p {
	color: #fff;
}
#footer p.footer_tit {
	color: #AFAFAF;
	font-size: 15px;
}
#footer p.footer_txt {
	color: #666666;
	margin-bottom: 7px;
}
#footer p.footer_num {
	font-size: 26px;
	margin-bottom: 26px;
}
#footer p.company_info_txt {
	margin: 3px 0 20px 0;
}
#footer div.company_map a.map_img {
	display: inline-block;
	margin-top: 5px;
	width: 79%;
	height: 153px;
}
#footer div.company_map a.top {
	display: inline-block;
	width: 46px;
	height: 80px;
	padding-top: 8px;
	background-color: #FF5C01;
	text-align: center;
	margin-left: 87px;
	float: right;
}