@charset "utf-8";

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 990px) {
	.access_text{
		width:calc(50% - 60px);
		padding-left:80px;
	}
}

@media screen and (max-width: 850px) {
	.intro {
    	padding: 100px 0 80px;
	}
	#plan .intro {
    	padding: 80px 0 80px;
	}
	.room {
    	padding: 140px 0 40px;
	}
	.access{
		padding-top:100px;
	}
}

@media screen and (max-width: 767px) {
	.mv_area_box span,
	.mv_area_box h1{
		font-size:28px;
		padding-bottom: 2%;
	}
	.intro h1,
	.intro h2{
	    font-size: 36px;
		padding:0 20px;
	}
	.column2 h2{
		padding-bottom:60px;
	}
	.manu_img{
		width:100%;
	}
	.manu_text{
		width: 100%;
		padding:25px 0;
	}
	.manu_text_box p {
		line-height:1.4em;
		padding-bottom: 10px;
	}
	.room {
    	padding: 100px 0 30px;
	}
	.room_box {
		aspect-ratio: 2 / 1;
	}
	.room_box img[src*="bath"]{
		display: none;
	
	}
	.room_box img[src*="room"]{
		width:100%;
	}
	.access h2{
		padding-bottom: 30px;
	}
	.access_img {
    	width: 80%;
		margin: auto;
	}
	.g_map iframe {
		aspect-ratio: 2/1;
	}
	.access_text {
		text-align: center;
    	width: 80%;
		margin: auto;
    	padding:20px 0 0;
	}
	.access_text p{
		text-align: center;
	}
	.btn_area,
	.btn_area_min{
    	padding: 100px 0;
	}
	footer .logo{
		max-width:140px;
		padding: 50px 0 20px;
	}
	footer .footer_logo {
		max-width:130px;
	}
	
/*----------------------------------------------------------
下層デザイン
----------------------------------------------------------*/
	
	#plan > h1{
		padding:60px 0 0;
		font-size: 23px;
	}
	
	.img_area {
    	padding: 0 0 20px;
	}
	.img_three img{
		width:50%;
	}
	.img_three img[src*="1"]{
		display: none;
	}
	.single_img {
		aspect-ratio: 5/3;
	}
	.single_img img {
		width:130%;
	}
	
	
	.column2,
	.column_table{
		padding:0 30px;
	}
	.column2_img {
		width: 100%;
		aspect-ratio:4/3;
	}
	.column2_img img{
		width:100%;
		height:auto;
	}
	.column2_text {
	    width: 100%;
    	padding-left: 0;
	}
	.column2_text div p{
		font-size:16px;
	}
	.column2 h3 {
		padding-top:15px;
	}
	.column2_text div {
    	padding-top: 20px;
	}
	.column_table{
		margin-top: 50px;
	}
	.cancel_h3{
		margin-top:50px ;
	}
	
	.table_note {
		font-size:14px;
    	padding: 0 30px 50px;
	}



}

@media screen and (max-width: 520px) {
	.mv_area_box {
		aspect-ratio: 7/5;
	}
	.mv_area_box img {
		width:150%;
	    left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.mv_area_box span,
	.mv_area_box h1{
		font-size: 25px;
		padding-bottom: 0;
	}
	.intro {
    	padding: 60px 0 50px;
	}
	
	.intro h1,
	.intro h2{
    	font-size: 32px;
		line-height:1.3em;
	}
	.intro_inner p {
		font-size:16px;
	}
	.room_box {
    	aspect-ratio: 7/5;
	}
	.room_box img[src*="room"] {
    	width: 120%;
	}
	.room_text_box {
		padding:20px 0;
		min-width:300px;
	}
	.access {
    	padding-top: 80px;
	}
	.access_text p {
		font-size:16px;
	}
	.g_map iframe {
    	aspect-ratio: 4/3;
	}
	.access_img {
    	width: 90%;
	}
	.btn_area a {
    	font-size: 30px;
	}

/*----------------------------------------------------------
下層デザイン
----------------------------------------------------------*/
	#plan .intro {
    	padding: 30px 0 0;
	}
	#plan > h1 {
		padding: 40px 0 0;
	}
	#food .intro{
		padding: 60px 0 0;
	}
	.btn_area_min{
		padding:60px 0 80px;
	}
	
	.column2 h3 {
	    font-size:25px;
		line-height: 1.4em;
	}
	#room .intro h2 {
    	font-size: 28px;
		padding-bottom: 25px;
	}
	.column_table div{
		font-size:14px;
	}
	.column_table div:nth-child(odd) {
		width:100%;
		padding:8px 0;
		margin-bottom: 0;
	}
	.column_table div:nth-child(even) {
		width: 100%;
		padding:10px 20px;
		margin-bottom: 6px;
	}
	.column_table.cancel div:nth-child(odd){
		width:130px;
		margin-bottom: 3px;
	}
	.column_table.cancel div:nth-child(even){
		width:calc(100% - 130px);
		margin-bottom: 3px;
	}
}

@media screen and (max-width: 374px) {

}