@charset "UTF-8";

/* menu base
----------------------------------------------- */
.attention{padding: 5%;background: #eff1f2;margin-bottom: 10vw;}
.attention .read{text-align: center;font-size: 3.8vw;font-weight: bold;border-bottom: 1px solid #ddd;padding-bottom: 3vw;}
.attention li{text-indent: -1em;padding-left: 1em;margin-bottom: 2vw;line-height: 1.5;color: #444;}

.intro{margin-bottom: 7vw;}
.intro img{width: 100%;}

.menu-list{margin-bottom: 8vw;}
.menu-list > li{margin-bottom: 10vw;}
.menu-list > li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.menu-list img{width: 100%; margin-bottom: 4vw;}
.menu-list p{margin-bottom: 5vw;line-height: 1.7;color: #777;}
.menu-list p.read{margin-bottom: 1.4vw;font-size: 4.8vw;line-height: 1.4;color: #000;}
.menu-list p.read span{font-size: 80%;}
.menu-list p.sub{margin-bottom: 1vw;color: #737e89;line-height: 1.2;font-weight: bold;border-left: 2px solid;padding-left: 1.3vw;line-height: 1.5;}

.menu-list .price dl{display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-align-items: center;align-items: center;line-height: 1.4;font-family: "Jost", sans-serif;}
.menu-list .price dt{border: 1px solid #bfbfbf;padding: 1.2% 4% 1%;border-radius: 30px;font-size: 3.4vw;text-align: center;margin-right: 3%;line-height: 1.5;min-width: 26vw;font-weight: bold;color: #646464;}
.menu-list .price dd{font-size: 7vw;}

.menu-list dl.special dt{border: 1px solid #dbcba8;color: var(--gold);}
.menu-list dl.special dd{color: var(--gold);}

.repeat img{width: 100%;margin-bottom: 4vw;}
.repeat .more01{margin: 0 auto;}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { 

.attention{padding: 30px 40px;margin-bottom: 70px;}
.attention .read{font-size: 20px;padding-bottom: 20px;}
.attention li{margin-bottom: 14px;}

.menu-list{margin-bottom: 8vw;}
.menu-list > li{margin-bottom: 60px;}
.menu-list > li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.menu-list img{margin-bottom: 20px;}
.menu-list p{margin-bottom: 20px;}
.menu-list p.read{margin-bottom: 12px;font-size: 22px;}
.menu-list p.read span{font-size: 80%;}
.menu-list p.sub{margin-bottom: 6px;padding-left: 8px;}

.menu-list .price dt{padding: 6px 20px;font-size: 14px;margin-right: 10px;min-width: 140px;}
.menu-list .price dd{font-size: 36px;}

.repeat img{width: 100%;margin-bottom: 20px;}
.repeat .more01{margin: 0 auto;}
}