@charset "utf-8";
/* ===================================================
	Cuisine CSS
====================================================== */

/* ---------------------------------------------------
Box Local Navigation
------------------------------------------------------ */
.box_lnav{ text-align: center; padding: 50px 0;}
.box_lnav .btn_01{ margin: 0 0 30px;}
.box_lnav .btn_01 a{ display: inline-block; padding: 0 25px; font-size: 16px; line-height: 1.1; color: #c23e6c; position: relative; background-image: url("../img/ico_caution_01.svg") , url("../img/ico_arrow_03.svg"); background-repeat: no-repeat , no-repeat; background-position: left top , right top 5px; background-size: 18px , 14px; transition: background-position 0.5s; }
.box_lnav .btn_01 a:hover{ background-position: left top , right top 7px;}
.box_lnav .lnav{ display: flex; justify-content: center; align-items: stretch;}
.box_lnav .lnav li{ width: 290px; margin: 0 5px;}
.box_lnav .lnav li a{ display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 1.1; height: 100px; width: 100%; border-top: solid 3px #dfd6d1; position: relative;}
.box_lnav .lnav li a::after{ content: ""; display: block; width: 8px; height: 8px; border-bottom: solid 3px #dfd6d1; border-right: solid 3px #dfd6d1; transform: rotate(45deg); position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; transition: bottom 0.5s;}
.box_lnav .lnav li a:hover{ text-decoration: none;}
.box_lnav .lnav li a:hover::after{ bottom: 10px;}

@media screen and (max-width: 600px) {
.box_lnav{ padding: 30px 0;}
.box_lnav .btn_01{ margin: 0 0 20px;}
.box_lnav .btn_01 a{ padding: 2px 25px; background-position: left top 1px , right top 7px;}
.box_lnav .btn_01 a:hover{ background-position: left top , right top 9px;}
.box_lnav .lnav{ flex-direction: column; width: 90%; margin: 0 auto; border-bottom: solid 1px #dfd6d1;}
.box_lnav .lnav li{ width: 100%; margin: 0;}
.box_lnav .lnav li a{ font-size: 16px; line-height: 1.1; height: 60px; border-top: solid 1px #dfd6d1;}
.box_lnav .lnav li a::after{ width: 8px; height: 8px; border-bottom: solid 2px #dfd6d1; border-right: solid 2px #dfd6d1; top: 0; bottom: 0; left: inherit; right: 15px; margin: auto 0;}
.box_lnav .lnav li a:hover::after{ bottom: 3px;}
}

/* ---------------------------------------------------
Section 01
------------------------------------------------------ */
.sec_01{ background-color: #f3efe9;}
.sec_01 .box_01{ width: 100%; position: relative;}
.sec_01 .box_01 .img{ width: 100%; height: 750px; object-fit: cover;}
.sec_01 .box_02{ text-align: center; padding: 50px 0 100px;}
.sec_01 .box_02 .tit_01{ }
.sec_01 .box_02 .txt_01{ font-size: 16px; line-height: 2;}
.sec_01 .box_03{ display: flex; justify-content: space-between; position: relative;}
.sec_01 .box_03 .tit_02{ position: absolute; left: 50px; bottom: 55px; color: #fff; display: flex; flex-direction: column; text-shadow: 0px 0px 5px rgba(0,0,0,1); line-height: 1;}
.sec_01 .box_03 .tit_02 .sub{ font-size: 25px; padding: 0 0 20px; opacity: 0.6;}
.sec_01 .box_03 .tit_02 .main{ font-size: 45px;}
.sec_01 .box_03 .img_02 img,
.sec_01 .box_03 .img_03 img{ width: 100%; height: auto;}
.sec_01 .box_03 .img_02{ width: 64.1%; max-width: 770px;}
.sec_01 .box_03 .img_03{ width: 35%; max-width: 420px;}
.sec_01 .box_04{ display: flex; justify-content: space-between; padding: 50px 0 100px;}
.sec_01 .box_04 .tit_03{ width: 340px; border-right: solid 1px #d6c9bf; display: flex; justify-content: center; align-items: center; font-size: 24px; color:rgba(96,50,25,0.7);}
.sec_01 .box_04 .txt_02{ width: calc( 100% - 390px ); font-size: 16px; line-height: 1.8;}
.sec_01 .box_05{ background: #fff; padding: 70px 70px 0; margin-bottom: 100px;}
.sec_01 .box_05 h3 {text-align: center;font-size: 28px; color: rgba(96, 50, 25, 0.7); letter-spacing: 0.1em; padding: 0 0 30px;}
.sec_01 .box_05 div{display:flex;flex-wrap: wrap;justify-content: space-between;}
.sec_01 .box_05 div dt{ font-size: 20px; text-align: center;border-bottom: 1px solid #969187;padding-bottom: 10px;}
.sec_01 .box_05 div dt small{ font-size: 16px;}
.sec_01 .box_05 div dd{ margin-top:10px;}
.sec_01 .box_05 div dl{ width: 33%; padding: 20px 30px 40px; box-sizing: border-box;}
.sec_01 .box_06{ background: #fff;}
.sec_01 .box_06 .sec_in{ padding: 100px 0; text-align: center; border-bottom: solid 1px #dfd6d1;}
.sec_01 .box_06 .sec_in .sub{ background: #666; color: #fff; display: inline-block; font-size: 15px; line-height: 1.1; padding: 10px 40px;}
.sec_01 .box_06 .sec_in#sec_01_item01 .sub{ background: #ad545f;}
.sec_01 .box_06 .sec_in#sec_01_item02 .sub{ background: #547ead;}
.sec_01 .box_06 .sec_in .tit_01{ font-size: 35px; line-height: 1.4; color: #603219; padding: 20px 0 40px;}
.sec_01 .box_06 .sec_in .box_img,
.sec_01 .box_06 .sec_in .box_img img{ width: 100%; height: auto;}
.sec_01 .box_06 .sec_in .box_txt{ text-align: left; position: relative; padding: 60px 450px 0 0;}
.sec_01 .box_06 .sec_in .txt_01{ font-size: 28px; line-height: 1.7; color: #957d71; padding: 0 0 30px;}
.sec_01 .box_06 .sec_in .txt_02{ font-size: 16px; line-height: 1.8; color: #603219;}
.sec_01 .box_06 .sec_in .btn_01{ position: absolute; top: 60px; right: 0; width: 370px;}
.sec_01 .box_06 .sec_in .btn_01 a{ padding: 25px 0 !important;}
.sec_01 .box_06 .box_time{ padding: 50px 0 90px; font-size: 16px; line-height: 1.8; color: #603219;}

@media screen and (max-width: 600px) {
.sec_01 .box_01 .img{ height: 280px;}
.sec_01 .box_02{ text-align: left; padding: 20px 0 30px;}
.sec_01 .box_02 .txt_01{ font-size: 15px; line-height: 1.7;}
.sec_01 .box_03{ flex-wrap: wrap;}
.sec_01 .box_03 .tit_02{ position: static; color:rgba(96,50,25,0.7); width: 100%; display: flex; flex-direction: column; text-align: center; padding: 0 0 20px; text-shadow: none;}
.sec_01 .box_03 .tit_02 .sub{ font-size: 16px; padding: 0 0 10px; opacity: 1;}
.sec_01 .box_03 .tit_02 .main{ font-size: 26px;}
.sec_01 .box_04{ flex-direction: column; padding: 15px 0 40px;}
.sec_01 .box_04 .tit_03{ width: 100%; border-right: none; border-bottom: solid 1px #d6c9bf; display: flex; justify-content: center; align-items: center; font-size: 20px; color:rgba(96,50,25,0.7);}
.sec_01 .box_04 .txt_02{ width: 100%; font-size: 15px; line-height: 1.7; padding: 15px 0 0;}
.sec_01 .box_05{ padding: 5%; margin-bottom: 60px;}
.sec_01 .box_05 h3{ font-size: 20px; padding: 0 0 10px; line-height: 1.4;}
.sec_01 .box_05 div{ display:initial;}
.sec_01 .box_05 div dt{ font-size: 18px;}
.sec_01 .box_05 div dt small{ font-size: 14px;}
.sec_01 .box_05 div dd{ font-size: 14px;}
.sec_01 .box_05 div dl{ width:initial; padding: 20px 30px 10px;}
.sec_01 .box_06{ background: #fff;}
.sec_01 .box_06 .sec_in{ padding: 50px 0; text-align: center; border-bottom: solid 1px #dfd6d1;}
.sec_01 .box_06 .sec_in .sub{ background: #666; color: #fff; display: inline-block; font-size: 15px; line-height: 1.1; padding: 10px 20px;}
.sec_01 .box_06 .sec_in#sec_01_item01 .sub{ background: #ad545f;}
.sec_01 .box_06 .sec_in#sec_01_item02 .sub{ background: #547ead;}
.sec_01 .box_06 .sec_in .tit_01{ font-size: 28px; line-height: 1.4; color: #603219; padding: 15px 0 20px;}
.sec_01 .box_06 .sec_in .box_txt{ text-align: left; position: relative; padding: 30px 0 0;}
.sec_01 .box_06 .sec_in .txt_01{ font-size: 20px; line-height: 1.7; color: #957d71; padding: 0 0 15px;}
.sec_01 .box_06 .sec_in .txt_02{ font-size: 14px; line-height: 1.7; color: #603219; padding: 0 0 15px;}
.sec_01 .box_06 .sec_in .btn_01{ position: static; width: 100%;}
.sec_01 .box_06 .sec_in .btn_01 a{ padding: 15px 0 !important;}
.sec_01 .box_06 .box_time{ padding: 30px 0 40px; font-size: 14px; line-height: 1.7; color: #603219;}
}

/* ---------------------------------------------------
Popup Option Menu
------------------------------------------------------ */
#option{ position: relative; margin: 0 auto; padding: 100px 0; width: 100%; max-width: 1400px; background: #fff; }
#option .inner_md{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#option .tit_01{ width: 100%; text-align: center; display: flex; flex-direction: column;}
#option .tit_01 .ja{ font-size: 35px; color: #603219;}
#option .tit_01 .en{ font-size: 13px; color: #e78c67; background: #E78C67; background: linear-gradient(to right, #E78C67 0%, #C88BCA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#option .txt{ width: 100%; text-align: center; padding: 30px 0; font-size: 23px; box-sizing: border-box;}
#option .img{ width: 100%;}
#option .img img{ width: 100%; height: auto;}
#option .tit_02{ font-size: 24px; padding: 30px 0 0; text-align: center;}
#option .tit_02 span{ font-size: 16px; display: block;}
#option .txt_01{ font-size: 16px; line-height: 1.9; text-align: center;}
#option .close_btn{ text-indent: 100%; white-space: nowrap; overflow: hidden; background: url("../../cuisine/img/close_btn_01.svg") no-repeat 0 0; background-size: 30px; top: 40px; right: 40px; width: 30px; height: 30px;}
#option .box_in{ width: 33%;}
#option .inner_md .txt_box{ width: 100%; border: 3px double #af2656; background: #af26560a; padding: 30px; font-size: 18px; text-align: center; margin-top: 100px; box-sizing: border-box;}
#option .inner_md .txt_box span{ font-weight: bold; }

@media screen and (max-width: 600px) {
#option { margin: 2% auto; padding: 50px 0; }
#option .inner_md{ flex-direction: column;}
#option .tit_01 .ja{ font-size: 24px;}
#option .tit_01 .en{ font-size: 10px; padding: 0;}
#option .txt{ padding: 15px 0; font-size: 18px;}
#option .tit_02{ font-size: 16px; padding: 10px 0 0;}
#option .tit_02 span{ font-size: 12px;}
#option .txt_01{ font-size: 12px; line-height: 1.7;}
#option .close_btn{ top: 20px; right: 20px; width: 30px; height: 30px;}
#option .box_in{ width: 100%; max-width: 100%; margin: 0 0 30px;}
#option .inner_md .txt_box{ padding: 5%; font-size: 15px; margin-top: 0; text-align: left;}
}

/* ---------------------------------------------------
Section 02
------------------------------------------------------ */
.sec_02{ background-color: #f3efe9; overflow: hidden;}
.sec_02 .box_01{ width: 100%; position: relative;}
.sec_02 .box_01 .img{ width: 100%; height: 750px; object-fit: cover;}
.sec_02 .box_02{ padding: 50px 0 0;}
.sec_02 .box_02 .tit_02{ text-align: center; padding: 0; font-size: 32px; color: #603219;}
.sec_02 .box_02 .txt_01{ text-align: center; padding: 20px 0 50px; font-size: 16px; line-height: 2;}
.sec_02 .box_slide{ line-height: 0; width: 1240px; margin: 0 auto;}
.sec_02 .box_slide .slick-slide{ margin: 0 20px!important; position: relative;}
.sec_02 .box_slide .slick-slide img{ width: 100%;}
.sec_02 .box_slide .slick-slide .cap{ position: absolute; bottom: 0; left: 0; background: #fff; font-size: 16px; line-height: 1; padding: 10px 15px;}
.slick-dotted.slick-slider{ margin-bottom: 60px!important;}
.sec_02 .box_slide .slick-dots{ bottom: -50px!important;}
.sec_02 .txt_02{ padding: 0 0 100px 0; font-size: 16px; line-height: 2;}
.sec_02 .pictxt{display:flex;flex-wrap: wrap;justify-content: space-between;width: 90%;max-width: 1200px;margin: 0 auto;    padding: 0 0 100px 0;}
.sec_02 .pictxt div{width:30%;}
.sec_02 .pictxt div dt{ font-size: 20px; text-align: center;border-bottom: 1px solid #969187;padding-bottom: 10px;}
.sec_02 .pictxt div dd{ margin: 10px 0 0; font-size: 16px; line-height: 2;}
.sec_02 .pictxt div dl{ padding: 20px 0 0;box-sizing: border-box;}

@media screen and (max-width: 600px) {
.sec_02 .box_01 .img{ height: 280px;}
.sec_02 .box_02{ padding: 30px 0 0;}
.sec_02 .box_02 .tit_02{ text-align: center; padding: 0; font-size: 24px; color: #603219; line-height: 1;}
.sec_02 .box_02 .txt_01{ text-align: left; padding: 30px 0; font-size: 15px; line-height: 1.7;}
.sec_02 .box_slide{ line-height: 0; width: 90%; margin: 0 auto;}
.sec_02 .box_slide .slick-slide{ margin: 0!important; position: relative;}
.sec_02 .box_slide .slick-slide img{ width: 100%;}
.sec_02 .box_slide .slick-slide .cap{ position: absolute; bottom: 0; left: 0; background: #fff; font-size: 14px; line-height: 1; padding: 5px 10px;}
.slick-dotted.slick-slider{ margin-bottom: 40px!important;}
.sec_02 .box_slide .slick-dots{ bottom: -30px!important;}
.sec_02 .txt_02{ padding: 0 0 50px 0; font-size: 15px; line-height: 1.7;}
.sec_02 .pictxt{display:initial;}
.sec_02 .pictxt div{width: 90%; max-width: 1200px;margin: 0 auto;}
.sec_02 .pictxt div:last-child{ margin-bottom: 60px;}
.sec_02 .pictxt div dd{ margin: 10px 0 30px; font-size: 15px; line-height: 1.7;}
}

/* ---------------------------------------------------
Section 03
------------------------------------------------------ */
.sec_03{ padding: 120px 0 100px;}
.sec_03 .tit_01{ padding: 0 0 30px;}
.sec_03 .box_msg{ background: #f3efe9; display: flex; justify-content: space-between; align-items: center;}
.sec_03 .box_img{ width: 31.6%;}
.sec_03 .box_img img{ width: 100%; height: auto;}
.sec_03 .box_txt{ width: 68.4%; padding: 0 80px; box-sizing: border-box;}
.sec_03 .name{ font-size: 28px; line-height: 1; display: flex; align-items: center;}
.sec_03 .name .kana{ font-size: 13px; padding: 0 0 0 2em;}
.sec_03 .txt_01{ font-size: 24px; line-height: 1; color: rgba(96,50,25,0.7); padding: 40px 0 20px;}
.sec_03 .txt_02{ font-size: 16px; line-height: 1.9;}

@media screen and (max-width: 600px) {
.sec_03{ padding: 50px 0;}
.sec_03 .tit_01{ padding: 0 0 10px;}
.sec_03 .box_msg{ flex-direction: column; padding: 10vw 0 0;}
.sec_03 .box_img{ width: 70%; margin: 0 auto;}
.sec_03 .box_txt{ width: 100%; padding: 5%;}
.sec_03 .name{ font-size: 20px; line-height: 1; align-items: center; padding: 15px 0 0 0; flex-direction: column;}
.sec_03 .name .kana{ font-size: 12px; padding: 1em 0 0 7em;}
.sec_03 .txt_01{ font-size: 20px; line-height: 1.5; padding: 15px 0 10px;}
.sec_03 .txt_02{ font-size: 15px; line-height: 1.7;}
}

@media screen and (max-width: 330px) {
.sec_03 .name{ font-size: 18px;}
.sec_03 .txt_01{ font-size: 18px;}
}

/* ---------------------------------------------------
Section 04
------------------------------------------------------ */
.sec_04{ margin: 0 auto 100px; padding: 90px 0; border-top: solid 1px #dfd6d1; border-bottom: solid 1px #dfd6d1;}
.sec_04 .tit_01{ font-size: 35px; color: #9a847b; text-align: center;}
.sec_04 .tit_02{ font-size: 22px; padding: 50px 0 20px;}
.sec_04 .txt_01{ font-size: 16px; line-height: 2;}
.sec_04 .list_01{ list-style-type: none; padding: 0 0 30px; font-size: 16px; line-height: 2;}
.sec_04 .list_01 li:before{ content: "・ "}
.sec_04 .list_01 li{ padding: 0 0 0 1em; text-indent: -1em;}

@media screen and (max-width: 600px) {
.sec_04{ margin: 0 auto 50px; padding: 40px 0; border-top: solid 1px #dfd6d1; border-bottom: solid 1px #dfd6d1;}
.sec_04 .tit_01{ font-size: 24px; color: #9a847b; text-align: center;}
.sec_04 .tit_02{ font-size: 18px; padding: 20px 0 10px;}
.sec_04 .txt_01{ font-size: 15px; line-height: 1.7;}
.sec_04 .list_01{ list-style-type: none; padding: 0 0 20px; font-size: 15px; line-height: 1.7;}
.sec_04 .list_01 li:before{ content: "・ "}
.sec_04 .list_01 li{ padding: 0 0 0 1em; text-indent: -1em;}
}