@charset "UTF-8";
.menulist li{width:100%;height: 40vw;position: relative;margin-bottom: 4vw;}
.menulist img{width:100%;position:absolute;top:0;left:0;}
.menulist .textbox{text-align:center;position:absolute;z-index:1;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.menulist .ttl{color: var(--blue);font-size: 7vw;font-family: "Montserrat";font-optical-sizing: auto;font-weight: 400;letter-spacing: 0.4vw;line-height:1.3;margin-bottom: 2vw;}
.menulist .ttl span{display:block;font-size:3.5vw;color:var(--black);}
.menulist .more01{width: 60%;padding: 3vw 0;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.menulist  {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.menulist li{width: 100%;height: 280px;margin-bottom: 30px;}
.menulist li img{object-fit:cover;height: 280px;}
.menulist .ttl{font-size: 40px;margin-bottom: 20px;}
.menulist .ttl span{font-size:16px;letter-spacing: 1px;}
.menulist .more01{width: 210px;padding:15px; 0;}
}

@media screen and (min-width:1000px) { 
.menulist li{width:49%;}
}