@media screen and (max-width:1600px) {
	header, #about, .middle, footer { width: 100%;}
	.navi {font-size: 1em;}
	#about .text {line-height: 2;}
	#accommodation { padding: 0 10px;}
	#weather{width:105px;}
}
@media screen and (max-width:1200px){
    #about_txt{ padding:0 50px; top:5%; margin-top:0;}
	#list_001{width:80%;}
}
@media screen and (max-width:1000px){
	nav{ display: none;}
	#menu_icon{ display: block;}
	#txt01{ font-size: 4em;}
	#txt02{ font-size: 1em;}
	#about_left{ width:100%; float:left; text-align: center; }
	#about_right{ width:100%; clear: both;  float: none; }
	.room_01{text-align: center;}
	#about #view_btn{margin:0 auto;}
    #about_txt{ padding:0 10px; top:50%; margin-top:-130px;}
	#room_right{ display: none; }
	#room_list{ width:95%; min-height:580px; float:none; margin:0 auto; overflow-y:visible;}
	.list_800{display: block;}
	#facilities .bx-next{right:0px;}
	#facilities .bx-prev{left:0px;}
	.sub_title{ font-size: 1.500em;}
	#accommodation{min-height: 500px;}
	#accommodation h3{ height: 20px; line-height: 20px;}
	#location #location_top ul li { width: 100%; line-height: 2em; }
}
@media screen and (max-width:800px){
    #header_wrap{height:45px;}
    #weather{margin-top:10px;}
    #about_left{margin-top:60px;}
	#about #view_btn{width:100px; height:30px; line-height: 27px;}
	.detail_view{width:100px; height:30px; line-height:27px; position: absolute; right:10px; bottom:35px; }
    #language{margin-top:15px; font-size: 1em; line-height: 16px;}
    #menu_icon{margin-top:12px;}
    h1{ width: 90px;top: 5px;}
	footer h2{width: 130px;bottom: 100px;top: 30px;}
    #txt01{font-size: 1.750em;}
	#txt02{font-size: 0.750em;}
	#visual_txt{margin-top:-35px;}
	.bxslider_01 .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{bottom:10px;}
	.title{font-size:1.875em}
	.text{font-size: 0.875em}
	.text_big{font-size: 0.875em}
	.txt00{width:90px;line-height: 30px;}
	.txt01{font-size: 0.750em; line-height: 30px;}
	#location_top ul{width:185px;}
	#location_top ul li{margin-left:0;}
	#about_txt{padding:0 80px;}
	#about_img{width:90%;}
	#view_list{width:80%; margin-left: -40%; padding-top: 50px;}
	#room_list{overflow-y: visible}
	#header_icon{height:30px; margin-top:0px;}
	#footer_wrap{height: 150px;}
	#footer_right{margin-top:31px; margin-right: 20px;}
	#phone{top:78px; right:198px;}
	#mail{top:97px; right:139px;}
	.about01{margin:20px 0 30px }
	#weather{margin:10px -30px 0 5px;}
    .popup_01{display: none;}
}
@media screen and (max-width:420px){
	#visual_img_m{display: block;}
	#visual_img{display: none;}
	#header_wrap{padding:0 10px;}
    #about_left{ margin-bottom:40px;}
	#txt02{padding:0 50px;}
	#facilities{height:900px;}
	#accommodation h3{text-indent:10px;}
	#about_txt{padding:0 10px;}
	#location{height:750px;}
	#map_wrap{height:400px;}
	h1{width:80px;}
	footer h2{width:100px; bottom:90px; top: 30px;}
	.top_txt{font-size: 1.5em;}
	#facilities .bx-caption{font-size: 1em;}
	.f_01,.f_02{font-size: 1em;}
	.f_03,.f_04{font-size: 0.750em;}
	.more_btn{margin-top: 50px;}
	.detail_view {margin: 0 auto;}
	.txt01{font-size: 0.7em}
	.cont_info{padding:0}
	.text{ font-size: 0.750em}
	.detail_view{width:100px; height:30px; line-height: 30px; right:0px; bottom:14px; }
	.h2_info{margin:15px auto 30px;}
	#footer_right{width: 162px; /*margin-top:41px;*/ margin-right: 0px;}
	#phone{top:88px; right:150px;}
	#mail{top:107px; right:99px;}
	#list_001{width:95%;}
	#list_001 .room_04, #list_001 .room_05 {float: none;margin-top: 0}
	#list_001 .sub_title{ margin-bottom: 20px;}
	#list_001 .del_btn{ right: 0;}
	#list_001 .room_02, #list_001 .room_03{ width:100%;float: none}
	.xs-hidden{display: none}
	.cont_info th{width: 30% ;font-size: .85em;}
	.cont_info td {font-size: .8em; line-height: 1.2em}
	.half_info{width: 100%}
	#visual_wrap .bx-controls-direction,#visual_wrap .bx-default-pager{display: none}
}
@media screen and (max-width:400px){
	#accommodation h2{margin-top:80px;}	
	#facilities{height:820px;}
	#about_left{ margin-bottom:80px;}
}