/* CSS Document */

.menu_wrap{
	box-sizing: border-box;
	background-color: var(--defBgColor);
}
body[wc-view-code="sp"] .menu_wrap{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .menu_wrap{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .menu_wrap{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.menu_wrap > article{
	display: flex;
	flex-wrap: wrap;
	transition: opacity linear 600ms,filter linear 625ms;
	opacity: 0;
	filter: blur(15px);
}
.menu_wrap > article:first-of-type{
	padding-top: var(--headerHeight);
	margin-top: calc(var(--headerHeight) * -1);
}
.menu_wrap > article.wcvisible{
	opacity: 1;
	filter: blur(0);
}
.menu_wrap > article:not(:first-of-type){
	padding-top: calc(var(--headerHeight) * 1.5);
  margin-top: calc((var(--headerHeight) / 1.5) * -1);
}
body[wc-view-code="sp"] .menu_wrap > article{
	flex-direction: column;
}
.menu_wrap > article > h2{
	display: flex;
	font-size: 1.3rem;
	margin-bottom: 1rem;
	flex-direction: column;
	justify-content: center;
}
body:not([wc-view-code="sp"]) .menu_wrap > article > h2{
	width: 100%;
}
.menu_wrap > article > h2::before{
	color: var(--accentColor);
  font-family: "Roboto";
  letter-spacing: 1.5px;
  font-size: 1.1rem;
  display: table;
}
.menu_wrap > .head > h2::before{
	content: "Head Massage";
}
.menu_wrap > .body > h2::before{
	content: "Body Massage";
}
.menu_wrap > .foot > h2::before{
	content: "Foot Massage";
}
.menu_wrap > article > figure{
	order: 3;
}
body:not([wc-view-code="sp"]) .menu_wrap > article > figure{
	width: 50%;
}
.menu_wrap > article > figure img{
	border-radius: 1rem;
}
body[wc-view-code="sp"] .menu_wrap > article > figure img{
	aspect-ratio:2/1;
}
body:not([wc-view-code="sp"]) .menu_wrap > article > figure img{
	aspect-ratio:1.414/1;
}
.menu_wrap > article > .menu_text{
	padding: 0.75rem;
  box-sizing: border-box;
}
body:not([wc-view-code="sp"]) .menu_wrap > article > .menu_text{
	width: 50%;
	order: 2;
}
body[wc-view-type="tb"] .menu_wrap > article > .menu_text{
	padding: 0 1rem 0 0;
}
body[wc-view-type="tb-l"] .menu_wrap > article > .menu_text{
	padding: 0 1.5rem 0 0;
}
body[wc-view-code="pc"] .menu_wrap > article > .menu_text{
	padding: 0 2.5rem 0 0;
}
.menu_wrap > article > .menu_text > p{
	line-height: 1.8rem;
}
.menu_wrap > article > .menu_text > p:not(:first-of-type){
	margin-top: 0.5rem;
}
.menu_wrap > article > .menu_text .osusume_list{
	margin-top: 1rem;
	padding-left: 1.25rem;
	list-style-position: outside;
	box-sizing: border-box;
}
.menu_wrap > article > .menu_text .osusume_list::before{
	content: "こんな方におすすめ";
  border: solid 1px var(--supportColor);
  color: var(--supportColor);
  font-size: 0.95rem;
  display: flex;
  line-height: calc(1rem +(1em - 1lh) / 2);
  height: 25px;
  width: fit-content;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.5rem 0.2rem;
  border-radius: 1rem;
  background-color: #fff;
	margin-bottom: 0.35rem;
	margin-left: -1.25rem;
}
body[wc-view-code="sp"] .menu_wrap > article > .menu_text .osusume_list::before{
	padding: 0 0.5rem;
}
.menu_wrap > article > .menu_text .osusume_list li{
}
.menu_wrap > article > .menu_text .osusume_list li:not(:first-of-type){
	margin-top: 0.25rem;
}
.menu_wrap > article > .menu_text .menu_price{
	margin-top: 1rem;
}
.menu_wrap > article > .menu_text .menu_price dl{
	border-bottom: 1px solid var(--borderColor);
	display: flex;
}
.menu_wrap > article > .menu_text .menu_price dl:first-of-type{
	border-top: 1px solid var(--borderColor);
}
.menu_wrap > article > .menu_text .menu_price dl dt,
.menu_wrap > article > .menu_text .menu_price dl dd{
	box-sizing: border-box;
}
.menu_wrap > article > .menu_text .menu_price dl dt{
	padding: 0.75rem 0 0.75rem 0.75rem;
	width: 70px;
	font-weight: 700;
}
.menu_wrap > article > .menu_text .menu_price dl dd{
	padding: 0.75rem;
	width: calc(100% - 70px);
}
.menu_wrap > article > .menu_text .menu_price dl dd p{
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
}
.menu_wrap > article > .menu_text .menu_price dl dd p .in_price{
	font-family: "Roboto";
	font-size: 1.25rem;
}
.menu_wrap > article > .menu_text .menu_price dl dd p .unit{
	font-size: 0.85rem;
	font-weight: 700;
}