@charset "UTF-8";

/* ++++++++++++++++++++ メニュー共通 ++++++++++++++++++++ */
#contentswrap{
	width: 90vw;
	margin: 1em auto 2em;
	padding:0;
}

@media all and (min-width:1024px){
#webpage{
	width:900px;
	margin:1em auto 0;
}
#contentswrap{
		width: 800px;
		margin: 0 auto;
}
}

/* メニューイメージ */
.menu-img01 img{
	width:90vw;
	margin:0.5em auto;
}
@media all and (min-width:1024px){
.menu-img01 img{
	width: 800px;
	margin:1em auto 0;
}
}

/* おすすめ */
.menu-rec01{
	padding:1em 0;
}
.menu-rec01 dt{
	font-size:1.1em;
	font-weight:600;
	line-height:1.9;
	margin:1em auto 0.5em;
	color:var(--sub-darkpurple);
	border-bottom:1px solid var(--main-purple);
}
.menu-rec01 dd{
	color:var(--text-color);
	margin:0em;
	line-height:1.7;
}

.menu-rec02 h3{
	border-bottom:1px solid var(--main-purple);
	padding-bottom:0.5em;
}
.menu-rec02 ul{
	padding-left:0;
	list-style:none;
}
.menu-rec02 li{
	color:var(--text-color);
	font-weight:600;
	line-height:1.7;
	margin:0 0 0.5em;
	padding-bottom:0.5em;
	border-bottom:1px dotted var(--sub-brightpurple);
}

/* +++++ 各料金表 +++++ */
.menu-list{
	border:1px solid var(--main-rose);
	border-radius:0.5em;
	margin:1em auto;
	padding:1em;
}

/* +++++ 料金 +++++ */
.menu-price,.menu-price-c{
	margin:0 auto 1em;
	background-color:var(--sub-brightrose);
	border-radius:0.5em;
	text-align:center;
}
.menu-price p,.menu-price-c p{
	text-align:left;
	font-weight:600;
	letter-spacing: 0.02em;
	color:#fff;
	padding:1em;
	margin:0;
}
.menu-price-c p{
	text-align:center;
}
.menu-price p .pricap{
	font-size:0.7em;
}

@media all and (min-width:769px){
.menu-price{
	width:500px;
}
}

/* +++++ online +++++ */
#online{
	width:90vw;
	margin:0 auto 2em;
	padding:1em;
	border:1px solid var(--main-purple);
	border-radius:0.5em;
	background:var(--sub-highbrightpurple)
}
#online p{
	font-size:1.1em;
	font-weight:600;
	color:var(--sub-darkpurple);
}

@media all and (min-width:769px){
#online{
	width:500px;
}
}