@charset "utf-8";
/* CSS Document */

.counter_top{
	width: 100%;
	background-image: url(../img/room_001.jpg);
	background-size: cover;
	background-position: center center;
	height: 378px
}

.enkai_top{
	width: 80%;
	background-image: url(../img/room_005.jpg);
	background-size: cover;
	background-position: center center;
	height: 378px
}

.enkai_sub{
	width: 100%;
	background-image: url(../img/room_006.jpg);
	background-size: cover;
	background-position: center center;
	height: 378px
}

.enkai_list li {
	width: 33%;
	margin-right: 6%;
}
.enkai_list li:nth-child(2n) {
	margin-right: 0;
	width: 61%;
}

.table_01{
	width: 100%;
	background-image: url(../img/room_007.jpg);
	background-size: cover;
	background-position: center center;
	height: 378px
}


@media only screen and (min-width: 1060px) {
.table_frame {
	position: relative;
	margin-bottom: -60px;
	}
.table2{
	position: relative;	
	z-index: 20;
	top: -50px;
	width: 510px;
	}
.table3{
	position:relative;
	z-index: 10;
	top: -10px;
	left: -15px;
	width: 460px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1059px) {
.enkai_list li {
	width: 47%;
}
.enkai_list li:nth-child(2n) {
	width: 47%;
}
.table_frame {
	position: relative;
	margin-bottom: -250px;
	}
.table2{
	position: relative;	
	z-index: 20;
	top: -50px;
	width: 60%;
	}
.table3{
	position:relative;
	z-index: 10;
	top: -200px;
	left: calc(100% - 60%);
	width: 60%;
	}
}

@media only screen and (max-width: 599px) {
.counter_top{
	height: 300px
}
ul.counter_txt li{
	margin-bottom: 50px!important;
}
.enkai_top{
	width: 100%;
	height: 300px
}
.enkai_list li {
	width: 100%;
	margin: 0;
}
.enkai_list li:nth-child(2n) {
	width: 100%;
}
.enkai_list .menu_ttl {
	margin-top: 20px;
}
.enkai_sub{
	height: 240px
}
.table2{
	margin-bottom: 50px;
}
}