@charset "UTF-8";

/*
以下
@media screen and (max-width: 899px) {
}
以上
@media screen and (min-width: 900px) {
}
*/


dl{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
}
dt{
margin-right: 10px;
}



/*------------------------------------------------*/
/*------------------- 共通 -------------------*/
/*------------------------------------------------*/
.restaurant_facility{
}
/*title*/
.restaurant_facility .restaurant_title{
margin-top: 150px;
height: 45vmin;
display: grid;
grid-template-columns: 30% 70%;
gap: 0;
position: relative;
z-index: -1;
}
.restaurant_facility .restaurant_title::after{
content: "";
display: block;
background-color: var(--color-white);
width: min(90%, 1000px);
height: 100px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: -1;
}
.restaurant_facility .restaurant_title .title{
background-color: var(--color-blue);
color: var(--color-white);
text-align: center;
padding: 60px 30px 30px 30px;
font-size: var(--s20);
}
.restaurant_facility .restaurant_title .img{
background-position: center;
background-size: cover;
}


/*レストラン詳細囲み*/
.restaurant_facility .content{
}
.restaurant_facility .content .wrap{
margin: -100px 0 0 0;
padding: 0 35px 35px 35px;
background-color: var(--color-white);
}

/*レストラン詳細*/
.restaurant_info{padding: 60px 0;}
.restaurant_info .restaurant_info-main{
display: grid;
grid-template-columns: 50% 48%;
gap: 2%;
border-top: 2px solid var(--color-blue);
}
.restaurant_info .restaurant_info-main .img{
position: relative;
}
.restaurant_info .restaurant_info-main .img span{
position: absolute;
background-color: var(--color-blue);
top:0;
left:0;
color: var(--color-white);
font-size: var(--s30);
font-weight: 600;
padding: 5px 10px;
}
.restaurant_info .restaurant_info-main .detail{
margin: 25px 0px 0px 25px;
}
.restaurant_info .restaurant_info-main .detail .title{
color: var(--color-blue);
font-size: var(--s27);
margin-bottom: 10px;
}
.restaurant_info .restaurant_info-main .detail .txt{
margin-bottom: 15px;
}
/* 料理写真一覧 */
.restaurant_info .restaurant_info-list{
margin-top: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap:15px 13px;
}
.restaurant_info .restaurant_info-list img{
margin-bottom: 7px;
}
.restaurant_info .restaurant_info-list .item{
position: relative;
}
.restaurant_info .restaurant_info-list .ranking{
top:10px;
left: 10px;
position: absolute;
display: inline-block;
background-color: var(--color-yellow);
padding: 1px 5px 3px 5px;
}
.restaurant_info .restaurant_info-list .ranking strong{
font-size: var(--s20);
}
/*アニメ*/
.restaurant_info .restaurant_info-list li:nth-child(1).item{transition-delay: 0.3s;}
.restaurant_info .restaurant_info-list li:nth-child(2).item{transition-delay: 0.5s;}
.restaurant_info .restaurant_info-list li:nth-child(3).item{transition-delay: 0.7s;}



/* メニューボタン */
.restaurant_info .bt04.menu{
width: 50%;
margin: 50px auto 0 auto;
display: block;
}
.restaurant_info .bt04.menu img{
width: 30px;
margin-right: 10px;
vertical-align: middle;
}



/*------------------------------------------------*/
/*----------------- メイン写真 -----------------*/
/*------------------------------------------------*/
/* センターハウス */
.restaurant_facility.center-house .restaurant_title .img{
background-image: url(../img/center-house_main.webp);
}
/* コーヒーハウス */
.restaurant_facility.coffee-house .restaurant_title .img{
background-image: url(../img/coffeehouse_main.webp);
}
.restaurant_facility.coffee-house .restaurant_info .bt04.menu{width: 100%;}
/* アサリラウンジ */
.restaurant_facility.asari-lounge .restaurant_title .img{
background-image: url(../img/asari-lounge_main.webp);
}
.restaurant_facility.asari-lounge .restaurant_info .bt04.menu{width: 100%;}
/* キッチンカー */
.restaurant_facility.kitchen-car .restaurant_title .img{
background-image: url(../img/kitchen-car_main.webp);
}
.restaurant_facility.kitchen-car .restaurant_info .txt{width: 60%;}