@charset "utf-8";

/* ===================================================
In-room dining Unique Style （モバイルファースト）
====================================================== */

.inner_md { width: 100%; margin: 0; }

@media screen and (min-width: 601px) {
.inner_md { width: 1200px; margin: 0 auto; }
}

/* ---------------------------------------------------
lead
------------------------------------------------------ */
.cmn_sec_lead { padding: 50px 0 30px 0; }
.cmn_sec_lead .cmn_tit_01 span { padding-bottom: 30px; }
.cmn_sec_lead .img01 { margin: 0 0 20px; }
.cmn_sec_lead .img01 img { width: 100%; }
.cmn_sec_lead .box_txt_01 { margin-bottom: 30px; }
.cmn_sec_lead .tit01 { color: #a3974b; font-size: 18px; margin-bottom: 10px;}
.cmn_sec_lead .txt01 { font-size: 15px; line-height: 2; }

@media screen and (min-width: 601px) {
.cmn_sec_lead { padding: 30px 0 100px 0; }
.cmn_sec_lead .cmn_tit_01 { padding-bottom: 60px; }
.cmn_sec_lead .img01 { margin-bottom: 50px; }
.cmn_sec_lead .img01 img { height: 649px; }
.cmn_sec_lead .box_txt_01 { margin-bottom: 50px; font-size: 16px; }
.cmn_sec_lead .tit01 { font-size: 26px; margin-bottom: 15px; text-align: center; }
.cmn_sec_lead .txt01 { font-size: 16px;line-height: 2; text-align: center; }
}

/* ---------------------------------------------------
sec_recommend
------------------------------------------------------ */
#sec_recommend { padding: 50px 0; }
#sec_recommend .recommend_489ban { width: 90%; margin: 0 auto; }
#sec_recommend .slick .slick-track { display: flex; }
#sec_recommend .slick .slick-slide { height: auto !important; }
#sec_recommend .slick .slick-slide > div { height: 100%; }
#sec_recommend .slick .slick-dots { bottom: -35px; }
#sec_recommend .slick .PlanView { display: inline-flex !important; flex-direction: column; height: 100%; background: #fff; }
#sec_recommend .slick .PlanView .picture img { width: 100%; aspect-ratio: 390 / 260; object-fit: cover; }
#sec_recommend .slick .PlanView .explan { display: flex; flex-direction: column; flex-grow: 1; gap: 15px 0; justify-content: space-between; padding: 15px 15px 25px; }
#sec_recommend .slick .PlanView .planlist a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; color: #fff; text-align: center; background: #a3974b; border-radius: 5px; }
#sec_recommend .btn01 { text-align: center; margin-top: 60px;}
#sec_recommend .btn01 a { display: inline-block;}

@media screen and (min-width: 601px) {
#sec_recommend { padding: 100px 0; }
#sec_recommend .cmn_tit_01{ padding: 0 0 40px 0;}
#sec_recommend .font_sm{ font-size: 16px;}
#sec_recommend .recommend_489ban { max-width: 1200px; overflow: hidden; }
#sec_recommend .slick { margin-bottom: 65px; }
#sec_recommend .slick .slick-list { margin: 0 -15px; }
#sec_recommend .slick .slick-slide > div { padding: 0 15px; }
#sec_recommend .slick .slick-dots { bottom: -40px !important; }
#sec_recommend .slick .PlanView .planlist a { max-width: 200px; margin: 0 auto; }
#sec_recommend .btn01 { margin-top: 0; }
}