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

.intro{margin-bottom: 21vw;}
.intro > img{width:86%;margin:0 auto 5vw;}
.intro .title{font-size: 5.2vw;font-family: var(--mincho);font-weight:600;text-align:center;color: #bb9d62;line-height:1.5;margin-bottom:4vw;}
.intro .sub{font-family: var(--mincho);width:90%;margin:0 auto;}
.slid-items {margin-bottom:5vw;}
.slid-items li{width:45vw;}

.m-items{width:90%;margin:0 auto;position: relative;}
.m-items:before{content:"DIET MACHINE";font-family: "baskerville-urw";font-weight: 400;text-align: center;position: absolute;width: 120%;font-size: 14vw;color: #f7f4e5;top: -12vw;left: -10vw;}
.m-items .com{font-family: var(--mincho);font-weight:600;text-align:center;font-size:5vw;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:4vw 0;position: relative;}
.m-items .itembox > li{position:relative;margin-bottom:10vw;}
.m-items .itembox > li:before{content:"";width: 30vw;height: 30vw;background: #ebd9d961;position:absolute;right: -5vw;top: 52vw;transform: rotate(45deg);}
.m-items li img{margin-bottom: 5vw;}
.m-items li .textbox{position:relative;}
.m-items .title{font-family: var(--mincho);font-size: 7vw;font-weight:600;margin-bottom: 3vw;letter-spacing: 0.04em;color: #ba1d1d;font-feature-settings: "palt";}
.m-items .check{margin-bottom:2vw;}
.m-items .check li{background:#c9ad73;color:#fff;font-family: var(--mincho);font-weight:600;display:inline-block;padding:2% 4%;margin:0 1vw 1vw 0;font-size:105%;border-radius:30px;}
.m-items .deco{position:absolute;font-family: "baskerville-urw";font-weight: 400;font-size: 8vw;text-align: center;right: 2vw;top: 55vw;line-height: 0.85;color: #fff;font-style: italic;}
.m-items .deco em{display:block;font-size: 220%;}

.add{background:url(../images/menu/b-add-bg-sp.jpg)no-repeat top center ,#f5f4ee;background-size:contain;padding: 0 0 8vw 0;}
.add .textbox{padding: 40vw 0 0 0;width:90%;margin:0 auto;}
.add  .title{font-family: var(--mincho);font-weight:600;font-size: 6.5vw;line-height:1.5;color: #c19d52;text-align: center;margin-bottom: 5vw;}

.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;background: url(../images/deco01.png) no-repeat top center;background-size: 22vw;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) {
.intro{margin-bottom: 160px;margin-top: -40px;}
.intro > img{width:640px;margin-bottom: 40px;}
.slid-items li{width:290px;}
.intro .title{font-size:30px;margin-bottom: 30px;}

.m-items:before{font-size: 130px;top: -112px;letter-spacing: 8px;color: #f9f8f5;width: 180%;left: -40%;}
.m-items .com{font-size:26px;padding:20px;margin-bottom: 40px;}
.m-items .itembox{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;}
.m-items .itembox > li{width: 49%;margin-bottom:40px;}
.m-items li img{margin-bottom: 24px;}
.m-items .title{font-size: 32px;margin-bottom: 15px;letter-spacing: 0.1em;}
.m-items .itembox > li:before{right: 30px;width: 140px;height: 140px;top: 270px;}
.m-items .deco{font-size: 37px;top: 290px;right: 65px;}
.m-items .check{margin-bottom:10px;}
.m-items .check li{font-size:17px;margin-right:5px;padding: 5px 20px;}
    
.add .textbox{padding-top: 340px;}
.add .title{font-size:50px;margin-bottom:30px;line-height: 1.4;}

.menulist{background: url(../images/menu/menulist-bg.jpg) no-repeat top center, #f9f7f4;background-size: contain;padding: 120px 0 80px 0;}
.menulist .title{font-size:50px;background: url(../images/deco01@2x.png) no-repeat top center;background-size: 140px;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: 1080px) {
.add .textbox{padding-top:400px;}
}

@media screen and (min-width: 1200px) {
.pcx{display:block;}
.intro .sub{text-align:center;}
.m-items{margin-bottom:80px;}
.m-items{width:95%;max-width:1200px;}
.m-items .itembox > li{width:32%;margin-bottom: 20px;}
.m-items .itembox > li:before{top: 200px;right: 13px;}
.m-items .check li{font-size:16px;padding: 5px 15px;}
.m-items .deco{top: 217px;right: 45px;}
.m-items li .textbox p{font-size:15px;}
.add{position:relative;background:none;padding-bottom: 0;}
.add img{width: 100%;min-width: 2000px;-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);left: 50%;position: absolute;}
.add .textbox{position:relative;width: 570px;padding: 78px 0;margin: 0;}
.add .textbox p{margin-bottom:0;}
.add .title{font-size: 42px;text-align:left;}
.add .wrap{width:1200px;margin:0 auto;}
.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;}

}