@charset "UTF-8";

/*========================================
smooth-moist
========================================*/

.product {
	background-image: none;
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.product {
		background-image: none;
	}
}

/* -----------------------------------
MV
----------------------------------- */
.product-smooth-moist-mv {
	position: relative;
}
.product-smooth-mv-logo {
	position: absolute;
	top: 33.5vw;
	left: 43.65vw;
	width: 32.75vw;
}
.product-smooth-mv-logo img {
	position: absolute;
	top: 0;
}
.product-smooth-mv-fragrance {
	position: absolute;
	top: 65.9vw;
	right: 11.7vw;
	width: 16.6vw;
}
.product-smooth-mv-fragrance img {
	position: absolute;
	top: 0;
}
.product-smooth-mv-text {
	position: absolute;
	top: 27.6vw;
	left: 36.6vw;
	width: 48.2vw;
	opacity: 0;
	filter: blur(2vw);
	transition: all 1500ms cubic-bezier(.645, .045, .355, 1);
}
.product-moist-mv-logo {
	position: absolute;
	top: 133.6vw;
	left: 20.65vw;
	width: 24.1vw;
}
.product-moist-mv-logo img {
	position: absolute;
	top: 0;
}
.product-moist-mv-fragrance {
	position: absolute;
	top: 165.9vw;
	right: 35.4vw;
	width: 19.1vw;
}
.product-moist-mv-fragrance img {
	position: absolute;
	top: 0;
}
.product-moist-mv-text {
	position: absolute;
	top: 126.9vw;
	left: 11.1vw;
	width: 42.7vw;
	opacity: 0;
	filter: blur(2vw);
	transition: all 1500ms cubic-bezier(.645, .045, .355, 1);
}
.started .product-smooth-mv-text,
.started .product-moist-mv-text {
	opacity: 1;
	filter: blur(0);
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.product-smooth-mv-logo {
		top: 14.65vw;
		left: 25.6vw;
		width: 14vw;
	}
	.product-smooth-mv-fragrance {
		top: 21.15vw;
		left: 12.16vw;
		right: auto;
		width: 6.55vw;
	}
	.product-smooth-mv-text {
		top: 11.93vw;
		left: 23.7vw;
		width: 18.3vw;
	}
	.product-moist-mv-logo {
		top: 36.25vw;
		left: 62.05vw;
		width: 10.3vw;
	}
	.product-moist-mv-fragrance {
		top: 39.3vw;
		right: 9.95vw;
		width: 7.46vw;
	}
	.product-moist-mv-text {
		top: 33.3vw;
		left: 59.15vw;
		width: 16.0vw;
	}
}

/* -----------------------------------
PRODUCT MAIN
----------------------------------- */
.product-main {
	padding: 16vw 0 0;
}
.product-box {
	margin: 26vw auto 0;
}
.product-box-mgn {
	margin: 18vw auto 0;
}
.product-box-text-line .product-box-text {
	position: relative;
}
.product-box-text-line .product-box-text::after {
	content: "";
	position: absolute;
	bottom: -6vw;
	left: 0;
	width: 100%;
	height: 1vw;
	background: rgb(207,243,241);
	background: linear-gradient(90deg, rgba(207,243,241,1) 0%, rgba(234,222,242,1) 50%, rgba(197,220,236,1) 100%);
}
.product-box-text-line .product-box-name {
	margin: 10vw 0 0 -5%;
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.product-main {
		padding: 6.3vw 0 0;
	}
	.product-box {
		margin: 10vw auto 0;
	}
	.product-box.product-box-sht {
		margin: 7vw auto 0;
		width: 100%;
	}
	.product-box-top-flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 0 17.5vw;
	}
	.product-box-top-flex .product-img-mask {
		margin-top: 1vw;
		width: 50%;
	}
	.product-box-top-flex .product-textblock {
		padding-left: 4.3vw;
		width: 50%;
	}
	.product-box-top-flex .product-box-text {
		margin: 0;
		line-height: 1.9;
	}
	.product-box-text-line .product-box-text::after {
		bottom: -1.9vw;
		height: .42vw;
	}
	.product-box-text-line .product-box-name {
		margin: 3.5vw 0 0 0;
	}
	.product-box-sht .product-box-sub {
		margin: 2.5vw auto 0;
		padding: 0 17.5vw;
		width: 100%;
	}
	.product-box-sht .product-textblock .content-product-more {
		width: 78%;
	}
	.product-flex {
		margin: 8vw auto 0;
		width: 100%;
	}
	.product-flex .product-box {
		margin: 0;
		width: 43%;
	}
	.product-flex .product-box-text {
		margin: 3vw 0 0 0;
		line-height: 1.9;
	}
	.product-flex .content-product-more {
		width: 77%;
	}
	.product-flex .product-box-sub {
		width: 90%;
	}
	.product-box-flex {
		margin: 9vw auto 0;
		width: 64.5%;
	}
	.product-box-flex .product-img-mask {
		width: 45%;
	}
	.product-box-flex .product-textblock {
		width: 55%;
	}
	.product-box-flex .product-textblock .content-product-more {
		width: 62.5%;
	}
}

/* -----------------------------------
RECOMMEND
----------------------------------- */
.product-box-recommend .product-box-name span {
	display: inline-block;
	margin-bottom: .3em;
	font-size: 3.4vw;
}
.recommend-flex-mgn {
	margin: 18vw auto 0;
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.recommend-title {
		top: -.8vw;
	}
	.recommend-flex {
		display: block;
		padding-top: 5vw;
		width: 87%;
	}
	.recommend-flex .product-img-mask {
		margin: 0;
		width: 50%;
	}
	.recommend-pdt-image {
		width: 100%;
	}
	.recommend-imgblock {
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	.recommend-textblock {
		width: 100%;
	}
	.recommend-textblock-flex {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 3.5vw;
	}
	.recommend-textblock-flex .product-box-name {
		width: 52%;
	}
	.recommend-textblock-flex .recommend-price-block {
		width: 42%;
	}
	.product-box-recommend .product-box-name span {
		margin-bottom: 0;
		font-size: 1.4vw;
	}
	.recommend-textblock .content-product-more {
		margin: 3vw auto 0;
		width: 34%;
	}
	.recommend-flex-mgn {
		margin: 3vw auto 0;
	}
}

/* -----------------------------------
OTHER LINK
----------------------------------- */
.other {
	padding: 22vw 0 25vw;
}
.other .common-btn p {
	margin-left: 0;
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.other {
		padding: 10vw 0 9vw;
	}
}

/* -----------------------------------
ANIMATION
----------------------------------- */
.product-box .product-img-mask img,
.product-box-recommend .recommend-flex img {
	transform: translateY(50%);
	transition: 1000ms cubic-bezier(.65,.31,.45,1.01);
}
.product-box.started .product-img-mask img,
.product-box-recommend .recommend-flex.started img  {
	transform: translateY(0);
	transition: 1000ms cubic-bezier(.53,.08,.25,.82);
}
.product-box-recommend-border:nth-of-type(1) {
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	background: linear-gradient(90deg, rgba(208,242,241,1) 0%, rgba(218,235,242,1) 100%);
	transform-origin: left;
}
.product-box-recommend-border:nth-of-type(5) {
	top: 0;
	right: 0;
	width: 0%;
	height: 4px;
	background: linear-gradient(90deg, rgba(209,222,238,1) 0%, rgba(197,218,235,1) 100%);
	transform-origin: right;
}
.product-box-recommend-border:nth-of-type(2) {
	bottom: 0;
	right: 0;
	width: 4px;
	height: 0%;
	background: #c5dcec;
	transform-origin: bottom;
}
.product-box-recommend-border:nth-of-type(3) {
	bottom: 0;
	left: 0;
	width: 4px;
	height: 0%;
	background: #d0f2f1;
	transform-origin: bottom;
}
.product-box-recommend-border:nth-of-type(4) {
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0%;
	height: 4px;
	background: linear-gradient(90deg, rgba(207,243,241,1) 0%, rgba(234,222,242,1) 50%, rgba(197,220,236,1) 100%);
	transform-origin: center;
}
.product-box-text-line .product-box-text::after {
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0%;
	transition: 1000ms cubic-bezier(.65,.31,.45,1.01);
}
.product-box-text-line.started .product-box-text::after {
	width: 100%;
	transition: 1000ms cubic-bezier(.53,.08,.25,.82);
}

/*-- PC --------*/
@media screen and (min-width: 769px) {
	.product-box-recommend-border:nth-of-type(1) {
		height: .5vw;
	}
	.product-box-recommend-border:nth-of-type(5) {
		height: .5vw;
	}
	.product-box-recommend-border:nth-of-type(2) {
		width: .5vw;
	}
	.product-box-recommend-border:nth-of-type(3) {
		width: .5vw;
	}
	.product-box-recommend-border:nth-of-type(4) {

		height: .5vw;
	}
}

/* -----------------------------------
2025/01/28
----------------------------------- */
.product-flex.new-arrival .product-box {
	margin: 18vw auto 0;
}
.recommend-flex.scrub-set {
	margin-bottom: 18vw;
}
.product-flex.new-arrival {
	margin-bottom: 30vw;
}
.recommend-flex.scrub-set .recommend-textblock-flex .recommend-price-block {
	margin: 5vw auto 0;
}
.recommend-flex.scrub-set .recommend-textblock .content-product-more {
	margin: 5vw auto 0;
}
.product-box-recommend .product-box-name span.recommend-pdt-name {
	font-weight: 500;
	text-align: center;
	letter-spacing: .2em;
	display: block;
}

@media screen and (min-width: 769px) {
	.product-flex.new-arrival .product-box {
		margin: 0 auto;
	}
	.product-flex.new-arrival {
		justify-content: space-between;
		margin: 2vw auto 10vw;
	}
	.recommend-flex.scrub-set {
		display: flex;
		margin-bottom: 3vw;
		width: 89%;
	}
	.recommend-flex.scrub-set .recommend-textblock-flex .recommend-price-block {
		margin: 1vw auto 0;
	}
	.recommend-flex.scrub-set .recommend-textblock .content-product-more {
		margin: 1.6vw auto 0;
	}
	.recommend-flex.scrub-set .recommend-textblock-flex {
		display: block;
	}
	.recommend-flex.scrub-set .recommend-textblock-flex .recommend-price-block,
	.recommend-flex.scrub-set .recommend-textblock .content-product-more {
		width: 68.69%;
	}
	.recommend-flex.scrub-set .product-img-mask,
	.recommend-flex.scrub-set .recommend-textblock-flex .product-box-name {
		width: 100%;
		margin: 0 auto;
	}
	.product-box-recommend .product-box-name span.recommend-pdt-name {
		margin: 1.3vw auto 0;
		font-size: .85vw;
	}
	.product-box-recommend .recommend-flex:not(:first-of-type) .recommend-price-block {
		margin-top: 0;
	}
}

/* -----------------------------------
2025/07/29
----------------------------------- */
@media screen and (min-width: 769px) {
	.product-flex.new-arrival {
		margin: 5vw auto 10vw;
	}
	.recommend-flex.scrub-set {
		margin-bottom: 0;
	}
	.recommend-price-block,
	.product-box-name {
		margin-top: 0;
	}
}