@charset "utf-8";
/*-------------------------------------------
料金・プランページ
---------------------------------------------*/
#con2 img.full_length_image {
	width: 650px;
	margin: 20px auto 0;
}

@media screen and (max-width: 640px){

#con2 img.full_length_image {
	width: 100%;
	margin: 20px auto 0;}
	
}


/* 料金表 */
section dl {
	display: flex;
	flex-wrap: wrap;
}
section dl dt, section dl dd{
	padding: 10px 10px;
	box-sizing: border-box;
}
section dl dt.item, section dl dd.item {
	background-color: #f5f3f1;
	margin-bottom: 0.5em;
}

section dl dt.right, section dl dd.right {
	text-align: right;
}
section dl ul {
	display: flex;
	flex-wrap: wrap;
}
section dl ul li {
	background-color: #fff;
	border: 1px solid #706557;
	border-radius: 5px;
	margin-right: 5px;
	padding: 0 5px;
	font-size: 0.8em;
	margin-bottom: 5px;
}
section dl ul.topmargin {
	margin-top: 0.5em;
}
section dl dt.w20, section dl dd.w20 { width:20%; }
section dl dt.w25, section dl dd.w25 { width:25%; }
section dl dt.w30, section dl dd.w30 { width:30%; }

section dl dt.w34, section dl dd.w34 { width:34%; }
section dl dt.w23, section dl dd.w23 { width:23%; }
section dl dt.w22, section dl dd.w22 { width:22%; }

/*ヒゲ脱毛*/
section dl.hige dt{ width:56%; }
section dl.hige dd{	width:22%; }
/*顔脱毛*/
section dl.face dt{ width:70%; }
section dl.face dd{	width:30%; }
/*例外*/
section dl dt.union_b {
	margin-bottom: 0;
}
section dl dd.union_b {
	margin-bottom: 0;
}
.border-bottom {
	border-bottom: 1px solid #948771;
}

/*オプション*/
section dl.option dt {width:56%; border-bottom: 1px solid #948771;}
section dl.option dd {width:22%; border-bottom: 1px solid #948771;text-align:right;}

section dl.parts dt {
	margin-right: 5px;
}


@media screen and (max-width: 640px){

section dl:not(.hige):not(.face) dt.item{
	background-color: #ffffff;
	margin-bottom: 0em;
	width: 100%;}
section dl dd.w22 { width:33%; }

section dl.hige dt{ width:40%; }
section dl.hige dd{	width:30%; }

section dl dd.price-category {
	font-size: 0.75em;
	line-height: 1.2;}

/*オプション*/
section dl.option dt {width:40%; border-bottom: 1px solid #948771;}
section dl.option dd {width:30%; border-bottom: 1px solid #948771;text-align:right;}

dd.item .align-right { display: block; text-align: right; width: fit-content;}

}

/* アンカーリンク対応 */
section#con1, section#con2, section#con3, section#con4 {
	padding-top: 130px;
	margin-top: -130px;
}
@media screen and (max-width: 640px){
	section#con1, section#con2, section#con3, section#con4 {
		padding-top: 60px;
		margin-top: -60px;
	}
}