@charset "utf-8";
/* main
================================================ */

.restaurant-h1{
	font-size: 3.8rem;
	letter-spacing 0.01em;
	text-align: center;
	margin-bottom: 0.5em;
}
.restaurant-h2{
	font-size: 2.8rem;
	margin-bottom: 0.5em;
}
.restaurant-main_img{
	width: 100%;
	margin: 0 auto;
}
.restaurant-main_img img{
	height: 420px;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	margin-top: 1.5em;;
}


/*グリッド写真*/
.restaurant-mv_grid{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-template-rows: repeat(5,auto);
	gap:10px;
	margin-top: 50px;
	margin-bottom: 60px;
}
.restaurant-mv_grid div img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mvgrid01{
	grid-column: 1/3;
	grid-row: 1/4;
}
.mvgrid02{
	grid-column: 3/5;
	grid-row: 3/6;
}
.mvgrid03{
	grid-column: 1/2;
	grid-row: 4/6;
}
.mvgrid04{
	grid-column: 2/3;
	grid-row: 4/6;
}
.mvgrid05{
	grid-column: 3/4;
	grid-row: 1/3;
}
.mvgrid06{
	grid-column: 4/5;
	grid-row: 1/3;
}

.restaurant-head{
	text-align: center;
	margin: 2em 0 1em;
}
.word-break>span, .word-break>span span {
    display: inline-block;
}
.box dl .restaurant-txt{
	text-align: center;
	margin-top: 0.5em;
	line-height: 2.4em;
}
.photo_list{
	margin-left: -3%;
	margin-bottom: 3%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.photo_list li{
	margin-top: 3.33%;
	margin-left: 3%;
	flex-basis: 30.33%;
}
.photo_list p {
	margin-top: 0.5em;
}
.info_about{
	margin-bottom: 80px;
}
.info_about li{
	display: -webkit-box;
	display: flex;
	border-bottom: 1px dotted #000;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#premium .info_about li{
	border-bottom: 1px dotted #fff;
}
.info_about .info_about_head{
	width: 120px;
}
.info_about .info_about_txt{
	width: calc(95% - 120px);
	margin-left: 5%;
}
.info_about + .info_about{
	margin-top: 4%;
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
.floor_map_area img{
	width: 85%;
}
}

/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.restaurant-main_img{
	max-width: 100%;
	padding: 0;
}
.box dl .restaurant-txt{
	margin-top: 0.5em;
}
.photo_list{
	margin-top: 0.5em;
	margin-bottom: 6%;
}
.restaurant-h1{
	font-size: 3.0rem;
	margin-bottom: 0.5em;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */
.restaurant-main_img img{
	height: 300px;
}
.photo_list li{
	flex-basis: 46.67%;
}

}
/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.restaurant-main_img img{
	height: 250px;
}
.info_about .info_about_head{
	width: 100px;
}
.info_about .info_about_txt{
	width: calc(95% - 100px);
	margin-left: 3%;
}
.photo_list{
	margin-top: 0.8em;
}

.room-bath + h2{
	font-size: 2rem;
}
}

/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */
.restaurant-main_img img{
	height: 250px;
}
.restaurant-h1{
	font-size: 2.4rem;
	margin-bottom: 0.5em;
}
.restaurant-h2{
	font-size: 2.2rem;
}
}