@charset "UTF-8";

/*----------------------------------------
COOL 特設ページ Common
----------------------------------------*/
body {
	/* background-color: #f1f5f9; */
	/* color: #3387ce; */
	font-family: Arial, sans-serif;
	letter-spacing: .1em;
}

img {
	width: 100%;
}

.footer-list-shop {
	display: none;
}

.footer-bg-block {
	background: none;
}

.content-cool {
	overflow: hidden;
}

.bg-pc {
	content: "";
	background-image: url(../img/pc/bg.webp);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
}

/* 切り替え後の背景画像 */
.bg-pc::before {
	content: "";
	position: absolute;
	inset: 0;

	background-image: url("../img/pc/bg_out.webp");
	background-size: cover;
	background-position: center;

	opacity: 0;
	transition: opacity 1s ease;
	pointer-events: none;
}

.bg-pc.is-change::before {
	opacity: 1;
}

.bg-wrap {
	width: 100%;
}

.bg_img img {
	display: block;
}

/*-- PC --------*/
@media screen and (min-width: 769px) {


	/* ヘッダー */
	.header-pc-shoplist-btn {
		background: linear-gradient(90deg, rgba(159, 210, 241, 1) 0%, rgba(159, 210, 241, 1) 19.6985%, rgba(159, 210, 241, 1) 17.0447%, rgba(183, 217, 187, 1) 56.6796%, rgba(208, 225, 132, 1) 100%);
	}

	.header-pc-shoplist-btn::before {
		background: linear-gradient(90deg, rgba(159, 210, 241, 1) 0%, rgba(159, 210, 241, 1) 19.6985%, rgba(159, 210, 241, 1) 17.0447%, rgba(183, 217, 187, 1) 56.6796%, rgba(208, 225, 132, 1) 100%);
	}


	/* 注釈 */
	.ruby::before {
		top: -.6vw;
		font-size: calc(15vw / 19.2);
	}

	.cap-wrap {
		width: calc(1050vw / 19.2);
	}

	.cap {
		font-size: calc(15vw / 19.2);
	}

	h3 {
		font-size: calc(48vw / 19.2);
	}

	h3 span {
		font-size: calc(26vw / 19.2);
	}

	.bg_img img {
		display: block;
	}

	#mv {
		background-image: url(../img/sp/mv_bg.jpg);

		height: auto;
	}

	sup {
		font-size: calc(15vw / 19.2);
	}
}

/*-- PC for safari --------*/
@media (min-width: 769px) and (max-width: 959px) {

	::-webkit-full-page-media,
	:future,
	:root body {
		background-size: 100%;
	}
}

.bg-pc {
	display: none;
}

.bg_img img {
	position: fixed;
}

.bg_img .hrt_logo {
	display: block;
	width: calc(365vw / 8.28);
	top: calc(150vw / 8.28);
	left: calc(225vw / 8.28);
	bottom: calc(601vw / 8.28);
	transform: translateX(0);
	transition: transform 1.5s ease;
	opacity: 1;
}

.bg_img .hrt_logo.is-move {
	/* transform: translate(4vw, 29vw); */
	/* top: unset; */
	/* top: auto;
		bottom: calc(104vw / 8.28);
		left: calc(69vw / 8.28); */
	opacity: 0;
}

.bg_img .baymax_text {
	display: none;
	/* display: block;
	width: calc(210vw / 8.28);
	left: calc(30vw / 8.28);
	bottom: calc(254vw / 8.28);
	transform: translateX(0);
	transition: transform 1.5s ease;
	opacity: 1; */
}

.bg_img .baymax_text.is-move {
	/* transform: translate(-5.5vw, 7.5vw) scale(1.6); */
	opacity: 0;

}

.bg_img .baymax {
	/* position: fixed;
	width: calc(390vw / 8.28);
	left: auto;
	top: calc(120vw / 8.28); 
	bottom: 0;
	right: calc(230vw / 8.28);
	transform: translateX(0);
	transition: transform 1.5s ease; */
	display: none;
}

.bg_img .baymax.is-move {
	/* transform: translate(17vw, 0vw) scale(1.5); */
}

.bg_img .ribbon {
	width: calc(514vw / 8.28);
	top: calc(280vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateX(0);
	transition: transform 3s ease;
}

.bg_img .ribbon.is-move {
	transform: translate(0, -100vw);
}

.bg_img .text_01 {
	width: calc(720vw / 8.28);
	top: calc(490vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateX(0);
	transition: transform 3s ease;
}

.bg_img .text_01.is-move {
	transform: translate(0, -100vw);
}

.bg_img .mv_sha {
	width: calc(280vw / 8.28);
	top: calc(700vw / 8.28);
	left: calc(134vw / 8.28);
	/* right: 0; */
	bottom: unset;
	margin: 0 auto;
	transform: translateX(0);
	transition: transform 3s ease;
}

.bg_img .mv_sha.is-move {
	transform: translate(-100vw, -50vw);
}

.bg_img .mv_tre {
	width: calc(280vw / 8.28);
	top: calc(700vw / 8.28);
	left: calc(411vw / 8.28);
	/* right: 0; */
	bottom: unset;
	margin: 0 auto;
	transform: translateX(0);
	transition: transform 3s ease;
}

.bg_img .mv_tre.is-move {
	transform: translate(100vw, -50vw);
}


.bg_img .copy {
	display: none;
	/* width: calc(100vw / 8.28);
	right: calc(50vw / 8.28);
	bottom: calc(55vw / 8.28);
	transform: translate(0);
	transition: transform 1s ease;
	opacity: 1; */
}

.bg_img .copy.is-move {
	/* top: calc(5vw / 19.2);
	transform: translate(0vw, 5vw); */
	opacity: 0;
}



.bg-wrap,
.site-header {
	opacity: 0;
	transition: opacity 1s ease;
}

@media screen and (min-width: 769px) {
	.bg {}

	.bg-pc {
		display: block;
	}

	.bg_img {
		display: grid;
		/* 真ん中を300pxに固定し、左右を残りスペースで均等分割 */
		grid-template-columns: 1fr 640px 1fr;
		position: fixed;
		width: 100%;
	}

	.bg_img img {
		/* position: fixed; */
	}


	.bg_img_left,
	.bg_img_right {
		display: flex;
		justify-content: center;
		align-items: center;
		/* position: relative; */
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.bg_img_left-rel,
	.bg_img_right-rel {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: 100vh;
	}

	.bg_img_right-rel {
		height: auto;
	}

	.bg_img .hrt_logo {
		display: block;
		position: absolute;
		width: min(calc(287vw / 19.2), 80%);
		height: auto;
		top: auto;
		bottom: 97.5vh;
		left: 4vw;
		right: auto;
		margin: 0;
		transition: 1s ease;
		max-width: 100%;
	}

	.bg_img .hrt_logo.is-move {
		width: min(calc(324vw / 19.2), 80%);
		/* transform: translate(10vh, 12vw); */
		/* top: unset; */
		opacity: unset;
		/* bottom: -115vh; */
		left: 0;
		right: 0;
		bottom: 35.9vh;
		margin: auto;
	}

	.bg_img_left_tre_sha {
		display: grid;
		grid-template-columns: 1fr 1fr;
		margin: auto;
		width: calc(352vw / 19.2);
		max-width: 100%;
		height: auto;
		left: 0;
		right: 1vw;
		position: absolute;
		margin: 0 auto;
		bottom: 47vh;
	}

	.bg_img .mv_sha {
		display: inline-block;
		width: calc(156vw / 19.2);
		top: 0;
		left: unset;
		/* right: 0; */
		bottom: -50.1vw;
		margin: auto;
		/* transform: translateX(0); */
		transition: 1.5s ease;
		margin-right: calc(-412vw / 19.2);
		max-width: 100%;
		position: unset;
		margin-bottom: -23.5vh;
	}

	.bg_img .mv_sha.is-move {
		margin-bottom: 0;
		margin-right: 0;
		transform: unset;
		width: calc(176vw / 19.2);
	}

	.bg_img .mv_tre {
		display: inline-block;
		width: calc(156vw / 19.2);
		top: 0;
		left: unset;
		/* right: 0; */
		bottom: -50.1vw;
		margin: auto;
		/* transform: translateX(0); */
		transition: 2s ease;
		margin-right: calc(-390vw / 19.2);
		max-width: 100%;
		position: unset;
		margin-bottom: -24vh;
	}

	.bg_img .mv_tre.is-move {
		margin-bottom: 0;
		margin-right: 0;
		transform: unset;
		width: calc(176vw / 19.2);
	}

	.bg_img .baymax_text {
		display: block;
		position: absolute;
		width: calc(294vw / 19.2);
		height: auto;
		top: auto;
		bottom: 48vh;
		right: 6vh;
		left: auto;
		margin: auto;
		/* transform: translate(0, -47.9vh); */
		transition: 1.5s ease, width 1.5s ease;
	}

	.bg_img .baymax_text.is-move {
		width: calc(470vw / 19.2);
		/* transform: translate(0, -28vh); */
		right: 0;
		left: 0;
		opacity: unset;
		bottom: 28vh;
	}

	.baymax-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		width: calc((100vw - 640px) / 1.88);
		height: 100vh;
	}

	.bg_img .baymax {
		display: block;
		position: absolute;
		width: calc(628vw / 19.2);
		height: auto;
		max-width: unset;
		right: calc(327vw / 19.2);
		bottom: 0;
		top: auto;
		left: auto;
		margin: 0;
		transform-origin: right bottom;
		transition: 1.5s ease;
	}

	.bg_img .baymax.is-move {
		right: calc(-81vw / 19.2);
		width: 105%;
		/* /* max-width: 100%; */
	}

	.bg_img .ribbon {
		width: calc(535vw / 19.2);
		top: calc(100vw / 19.2);
		left: 0;
		right: 0;
		margin: 0 auto;
		transform: translateX(0);
		transition: transform 1.5s ease;
	}

	.bg_img .ribbon.is-move {
		opacity: 0;
	}

	.bg_img .text_01 {
		width: calc(770vw / 19.2);
		top: calc(285vw / 19.2);
		left: 0;
		right: 0;
		margin: 0 auto;
		transform: translateX(0);
		transition: transform 1.5s ease;
	}

	.bg_img .text_01.is-move {
		opacity: 0;
	}




	.bg_img .copy {
		display: block;
		position: fixed;
		width: calc(80vw / 19.2);
		height: auto;
		top: auto;
		bottom: calc(71vw / 19.2);
		left: auto;
		right: calc(60vw / 19.2);
		margin: 0;
		/* transform: translate(0); */
		transition: 1s ease;
	}

	.bg_img .copy.is-move {
		/* transform: translateY(-82vh); */
		bottom: calc(1600vh / 19.2);
		opacity: unset;
	}



	.bg-wrap,
	.site-header {
		opacity: 0;
		transition: opacity 1s ease;
	}

	.bg-wrap {
		width: 640px;
		margin: 5.3vw auto 0;
	}

}


#mv {
	position: relative;
}

.mv-img {}

.mv-img img {
	height: auto;
	position: absolute;
}

.mv_baymax_logo {
	width: calc(319vw / 8.28);
	top: calc(408vw / 8.28);
	left: calc(64vw / 8.28);
}

.mv_heart_01 {
	width: calc(60vw / 8.28);
	top: calc(572vw / 8.28);
	left: calc(150vw / 8.28);
}

.mv_heart_02 {
	width: calc(76vw / 8.28);
	top: calc(811vw / 8.28);
	left: auto;
	right: calc(83vw / 8.28);
}

.mv_heart_03 {
	width: calc(35vw / 8.28);
	top: calc(1037vw / 8.28);
	left: calc(61vw / 8.28);
}

.mv_text_01 {
	width: calc(355vw / 8.28);
	top: calc(412vw / 8.28);
	left: auto;
	right: calc(64vw / 8.28);
}

.mv_text_02 {
	width: calc(177vw / 8.28);
	top: calc(684vw / 8.28);
	left: calc(39vw / 8.28);
}

.mv_text_03 {
	width: calc(198vw / 8.28);
	top: calc(577vw / 8.28);
	left: auto;
	right: calc(42vw / 8.28);
}

.mv_text_04 {
	width: calc(480vw / 8.28);
	top: calc(927vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.mv_text_05 {
	width: calc(180vw / 8.28);
	top: calc(1114vw / 8.28);
	left: calc(66vw / 8.28);
}

.mv_text_06 {
	width: calc(499vw / 8.28);
	top: calc(1104vw / 8.28);
	left: auto;
	right: calc(68vw / 8.28);
}

.mv_img_sha {
	width: calc(216vw / 8.28);
	top: calc(528vw / 8.28);
	left: calc(223vw / 8.28);
}

.mv_img_tre {
	width: calc(168vw / 8.28);
	top: calc(545vw / 8.28);
	left: calc(415vw / 8.28);
}

.mv_img_01 {
	width: calc(111vw / 8.28);
	top: calc(1053vw / 8.28);
	left: auto;
	right: calc(32vw / 8.28);
}

.mv_copy {
	width: calc(85vw / 8.28);
	top: calc(1263vw / 8.28);
	left: auto;
	right: calc(34vw / 8.28);
}

.sec-title {
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 6.40096618357488vw;
	letter-spacing: 0.6vw;
	font-weight: 600;
	color: #d40b23;
	font-family: "Josefin Sans", sans-serif;
}

@media screen and (min-width: 769px) {


	.mv_baymax_logo {
		width: 250px;
		top: 316px;
		left: 48px;
	}

	.mv_heart_01 {
		width: 46px;
		top: 444px;
		left: 116px;
	}

	.mv_heart_02 {
		width: 57px;
		top: 630px;
		right: 64px;
	}

	.mv_heart_03 {
		width: 26px;
		top: 805px;
		left: 46px;
	}

	.mv_text_01 {
		width: 276px;
		top: 320px;
		right: 49px;
	}

	.mv_text_02 {
		width: 137px;
		top: 531px;
		left: 30px;
	}

	.mv_text_03 {
		width: 154px;
		top: 447px;
		left: auto;
		right: 31px;
	}



	.mv_text_04 {
		width: 374px;
		top: auto;
		bottom: 209px;
	}

	.mv_text_05 {
		width: 137px;
		top: auto;
		bottom: 106px;
		left: 51px;
	}

	.mv_text_06 {
		width: 385px;
		top: auto;
		bottom: 101px;
		right: 51px;
	}

	.mv_img_sha {
		width: 169px;
		top: 407px;
		left: 171px;
	}

	.mv_img_tre {
		width: 130px;
		top: 422px;
		left: 321px;
	}

	.mv_img_01 {
		width: 90px;
		top: auto;
		bottom: 155px;
		right: 21px;
	}

	.mv_copy {
		width: 64px;
		top: auto;
		bottom: 65px;
		right: 25px;
	}
}

/* about */
#about {
	background-color: #fff;
	border-left: solid #d40b23 3px;
	border-right: solid #d40b23 3px;
	height: 236.6vw;
}


.about-title {
	top: -7.5vw;

}

.about-top img {
	position: absolute;
}

.about-top img:nth-of-type(1) {
	width: calc(333vw / 8.28);
	top: 8vw;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.about-top img:nth-of-type(2) {
	width: calc(77vw / 8.28);
	top: calc(274vw / 8.28);
	left: calc(115vw / 8.28);
}

.about-top img:nth-of-type(3) {
	width: calc(42vw / 8.28);
	top: calc(144vw / 8.28);
	left: calc(134vw / 8.28);
}

.about-top img:nth-of-type(4) {
	width: calc(42vw / 8.28);
	top: calc(296vw / 8.28);
	left: auto;
	right: calc(172vw / 8.28);
}

.about-top img:nth-of-type(5) {
	width: calc(82vw / 8.28);
	top: calc(118vw / 8.28);
	left: auto;
	right: calc(98vw / 8.28);
}


/* ABOUT inner */
.about-inner {
	position: relative;
	top: 46.4vw;
}

.ab_text {
	position: absolute;
	width: calc(620vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.ab_text_01 {
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 85vw;
	top: 16vw;

}

.ab_text_01_text {
	position: absolute;
	top: 3.5vw;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 4.2270531400966185vw;
	font-weight: 700;
	color: #343434;
	font-family: Arial, sans-serif;
	letter-spacing: 0;

}

.ab_text_01_text span,
.ab_text_02_text span {
	letter-spacing: 0.2vw;
	margin-left: -1.6vw;
}

.ab_text_02_text {
	position: absolute;
	top: 22vw;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 3.6231884057971016vw;
	font-weight: 700;
	color: #343434;
	font-family: Arial, sans-serif;
	letter-spacing: -0.1vw;
	line-height: 2;
}


.ab_bottle_heart {
	position: absolute;
	width: calc(75vw / 8.28);
	top: calc(488vw / 8.28);
	left: auto;
	right: calc(102vw / 8.28);
}

.ab_bottle_inner {
	position: relative;
}

.ab_bottle_inner div img:nth-of-type(1) {
	position: absolute;
	width: calc(216vw / 8.28);
	top: calc(106vw / 8.28);
	left: calc(186vw / 8.28);
}

.ab_bottle_inner div img:nth-of-type(2) {
	position: absolute;
	width: calc(289vw / 8.28);
	top: calc(79vw / 8.28);
	left: auto;
	right: calc(135vw / 8.28);
}

.ab_img_02 {
	position: absolute;
	width: calc(670vw / 8.28);
	top: calc(4vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.ab_img_03 {
	position: absolute;
	width: calc(82vw / 8.28);
	top: calc(1079vw / 8.28);
	left: auto;
	right: calc(61vw / 8.28);
}

.ab_text_02 p {
	position: absolute;
	top: 145.7vw;
	text-align: center;
	left: .7vw;
	right: 0;
	margin: 0 auto;
	font-size: 3.6231884057971016vw;
	font-weight: 700;
	color: #343434;
	font-family: Arial, sans-serif;
	letter-spacing: -0.23vw;
	line-height: 2;
}

.ab_text_02 p span {
	letter-spacing: -0.15vw;
	margin-left: 0.7vw;
}


.ab_text_02 .p-small {
	top: 180.9vw;
	text-align: unset;
	left: 7.1vw;
	right: 0;
	font-size: 1.9vw;
	font-weight: unset;
	letter-spacing: -0.03vw;
}

.ab_copy {
	position: absolute;
	width: calc(84vw / 8.28);
	top: calc(1504vw / 8.28);
	left: auto;
	right: calc(60vw / 8.28);
}

@media screen and (min-width: 769px) {
	#about {
		border-left: solid #d40b23 5px;
		border-right: solid #d40b23 5px;
		height: 1518px;
	}

	.sec-title {
		font-size: 42px;
		top: -46px;
		letter-spacing: 3px;
	}

	.about-top img:nth-of-type(1) {
		width: 259px;
		top: 55px;
	}

	.about-top img:nth-of-type(2) {
		width: 60px;
		top: 215px;
		left: 87px;
	}

	.about-top img:nth-of-type(3) {
		width: 33px;
		top: 116px;
		left: 103px;
	}

	.about-top img:nth-of-type(4) {
		width: 33px;
		top: 233px;
		right: 132px;
	}

	.about-top img:nth-of-type(5) {
		width: 63px;
		top: 96px;
		right: 75px;
	}

	.about-inner {
		top: 302px;
	}

	.ab_text {
		width: 485px;
	}

	.ab_text_01 {
		width: 550px;
		top: 100px;
	}

	.ab_text_01_text {
		top: 24px;
		font-size: 25px;
		letter-spacing: 1px;
	}

	.ab_text_01_text span {
		letter-spacing: 2px;
		margin-left: -6px;
	}

	.ab_text_02_text {
		top: 143px;
		font-size: 23.6px;
	}

	.ab_bottle_heart {
		width: 59px;
		top: 377px;
		right: 77px;
	}

	.ab_img_02 {
		top: 0px;
		width: 518px;
	}

	.ab_bottle_inner div img:nth-of-type(1) {
		width: 167px;
		top: 80px;
		left: 144px;
	}

	.ab_bottle_inner div img:nth-of-type(2) {
		width: 225px;
		top: 57px;
		right: 101px;
	}

	.ab_img_03 {
		width: 68px;
		top: 833px;
		right: 44px;
	}

	.ab_text_02 p {
		top: 935px;
		font-size: 23px;
		letter-spacing: -1.3px;
		left: 7px;
	}

	.ab_text_02 p span {
		margin-left: 0;
		letter-spacing: -0.8px;
	}

	.ab_text_02 .p-small {
		top: 1156px;
		font-size: 12.6px;
		left: 45px;
	}

	.ab_copy {
		position: absolute;
		width: 64px;
		top: 1164px;
		left: auto;
		right: 45px;
	}
}

/* fragrance */
.fra_bg {
	position: relative;
}

.fra-title {
	top: 2.5vw;
	letter-spacing: 0.81vw;
}


.fra-top img {
	position: absolute;
}

.fra-top img:nth-of-type(1) {
	width: calc(332vw / 8.28);
	top: calc(149vw / 8.28);
	left: calc(242vw / 8.28);
	right: auto;
	margin: 0 auto;
}

.fra-top img:nth-of-type(2) {
	width: calc(75vw / 8.28);
	top: calc(326vw / 8.28);
	left: calc(123vw / 8.28);
}

.fra-top img:nth-of-type(3) {
	width: calc(41vw / 8.28);
	top: calc(196vw / 8.28);
	left: calc(140vw / 8.28);
}

.fra-top img:nth-of-type(4) {
	width: calc(42vw / 8.28);
	top: calc(363vw / 8.28);
	left: auto;
	right: calc(179vw / 8.28);
}

.fra-top img:nth-of-type(5) {
	width: calc(82vw / 8.28);
	top: calc(170vw / 8.28);
	left: auto;
	right: calc(105vw / 8.28);
}

.fra_text_01 {
	position: absolute;
	top: calc(480vw / 8.28);
	left: calc(72vw / 8.28);
	right: auto;
	margin: 0 auto;
	width: calc(673vw / 8.28);

}

.fra-pyra {
	position: absolute;
	top: calc(584vw / 8.28);
	left: calc(92vw / 8.28);
}

.fra-pyra-main {
	position: relative;
	width: calc(644vw / 8.28);

}

.fra-pyra::before {
	content: "";
	position: absolute;
	background-image: url(../img/sp/fra_img_05.png);
	background-size: calc(135vw / 8.28);
	background-repeat: no-repeat;
	width: calc(445vw / 8.28);
	height: calc(162vw / 8.28);
	z-index: 1;
	top: calc(492vw / 8.28);
	left: calc(-26vw / 8.28);
}

.fra-pyra::after {
	content: "";
	position: absolute;
	background-image: url(../img/sp/fra_img_06.png);
	background-size: calc(103vw / 8.28);
	background-repeat: no-repeat;
	width: calc(111vw / 8.28);
	height: calc(200vw / 8.28);
	z-index: 1;
	top: calc(408vw / 8.28);
	left: auto;
	right: calc(-23vw / 8.28);
}

.fra-pyra-img img {
	position: absolute;
	width: calc(104vw / 8.28);
}

#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(1) {
	top: calc(58vw / 8.28);
	left: calc(58vw / 8.28);
}

#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(2) {
	top: calc(223vw / 8.28);
	left: calc(17vw / 8.28);
	width: calc(77vw / 8.28);
}

#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(3) {
	top: calc(102vw / 8.28);
	left: auto;
	right: calc(-12vw / 8.28);
	width: calc(170vw / 8.28);
}

#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(4) {
	top: calc(246vw / 8.28);
	left: auto;
	right: calc(-15vw / 8.28);
	width: calc(66vw / 8.28);
}

.fra_text_02 img {
	position: absolute;
	width: calc(439vw / 8.28);
	top: calc(1273vw / 8.28);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.fra_text_02 p {
	position: absolute;
	top: 164.5vw;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 3.5vw;
	font-weight: 700;
	color: #343434;
	font-family: Arial, sans-serif;
	letter-spacing: 0vw;
	line-height: 2.05;
}

.fra_text_02 .fra_copy {
	position: absolute;
	width: calc(87vw / 8.28);
	top: calc(1741vw / 8.28);
	left: auto;
	right: calc(31vw / 8.28);
}

@media screen and (min-width: 769px) {
	.fra-title {
		top: 15px;
		letter-spacing: 3.6px;
	}

	.fra-top img:nth-of-type(1) {
		width: 259px;
		top: 116px;
		left: 0;
		right: 7px;
	}

	.fra-top img:nth-of-type(2) {
		width: 60px;
		top: 253px;
		left: 93px;
	}

	.fra-top img:nth-of-type(3) {
		width: 35px;
		top: 152px;
		left: 106px;
	}

	.fra-top img:nth-of-type(4) {
		width: 33px;
		top: 283px;
		right: 138px;
	}

	.fra-top img:nth-of-type(5) {
		width: 64px;
		top: 133px;
		right: 80px;
	}

	.fra_text_01 {
		width: 521px;
		top: 371px;
		left: 0;
		right: 6px;
	}

	.fra-pyra {
		top: 450px;
		left: 69px;
	}

	.fra-pyra-main {
		width: 500px;
	}

	.fra-pyra::before {
		background-size: 106px;
		width: 120px;
		height: 120px;
		top: 382px;
		left: -19px;
	}

	.fra-pyra::after {
		background-size: 79px;
		width: 120px;
		height: 164px;
		top: 313px;
		left: auto;
		right: -52px;
	}


	.fra-pyra-img img {
		width: 50px;
	}

	#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(1) {
		top: 53px;
		left: 47px;
		width: 81px;
	}



	#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(2) {
		top: 173px;
		left: 15px;
		width: 60px;
	}

	#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(3) {
		top: 79px;
		right: -10px;
		width: 134px;
	}

	#fragrance .fra-pyra .fra-pyra-img img:nth-of-type(4) {
		top: 191px;
		right: -12px;
		width: 51px;
	}



	.fra_text_02 img {
		width: 340px;
		top: 980px;
	}

	.fra_text_02 p {
		top: auto;
		bottom: 180px;
		line-height: 2.1;
		font-size: 22px;
	}

	.fra_text_02 .fra_copy {
		width: 67px;
		top: auto;
		bottom: 102px;
		right: 23px;
	}

}

/* POINT */
#point {
	background-color: #FFF;
	border-left: solid #d40b23 3px;
	border-right: solid #d40b23 3px;
	height: 452.4vw;
}

.point-title {
	top: -7vw;
}

.point-top img {
	height: 100%;
}

.point-top {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 4.9vw;
	padding-top: 10.2vw;
}

.point-top img:nth-of-type(1) {
	width: calc(85vw / 8.28);
}

.point-top img:nth-of-type(2) {
	width: calc(130vw / 8.28);
}

.point-top img:nth-of-type(3) {
	width: calc(45vw / 8.28);
}

.point-top img:nth-of-type(4) {
	width: calc(130vw / 8.28);
}

.point-top img:nth-of-type(5) {
	width: calc(85vw / 8.28);
}

.arr-series {
	text-align: center;
}



.arr-series img:nth-of-type(1) {
	width: calc(540vw / 8.28);
	margin: 8.7vw 1.9vw 5.5vw 0;
}

.arr-series img:nth-of-type(2) {
	width: calc(700vw / 8.28);
}

.arr-series img:nth-of-type(3) {
	width: calc(700vw / 8.28);
	margin: 4vw auto 3vw;
}

.arr-series .arr-series-div-img:nth-of-type(1) {
	width: calc(705vw / 8.28);
	margin: 3.3vw 0 2.5vw;
}

.arr-series .p-small {
	width: 86%;
	font-size: 2.2vw;
	letter-spacing: -0.173em;
	line-height: 1.17;
	text-align: left;
	margin: 0 auto 10vw;

}

.point-lineup {
	/* text-align: center; */
	position: relative;
	width: 87%;
	margin: 14.2vw auto;
}

.lineup-shatre,
.lineup-oilmlk {
	text-align: center;
}

.pt_oilmlk_text {
	width: 78vw;
}

.lineup-shatre img:nth-of-type(2),
.lineup-oilmlk img:nth-of-type(2) {
	margin-top: 7vw;
	width: 80%;
}

.lineup-shatre img:nth-of-type(1) {
	width: calc(691vw / 8.28);
	margin-right: 19vw;
}

.lineup-shatre img:nth-of-type(2) {
	width: calc(520vw / 8.28);
	/* margin-right: 19vw; */
	margin-top: 4.1vw;
}

.pt-sha-bottle {
	position: relative;
}

.pt-sha-bottle img,
.pt-sha-bottle p {
	position: absolute;
}

.pt-sha-bottle img:nth-of-type(1) {
	width: calc(290vw / 8.28);
	top: 0vw;
	right: calc(-41vw / 8.28);
}

.pt-sha-bottle img:nth-of-type(2) {
	top: calc(140vw / 8.28);
	right: calc(42vw / 8.28);
	width: calc(98vw / 8.28);
}

.pt-sha-text {
	position: absolute;
	/* text-align: center; */
	top: 11.2vw;
	left: 0.3vw;
	/* right: 0; */
	/* margin: 0 auto; */
	letter-spacing: 0.6vw;
	font-size: 5vw;
	font-weight: 900;
	color: #d40b23;
	font-family: "Josefin Sans", sans-serif;
}

.lineup-shatre .pt-red-lien-l img {
	max-width: unset;
	position: absolute;
	width: calc(410vw / 8.28);
	top: 0vw;
	left: 0;
	bottom: 0;


}

.pt-red-lien-l {
	position: relative;
	width: 0;
	height: 10vw;
	overflow: hidden;
	transition: 1100ms linear;
	top: 19vw;
	left: 0vw;
	bottom: 0vw;
}

.pt-red-lien-l.active {
	width: 50vw;
	opacity: 1;

}

.lineup-oilmlk .pt-red-lien-l-oil img {
	max-width: unset;
	position: absolute;
	width: calc(410vw / 8.28);
	top: 0vw;
	left: 0;
	bottom: 0;


}

.pt-red-lien-l-oil {
	position: relative;
	width: 0;
	height: 10vw;
	overflow: hidden;
	transition: 1100ms linear;
	top: 19vw;
	left: 0vw;
	bottom: 0vw;
}

.pt-red-lien-l-oil.active {
	width: 50vw;
	opacity: 1;

}

.lineup-shatre .pt-red-lien-r img {
	max-width: unset;
	position: absolute;
	width: calc(410vw / 8.28);
	top: 0;
	right: 0;
	bottom: 0;


}

.pt-red-lien-r {
	position: relative;
	width: 0;
	height: 10vw;
	overflow: hidden;
	transition: 1500ms linear;
	top: 56vw;
	right: -19vw;
	margin-left: auto;
	bottom: 0;
}

.pt-red-lien-r.active {
	width: 70vw;
	opacity: 1;

}

.lineup-oilmlk .pt-red-lien-r-milk img {
	max-width: unset;
	position: absolute;
	width: calc(410vw / 8.28);
	top: 0vw;
	right: 0;
	bottom: 0;


}

.pt-red-lien-r-milk {
	position: relative;
	width: 0;
	height: 10vw;
	overflow: hidden;
	transition: 1500ms linear;
	top: 55.5vw;
	right: 0;
	margin-left: auto;
	bottom: 0;
}

.pt-red-lien-r-milk.active {
	width: 70vw;
	opacity: 1;

}



/* .pt-sha-text::after {
	content: "";
	position: absolute;
	width: 12.6vw;
	height: 2px;
	background-color: #d40b23;
	top: 8.8vw;
	left: 38.75vw;
	transform-origin: left center;
	transform: rotate(35deg);
	transition: 1.5s;
	transform: scale(0, 1);
	transform-origin: left bottom;
}

.pt-sha-text.js-active.pt-sha-text::after {
	transform: scale(1, 1) rotate(35deg);
	transition-delay: 1.2s;
} */

.pt-sha-bottle p {
	top: 22.7vw;
	text-align: left;
	font-size: 3.3vw;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0;
	/* font-family: 'Josefin Sans'; */
}

.pt-tre-bottle {
	position: relative;
	top: 33vw;

}

.pt-tre-bottle img,
.pt-tre-bottle p {
	position: absolute;
}

.pt-tre-bottle img:nth-of-type(1) {
	width: calc(328vw / 8.28);
	top: calc(7vw / 8.28);
	left: calc(90vw / 8.28);
}

.pt-tre-bottle img:nth-of-type(2) {
	top: calc(224vw / 8.28);
	/* right: 3vw; */
	width: calc(58vw / 8.28);
	left: calc(73vw / 8.28);
}

.pt-tre-text {
	position: absolute;
	/* text-align: center; */
	top: 14.8vw;
	/* left: 0; */
	right: 0.2vw;
	/* margin: 0 auto; */
	letter-spacing: 0.5vw;
	font-size: 5vw;
	font-weight: 900;
	color: #d40b23;
	font-family: "Josefin Sans", sans-serif;
}

/* .pt-tre-text::before {
	content: "";
	position: absolute;
	width: 38.1vw;
	height: 2px;
	background-color: #d40b23;
	top: 8.7vw;
	right: 0.65vw;
	transition: 1.3s;
	transform: scale(0, 1);
	transform-origin: right top;
}

.pt-tre-text.js-active.pt-tre-text::before {
	transform: scale(1, 1);
}

.pt-tre-text::after {
	content: "";
	position: absolute;
	width: 12.8vw;
	height: 2px;
	background-color: #d40b23;
	top: 8.8vw;
	right: 38.8vw;
	transform-origin: left center;
	transform: rotate(-35deg);
	transition: 1.3s;
	transform: scale(0, 1);
	transform-origin: top right;
}

.pt-tre-text.js-active.pt-tre-text::after {
	transform: scale(1, 1) rotate(-35deg);
	transition-delay: 1.2s;
} */

.pt-tre-bottle p {
	top: 26vw;
	text-align: left;
	font-size: 3.3vw;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.8;
	right: 0vw;
}

.lineup-oilmlk {
	position: relative;
	top: 86.8vw;
}

/* .lineup-oilmlk img:nth-of-type(1) {
	width: calc(642vw / 8.28);
} */

.lineup-oilmlk img:nth-of-type(2) {
	width: calc(516vw / 8.28);
	margin-top: 4.4vw;
}


.pt-oil-bottle {
	position: relative;
}

.pt-oil-bottle img,
.pt-oil-bottle p {
	position: absolute;
}

.pt-oil-bottle img:nth-of-type(1) {
	width: calc(270vw / 8.28);
	top: -0.5vw;
	right: calc(126vw / 8.28);
}

.pt-oil-bottle img:nth-of-type(2) {
	top: calc(141vw / 8.28);
	right: calc(42vw / 8.28);
	width: calc(98vw / 8.28);
}

.pt-oil-text {
	position: absolute;
	/* text-align: center; */
	top: 11vw;
	left: 1vw;
	/* right: 0; */
	/* margin: 0 auto; */
	font-size: 5vw;
	font-weight: 900;
	color: #d40b23;
	font-family: "Josefin Sans", sans-serif;
}

/* .pt-oil-text::before {
	content: "";
	position: absolute;
	width: 38vw;
	height: 2px;
	background-color: #d40b23;
	top: 9vw;
	transition: 1.5s;
	transform: scale(0, 1);
	transform-origin: left top;
}


.pt-oil-text.js-active.pt-oil-text::before {
	transform: scale(1, 1);
}

.pt-oil-text::after {
	content: "";
	position: absolute;
	width: 12.9vw;
	height: 2px;
	background-color: #d40b23;
	top: 9vw;
	left: 37.8vw;
	transform-origin: left center;
	transform: rotate(35deg);
	transition: 1.5s;
	transform: scale(0, 1);
	transform-origin: left bottom;
}

.pt-oil-text.js-active.pt-oil-text::after {
	transform: scale(1, 1) rotate(35deg);
	transition-delay: 1.2s;
} */

.pt-oil-bottle p {
	top: 23vw;
	left: 0.7vw;
	text-align: left;
	font-size: 3.2vw;
	font-weight: 500;
	letter-spacing: 0.35vw;
	line-height: 1.8;
}

.pt-oil-bottle p span {
	letter-spacing: 0;
}

.pt-mlk-bottle {
	/* position: relative; */
	top: 43vw;

}

.pt-mlk-bottle img,
.pt-mlk-bottle p {
	position: absolute;
}

.pt-mlk-bottle img:nth-of-type(1) {
	width: calc(318vw / 8.28);
	top: calc(579vw / 8.28);
	left: calc(95vw / 8.28);
}

.pt-mlk-bottle img:nth-of-type(2) {
	top: calc(814vw / 8.28);
	width: calc(60vw / 8.28);
	left: calc(71vw / 8.28);
}

.pt-mlk-text {
	position: absolute;
	/* text-align: center; */
	top: 84.5vw;
	/* left: 0; */
	right: 4vw;
	/* margin: 0 auto; */
	font-size: 5vw;
	font-weight: 900;
	color: #d40b23;
	font-family: "Josefin Sans", sans-serif;
}

/* .pt-mlk-text::before {
	content: "";
	position: absolute;
	right: -3vw;
	width: 38.5vw;
	height: 2px;
	background-color: #d40b23;
	top: 8.5vw;
	transition: 1.3s;
	transform: scale(0, 1);
	transform-origin: right top;
}

.pt-mlk-text.js-active.pt-mlk-text::before {
	transform: scale(1, 1);
}

.pt-mlk-text::after {
	content: "";
	position: absolute;
	width: 12.2vw;
	height: 2px;
	background-color: #d40b23;
	top: 8.6vw;
	right: 35.6vw;
	transform-origin: left center;
	transform: rotate(-35deg);
	transition: 1.3s;
	transform: scale(0, 1);
	transform-origin: top right;
}


.pt-mlk-text.js-active.pt-mlk-text::after {
	transform: scale(1, 1) rotate(-35deg);
	transition-delay: 1.2s;
} */

.pt-mlk-bottle p {
	top: 95.7vw;
	text-align: left;
	font-size: 3.3vw;
	font-weight: 500;
	letter-spacing: 0.25vw;
	line-height: 1.8;
	right: 0.5vw;
}

.pt-mlk-bottle p span {
	letter-spacing: -0.1vw;
}

.point-lineup .fra_copy {
	position: absolute;
	width: calc(84vw / 8.28);
	top: calc(2155vw / 8.28);
	left: auto;
	right: calc(-26vw / 8.28);
}

@media screen and (min-width: 769px) {
	#point {
		background-color: #fff;
		border-left: solid #d40b23 5px;
		border-right: solid #d40b23 5px;
		height: 2950px;
	}

	.point-title {
		top: -46px;
	}

	.point-top {
		column-gap: 32px;
		padding-top: 68px;
	}

	.point-top img:nth-of-type(1) {
		width: 66px;
	}

	.point-top img:nth-of-type(2) {
		width: 101px;
	}

	.point-top img:nth-of-type(3) {
		width: 30px;
	}

	.point-top img:nth-of-type(4) {
		width: 101px;
	}

	.point-top img:nth-of-type(5) {
		width: 66px;
	}



	.arr-series img:nth-of-type(1) {
		width: 417px;
		margin: 57px 11px 35px 0;
	}

	.arr-series img:nth-of-type(2),
	.arr-series img:nth-of-type(3) {
		width: 541px;
	}

	.arr-series img:nth-of-type(3) {
		margin: 25px auto 20px;
	}

	.arr-series .arr-series-div-img:nth-of-type(1) {
		width: 541px;
		margin: 23px 8px 19px;
	}

	.arr-series .p-small {
		width: 548px;
		font-size: 12.2px;
		letter-spacing: -0.6px;
		margin: 0 auto 30px;
		/* font-weight: 400; */
	}

	.point-lineup {
		width: 537px;
		margin: 94px 38px;
	}

	.pt-sha-bottle img:nth-of-type(1) {
		width: 224px;
		top: -28px;
		left: 238px;
		right: 0;
	}

	.lineup-shatre img:nth-of-type(2),
	.lineup-oilmlk img:nth-of-type(2) {
		margin: 29px 80px;
		width: 398px;
	}

	.pt-sha-bottle img:nth-of-type(2),
	.pt-oil-bottle img:nth-of-type(2) {
		top: 76px;
		right: -61px;
		width: 75px;
	}

	.pt-sha-text,
	.pt-oil-text {
		top: 45px;
		font-size: 30px;
		letter-spacing: 5px;
	}

	.pt-oil-text {
		left: 6px;
	}

	/* .pt-sha-text::before,
	.pt-oil-text::before {
		width: 248px;
		height: 3px;
		top: 53px;
		transition: 1.5s;
		transform: scale(0, 1);
		transform-origin: left top;
	}

	.pt-sha-text.js-active.pt-sha-text::before,
	.pt-oil-text.js-active.pt-oil-text::before {
		transform: scale(1, 1);
	} */

	/* .pt-sha-text::after, */
	.pt-oil-text::after {
		width: 84px;
		height: 3px;
		top: 52px;
		left: 245px;
		transition: 1.5s;
		transform: scale(0, 1);
		transform-origin: left bottom;
	}

	/* .pt-sha-text.js-active.pt-sha-text::after, */
	.pt-oil-text.js-active.pt-oil-text::after {
		transform: scale(1, 1) rotate(35deg);
		transition-delay: 1.2s;
	}


	.pt-sha-bottle p,
	.pt-oil-bottle p {
		top: 120px;
		left: 7px;
		font-size: 20px;
	}

	.pt-oil-bottle p {
		top: 115px;
		line-height: 1.9;
		letter-spacing: 2.3px;
	}

	.pt-tre-bottle {
		top: 200px;
	}

	.pt-tre-bottle img:nth-of-type(1) {
		width: 254px;
		top: 11px;
		left: 72px;
	}

	.pt-sya-bottle img:nth-of-type(2),
	.pt-oil-bottle img:nth-of-type(2) {
		margin-top: 50px;
		width: 66px;
	}

	.pt-tre-bottle img:nth-of-type(2),
	.pt-mlk-bottle img:nth-of-type(2) {
		top: 178px;
		width: 45px;
		left: -23px;
	}

	.pt-tre-text,
	.pt-mlk-text {
		top: 104px;
		right: -14px;
		font-size: 30px;
		letter-spacing: 4.8px;
	}

	.pt-tre-text::before,
	.pt-mlk-text::before {
		width: 249px;
		height: 3px;
		top: 53px;
		right: 5px;
		transition: 1.3s;
		transform: scale(0, 1);
		transform-origin: right top;
	}

	.pt-tre-text.js-active.pt-tre-text::before,
	.pt-mlk-text.js-active.pt-mlk-text::before {
		transform: scale(1, 1);
	}

	.pt-mlk-text::before {
		right: -16px;
	}

	.pt-tre-text::after,
	.pt-mlk-text::after {
		width: 79px;
		height: 3px;
		top: 53px;
		left: auto;
		right: 254px;
		transition: 1.3s;
		transform: scale(0, 1);
		transform-origin: top right;
	}

	.pt-mlk-text::after {
		right: 232px;
	}

	.pt-tre-text.js-active.pt-tre-text::after,
	.pt-mlk-text.js-active.pt-mlk-text::after {
		transform: scale(1, 1) rotate(-35deg);
		transition-delay: 1.2s;
	}



	.pt-tre-bottle p,
	.pt-mlk-bottle p {
		top: 173px;
		font-size: 20px;
		right: -16px;
		letter-spacing: 1px;
	}

	.lineup-oilmlk {
		top: 570px;
	}

	.lineup-oilmlk img:nth-of-type(1) {
		width: 502px;
		margin-left: 18px;
	}

	.pt-oil-bottle img:nth-of-type(1) {
		width: 208px;
		top: -30px;
		right: 83px;
	}

	.pt-oil-bottle img:nth-of-type(2) {
		top: 58px;
		width: 76px;
	}

	.pt-mlk-text {
		top: 542px;
		right: 7px;
		letter-spacing: 4px;
	}

	.pt-mlk-bottle p {
		top: 615px;
		right: -9px;
		letter-spacing: 2px;
	}

	.pt-mlk-bottle p span {
		letter-spacing: 0;
	}

	.pt-mlk-bottle img:nth-of-type(1) {
		width: 245px;
		top: 451px;
		left: 59px;
	}

	.pt-mlk-bottle img:nth-of-type(2) {
		top: 632px;
	}

	.point-lineup .fra_copy {
		width: 70px;
		top: 1720px;
		right: -39px;
	}

	.lineup-shatre .pt-red-lien-l img {
		width: 320px;
	}

	.pt-red-lien-l {
		top: 95px;
		height: 60px;
		transition: 1550ms linear;
	}

	.pt-red-lien-l.active {
		width: 320px;
	}

	.lineup-oilmlk .pt-red-lien-l-oil img {
		width: 320px;
	}

	.pt-red-lien-l-oil {
		top: 100px;
		left: -15px;
		height: 60px;
		transition: 1500ms linear;
	}

	.pt-red-lien-l-oil.active {
		width: 340px;
	}

	.lineup-shatre .pt-red-lien-r img {
		width: 320px;
		margin-right: 0;
	}

	.pt-red-lien-r {
		top: 350px;
		right: -20px;
		height: 60px;
		transition: 1950ms linear;
	}

	.pt-red-lien-r.active {
		width: 450px;
	}

	.lineup-shatre .pt_shatre_text {
		margin-right: 0;
	}

	.lineup-oilmlk .pt-red-lien-r-milk img {
		width: 315px;
	}

	.pt-red-lien-r-milk {
		top: 336px;
		right: -10px;
		height: 60px;
		transition: 1500ms linear;
	}

	.pt-red-lien-r-milk.active {
		width: 335px;
	}
}



/* LINEUP */
#lineup .sec-title {
	letter-spacing: 0.6vw;
	top: 2.6vw;
	left: 0.8vw;
}

.lu_bg {
	position: relative;
	display: flex;
	text-align: center;
	/* justify-content: center; */

}

.lineup-title {
	top: 1vw;
}

.lineup {
	margin-top: 25vw;
	font-family: 'dnp-shuei-gothic-gin-std', sans-serif;
	text-align: center;
}

.prod-list {
	margin-top: 0vw;
}

.limited-set,
.oilmilk-set {
	position: absolute;
	top: 26.7vw;
	left: 0;
	right: 0;
	font-weight: 900;
	font-family: Noto Sans JP, sans-serif;
}

.oilmilk-set {
	top: 171.5vw;
}

.shatre-tit,
.oilmlk-tit {
	font-size: 4.830917874396135vw;
	font-weight: 900;
	letter-spacing: 0.07vw;
	color: #d40b23;
	margin-bottom: 1.8vw;
	margin-top: -1.5vw;
	margin-left: -2.1vw;
	font-family: "Josefin Sans", sans-serif;
}

.oilmlk-tit {
	letter-spacing: 0.15vw;
	margin-left: 0vw;
}

.limited-set .prod-img {
	width: calc(585vw / 8.28);
	margin-bottom: 5.6vw;
}

.oilmilk-set .prod-img {
	width: calc(440vw / 8.28);
	margin-bottom: 6vw;
	margin-top: 1.5vw;
}

.serum-mist .prod-img {
	width: 20.169082125603865vw;
}

.prod-name,
.prod-price {
	font-size: 4.2270531400966185vw;
}

.prod-name {
	margin-top: -3.9vw;
	font-weight: bold;
	letter-spacing: -0.125em;
	line-height: 1.3;
	margin-left: 1.3vw;

}

.limited-set .prod-fragrance,
.oilmilk-set .prod-fragrance {
	margin-top: 1.6vw;
}

.prod-fragrance {
	font-size: 3.6231884057971016vw;
	font-weight: bold;
	letter-spacing: -.5vw;
}

.prod-price {
	margin-top: 3.4vw;
	font-family: 'din-2014', sans-serif;
	letter-spacing: .01em;
}

.prod-price .price-yen {
	font-size: 2.7417632850241547vw;
}

.prod-price .price-tax {
	font-size: 2.1934178743961352vw;
	margin-left: -1vw;
}

.prod-price .price-slash {
	font-size: 3.140096618357488vw;
	margin-left: -.5vw;
	margin-right: .5vw;
}

.prod-price .price-unit {
	font-size: 3.3816425120772946vw;
}

.prod-price .price-plus {
	margin: 0 .5vw;
}

.content-product-yh {
	margin-top: 3.7vw;
}

.content-product-yh-shop {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 5.8vw;
}

.content-product-more {
	margin: 4.6vw 17.7vw 6.4vw;
}

.content-product-more-btn {
	outline-color: unset;
	outline-style: unset;
	transition: 800ms;
	color: #d40b23;
}

.content-product-more-btn.shop-reset {
	background-color: #d40b23;
	border-radius: 50px;
	transition: 1000ms;
}

.content-product-more-btn:hover {
	background-color: #fff;
	border: 1.5px solid #b40b23;
}

.content-product-more-btn span {
	color: #fff;
	font-size: 5.072463768115942vw;
	font-weight: 350;
	/* font-weight: 350; */
}

.content-product-more-btn:hover span {
	color: #d40b23;
}

.content-product-more-btn::after {
	border-top: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	transform: rotate(45deg);
	top: 5.7vw;
}

.content-product-more-btn:hover::after {
	border-top: 1.5px solid #d40b23;
	border-right: 1.5px solid #d40b23;
	top: 5.1vw;
}

.content-product-more-btn::before,
.content-product-more.opened .content-product-more-btn::before {
	display: none;
}

.content-product-more.opened.open .content-product-more-btn::after {
	border-top: 1.5px solid #d40b23;
	border-right: 1.5px solid #d40b23;
	transform: rotate(-45deg);
	top: 5.4vw;
}

.content-product-more.opened .content-product-more-btn::after {
	border-top: 1.5px solid #d40b23;
	border-right: 1.5px solid #b40b23;
	top: 5.1vw;
}

.content-product-more.opened .content-product-more-btn {
	border: 1.5px solid #b40b23;
	border-radius: unset;
	transition: 1000ms;
}

.content-product-more.opened .content-product-more-btn span {
	color: #d40b23;

}

/* .content-product-more.open.opened .content-product-more-btn::before {
	background: linear-gradient(#fff);
	outline-color: #d40b23;
} */

/* .content-product-more.opened .content-product-more-btn::before {
	background: linear-gradient(#fff);
	z-index: 0;
} */

.content-product-more.opened.open .content-product-more-btn span {
	color: #d40b23;
	/* background: #fff;
	border: solid #d40b23 2px; */
	/* width: 64.5vw; */
	/* transition: 1000ms; */
}

.content-product-more.opened .content-product-more-btn.shop-reset {
	display: block;
	border: 1.5px solid #b40b23;
	transition: 1000ms;
	/* transition-timing-function: step-end; */
	color: #d40b23;
}


.content-product-more.opened.open .content-product-more-btn.shop-reset {
	border: 1.5px solid #b40b23;
	display: block;
	background-color: #fff;
	color: #d40b23;
	border-radius: unset;
	transition: 800ms;
}

.content-product-more.opened.open .content-product-more-btn.shop-reset span {
	width: unset;
	border: none;
	border-radius: unset;
	color: #d40b23;
	display: block;
	/* transition: 1000ms; */
}


.content-product-more.open .content-product-more-shop {
	transition: clip-path 500ms linear 500ms;
}


.cont .content-product-yh-shop li::after {
	content: "";
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	top: calc(-11.4vw / 2 - 6px);
	left: 56vw;
	transition: all .5s;
}

.content-product-yh-shop li a {
	position: relative;
	display: block;
	width: 100%;
	height: calc(13.6vw - 4px);
	border-radius: 50vw;
	transition: all .5s;
	font-size: 3.864734299516908vw;
	line-height: calc(14.6vw - 4px);
	top: 0;
	padding-top: 1vw;
	font-family: 'Josefin Sans', sans-serif;
	transition: all .5s;
	color: #fff;
}


.content-product-more-shop {
	position: absolute;
	top: -29.2vw;
	left: 0;
}

.content-product-more-shop li a {
	padding-top: 1vw;
}

.content-product-more-shop {
	clip-path: inset(60% 0 40% 0);
}

.content-product-more .content-product-more-shop li.amazon-btn,
.content-product-more .content-product-more-shop li.bf-btn {
	margin-bottom: 12.2vw;
}



/* .content-product-more-btn:hover:after {
	border-top: 1.5px solid #d40b23;
	border-right: 1.5px solid #b40b23;
} */

/* .content-product-more-btn:hover span {
	color: #d40b23;

} */

/* .content-product-more-btn:hover::before {
	background: unset;
	border: solid #d40b23 2px;
	border-radius: 50px;
} */

/* .content-product-more .content-product-more-btn {
	background: #d40b23;
	color: #fff;
	border: solid #d40b23 2px;
} */

.content-product-more .content-product-more-btn:hover {
	background: #fff;
	color: #d40b23;
	/* border: solid #d40b23 2px; */
	outline-color: unset;
}

.lu_copy {
	position: absolute;
	bottom: calc(130vw / 8.28);
	width: calc(84vw / 8.28);
	/* left: 0; */
	right: calc(32vw / 8.28);
}

@media screen and (min-width: 769px) {
	#lineup .sec-title {
		top: 14px;
		left: 4px;
		letter-spacing: 4px;
	}

	.limited-set {
		top: 161px;
	}

	.limited-set p,
	.oilmilk-set a {
		font-size: 32px;
		margin-top: 0;
		/* margin-left: -10px; */
		margin-bottom: 10px;
		letter-spacing: 0px;
	}

	.limited-set .prod-img {
		width: 450px;
		margin-bottom: 30px;
	}

	.prod-name {
		margin-top: -14px;
		margin-left: 8px;
		font-weight: bold;
		letter-spacing: -2px;
		font-size: 25px;
	}

	.prod-price {
		margin-top: 26px;
		font-family: 'din-2014', sans-serif;
		letter-spacing: 0px;
		font-size: 26px;
	}

	.prod-price .price-plus {
		margin: 5px;
	}

	.prod-price .price-yen {
		font-size: 18px;
	}

	.prod-price .price-tax {
		font-size: 16px;
		margin-left: -8px;
	}

	.prod-price .price-slash {
		font-size: 26px;
		margin-left: -5px;
		margin-right: 5px;
	}

	.prod-price .price-unit {
		font-size: 23px;
	}

	.content-product-more {
		margin: 60px auto 0;
		width: 422px;
	}

	.content-product-more.opened.open .content-product-more-btn span,
	.content-product-more.opened .content-product-more-btn span {
		display: none;
	}

	.content-product-more-btn {
		padding: 44px;
		background-color: #d40b23;
		border-radius: 50px;
		/* margin-left: 0; */
		transition: 800ms;
	}

	.content-product-more-btn span {
		font-weight: 300;
		font-size: 35px;
		transition: 800ms;
	}

	.content-product-more-btn:after {
		top: 38px;
		right: 40px;
		width: 12px;
		height: 12px;
		top: 40px;
		transition: 800ms;
	}

	.content-product-more.opened.open .content-product-more-btn::after,
	.content-product-more-btn:hover:after {
		top: 40px;
		border-top: 2px solid #d40b23;
		border-right: 2px solid #b40b23;
		transition: 800ms;
	}


	.content-product-more.opened .content-product-more-btn:hover:after {
		border-top: 2px solid #d40b23;
		border-right: 2px solid #b40b23;
		transition: 800ms;
	}

	.content-product-more.opened.open .content-product-more-btn.shop-reset {
		border: 2px solid #b40b23;
		display: block;
		background-color: #fff;
		color: #d40b23;
		border-radius: unset;
		transition: 800ms;
	}

	.content-product-more.opened.open .content-product-more-btn.shop-reset span {
		width: unset;
		border: none;
		border-radius: unset;
		color: #d40b23;
		display: block;
		transition: 800ms;
	}

	.content-product-more.opened .content-product-more-btn span {
		display: block;
		width: unset;
		border: none;
	}

	.content-product-more.opened .content-product-more-btn:hover span {
		color: #b40b23;
	}

	.content-product-more.opened .content-product-more-btn::after {
		top: 40px;
		border-top: 2px solid #d40b23;
		border-right: 2px solid #b40b23;
	}

	.content-product-more.opened .content-product-more-btn {}

	.content-product-more.opened .content-product-more-btn.shop-reset {
		border: 2px solid #b40b23;
		transition: 2000ms;
	}

	.content-product-more-shop li a {
		padding-top: 15px;
		font-size: 21px;
		line-height: 2.5;
	}

	/* .content-product-more-btn span {
		color: #fff;
		font-weight: 300;
		font-size: 35px;
	} */

	/* .content-product-more-btn::after {
		top: 38px;
		right: 40px;
		width: 12px;
		height: 12px;
	} */

	/* .content-product-more-btn::before {
		background: unset;
		border: solid #d40b23 2px;
		border-radius: 50px;
		width: 422px;
		height: 91px;
		margin-top: -45px;
		margin-left: -44px;
	} */

	/* .content-product-more-btn:hover span {
		font-weight: 300;

	} */


	/* .content-product-more.opened.open .content-product-more-btn span {
		padding: 16px;
		width: 422px;
	} */

	/* .content-product-more.opened .content-product-more-btn span {
		padding: 16px;
		width: 422px;
	} */

	/* .content-product-more.opened.open .content-product-more-btn::after {
		top: 40px;
	} */


	.oilmilk-set {
		top: 1100px;
	}

	.oilmilk-set p {
		font-size: 29px;
		margin-top: -7px;
		margin-bottom: -5px;
		letter-spacing: 2.3px;
	}

	.oilmilk-set .prod-img {
		width: 338px;
		margin-bottom: 30px;
	}

	.content-product-more {
		height: 56px;
	}

	#oilmilk.content-product-more {
		height: 44px;
	}

	.content-product-more .content-product-more-shop li.amazon-btn,
	.content-product-more .content-product-more-shop li.bf-btn {
		margin-bottom: 85px;
	}

	#brshts .content-product-more-shop {
		top: -199px;
	}

	#oilmilk .content-product-more-shop {
		top: -195px;
	}

	.lu_copy {
		bottom: 97px;
		width: 65px;
		right: 24px;
	}

	/* .content-product-more.opened .content-product-more-btn:hover::before {
		background: #fff;
		outline-color: rgba(0, 0, 0, 0);
		border: solid #d40b23 2px;
		color: #b40b23;
	} */


}

.content-product-more-btn::before {
	display: none;
}


/* プロダクト */
#product {
	border-left: solid #d40b23 3px;
	border-right: solid #d40b23 3px;
	padding-bottom: 15vw;
	background: #fff;
}

.product-title {
	top: -7vw;
	font-size: 7vw;
}

.prod-item {
	text-align: center;
	padding-top: 12vw;
}

.prod-item.prod-item-aurora {
	padding-top: 17vw;
}

/* .prod-item:nth-of-type(2) {
	padding-top: 16vw;
}

.product-smtmst .prod-item {
	padding-top: 15vw;
} */

.product_asayake {
	width: calc(400vw / 8.28);
}

.product_aurora {
	width: calc(463vw / 8.28);
}

.product_smooth,
.product_moist {
	width: 80%;
}

.product-smtmst {
	display: flex;
	justify-content: center;
	column-gap: 3vw;
}

/* .product {
	margin-top: 38.9vw;
	text-align: center;
} */

.prod-aurora {
	padding-top: 6vw;
}

.product .prod-list {
	display: flex;
	justify-content: space-between;
	width: 80.19323671497585vw;
	margin: 15.6vw auto 0;
}

.prod-item .product_aurora {
	width: calc(454vw / 9.588);
}

.prod-item .product_smooth {
	width: calc(327vw / 8.28);
}

.prod-item .product_moist {
	width: calc(327vw / 8.28);
	margin-left: 1vw;
}

.prod-item .ttl {
	margin-top: -1.4vw;
	color: #343434;
	font-size: 3.260869565217391vw;
	font-family: Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

.prod-item .name {
	margin: 0 -.2vw;
	position: relative;
	top: .1vw;
	font-size: 5.782608695652174vw;

	font-weight: 400;
}

.prod-item .txt {
	margin-top: -1.1vw;
	color: #000;
	font-size: 3.260869565217391vw;
	letter-spacing: .11em;
	line-height: 1.4;
}

.product .link-btn {
	margin: 5.3vw auto 0;
}

.content-product-more-shop {
	border-left: 1px solid #d40b23;
	border-right: 1px solid #d40b23;
}

.content-product-more-shop li:not(:first-of-type),
.content-product-more-shop li:first-of-type {
	border-top: 1px solid #d40b23;
	border-image: unset;
	height: 15vw;
}

.content-product-more-shop li:last-of-type {
	border-bottom: 1px solid #d40b23;
	border-image: unset;
}

.content-product-more-shop li:hover {
	background: #ffb3c5;
}

/* リンクボタン */
.link-btn {
	position: relative;
	margin: 5vw auto 0;
	/* padding: 2px;
	height: 13.6vw; */
	width: 65%;
	background: linear-gradient(#fff);
	background-size: 120% auto;
	font-family: 'Josefin Sans', sans-serif;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	line-height: 13.6vw;
	border: 2px solid #d40b23;
}

.link-btn a {
	display: block;
	position: relative;
	width: 100%;
	height: calc(13.6vw - 4px);
	background: rgba(255, 255, 255, 0);
	border-radius: 50px;
	text-align: center;
	font-size: 5.072463768115942vw;
	font-weight: 350;
	line-height: calc(13.6vw - 4px);
	transition: all .5s;
	color: #d40b23;
}

.link-btn a:hover {
	color: #fff;
	background: #d40b23;
}

.link-btn a::after {
	content: '';
	position: absolute;
	top: calc(13.6vw / 2 - 6px);
	right: 5vw;
	width: 8px;
	height: 8px;
	border-top: 2px solid #d40b23;
	border-right: 2px solid #d40b23;
	transform: rotate(45deg);
	transition: all .5s;
}

.link-btn a:hover::after {
	right: 1.5vw;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

@media screen and (min-width: 769px) {
	#product {
		background-color: #fff;
		border-left: solid #d40b23 5px;
		border-right: solid #d40b23 5px;
		padding-bottom: 150px;
	}

	.product-title {
		top: -50px;
		font-size: 42px;
	}

	.link-btn {
		height: 76px;
		width: 430px;
		border-radius: 50px;
		border: 2px solid #d40b23;
		margin: 30px auto 0;
		padding: 0;
		height: unset;

	}

	.link-btn a {
		font-size: 34px;
		font-weight: 300;
		line-height: 75px;
		height: unset;
	}

	.link-btn a::after {
		top: 35px;
		right: 40px;

	}

	.prod-item {
		padding-top: 50px;
	}

	.prod-item .ttl {
		margin-top: -13px;
		font-size: 20px;
		letter-spacing: 1px;
	}

	.prod-item .name {
		margin: 0 -3.2px;
		top: 2px;
		font-size: 36px;
	}

	.prod-item .txt {
		margin-top: 2px;
		font-size: 22px;
		letter-spacing: 1px;
	}

	.prod-item .product_aurora,
	.prod-item .product_asayake {
		width: 357px;
		margin-top: 11px;
	}

	.prod-item .product_smooth,
	.prod-item .product_moist {
		width: 260px;
		margin-top: 25px;
	}

	.content-product-more-shop li:not(:first-of-type),
	.content-product-more-shop li:first-of-type {
		height: 78px;
	}

	.product-smtmst {
		width: 550px;
		margin: 0 auto;
		column-gap: 8px;
	}

	.product-smtmst .prod-item .ttl {
		margin-top: 13px;
		font-size: 18px;
		letter-spacing: 1px;
	}

	.product-smtmst .prod-item .name {
		margin: 0 -3.2px;
		top: 2px;
		font-size: 30px;
	}

	.product-smtmst .prod-item .txt {
		margin-top: 10px;
		font-size: 20px;
		letter-spacing: 1px;
	}

	.prod-item.prod-item-aurora {
		padding-top: 40px;
	}

}

/* fuooter */
.site-footer {
	background: #d40b23;
	position: relative;
}

.site-footer a {
	color: #fff;
}

.js-copy-year {
	color: #fff;
}

.ex-link:after {
	background-color: #fff;
	-webkit-mask: url(../img/ico_exlink.svg) no-repeat center / contain;
	mask: url(../img/ico_exlink.svg) no-repeat center / contain;

}



/* 注釈 */
.ruby {
	position: relative;
}

.ruby::before {
	position: absolute;
	top: -1.7vw;
	right: 0;
	font-size: 2.0531400966183577vw;
}

.ruby.t-00::before {
	content: "※";
}

.ruby.t-01::before {
	content: "※1";
}

.ruby.t-02::before {
	content: "※2";
}

.ruby.t-03::before {
	content: "※3";
}

.cap-wrap {
	width: calc(750vw / 8.28);
	margin: 0 auto;
}

.cap {
	font-size: calc(17vw / 8.28);
	line-height: 1.7;
	text-align: left;
	letter-spacing: .05em;
}

sup {
	font-size: calc(17vw / 8.28);
	vertical-align: super;
	letter-spacing: 0.04em;
}

h3 {
	font-size: calc(55vw / 8.28);
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	text-align: center;
	line-height: 1;
}

h3 span {
	display: block;
	font-size: calc(30vw / 8.28);
	font-family: 'Shippori Mincho B1', serif;
}



/*----------------------------------------
 Parallax Background Content
----------------------------------------*/


.footer {
	background: #d40b23;
	position: relative;
	padding-top: 94px;
}

@media (max-width: 750px) {
	.footer {
		padding-top: calc(max(1px, 14.359vw) * 1);
	}
}

.site-footer__brand {
	text-align: center;
}

.site-footer__link-name {
	color: #fff;
}

.site-footer__link:hover {
	color: #fff;
}

.footer {
	opacity: 0;
}

.site-footer__copyright {
	color: #333;
	padding-bottom: calc(clamp(1px, 3.7037vw, 50px) * 1);
	margin-bottom: 0;
}

.content-cool section {
	background: transparent;
}

/* 20261027販売前 */
.content-product-more-btn.shop-reset {
	pointer-events: none;
}

.content-product-more-btn:after {
	display: none;
}

.content-product-more-btn span.bamx-1027-text {
	font-size: 4vw;
	font-weight: 400;
	padding-top: 1vw;
}

@media screen and (min-width: 750px) {
	.content-product-more-btn span.bamx-1027-text {
		font-size: 25px;
		font-weight: 400;
		padding-top: 6px;
	}
}