@media screen and (max-width:1200px){
	.head{height: 65px;z-index: 5;width:100%}
	.head .inner{width:100%;overflow: hidden;height: 65px}
	.head .nav{display: none ;width:100%;float: none;position: fixed;padding-top:110px;background: white;left: 0;margin-left: 0;height: 100%;;box-sizing: border-box;}
	.head .nav .dep01{display: block;line-height: 50px;margin-top: 0;margin-right: 0;font-size: 16px;padding-bottom: 0;border-bottom: 1px solid #eee;}
	.head .nav .dep01>a{width:100%;display: block;padding: 0 4%;line-height: 60px;box-sizing: border-box}
	.head .nav a.no_link{pointer-events: none; }
	.head .nav .dep01>a span{display:block;float: right;line-height: 60px;}
	.head .nav .dep02{position: relative;top: auto;display: block;width:90%;margin: 0 auto;display: none;animation: none}
	.head .nav .dep02 li{display: block;margin-right: 0;font-size: 15px;line-height: 50px;;}
	.head .nav .dep02 li a{display: block;width:100%;height: 100%}
	.head .nav .dep02.on{display:block; opacity:1; animation:none}
	.head .nav .dep02::after{display: none;}	
	.head .nav .dep01:hover .dep02{display: none;}
	.head .nav .dep01>a::after{display: none}
	.head .nav .dep01:hover>a::after{display: none;transition: 0s;}
	.head .book{display: none;}
	.head #logo{;margin-top:19px;position: relative;z-index: 5;margin-left: 4%}
	.head .menu_open,.head .menu_close{display: block;float: right;margin-top: 15px;position: relative;margin-right: 4%}
	.head .menu_open span, .head .menu_close span{font-size: 35px;}
	.head .menu_close{display: none;}
	.head .nav .nav_book{display: none;}
	.head .m_book{display: none;width:100%;overflow: hidden;position: absolute;top:65px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;font-size: 14px;left: 0}
	.head .m_book a{display: block;width:50%;float: left;text-align: center;line-height: 45px;font-size: 18px}
	.head .m_book a:first-child{border-right: 1px solid #ddd;box-sizing: border-box}
	
	.head.on .nav{background-color: rgba(0,0,0,0.9)}
	.head.on .m_book a{color: white;}
	.head.on .menu_open,.head.on .menu_close{color: white}
	
	.main_slide .txt{font-size: 25px}
	.main_slide .pre-book > div{padding: 5px 10px}
	
	.main_room .txt{width:40%;padding-top: 0;}
	.main_room .txt p{font-size: 18px;margin-bottom: 10px}
	.main_room .txt span{font-size: 16px;margin-bottom: 20px}
	.main_room .txt dl{font-size: 16px}
	.main_room .txt a{width:150px;height: 40px;line-height: 38px;font-size: 16px;}
	
	.main2{height: 350px;background-size: auto 120%}
	.main2 p{font-size: 25px;line-height: 350px}
	
	.main3 li{width:45%;margin-bottom: 10px}
	.main3 li:nth-child(2){margin: 0;}
	
	.main4 .txt div{padding: 30px}
	.main4 .txt p{font-size: 18px}
	.main4 .txt span{font-size: 16px;word-break: keep-all}
	
	.sub_page{margin: 80px auto}
	.ft-30{font-size: 25px;}
	.ft-22{font-size: 20px;}
	
	.sub01_02 .navi dt{width:30%}
	.sub01_02 .navi dd{width:70%}
	
	.room_top{background-size:cover;position: relative;padding-top: 65px}
	.room_top::before{background: rgba(255,255,255,0.5);position: absolute;width:100%;height: 100%;content: '';top:0}
	.room .infor{margin-bottom: 30px}
	.room .infor li{width:48%;float: none;display: inline-block;vertical-align: top;margin-bottom:20px}
	
}

@media screen and (max-width:768px){
	.main_slide{background-size: auto 100%}
	.main_slide .txt{font-size: 18px;text-align: center;width:100%;top: 20%;transform: translateY(0)}
	.main_slide .res{width:92%;left: 4%;bottom: 100px;padding:10px 10px;font-size: 16px;text-align: center;border-radius: 5px}
	.main_slide .pre-book{display: inline-block;}
	.main_slide .pre-book > div{width:33.3333%;margin-bottom: 10px;display: block;float: left;padding: 10px;}
	.main_slide .pre-book > div:nth-child(1),.main_slide .pre-book > div:nth-child(2),.main_slide .pre-book > div:nth-child(3){border-bottom: 1px solid rgba(255,255,255,0.2)}
	.main_slide .res .tit{border-right: 0;}
	.main_slide .pre-book .chk-out{border-right: 0;}
	.main_slide .pre-book label{line-height: 20px;font-size: 14px;margin-bottom:5px}
	.main_slide .res .btn-submit{margin-left: 0;font-size: 16px;display: block;margin: 0 auto;line-height: 30px;margin-bottom: 10px}
	
	.main_room .tit{font-size: 22px;margin-bottom: 20px}
	.main_room .img{width:100%;float: none;margin-bottom: 10px}
	.main_room .txt{width:100%;float: none;}
	
	.main2{height: 250px;background-size:150%;background-attachment: scroll;margin: 50px auto}
	.main2 p{font-size: 20px;;width:80%;left:10%;word-break: keep-all;line-height:30px;position: absolute;top:50%;transform:translateY(-50%)}
	
	.main3 li{width:80%;margin-bottom: 30px}
	.main3 li:nth-child(2){margin-bottom: 20px}
	.main3 li img{width:220px}
	.main3 li p{font-size: 18px;margin-top: 15px}
	.main3 li span{font-size: 16px;margin-top: 10px}
	
	.main4{margin: 50px auto}
	.main4 .img{width:100%;}
	.main4 .coffee_img{margin-left: 0;margin-top: 0}
	.main4 .txt{width:100%;position: relative}
	.main4 .txt div{position: relative;padding: 20px}
	
	.main5 .tit p{font-size: 22px;}
	.main5 .tit span{font-size: 14px;}
	.main5 .tit a{display: none;}
	.main5 .pic_lt li{width:100%;margin-bottom: 20px}
	.main5 .pic_lt li:nth-child(2){margin:0;margin-bottom: 20px}
	
	.tail{padding: 30px 0;}
	.tail .f_top{margin-bottom: 20px}
	.tail .f_logo{float: none;margin-bottom: 20px}
	.tail .f_top ul{float: none;font-size: 12px}
	.tail .f_top li{margin-left: 10px}
	.tail .f_top li:first-child{margin-left: 0;}
	.tail .f_con{font-size: 12px}
	.tail .f_con span{padding: 0 5px;border-right: 0;}
	
	.sub_banner{height: 200px;background-size: 100%;background-attachment: inherit}
	.sub_banner .txt p{font-size: 20px}
	.sub_banner .txt span{display: none;}
	.sub_banner .txt p::before{width:20px;margin-left: -10px}
	.sub_page{margin:50px auto}
	.ft-30{font-size: 20px;}
	.ft-22{font-size: 18px;}
	.v-middle{position: relative;top:auto;transform:none;margin-top: 30px}
	.w-50{width:100%;float:none}
	.w-40{width:100%;float: none}
	
	.sub01_01 .con01 p,.sub01_01 .con03 p,.sub01_01 .con05 p{text-align: left}
	.sub01_01 .con01 p span,.sub01_01 .con03 p span,.sub01_01 .con05 p span{text-align: left}
	.sub01_01 .con02 p,.sub01_01 .con04 p{text-align: right}
	.sub01_01 .con02 p span,.sub01_01 .con04 p span{text-align: right}
	.sub01_01 .img00{width:120px}
	
	.sub01_02 .map{height: 300px}
	.sub01_02 .navi dl{padding:20px 0}
	.sub01_02 .navi dt{width:100%;float: none;font-size: 18px;margin-bottom: 10px}
	.sub01_02 .navi dd{width:100%;float: none;font-size: 16px}
	
	.room_top .box .txt p{font-size: 40px}
	.room_top .box .txt span{font-size:16px }
	.room_top .box .txt a{background: #333;color: white }
	.room .infor li{display: block;width:100%;}
	.room .infor p{font-size: 18px}
	.room .infor li span{font-size: 16px;margin-bottom: 0;}
	.room .infor dl{font-size: 14px}
	.room .infor dt{width:30%}
	.room .infor dd{width:70%}
	.room .swiper-pagination-fraction{font-size: 14px}
	.room .notice p{padding: 5px 10px}
	.room .notice li{font-size: 12px}
	.room .img .swiper-button-next{width:34px;height: 34px;margin-top: -17px;background-size: auto 60%}
	.room .img .swiper-button-prev{width:34px;height: 34px;margin-top: -17px;background-size: auto 60%}
	.room .btn-reserve{width:80%;line-height: 48px;height: 50px;font-size: 18px}
	
	.gall_row .col-gn-3{width:100% !important;}

	.board_tit p{font-size: 28px;}
	.board_tit span{font-size: 15px;}

}