.secMakeUpStyle {
	background-color: #dbc7ca;
	padding-top: 140px;
}

.secMakeUpStyle .secInr {
	background: #f1f3f4;
}

.secMakeUpStyle .secInr .secTtlImgWrap {
	position: relative;
	height: 240px;
	display: flex;
	align-items: center;
	opacity: 1;
}

.secMakeUpStyle .secInr .secTtlImgWrap::before {
	content: " ";
	width: 100%;
	height: 82%;
	background-color: #fff;
	position: absolute;
	top: -142px;
	left: -150px;
	opacity: 0;
	transform: translateX(-100%);
	transition: all 0.8s ease-out;
}

.secMakeUpStyle .secInr .secTtlImgWrap.js-active::before {
	opacity: 1;
	transform: translateX(0);
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	transform: translateY(-153%);
	text-align: center;
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgEN,
.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP {
	display: block;
	margin: 0 auto;
	opacity: 0;
	transition: all 0.8s ease-in-out;
	transition-delay: 0.5s;
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgEN {
	width: 32.94118%;
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgEN img {
	width: 100%;
	height: auto;
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP {
	margin-top: 18px;
	width: 18.23529%;
}

.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP img {
	width: 100%;
	height: auto;
}

.secMakeUpStyle .secInr .secTtlImgWrap.js-active .secTtlImg .secTtlImgEN,
.secMakeUpStyle .secInr .secTtlImgWrap.js-active .secTtlImg .secTtlImgJP {
	opacity: 1;
}

.secMakeUpStyle .secInr .secCts .ctsLead {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock {
	max-width: 1140px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 70px auto 0;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item {
	width: 500px;
	margin: 0 auto;
	position: relative;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item .itemTtl {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 270px;
	height: 64px;
	box-sizing: border-box;
	padding: 22px 10px 20px;
	background: #ddcbcf;
	position: absolute;
	top: 0;
	left: -20px;
	opacity: 0.96;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item .itemTtl .ttl {
	color: #fff;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 0.1em;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item .itemImg img {
	width: 100%;
	height: auto;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap .pagerItem {
	margin: 0 6px;
	width: 40px;
	height: 20px;
	position: relative;
	cursor: pointer;
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap .pagerItem::before {
	content: " ";
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap .pagerItem.js-stay::before {
	background-color: #dbc7ca;
}


.secMakeUpStyle .secInr .secCts .styleItemWrap {
	margin-top: 110px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl {
	text-align: center;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl span {
	display: block;
	max-width: 300px;
	margin: 0 auto;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl .styleItemTtlJP {
	margin-top: 22px;
	color: #3e3a39;
	font-size: 1.8rem;
	line-height: 1.5;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap {
	margin-top: 35px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap {
	position: relative;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap+.styleBlockListWrap {
	margin-top: 20px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap::before {
	content: " ";
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -10.71429%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockList {
	position: relative;
	z-index: 1;
	max-width: 1190px;
	padding: 0 12% 0 4.28571%;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockTtl {
	position: relative;
	width: 17%;
	padding-top: 50px;
	padding-bottom: 18px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockTtl::before {
	content: " ";
	width: 24px;
	height: 2px;
	background-color: #dfd0d2;
	position: absolute;
	bottom: 0;
	left: 0;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockTtl img {
	height: auto;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(1) .styleBlockTtl img {
	width: 48.05195%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(2) .styleBlockTtl img {
	width: 37.01299%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(3) .styleBlockTtl img {
	width: 31.81818%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(4) .styleBlockTtl img {
	width: 48.7013%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockDesc {
	flex: 1;
	box-sizing: border-box;
	padding-right: 20px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList+.styleList {
	border-top: 1px solid #f1f3f4;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList a {
	text-decoration: none;
	padding: 30px 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	transition: opacity 0.2s ease-in-out;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList a:hover {
	opacity: 0.4;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .noClick {
	opacity: 1 !important;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleTtl {
	width: 72.29551%;
	color: #3e3a39;
	font-size: 1.6rem;
	line-height: 2;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleNote {
	font-size: 1.2rem;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo {
	display: flex;
	align-items: center;
	width: 40%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo .styleImg {
	width: 54.54545%;
	max-width: 128px;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo .styleImg img {
	width: 100%;
	opacity: 1;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo .styleItemName {
	flex: 1 0 0%;
	box-sizing: border-box;
	padding-left: 30px;
	color: #3e3a39;
	font-size: 1.4rem;
	line-height: 1.5;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .imgWrap {
	display: flex;
	align-items: center;
	width: 40%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .imgWrap .styleInfo {
	width: 100%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .imgWrap .styleInfo+.styleInfo {
	margin-top: 10px;
}

/* TB
----------------------------------*/
@media screen and (max-width: 950px) {
	.secMakeUpStyle {
		padding-top: 50px;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap {
		height: 108px;
		transform: translateY(-54px);
	}

	.secMakeUpStyle .secInr .secTtlImgWrap::before {
		top: 0;
		left: -20px;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap.js-active::before {
		opacity: 1;
		transform: translateX(0);
		height: 100%;
		top: 0;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg {
		transform: translateX(0);
		text-align: center;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgEN,
	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP {
		display: block;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP {
		margin-top: 10px;
	}

	.secMakeUpStyle .secInr .secCts {
		margin-top: 0;
		padding: 113px 0 0;
	}
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secMakeUpStyle {
		background-color: #dbc7ca;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgEN {
		width: 100%;
		max-width: 200px;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg .secTtlImgJP {
		width: 31.2%;
		max-width: 130px;
	}

	.secMakeUpStyle .secInr {
		background: #f1f3f4;
		padding-bottom: 50px;
	}

	.secMakeUpStyle .secInr .secCts .ctsLead {
		font-size: 1.4rem;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock {
		max-width: 100%;
		margin: 4% auto 0;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .mask {
		width: 45.73333%;
		height: 0;
		padding-top: 115%;
		position: relative;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .slider {
		position: absolute;
		top: 0;
	}



	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item {
		width: 100%;
		box-sizing: border-box;
		padding: 35px 28px 0;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item .itemTtl {
		width: 175px;
		height: 45px;
		left: 15px;
		padding: 6px 10px;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .item .itemTtl .ttl {
		font-size: 1.4rem;
	}


	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleNote {
		font-size: 10px;
	}



	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap {
		margin-top: 5%;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap .pagerItem {
		margin: 0 5px;
		width: 40px;
		height: 20px;
	}

	.secMakeUpStyle .secInr .secCts .ctsSlideBlock .pagerWrap .pagerItem::before {
		height: 2px;
	}


	.secMakeUpStyle .secInr .secCts .styleItemWrap {
		margin-top: 55px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl span {
		display: block;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl .styleItemTtlEN img {
		width: 43.73333%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleItemTtl .styleItemTtlJP {
		margin-top: 15px;
		font-size: 3.2vw;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap {
		margin-top: 30px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap+.styleBlockListWrap {
		margin-top: 10px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap::before {
		left: -20px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockList {
		max-width: 100%;
		padding: 0 40px;
		display: block;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockTtl {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 14px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockTtl::before {
		width: 20px;
		height: 2px;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(1) .styleBlockTtl img {
		width: 17.46032%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(2) .styleBlockTtl img {
		width: 13.65079%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(3) .styleBlockTtl img {
		width: 11.26984%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap:nth-of-type(4) .styleBlockTtl img {
		width: 17.61905%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleBlockDesc {
		padding-right: 0;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList a {
		padding: 2% 0;
		display: flex;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleTtl {
		width: 66.66667%;
		font-size: 3.2vw;
		line-height: 2;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo {
		display: block;
		flex: 1;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo .styleImg {
		width: 100%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfo .styleItemName {
		margin-top: 5px;
		padding-left: 0;
		width: 100%;
		text-align: center;
		font-size: 2.66667vw;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap.js-active::before {
		opacity: 1;
		transform: translateX(0);
		top: 4px;
		height: 100%;
		left: -5%;
	}

	.secMakeUpStyle .secInr .secTtlImgWrap .secTtlImg {
		transform: translateY(7px);
		text-align: center;
	}


	.secMakeUpStyle .secInr .secCts {
		margin-top: 0;
		padding: 0;
	}
}





.secMakeUpStyle .secInr .secCts .selectSeason {
	margin-top: -113px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.secMakeUpStyle .secInr .secCts .selectSeason::before {
	content: " ";
	width: 89.28571%;
	height: 77px;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1100px;
	height: 77px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap {
	display: flex;
	justify-content: center;
	height: 100%;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season {
	box-sizing: border-box;
	padding: 0 25px;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-decoration: none;
	transition: all 0.3s ease-out;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season .btn .txt {
	font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 15px;
	line-height: 80px;
	letter-spacing: 0.1em;
	color: #d07184;
}

.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season.current .btn .txt {
	color: #d07184;
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secMakeUpStyle .secInr .secCts .selectSeason {
		margin-top: -10px;
	}

	.secMakeUpStyle .secInr .secCts .selectSeason::before {
		width: 100%;
		height: 100%;
		left: 35px;
	}

	.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr {
		max-width: 100%;
		height: 60px;
		padding: 0;
	}

	.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap {
		flex-wrap: wrap;
		width: 100%;
		margin: 0 -10px;
		justify-content: center;
	}

	.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season {
		width: 50%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.secMakeUpStyle .secInr .secCts .selectSeason .seasonInr .seasonWrap .season .btn .txt {
		font-size: 1.2rem;
		line-height: 1.6;
		text-wrap: nowrap;
		letter-spacing: 0.14em;
			color: #d07184;
	}



}


.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfoWrap {
	width: 40%;
}

.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfoWrap .styleInfo {
	width: 100%;
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfoWrap {
		flex: 1;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfoWrap .styleInfo {
		width: 100%;
	}

	.secMakeUpStyle .secInr .secCts .styleItemWrap .styleBlockWrap .styleBlock .styleBlockListWrap .styleListWrap .styleList .styleInfoWrap .styleInfo+.styleInfo {
		margin-top: 10px;
	}
}