#mobile {
		display: block;
		padding-top: 10.5%;
	}
	#mobile_visual {
		position: relative;
	}
	#mobile_visual div.intro {
		position: absolute;
		top: 42%;
		right: 21%;
		z-index: 100;
		width: 55%;
	}
	#mobile_visual div.intro h2 img {
		max-width: 100%;
	}
	#mobile_visual div.intro .text {
		color: #fff;
		font-weight: 100;
		margin-top: 3%;
		font-size: 1.15vw;
	}
	#mobile_visual .main_paging1,
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging1,
	#mobile_visual .about_paging2 {
		position: absolute;
		bottom: 13%;
		left: 45%;
		z-index: 10;
		width: 5%;
	}
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging2 {
		left: 54.2%;
	}
	#mobile_visual .main_paging1 img,
	#mobile_visual .main_paging2 img,
	#mobile_visual .about_paging1 img,
	#mobile_visual .about_paging2 img {
		max-width: 100%;
	}

@media (max-width: 1800px) {
	#facilities .pc_facilities .title_list {
		right: 9%;
	}

}

@media (max-width: 1600px) {
	.row {
		padding: 0 15px;
	}
	.container{
		width: 100%;
	}
	#room_visual,
	#facilities_visual,
	#service_visual,
	#tourist_visual,
	#map_visual,
	#reservation_visual,
	#community_visual {
		height: 400px;
	}

	#header {
		background-color: rgba(0,0,0,0);
	}
	#header h1 {
		width: 96%;
		background-color: #f9f9f9;
		height: 82px;
		padding: 20px 0 0 36px;
	}
	#header ul.sub_menu {
		display: none;
	}
	#header div.gnb_menu_wrap {
		float: none;
	}
	#header ul.gnb_menu {
		display: none;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	#header ul.gnb_menu>li,
	#header ul.gnb_menu .gnb_menu6 {
		width: 12.5%;
	}
	#header ul.gnb_menu .gnb_menu5>a {
		padding-left: 0;
		text-align: center;
	}
	#header ul.gnb_menu .gnb_menu6,
	#header ul.gnb_menu .gnb_menu7{
		text-align: center;
	}
	#header ul.gnb_menu>li>a {
		width: 100%;
		color: #000;
	}
	#header ul.gnb_menu>li:first-child+li+li+li+li>a {
		width: 100%;
	}
	#header ul.gnb_menu>li>a:hover {
		background-color: #FAFAFA;
	}



	header button {
		float: left;
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		width: 123px;
		height: 102px;
		background-color: #FF9203;
	}
	header button img.ico1 {
		display: none;
	}
	header button img.ico2 {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	header button .menu_ico {
		width: 27%;
		display: inline-block;

	}
	header button.reservation_button {
		right: 123px;
	}
	header button.menu_open,
	header button.menu_close {
		display: block;
		background-color: #FFB452;
	}
	header button.menu_close {
		display: none;
	}
	header button span {
		display: block;
		margin-top: 4px;
	}
	.sub_preview_res {
		display: none;
	}

}


@media (max-width: 1280px) {
	#header ul.gnb_menu>li,
	#header ul.gnb_menu .gnb_menu6 {
		width: 16.66%;
	}


	#tab_menu_wrap,
	#tab_menu {
		margin-top: 0;
		border-bottom: none;
	}
	#tab_menu_wrap ul.tab_menu,
	#tab_menu ul.tab_menu {
		background-color: #F2F2F2;
	}
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(14.365% - 1px);
	}
	#tab_menu_wrap ul.tab_menu a.active,
	#tab_menu_wrap ul.tab_menu li a:hover,
	#tab_menu ul.tab_menu a.active,
	#tab_menu ul.tab_menu li a:hover{
		background-color: #616161;
	}
	#tab_menu_wrap ul.tab_menu li.tab1,
	#tab_menu ul.tab_menu li.tab1{
		border-left: none;
	}
	#tab_menu_wrap ul.tab_menu li a,
	#tab_menu ul.tab_menu li a{
		width: 100%;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(7n) a,
	#tab_menu ul.tab_menu li:nth-child(7n) a{
		border-right: 0;
	}




	#about {
		display: none;
	}




	#rooms {
		background: none;
	}
	#rooms h2.pc_tit {
		display: none;
	}
	#rooms h2.mobile_tit {
		display: block;
		text-align: center;
		margin-top: 4%;
	}
	#rooms .text,
	#sub_rooms .text{
		display: none;
	}
	#rooms .main_reser,
	#sub_rooms .main_reser{
		display: none;
	}
	#rooms .room_list,
	#sub_rooms .room_list{
		margin-top: 0;
		padding-top: 11%;
	}
	#rooms figure,
	#sub_rooms figure{
		width: 32.1%;
	}
	#rooms figure:nth-child(3n),
	#sub_rooms figure:nth-child(3n){
		margin-right: 0;
	}
	#rooms figure:nth-child(7),
	#sub_rooms figure:nth-child(7){
		margin-right: 1.8%
	}


	#room_list .room_img  {
		display: none;
	}
	#room_list .room_info {
		width: 100%;
	}
	#room_list .room_info div.room_list_res {
		margin-top: 4%;
	}
	#room_list .room_info p.content {
		line-height: 18px;
	}
	#sub_rooms {
		margin-bottom: 0;
	}


	
	#facilities {
		background: none;
	}
	#facilities .pc_facilities {
		display: none;
	}
	#facilities .mobile_facilities {
		display: block;
		margin-bottom: 5%;
	}
	#facilities .mobile_facilities h2 {
		margin-bottom: 2%;
		text-align: center;
	}
	#facilities .mobile_facilities .img_list {
		overflow: hidden;
	}
	#facilities .mobile_facilities .list{
		position: relative;
		float: left;
		width: 32.65%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	#facilities .mobile_facilities .list:nth-child(3n) {
		margin-right: 0;
	}
	#facilities .mobile_facilities .list img {
		width: 100%;
	}

	#facilities .mobile_facilities .text{
		position: absolute;
/*		bottom: 1.8%;*/
		top: 73.5%;
		right: 0;
		background-color: #FF9203;
		width: 40%;
		height: 19%;
		font-size: 0.89vw;
		padding: 2%;
	}
	#facilities .mobile_facilities .text p {
		color: #fff;
	}
	#facilities .mobile_facilities .text span{
		display: block;
	}



	
	#tourist {
		display: none;
	}



	#service {
		display: none;
	}


	#exterior p a {
		height: 60px;
		line-height: 60px;
	}



	#room_visual,
	#facilities_visual,
	#service_visual,
	#tourist_visual,
	#map_visual,
	#reservation_visual,
	#community_visual {
		display: none;
	}




	#sub_facilities {
		margin: 0 0 10.5% 0;
		padding-top: 11%;
	}
	#sub_facilities h2 {
		display: none;
	}
	#sub_facilities .title_list {
		display: none;
	}
	#sub_facilities .img_list a {
		display: block;
	}
	#sub_facilities .text_list div {
		display: block;
	}
	#sub_facilities .text_list div {
		margin-bottom: 109%;
	}
	#sub_facilities .text_list div:nth-child(2) {
		margin-bottom: 61%;
	}
	#sub_facilities .text_list div:nth-child(3) {
		margin-bottom: 103%;
	}
	#sub_facilities .text_list div:nth-child(4) {
		margin-bottom: 120%;
	}



		
	#sub_service {
		margin-top: 0;
		padding-top: 11%;
	}
	#sub_service h3 {
		display: none;
	}
	#sub_service .service_txt p {
		line-height: 18px;
	}



	#map {
		padding-top: 11%;
	}
	#map h3 {
		display: none;
	}
	#map p.map_txt {
		line-height: 18px;
	}



	#sub_tourist {
		margin: 0 0 11% 0 ;
		padding-top: 11%;
	}
	#sub_tourist .mobile_tour {
		display: block;
	}
	#sub_tourist .pc_tour {
		display: none;
	}
	#sub_tourist .mobile_tour {
		overflow: hidden;
	}
	#sub_tourist .mobile_tour .tour_list {
		width: 32.65%;
		float: left;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	#sub_tourist .mobile_tour .tour_list:nth-child(3n) {
		margin-right: 0;
	}
	#sub_tourist .mobile_tour .tour_list img{
		width: 100%;
	}
	#sub_tourist .mobile_tour .tour_list .title,
	#sub_tourist .mobile_tour .tour_list .text {
		font-size: 0.89vw;
	}



	#reservation h3 {
		margin: 4.5% 0 1% 0;
	}
	#reservation p {
		line-height: 18px;
	}



	#community h3 {
		margin: 4.5% 0 1% 0;
	}



	#footer {
		height: 100%;
	}
	#footer h2 {
		padding: 3% 0 1% 0;
	}
	#footer div.contact {
		width: 100%;
		padding: 0;
		padding-top: 2.5%;
	}
	#footer div.company_info {
		width: 100%;
		height: 100%;
	}
	#footer div.contact .reservation {
		background: url(/img/phone_ico.png) 38% 0 no-repeat;
	}
	#footer div.contact .bank {
		background: url(/img/bank_ico.png) 38% 0 no-repeat;

	}
	#footer div {
		float: none;
		text-align: center;
	}
	#footer div.company_map {
		padding: 6% 0 5% 6%;
		width: 88%;
	}
	#footer div.company_map a.top {
		display: none;
	}

	


	

}
@media (max-width: 900px) {
	#header ul.gnb_menu>li,
	#header ul.gnb_menu .gnb_menu6 {
		width: 25%;
	}
	#header h1 {
		height: 58px;
		padding: 20px 0 0 23px;
	}
	#header h1 img {
		width: 180px;
	}
	header button {
		width: 100px;
		height: 78px;
	}
	header button.reservation_button {
		right: 100px;
	}
	#main_visual {
		padding-top: 78px;
	}
	#main_visual .scroll_down {
		display: none;
	}



	span.box {
		height: 74px;
	}
	#tab_menu_wrap,
	#tab_menu{
		margin-top: 0;
		padding-top: 78px;
	}
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(20.12% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(7n) a,
	#tab_menu ul.tab_menu li:nth-child(7n) a{
		border-right: 1px solid #cecece;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(5n) a,
	#tab_menu ul.tab_menu li:nth-child(5n) a{
		border-right: 0;
	}






	#rooms figure,
	#sub_rooms figure{
		width: 49.1%;
	}
	#rooms figure:nth-child(3n),
	#sub_rooms figure:nth-child(3n){
		margin-right: 1.8%;
	}
	#rooms figure:nth-child(2n),
	#sub_rooms figure:nth-child(2n){
		margin-right: 0;
	}	



	#facilities .mobile_facilities .list{
		width: 49.5%;
	}
	#facilities .mobile_facilities .list:nth-child(3n) {
		margin-right: 1%;
	}
	#facilities .mobile_facilities .list:nth-child(2n) {
		margin-right: 0;
	}


	#exterior {
		padding-bottom: 11%;
	}





	#sub_facilities .pc_version {
		display: none;
	}
	#sub_facilities .mobile {
		display: block;
	}
	#sub_facilities .mobile .img_list {
		text-align: center;
		width: 100%;
		margin-bottom: 3%;
	}
	#sub_facilities .mobile .img_list p {
		font-size: 0.89vw;
	}
	#sub_facilities .mobile .img_list span {
		font-size: 0.89vw;
	}
	#sub_facilities .mobile .img_list a img{
		width: 100%;
	}

	#facilities_sub h3+p {
		line-height: 18px;
	}





	#sub_tourist .mobile_tour .tour_list {
		width: 49.5%;
	}
	#sub_tourist .mobile_tour .tour_list:nth-child(3n) {
		margin-right: 1%;
	}
	#sub_tourist .mobile_tour .tour_list:nth-child(2n) {
		margin-right: 0;
	}




	#footer div.contact .reservation {
		background: url(/img/phone_ico.png) 34% 0 no-repeat;
	}
	#footer div.contact .bank {
		background: url(/img/bank_ico.png) 34% 0 no-repeat;

	}
	
}
@media (max-width: 768px) {

	#tab_menu_wrap ul.tab_menu li {
		width: calc(25.13% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(5n) a {
		border-right: 1px solid #cecece;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(4n) a {
		border-right: 0;
	}






	#exterior {
		padding-bottom: 10%;
	}
	#exterior p img {
		display: none;
	}
	#exterior p a {
		height: 40px;
		line-height: 40px;
	}



	#sub_facilities,
	#sub_service,
	#sub_tourist {
		padding-top: 18%;	
	}
	#sub_service .service_txt {
		width: 100%;
	}	
	#sub_service .service a {
		width: 100%;
	}


	
	#footer div.contact .reservation {
		background: url(/img/phone_ico.png) 30% 0 no-repeat;
	}
	#footer div.contact .bank {
		background: url(/img/bank_ico.png) 30% 0 no-repeat;
	}



}
@media (max-width: 479px) {
	#header ul.gnb_menu>li,
	#header ul.gnb_menu .gnb_menu6 {
		width: 33.33%;
	}
	#header ul.gnb_menu>li>a {
		height: 60px;
		line-height: 60px;
	}
	#header h1 {
		height: 48px;
		padding: 12px 0 0 16px;
	}
	#header h1 img {
		width: 130px;
	}
	header button {
		width: 80px;
		height: 60px;
	}
	header button.reservation_button {
		right: 80px;
	}
	header button span {
		font-size: 12px;
	}
	#main_visual {
		padding-top: 59px;
	}
	#main_visual .main_paging1, 
	#main_visual .main_paging2 {
		bottom: 7.5%;
	}
	#main_visual .main_paging1 {
		left: 40%;
	}




	span.box {
		height: 54px;
	}
	#tab_menu_wrap,
	#tab_menu{
		padding-top: 60px;
	}
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(33.55% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li a,
	#tab_menu ul.tab_menu li a{
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(4n) a,
	#tab_menu ul.tab_menu li:nth-child(4n) a{
		border-right: 1px solid #cecece;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(3n) a,
	#tab_menu ul.tab_menu li:nth-child(3n) a{
		border-right: 0;
	}



	#rooms figure,
	#sub_rooms figure{
		width: 100%;
		margin-right: 0;
		text-align: left;
	}
	#rooms figure figcaption,
	#sub_rooms figure figcaption{
		font-size: 14px;
		font-weight: bold;
		margin: 0;
	}
	#rooms figure p,
	#sub_rooms figure p{
		font-size: 12px;
	}
	#rooms figure:nth-child(3n),
	#sub_rooms figure:nth-child(3n){
		margin-right: 0;
	}	
	#sub_rooms figure:nth-last-child(2) {
		margin-bottom: 20%;
	}
	#rooms figure .pension_img,
	#sub_rooms figure .pension_img{
		display: none;
	}
	#rooms figure .mobile_img,
	#sub_rooms figure .mobile_img{
		display: block;
		width: 100%;
	}
	#rooms figure div.over img,
	#sub_rooms figure div.over img{
		padding-top: 105%;
	}





	#room_list h3 {
		font-size: 14px;
	}
	#room_list .room_info p.content,
	#room_list .room_info p.title{
		font-size: 12px;
	}
	#room_list .room_info div.room_list_res a {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}



	#facilities .mobile_facilities .list{
		width: 100%;
		margin-right: 0;
	}
	#facilities .mobile_facilities .list:nth-child(3n) {
		margin-right: 0;
	}
	#facilities .mobile_facilities .text p {
		font-size: 14px;
	}
	#facilities .mobile_facilities .text p span{
		font-size: 12px;
	}



	#exterior {
		padding-bottom: 8%;
	}
	#exterior p a {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		width: 24%;
	}
	#exterior h2 {
		font-size: 30px;
	}



	#facilities_sub h3 {
		font-size: 14px;
	}
	#facilities_sub h3+p {
		font-size: 12px;
	}



	#sub_service h4 {
		font-size: 14px;
		margin-bottom: 1%;
	}
	#sub_service .service_txt p {
		font-size: 12px;
		margin-bottom: 1.4%;
	}
	#sub_service .service_txt+a {
		margin-bottom: 5%;
	}




	#sub_facilities .mobile .img_list {
		text-align: left;
	}
	#sub_facilities .mobile .img_list p {
		font-size: 14px;
	}
	#sub_facilities .mobile .img_list span {
		font-size: 12px;
	}





	#map {
		margin-top: 0;
		padding-top: 18%;
	}
	#map p.map_tit {
		font-size: 14px;
	}
	#map p.map_txt {
		font-size: 12px;
	}


	#community h3,
	#reservation h3{
		font-size: 14px;
	}
	#reservation p {
		font-size: 12px;
	}
	#reservation p.reser_txt {
		font-size: 12px;
	}
	#reservation p strong {
		font-size: 13px;
	}
	#reservation table.refund_info th, 
	#reservation table.refund_info td {
		padding: 5px;
		font-size: 12px;
	}



	#sub_tourist .mobile_tour .tour_list .title {
		font-size: 14px;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	#sub_tourist .mobile_tour .tour_list .text {
		font-size: 12px;
	}
	#sub_tourist .mobile_tour .tour_list {
		width: 100%;
		margin-bottom: 6%;
	}


	#footer p.company_info_txt {
		font-size: 12px;
	}
	#footer p.num {
		font-size: 22px;
	}
	#footer div.contact .reservation {
		background: url(/img/phone_ico.png) 23% 0 no-repeat;
	}
	#footer div.contact .bank {
		background: url(/img/bank_ico.png) 23% 0 no-repeat;
	}
	#footer div.company_info {
		padding: 0;
	}
	#footer h2 {
		margin: 0 auto 11px;
		padding: 7% 0 3% 0;
	}

	
	
}