@charset "UTF-8";

/*===============================
common
===============================*/
img {
	width: 100%;
}
.component-block {
	padding-top: 50px;
}


/* pc */
@media (min-width: 768px) {
	#content {
		width: 100%;
	}
	.content-wrap {
		margin: 0 auto;
		padding-bottom: 30px;
		width: 640px;
		background: #FFF;
		box-shadow: 16px 0px 15px -15px rgb(0 0 0 / 50%), -16px 0px 15px -15px rgb(0 0 0 / 50%);
	}
	body {
		width: 100%;
		background: url(https://d2w53g1q050m78.cloudfront.net/cosmecollegecom/uploads/hiritu/hrt-brsm/img/bg_pc.webp) no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	#pageTop p {
		padding-left: 8px;
	}
}

/*===============================
cv
===============================*/
.btn-set {
	top: 31.6%;
	left: 6.6%;
	width: 88.4%;
}
.btn-single-sh {
	top: 62.5%;
	left: 6%;
	width: 89%;
}
.btn-single-ht {
	top: 77.5%;
	left: 6%;
	width: 89%;
}
.btn-other-3set {
	top: 61%;
	left: 7.1%;
	width: 86.8%;
}
.btn-other-hohm {
	top: 70.7%;
	left: 7%;
	width: 43.8%;
}
.btn-other-rf {
	top: 70.8%;
	right: 5.1%;
	width: 44.7%;
}
.btn-other-sct {
	top: 80.7%;
	left: 7.1%;
	width: 43.8%;
}
.btn-other-series {
	top: 90.4%;
	left: 12.1%;
	width: 76.5%;
}


/* single buy  */



/* pc */
@media (min-width: 768px) {
	.ov {
		transition: 200ms;
	}
	.ov:hover {
		opacity: .8;
		transition: 200ms;
	}
}