@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-brshts01-asyk/img/bg_pc.webp) no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	#pageTop p {
		padding-left: 8px;
	}
}

/*===============================
cv
===============================*/
.btn-single-olmk {
	display: block;
	top: 44%;
	left: 6%;
	width: 89%;
}


.btn-4set {
	top: 85.5%;
	left: 6.4%;
	width: 88.5%;
}



/* single buy  */



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