@charset "utf-8";

/* epilation_parts_sp.css：SP
 * ======================================
 * Main
 * ======================================
 */


/* 脱毛料金表
------------------------------------------------------------------ */
#men_wrap {
	margin-bottom: 60px;
}
.remodal table img {
	max-width: 100px;
}
.depiParts li {
	width: 48.95vw;
	height: 9.2vw;
	line-height: 9.2vw;
	background: #7d6a4f;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	position: relative;
}
.depiParts li + li {
	margin-top: 2.15vw;
}
.depiParts li a {
	display: block;
	color: #fff;
	position: relative;
	font-size: 0.85rem;
}
.depiParts li a:after {
	content: "";
	position: absolute;
	width: 4vw;
	height: 4vw;
	background: url(../images/common/icon_plus.svg) no-repeat center center;
	background-size: contain;
	right: 2.5vw; top: 50%;
	margin-top: -2vw;
}

/*
------------------------------------------------------------------ */
#men_wrap > .clearfix > div + div {
	margin-top: 60px!important;
}
#men_wrap #menFront {
	height: 110.812vw;
	background: url(../images/depilation_parts/depilation_front.png) no-repeat right top;
	background-size: contain;
}
#men_wrap #menBack {
	height: 110.812vw;
	background: url(../images/depilation_parts/depilation_back.png) no-repeat right top;
	background-size: contain;
	padding: 0;
}

/* menOther */
#menOther ul li {
	width: 100%;
}
@media screen and (min-width:376px) {
	#men_wrap > .clearfix > div:not(#menOther) {
		width: 320px;
		height: 390px!important;
		margin: 0 auto;
	}
	#menOther {
		width: 320px;
		margin: 60px auto 0;
	}
	.depiParts li {
		width: 172px;
		height: 32px;
		line-height: 32px;
	}
	.depiParts li + li {
		margin-top: 7.8px;
	}
	.depiParts li a:after {
		width: 10px;
		height: 10px;
		right: 10px; top: 50%;
		margin-top: -5px;
	}
}