@charset "UTF-8";
.second{padding:0;}
.second-text{width:100%;}
.second-text img{width:100%;}
.pcx{display:none;}

.menulist{background:url(../images/menu/menulist-bg.jpg)no-repeat top center ,#f9f7f4;background-size: 210%;padding: 16vw 0 14vw 0;}
.menulist .title{font-family: "baskerville-urw";font-weight: 400;text-align:center;font-size:9.5vw;letter-spacing:3px;line-height:1.4;color: #c19d52;margin-bottom:6vw;padding-top: 6vw;}
.menulist .title span{display:block;font-size:40%;font-family: var(--mincho);color:#666;letter-spacing:1px;}
.menulist .subs{font-family: var(--mincho);width:90%;margin:0 auto 6vw;}
.menulist .items{width:90%;margin:0 auto;}
.menulist .items p{margin-bottom:0;}
.menulist .items >li{border:1px solid #ccc;background:#fff;margin-bottom:4vw;}
.menulist .name{font-family: var(--mincho);font-weight:600;padding: 3% 3% 1% 7%;font-size: 4.5vw;position: relative;}
.menulist .name:before{content:"";width: 2px;height: 45%;background: #e3c69f;position:absolute;left: 4%;top: 34%;}
.menulist .s-list{padding:0 3%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: left;justify-content: left;margin-bottom: 4%;}
.menulist .s-list li{background:#666;color:#fff;padding: 1% 5%;margin-right:2vw;font-weight:bold;border-radius:60px;font-size:95%;}
.menulist .s-list li.l{background:#e0adb2;}
.menulist .s-list li.s{background:#d27575;}
.menulist .s-list li.v{background:#dac4a7;}
.menulist .txt{background:#f4efe4;padding:3%;line-height:1.4;font-size:95%;border-top:1px dashed #ccc;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.menulist{background: url(../images/menu/menulist-bg.jpg) no-repeat top center, #f9f7f4;background-size: contain;padding: 80px 0;}
.menulist .title{font-size:50px;padding-top: 40px;margin-bottom: 40px;}
.menulist .subs{margin-bottom:40px;}
.menulist .items{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;max-width: 1200px;}
.menulist .items >li{width:49%;background:#f4efe4;margin-bottom: 18px;}
.menulist .items p{font-size:14px;padding: 20px 20px 20px 20px;}
.menulist .s-list{background:#fff;margin:0;padding:0 20px 20px 20px;}
.menulist .s-list li{margin-right:10px}
.menulist .items .name{font-size:22px;background: #fff;padding: 15px 20px 5px 42px;}
.menulist .name:before{left:25px;}
}

@media screen and (min-width: 1200px) {
.pcx{display:block;}
.menulist .subs{width:1200px;text-align:center;}
.menulist .items >li{width:100%;background: #fff;position:relative;}
.menulist .items .name{width:800px;padding: 10px 0 10px 39px;}
.menulist .s-list{float:right;position:absolute;width:300px;right:20px;top: 22px;background:none;padding: 0;-webkit-justify-content: end;justify-content: end;}
.menulist .items .txt{padding: 10px 20px 10px 20px;}
.menulist .name:before{top: 16px;width: 4px;}

}

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.menulist {background: url(../images/menu/menulist-bg@2x.jpg) no-repeat top center, #f9f7f4;background-size: contain;}

}