@charset "utf-8";
/* ===================================================
	Meal Dining Unique Style （モバイルファースト）
====================================================== */
/* ---------------------------------------------------
Block Contents Navigation
------------------------------------------------------ */
.box_cnav{ width: 92%; margin: 0 auto 40px;}
.box_cnav ul{ display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 18px; line-height: 1; text-align: center;}
.box_cnav ul li{ width: 49%; margin: 0 0 2%; border: solid 1px #aaa; background: #fff; box-sizing: border-box;}
.box_cnav ul li.dining{ border: solid 1px #40281e; background: #40281e; color: #fff;}
.box_cnav ul li a{ display: block; width: 100%; padding: 10px 0;}
.box_cnav ul li a:hover{ text-decoration: none; background-color: #F4F4F4;}
.box_cnav ul li.dining a{ color: #fff; background: #40281e;}

@media screen and (min-width: 601px) {
.box_cnav{ width: 92%; max-width: 1200px; margin: 0 auto 80px;}
.box_cnav ul{ justify-content: center; flex-wrap: nowrap; font-size: 18px;}
.box_cnav ul li{ width: calc( 16.6% - 5px); margin: 0 5px; }
.box_cnav ul li a{ padding: 30px 0;}
}

@media screen and (max-width: 320px) {
.box_cnav ul{ font-size: 16px;}
}


/* ---------------------------------------------------
Section 01
------------------------------------------------------ */
#sec_01{ background: url("../img/bg_wallpaper_02.jpg") repeat center center; padding: 50px 0;}
#sec_01 .tit_01{ text-align: center; font-size: 18px; line-height: 2; padding: 0 0 30px;}
#sec_01 .tit_01 .copy{ padding: 0 0 5px; display: block;}
#sec_01 .tit_01 .logo{ width: 160px; display: block; margin: 0 auto;}
#sec_01 .tit_01 .logo img{ width: 100%; height: auto;}
#sec_01 .box_slide{ width: 100%;}
#sec_01 .box_slide img{ width: 100%; height: auto;}
#sec_01 .slick-dots{ bottom: -25px;}
#sec_01 .slick-dots li{ margin: 0;}
#sec_01 .slick-dots li button:before{ font-size: 12px; color: #aaaaaa; opacity: 1;}
#sec_01 .slick-dots li.slick-active button:before{ font-size: 16px; color: #bb9b41; opacity: 1;}
#sec_01 .txt_01 { font-size: 24px; line-height: 1.65; padding: 10px 4% 0; text-align: center;}
#sec_01 .txt_02 { font-size: 15px; line-height: 2; padding: 10px 4% 0;}

@media screen and (min-width: 601px) {
#sec_01{ padding: 100px 0;}
#sec_01 .tit_01{ font-size: 26px; line-height: 2; padding: 0 0 30px;}
#sec_01 .tit_01 .copy{ padding: 0 0 10px;}
#sec_01 .tit_01 .logo{ width: 260px;}
#sec_01 .box_slide{ width: 100%; max-width: 1200px; margin: 0 auto;}
#sec_01 .slick-dots{ bottom: -35px;}
#sec_01 .txt_01 { font-size: 26px; padding: 80px 0 0; width: 1200px; margin: 0 auto;}
#sec_01 .txt_02 { font-size: 16px; padding: 20px 0 0; width: 1200px; margin: 0 auto; text-align: center;}
}

/* ---------------------------------------------------
Section Recommend ( Overwrite )
------------------------------------------------------ */
.sec_recommend{ display: block; position: relative; z-index: 1; background: url("../img/bg_wallpaper_01.jpg") repeat center center; padding: 0 0 50px;}
.sec_recommend .tit_01{ font-size: 28px; line-height: 1.5; text-align: center; padding: 40px 0 0;}
.sec_recommend .tit_01 .copy_01{ display: inline-block; margin: 0 auto; color: #fff; padding: 5px 15px; text-align: center; font-size: 18px; line-height: 1; background: #2d1a13;}
.sec_recommend .tit_01 .copy_02{ display: block; width: 100%; text-align: center; padding: 5px 0 20px;}

@media screen and (min-width: 601px) {
.sec_recommend{ padding: 0 0 100px;}
.sec_recommend .tit_01{ font-size: 42px; line-height: 1.5; padding: 100px 0 0;}
.sec_recommend .tit_01 .copy_01{ padding: 10px 50px; font-size: 26px; line-height: 1;}
.sec_recommend .tit_01 .copy_02{ padding: 5px 0 40px;}
}

/* ---------------------------------------------------
Section 02
------------------------------------------------------ */
#sec_02{ background: url("../img/bg_wallpaper_02.jpg") repeat center center; padding: 0 0 20px; margin: 0 0 50px;}
#sec_02 .inner{ width: 92%; margin: 0 auto; padding: 50px 0 0;}
#sec_02 .box_img{ position: relative;}
#sec_02 .img_01{ width: 100%; position: relative; z-index: 1; overflow: hidden;}
#sec_02 .img_01 img{ width: 100%; height: auto;}
#sec_02 .tit_01{ line-height: 1.8; padding: 0 0 15px; text-align: center;}
#sec_02 .tit_01 .en{ font-size: 12px; color: #88712a;}
#sec_02 .tit_01 .ja{ font-size: 26px; color: #40281e;}
#sec_02 .box_txt{ padding: 25px 0 0; font-size: 15px; line-height: 2;}

@media screen and (min-width: 601px) {
#sec_02{ padding: 0 0 100px;}
#sec_02 .inner{ width: 1200px; margin: 0 auto; padding: 100px 0 0; display: flex; justify-content: space-between; align-items: center;}
#sec_02 .box_img{ width: 540px;}
#sec_02 .box_txt{ width: 580px; margin: 0; padding: 0; font-size: 16px; line-height: 1.5; box-sizing: border-box;}
#sec_02 .tit_01{ line-height: 1.8; padding: 0 0 15px; text-align: left;}
#sec_02 .tit_01 .en{ font-size: 24px;}
#sec_02 .tit_01 .ja{ font-size: 46px;}
#sec_02 .txt_01{ line-height: 2;}
#sec_02 .txt_02{ font-size: 12px;}
}

/* --- 2023/06/19 追加 --- */
#sec_02 .inner2{ width: 92%; max-width: 1200px; margin: 30px auto 0; padding: 0; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
#sec_02 .inner2 > div{ width: 100%;}
#sec_02 .inner2 .img{ width: 100%; overflow: hidden;}
#sec_02 .inner2 .img img{ width: 100%; height: auto;}
#sec_02 .inner2 .box_txt{ width: 100%; padding: 15px 0 30px; font-size: 15px; line-height: 1.7;}
#sec_02 .inner2 .tit_02{ font-size: 20px; color: #640e10;}
#sec_02 .inner2 .txt_02{ font-size: 12px;}

@media screen and (min-width: 601px) {
#sec_02 .inner2{ margin: 50px auto 0; padding: 0; flex-direction: row;}
#sec_02 .inner2 > div{ width: 48%;}
#sec_02 .inner2 .box_txt{ padding: 40px 0; font-size: 16px; line-height: 2;}
#sec_02 .inner2 .tit_02{ font-size: 30px;}
#sec_02 .inner2 .txt_02{font-size: 14px; padding: 10px 0;}
#sec_02 .inner2 .txt_03{font-size: 20px; line-height: 1.3; text-align: right;}
#sec_02 .inner2 .txt_03 .price{font-size: 32px;}
}