@charset "utf-8";

/*----------------------------
        cuisine
---------------------------*/
.cmnLead{
 overflow: hidden;
 padding-bottom: 174px;
}
.cmnLead h2{
 margin-bottom: 70px;
}
.cmnLead .cTxt{
 line-height: 1.6;
}
.imgList01{
 position: relative;
 max-width: 1100px;
 margin: 0 auto 0;
 flex-wrap: wrap;
 justify-content: flex-end;
}
.imgList01::before,
.imgList02::before,
.imgList03::before{
 content: "";
 display: block;
 background: url("../img/cuisine/bg_green.png") no-repeat left top /cover;
 width: 1366px;
 height: 658px;
 position: absolute;
 top: 192px;
 right: 167px;
 z-index: -1;
}
@media screen and (min-width: 769px) {
 .imgList01 .wide{
  width: 69.4%;
  max-width: 763px;
  margin:0 auto 30px 0;
 }
 .imgList01 li{
  width: 36%;
  max-width: 392px;
  margin-left: 34px;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
 .cmnLead{
  padding-bottom:84px   
 }
.cmnLead h2{
 margin-bottom: 55px;
}
.cmnLead .cTxt{
 margin-top: 55px;
 font-size: 18px;
}
.imgList01::before{
 width: 221.3vw;
 height: 147.75vw;
 top: 39.73vw;
 right:0;
 left: 0;
 margin: auto;
}
.imgList01 .wide{ 
 width: auto;
 margin: 0;
}
 .imgList01 li + li{
  width: 87vw;
  margin: -12.26vw auto 0;
  text-align: center;
 }
}/*//sp*/

.imgList02{
 position: relative;
 max-width: 1000px;
 margin: 70px auto 0;
 flex-wrap: wrap;
 justify-content: flex-start;
}
.imgList02::before{
 width:2174px ;
 height: 1202px;
 top: 259px;
 left: 147px;
 right: auto;
}
@media screen and (min-width: 769px) {
 .imgList02 li{
  margin-bottom: 30px;
 }
 .imgList02 .wide{
  width: 70.4%;
  margin-left: auto;
 }
 .imgList02 .imgStyle01{
  width: 50%;
 }
 .imgList02 .imgStyle01 br +img{
  margin-top: 30px;
 }
 .imgList02 .imgStyle01 + li{
  width: 41.7%;
  margin-left: 33px;
 }
 .imgList02 .wide02{
  width: 70.4%;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.imgList02{ 
 margin: 55px auto 0;
}
.imgList02::before{
 width: 221.3vw;
 height: 147.75vw;
 top: 93.6vw;
 right:auto;
 left: 27.73vw;
}
 .imgList02 li.wide{
  width: auto;
  margin: 0;
 }
 .imgList02 li{
  width: 87vw;
  margin: -10.6vw auto 0;
  text-align: center;
 }
}/*//sp*/

.imgList03{
 position: relative;
 max-width: 1100px;
 margin: 77px auto 0;
 flex-wrap: wrap;
 justify-content: flex-start;
}
.imgList03::before{
 top: 106px;
}
@media screen and (min-width: 769px) {
 .imgList03 .wide{
  width: 69.4%;
  max-width: 763px;
  margin-left: auto;
  margin-bottom: 30px;
 }
 .imgList03 li{
  width: 35.7%;
  max-width: 392px;
  margin-right: 34px;
 }
 .imgList03 li:nth-of-type(3){
  margin-left: 50px;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.imgList03::before{
 width: 221.3vw;
 height: 147.75vw;
 top: 39.73vw;
 right:0;
 left: 0;
 margin: auto;
}
.imgList03 .wide{ 
 width: auto;
 margin: 0;
}
 .imgList03 li + li{
  width: 87vw;
  margin: -12.26vw auto 0;
  text-align: center;
 }
}/*//sp*/

.imgList04{
 position: relative;
 width: 87vw;
 max-width: 1100px;
 margin: 77px auto 0;
 flex-wrap: wrap;
 justify-content: space-between;
}
@media screen and (min-width: 769px) {
 .imgList04 li{
  width: 48.55%;
  max-width: 534px;
 }
 .imgList04 li + li{
  margin-top: 77px;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.imgList04{
 margin: 84px auto 0;
}
 .imgList04 li:nth-of-type(3){
  margin-right: 10.9vw;
 }
 .imgList04 li:nth-of-type(4){
  margin-top: 8px;
  margin-left: 10.9vw;
 }
}/*//sp*/


/* dessert
-----------------------------*/
.dessert{
 overflow: hidden;
 position: relative;
 padding: 88px 0 0;
 margin: 0 auto;
}
.dessert::before{
 content: "";
 display: block;
 background: url("../img/cuisine/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height:88.8%;
 z-index: -1;
}
.dessert h2{
 margin-bottom: 37px;
}
.dessert ul.pcFlex{
 width: 87vw;
 max-width: 1000px;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 77px auto 0;
}
@media screen and (min-width: 769px) {
 .dessert ul.pcFlex li{
  width: 50%;
  margin-bottom: 33px;
 }
 .dessert ul.pcFlex li:nth-of-type(2){
  width: calc(50% - 30px);
  display: flex;
  align-items: flex-end;
  padding-right: 5%;
 }
 .dessert ul.pcFlex li:nth-of-type(3){
  padding-left: 8.1%;
 }
 .dessert ul.pcFlex li:last-of-type{
  width: calc(50% - 30px);
  margin-bottom: 0;
 }
 .dessert ul.pcFlex li:last-of-type img{
  width: 106.5%;
  max-width: none;
 }
 
}/*//pc*/
@media screen and (max-width: 768px) {
.dessert{
 padding:66px 0 70px;
}
.dessert::before{
 width: 300%;
 height:100%;
}
.dessert h2{
 margin-bottom: 32px;
}
.dessert ul.pcFlex{
 margin: 80px auto 0;
}
 .dessert ul li{
  margin-top: 9px;
 }
}/*//sp*/


/* chef message
-----------------------------*/
.chefMessage{
 width: 87vw;
 max-width: 1100px;
 margin:182px auto 196px;
 }
.chefMessage .name{
 margin-top: 20px;
 font-size: 24px;
 line-height: 1.3;
 text-align: right;
}
.chefMessage .name span{
 display: block;
 font-size: 12px;
 line-height: 1.3;
 margin-top: 6px;
}
@media screen and (min-width: 769px) {
 .chefMessage .pcFlex{
  align-items: center;
 }
 .chefMessage figure{
  width: 53.1%;
  max-width: 584px;
  margin-right: -4.8%;
 }
 .chefMessage .txt{
  position: relative;
  width: 51.7%;
  background: #FDFDFD;
  padding: 66px 67px 50px;
 }
.chefMessage h3{
 margin-bottom: 36px;
 font-size: 28px;
}
 .chefMessage .txt p{
  line-height: 2;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
 .chefMessage{
 margin:86px auto 154px;
 }
 .chefMessage figure{
  margin-bottom: 35px;
 }
.chefMessage h3{
 margin-bottom: 35px;
 font-size: 24px;
}
.chefMessage .name{
 margin-top: 45px;
}
}/*//sp*/