@charset "UTF-8";

/* -------------------------------------------------- */
/* dining-TOP */
/* -------------------------------------------------- */
.dining-top{padding:200px 0 0;position:relative;}
.dining-top:before{content:"";display:block;width:100%;height:300px;background-size:cover;background-position:center;position:absolute;top:0;left:0;z-index:1;}
.dining-top .container02  { z-index: 2; position: relative;}
.dining-top .ttl{background:#fff;padding:40px;text-align:center;box-shadow: 0px -5px 8px -8px rgba(0, 0, 0, 0.12);}
.dining-top .ttl h2{font-size:2.8rem;color:#d2a842;margin-bottom:25px;}
.dining-top .ttl p{font-size:1.6rem;}
#block-dining01:before{background-image:url("../../img/dining/bg_dinner.jpg");}
#block-dining02:before{background-image:url("../../img/dining/bg_morning.jpg");}
#block-dining03:before{background-image:url("../../img/dining/bg_special.jpg");}
#block-dining04:before{background-image:url("../../img/dining/bg_option.jpg");}
#block-dining05:before{background-image:url("../../img/dining/bg_point.jpg");}
#block-dining05:after{content:none;}
.img-box{display:flex;justify-content:space-between;}
.img-box.reverse{flex-direction:row-reverse;}
.img-box + .img-box{margin-top:50px;}
.img-box > div{width:48%;}
.img-box .txt h3{font-size:2.2rem;margin-bottom:20px;}
#block-dining02 .img-link{justify-content:center;}
#block-dining05 .container03{padding:0;}
#block-dining06 .ttl{margin-bottom:25px;color:#d2a842;font-size:2rem;font-weight:bold;}
#block-dining06 .common-attention{background:#fff;}
#block-dining06 .common-attention .underline{text-decoration:underline;color:#d2a842;}
#block-dining06 .tbl_allergy{width:100%;border-top:1px solid #d2a842;background:#fff;border-collapse:separate;border-spacing:0;}
#block-dining06 .tbl_allergy th,#block-dining06 .tbl_allergy td{padding:20px;text-align:left;border-bottom:1px dotted #d2a842;}
#block-dining06 .tbl_allergy th{font-size:1.6rem;color:#d2a842;white-space:nowrap;}
#block-dining06 .tbl_allergy td{font-size:1.4rem;color:#1d2731;}
#block-restaurant .common-ttl02{margin-bottom:50px;font-size:2.6rem;}
.restaurant-list{display:flex;justify-content:flex-start;padding:0 50px;}
.dining-list .common-list01 { margin: 0 60px;}
.dining-list .common-list01 .img{ height: auto;}
.dining-list .common-list01 li { width: 48%;}
.dining-list .common-list01 li:nth-child(even) { margin-left: 4%;}

.restaurant-list > li{width:23.7%;margin-right:1.7%;}
.restaurant-list > li:nth-child(4n){margin-right:0;}
.restaurant-list .img{width:100%;height:0;padding-top:67.8%;position:relative;overflow:hidden;}
.restaurant-list .img:before{content:"";display:block;width:100%;height:100%;background-size:cover;background-position:center;position:absolute;top:0;left:0;z-index:0;transition:.3s;}
.restaurant-list a:hover .img:before{-webkit-transform:scale(1.1);transform:scale(1.1);}
.restaurant-list h4{margin-top:15px;color:#d2a842;font-size:1.6rem;font-weight:bold;}
.restaurant-list .restaurant01 .img:before{background-image:url("../../img/dining/restaurant01.jpg");}
.restaurant-list .restaurant02 .img:before{background-image:url("../../img/dining/restaurant02.jpg");}
.restaurant-list .restaurant03 .img:before{background-image:url("../../img/dining/restaurant03.jpg");}

.dining-list{ position: relative; padding: 0 0 40px;}
.dining-list:after { content: ""; display: block; width: 100%; height: 200px; background: #fbfaf5; position: absolute; left: -20px; padding: 0 20px; box-sizing: content-box; bottom: 0; z-index: -1; }
.dining-list + .dining-list { margin-top: 50px; }
.dining-main { display: flex; justify-content: space-between; margin-bottom: 30px; }
.dining-list + .dining-list .dining-main { flex-direction: row-reverse; }
.dining-main .txt { width: 380px; }
.dining-main .txt h3 { font-size: 2rem; margin-bottom: 1rem; }
.dining-main .slider-detail { width: 500px; }
.common-list01 li h3 { font-size: 1.75rem; margin-bottom: 5px; }
.common-list01 .img { height: 274px; overflow: hidden; }
.common-list01 li .desc { font-size: 1.75rem; }
.common-list01 li { margin-bottom: 0; }
.common-list01 li:nth-of-type(3) { margin-top: 30px; }
.common-list01 li h3 { font-size: 1.75rem; }