.link-list {font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;}
/* ===================== pc ===================== */

#visual #slider img {
	width: 100%;
	height: auto;
}

.slick-dots {
	bottom: 10px;
}
.slick-dots li button,
.slick-dots li button:before {
	border-radius: 50%;
}
.slick-dots li button:before {
	background-color: #fff;
}

#slider_bnr div {
	/*margin: 0 5px;*/
}
#slider_bnr img {
	width: 100%;
	height: auto;
}

#slider_bnr .slick-list {
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

#slider_bnr .slick-slide {
	opacity: .5;
	transform: scale(.9);
	transition: all 300ms ease;
	box-sizing: border-box;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
#slider_bnr .slick-slide.bnrCenter {
	position: relative;
	opacity: 1;
	padding: 0;
	transform: scale(1.2);
	z-index: 1;
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}

#slider_bnr .prev,
#slider_bnr .next {
	position: absolute;
	top: 50%;
	width: 4rem;
	height: 4rem;
	padding: 12px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.8);
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	z-index: 1;
	cursor: pointer;
	box-sizing: border-box;
}

#slider_bnr .prev img,
#slider_bnr .next img {
	width: 100%;
	height: 100%;
}

@media print, screen and (min-width: 769px) {
	body.top {
		/*min-width: 1200px;*/
		width: 100vw;
	}
	#slider_bnr {
		margin-bottom: 80px;
	}
	#slider_bnr .slick-slide {
		width: 480px;
		margin: 0 10px;
	}
	#slider_bnr .slick-slide:hover {
		opacity: .7;
	}
	#slider_bnr .prev {
		left: 5%;
	}
	#slider_bnr .next {
		right: 5%;
	}
	#visual {
		position: relative;
		width: 100%;
		overflow: hidden;
		/* background: url("/common/images/index/concept_bg.jpg") repeat top center; */
		/*background: url("/common/images/index/main_bg.jpg") no-repeat top center #f6fafc;
		background-size: auto 100%;*/
	}
	#visual .home {display: none;}
	#visual-body {position: relative; width: 1000px; height: 470px; margin: 0 auto;}
	#main_pro {fdisplay: none; position: absolute; left: 5%; top: 45px; width: 444px; height: auto;}
	#main_logo {fdisplay: none; position: absolute; left: 30%; top: 250px; width: 330px; height: 108px; margin-left: -195px;}
	#main_okumura {position: absolute; right: 120px; top: 10px; width: 386px; height: 460px;}
	#main_copy {display: none; position: absolute; right: -10%; top: 40px; width: 80px; height: auto;}
	#main_okumura_name {display: none; position: absolute; right: 466px; bottom: 154px; width: 62px; height: 24px;}
	#visual-body img {width: 100%; height: auto;}
	
	#visual #slider {
		/* position: absolute;
		top: 0;
		left: 50%;
		/* width: 1410px; */
		width: 100%;
		margin: 0 auto;
		/* transform: translateX(-50%); */
	}

	#visual #slider img {
		width: 100%;
		height: auto;
	}

	#main_pro {
		opacity: 0;
		transform: translate(-120px, 0);
		-webkit-transform: translate(-120px, 0);
		transition: opacity 5s linear;
		-webkit-transition: opacity 5s linear;
	}
	#main_logo {
		opacity: 0;
		transition: opacity 3s linear;
		-webkit-transition: opacity 3s linear;
	}
	#main_okumura {
		opacity: 0;
		-webkit-transform: translate3d(120px,0,0);
		transform: translate3d(120px,0,0);
	}
	
	#main_pro,
	#main_okumura {
		-webkit-transition: 1s cubic-bezier(0, 0, 0.58, 1.0),-webkit-transform 3s cubic-bezier(0.23, 1, 0.32, 1);
		transition: 1s cubic-bezier(0, 0, 0.58, 1.0),transform 3s cubic-bezier(0.23, 1, 0.32, 1);
	}
	#main_logo.is-visible {
		opacity: 1;
	}
	#main_pro.is-visible,
	#main_okumura.is-visible {
		/*transition-delay: 0s;変化開始までの時間*/
		opacity: 1;
		/*
		-webkit-transform: scale(1) translate3d(0,0,0);
		transform: scale(1) translate3d(0,0,0);
		*/
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	
	
	.wave-box {
		position: absolute;
		left: 0;
		bottom: -150px;
		width: 100%;
		height: 150px;
		border-radius: 5px;
		box-shadow: 0 2px 30px rgba(black, .2);
		background: lighten(#ed91b9, 10%);
		overflow: hidden;
		transform: translate3d(0, 0, 0);
	}
	
	.wave {
		opacity: .4;
		position: absolute;
		top: 130px;
		left: 31%;
		background: #ed91b9;
		width: 2000px;
		height: 2000px;
		margin-left: -1000px;
		dmargin-left: -250px;
		dmargin-top: -250px;
		transform-origin: 50% 48%;
		border-radius: 43%;
		animation: drift 30000ms infinite linear;
	}
	
	.wave.-three {animation: drift 40000ms infinite linear;}
	.wave.-two {animation: drift 50000ms infinite linear;opacity: .1; background: #ed91b9;}
	
	/*concept*/
	#concept {width: 100%; background: url("/common/images/index/concept_bg.jpg") no-repeat center top; background-size: cover; padding: 30px 0 0 0;}
	#concept_body {position: relative; width:100%; max-width: 1400px; margin: 0 auto; /*padding: 30px 400px 80px 50px; box-sizing: border-box;*/}
	#concept h2 {margin: 40px 0; font-size: 22px; line-height: 1.6em; font-weight: 400;/*text-align: center;*/font-size: clamp(16px, calc(2.0vw + 0.5rem), 32px);}
	#concept h2 span {display: block; margin-bottom: 10px; /*text-align: center;*/}
	#concept h2 img {position: relative; top: 8px; width: 158px; height: auto; padding-top: 10px; vertical-align: bottom;}
	#concept .pkg {position: absolute; right: 0px; top: 0px; width: 368px;}
	#concept #concept_body ul {margin: 0; padding: 0; list-style-type: none; text-align: center;margin: 0 2vw 0 0;}
	#concept #concept_body li {
		display: inline-block; vertical-align: middle; width: 190px; height: 190px; /*margin: 0 40px; border: solid 1px #DB4252; border-radius: 129px;*/ font-size: 14px; line-height: 1.6em;
		transition: background-color .15s linear;
		-webkit-transition:  background-color .15s linear;
		-moz-transition:  background-color .15s linear;
		-ms-transition:  background-color .15s linear;
		width: clamp(160px, calc(18vw + 1.5rem), 240px);
		height: clamp(160px, calc(18vw + 1.5rem), 240px);
	}
	/*#concept #concept_body li span {display: table-cell; vertical-align: middle; width: 158px; height: 140px; background: url("/common/images/index/icon1.svg") no-repeat center bottom 10px; background-size: 8px 16px;}
	#concept #concept_body li a {display: block; width: 100%; height: 100%; color: #000;}
	#concept #concept_body li:hover { background-color: #DB4252;}
	#concept #concept_body li:hover a {color: #fff;}
	#concept #concept_body li:hover span {
		text-shadow: 0 0 10px #fff, 0 0 40px #fff, 0 0 60px #fff;
		background-image: url("/common/images/index/icon2.svg");
	}*/
	
	#concept .pkg img {width: clamp(280px, calc(38vw + 0.5rem), 450px); height: auto;/*width: 400px*/;float:right;margin-top: 100px;margin-right:4vw;}
	#concept p.txt {font-size: 19px; margin-bottom: 30px;font-size: clamp(12px, calc(1.4vw + 0.5rem), 24px);}
	#concept p.small {
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		/*text-align: right;*/
		font-size: 11px;
		margin: 40px 0;
		color: #666666;
	}
	#concept #pickup p.small{
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		text-align: right;
		font-size: 11px;
		margin: 0 auto 20px;
		color: #666666;
	}
	#concept #origin {margin: 30px 0 20px; text-align: center; font-size: 16px; line-height: 1.6em; color: #DB4252;}
	
	/*pickup*/
	#pickup {width: 1000px; margin: 0 auto; text-align: center;}
	#pickup h2 {margin: 0 auto; font-size: 20px;}
	#pickup .banner {width: 480px; display: inline-block;}
	/* #pickup .banner_box:nth-child(2n) {margin-left: 16px;} */
	#pickup .banner_box:nth-child(2n) {margin-left: 40px;}
	#pickup p{font-size: 24px; text-align: center;}
	#pickup p.en {font-size: 30px; text-align: center; margin: 0px auto 10px; color: #DB4252;}
	#pickup .bnr_cp2022 {background: url("/common/images/index/banner_cmp202209.jpg") no-repeat center top; background-size: 100%; /*margin-left: 16px;*/}
	#pickup .bnr_mask-damagecare {background: url("/common/images/index/banner_mask-damagecare.jpg") no-repeat center top; background-size: 100%;}
	
	/*special*/
	#special {width: 100%; margin: 0 auto; padding: 30px 0; background-color: rgba(255,255,255,.5);}
	#special h2 {margin: 0 auto; font-size: 20px;}
	/* #special .banner {width: 480px; display: inline-block;} */
	/* #special .banner:nth-child(n) {margin-left: 16px;} */
	
	#special .banner img {width: 100%;}
	#special {text-align: center;}
	#special p{font-size: 20px;}
	#special p.en {font-size: 30px; text-align: center; margin: 0 auto 10px; color: #DB4252;}
	#special bnr_info {url(/common/images/index/banner_pickup.jpg) no-repeat center top; background-size: 100%;}
	#special .bnr_skincarecheck {background: url("/common/images/index/banner_skincarecheck.jpg") no-repeat center top; background-size: 100%;}

	/*contents*/
	#contents {width: 100%; background: url("/common/images/common/contents_bg1.jpg") repeat-y center top; background-size: 100%; background-attachment: fixed;}
	
	/*lineup*/
	#lineup {width: 100%;}
	.series:nth-child(odd) {background-color: #fff;}
	.series:nth-child(even) {
		background: url(/common/images/common/contents_whitening_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	.series-body {position: relative; /*width: 1000px;*/ min-height: 350px; margin: 0 auto; padding: 30px 0; box-sizing: border-box;}
	.series h2 {width: 435px; height: 250px;}
	.series h2 img {width: 100%; height: auto;}
	.series-body p.copy {position: absolute; left: 110px; top: 180px;}
	.series-body p.link {position: absolute; left: 120px; top: 260px; width: 160px; height: 36px; line-height: 36px; border: solid 1px #707070; font-size: 16px; background: url("/common/images/common/icon2.svg") no-repeat right 10px center; background-size: 10px 12px;}
	.series-body p.link a {display: block; width: 100%; height: 100%; padding-left: 20px; box-sizing: border-box;}
	.series-body p.small {
		width: 435px;
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		font-size: 11px;
		text-align: right;
		color: #666666;
		margin-top: 30px;
	}
	.seriesRight {position: absolute; right: 0; top: 35px; width: 560px; height: 280px;}
	.seriesRight img {width: 100%;}
	#series1.seriesRight {overflow: hidden;}
	#series1.seriesRight p {position: absolute; left: 0; top: 0;}
	#series1.seriesRight p.pic {top: 20px; height: 280px; padding: 0 30px;}
	#series1.seriesRight .pic img {width: auto; height: 100%;}
	#series1.seriesRight p.mask {z-index: 10;}
	#series1.seriesRight #prev, #series1.seriesRight #next {position: relative; width: 36px; height: 36px; margin-top: 122px; z-index: 30; cursor: pointer;}
	#series1.seriesRight #prev {float: left; display: none;}
	#series1.seriesRight #next {float: right;}
	
	.link-list {position: absolute; right: 0; bottom: 35px; width: 100px; height: 25px; line-height: 25px; font-size: 11px; border: solid 1px #707070; background: url("/common/images/common/icon2.svg") no-repeat right 10px center; background-size: 7px 8px; z-index: 20;}
	.link-list a {display: block; width: 100%; height: 100%; padding-left: 10px; box-sizing: border-box; }
	
	/*movie*/
	#etc {background: url("/common/images/index/etc_bg.png") no-repeat center bottom; background-size: cover;}
	/*#movie {position: relative; width: 1200px; min-height: 400px; margin: 0 auto; background: url("/common/images/index/movie_bg.png") no-repeat center top; background-size: 100%;}*/
	#movie{background: #ffffff;}
	#movie_howto {
		position: relative;
		/*min-width: 1200px;*/
		/*width: 100%;*/
		/*width: 1200px;*/
		min-height: 400px;
		margin: 0 auto; 
		background: url("/common/images/index/movie_bg.png") no-repeat center top; 
		background-size: 100%;
	}
	#movie_howto .pkg {position: absolute; left: 120px; top: 30px; width: 400px; height: 340px;}
	#movie_howto .pkg img {width: 100%; height: auto;}
	#movie_howto div {position: absolute; right: 160px; top: 30px; width: 480px; height: auto;}
	#movie_howto div img {width: 100%; height: auto; padding: 0 0 10px 0;
		backface-visibility: hidden; /*- Chromeでのズレをなくす -*/
	}
	#movie_howto div p.movie_title{
		color: #EA6D5E;
		font-size: 22px;
		text-align: center;
	}
	#movie_howto .movie_box,
	#movie_howto .movie_box p{
		width: 480px;
		height: 270px;
		display: block;
		right: 0;
		top: 40px;
	}
	#movie_howto a,
	#movie_howto a img{outline:none;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
	}
	#movie_howto a:hover{
		opacity: 0.6;
		filter: alpha(opacity=60);
	}

	/*トップのmovie*/
	#concept #movie_box {
		width: 1000px;
		display: flex;
		justify-content: center;
		margin: 50px auto;
	}
	#concept #movie_box > div {
		width: 48%;
		height: auto;
	}
	#concept #movie_box video {
		width: 100%;
	}
	#concept #movie_box p.read {
		padding: 5px 0;
		/*background-color: #fff;*/
		border: 4px #DB4252 double;
		font-size: 20px;
		text-align: center;
		margin: 0 auto 20px;
	}

	/*
	#movie iframe {position: relative; width: 100%; height: 100%; z-index: 2;}
	#movie div:before {content: ''; display: block; position: absolute; left: -16px; top: 16px; width: 480px; height: 270px; background-color: #d3d3d3; z-index: 0;}
	*/
	
	/*etc*/
	#etc_body1 {width: 100%; padding: 30px 0; text-align: center; background-color: rgba(255,255,255,.5);}
	#etc_body1 div,
	#etc_body2 div {display: inline-block; vertical-align: top; width: 300px; margin: 0 20px;}
	#etc_body1 div:nth-of-type(2) {margin-top: 60px;}
	#etc_body1 div h2 {width: 174px; margin: 0 auto 20px;}
	#etc_body1 div img {width: 100%; height: auto;}
	#etc_body2 {padding: 50px 0; text-align: center;}
	#etc_body2 div {width: 300px; height: 200px;}
	#etc_body2 div:nth-of-type(1) {background: url("/common/images/index/shop_bg.png") no-repeat center top; background-size: 100%;}
	#etc_body2 div:nth-of-type(2) img {width: 100%; height: auto;}
	#etc .link {width: 140px; height:34px; margin: 20px auto 0; line-height:30px; border: solid 1px #707070; border-radius: 2px; text-align: center; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	#etc .link a {display: block; width: 100%; height: 100%; box-sizing: border-box;}
	#shop {padding: 25px; box-sizing: border-box;}
	#shop h3 {margin-bottom: 30px; padding-bottom: 10px; font-size: 17px; color: #707070; border-bottom: solid 1px #969696;}
	#shop select,
	.searchBtn {display: inline-block; vertical-align: middle;}
	#shop select {width: 160px; height: 34px;}
	.searchBtn {width: 84px; height: 34px;}
	.searchBtn img {width: 100%; height: auto;}
	
	
	/*-- pickup_banner --*/
	/* .banner,
	.banner_cmp,
	.banner_beauty,
	.banner_the_series,
	.banner_skincarecheck,
	.banner_open2212 {
		width: 480px;
		height: 250px;
		margin: 0 auto 20px;
		padding: 0 0 0 0;
		display: inline-block;
	} */
	/* .banner{background: url("/common/images/index/banner_pickup.jpg") no-repeat center top; background-size: 100%;}
	.banner_cmp{background: url("/common/images/index/bnr_2101cmp_end_pc.jpg") no-repeat center top; background-size: 100%;}
	.banner_beauty{background: url("/common/images/index/banner_beauty_end_pc.jpg") no-repeat center top; background-size: 100%;}
	.banner_skincarecheck {background: url("/common/images/index/banner_skincarecheck_pc.jpg") no-repeat center top; background-size: 100%;}
	.banner_the_series{background: url("/common/images/index/banner_the_series.jpg") no-repeat center top; background-size: 100%; margin-left: 16px;}
	.banner_open2212{background: url("/common/images/index/banner_open2212.jpg") no-repeat center top; background-size: 100%;} */
	
	.banner_box {
		display: inline-block;
		width: 800px;
		padding: 5px 0;
		font-size: 20px;
		text-align: center;
		margin: 0 auto 20px;
	}
	
	/* .banner img,
	.banner_cmp img,
	.banner_lp img,
	.banner_beauty img,
	.banner_wwr_lp img,
	.banner_skincarecheck img {display: none;} 
	.banner a,
	.banner_cmp a,
	.banner_lp a,
	.banner_beauty a,
	.banner_wwr_lp a,
	.banner_skincarecheck a {
		width: 100%;
		height: 250px;
		display: block;
	}
	*/

	/* .banner a:hover,
	.banner_cmp a:hover,
	.banner_lp a:hover,
	.banner_beauty a:hover,
	.banner_wwr_lp a:hover,
	.banner_skincarecheck a:hover {
		background: #ffffff;
		opacity: 0.5;
		transition: 0.3s ease-in-out;
	} */

	#special ._flex {
		display: flex;
		justify-content: space-between;
		/*width: 1200px;*/
		margin: 0 auto;
	}

	.banner {
		width: calc(98%/3);
		margin: 0;
	}

	.banner a {
		width: 100%;
		height: 100%;
		display: block;
	}
	
	.banner a:hover {
		background: #fff;
		opacity: 0.5;
		transition: 0.3s ease-in-out;
	}

	#pickup p.b_cap {
		width: fit-content;
		text-align: center;
		font-size: 24px;
		background: linear-gradient(transparent 60%, #FFCAA6 50%);
		margin: 0 auto 10px;
		padding: 0 30px;
	}
	#pickup p.b_cap span {
		color: #E95529;
		font-size: 130%;
		padding-left: 5px;
	}
	
	/*-- note --*/
	#note p{
		text-align: center;
		font-size: 14px;
	}
	#note .sp_only{display: none;}

	/*-- SNS --*/
	#visual .sns_area{
		position: relative;
		width: 100%;
		height: 50px;
		z-index: 1;
	}
	#visual .sns_area ul{
		position: absolute;
		width: 140px;
		top: 15px;
		right: 50px;
		margin: 0;
		display: flex;
		justify-content: space-between;
		/*display: table;
		table-layout: fixed;
		text-align: center;*/
	}
	#visual .sns_area li{
		width: 30px;
		height: auto;
		display: inline-block;
	}
	#visual .sns_area li img{
		width: 100%;
	}

	/*-- NOTICE --*/
	#notice_w{
		width: 1000px;
		background: #ffffff;
		margin: 0 auto;
		padding: 20px;
	}
	#notice_w p{text-align: center;}
}

@keyframes drift {
	from { transform: rotate(0deg); }
	from { transform: rotate(360deg); }
}

@media all and (-ms-high-contrast: none) {
	#contents {
		display: block;
		background-position: center top, center top;
		background-attachment: scroll, scroll;
	}
}

/* ===================== sp ===================== */

@media screen and (max-width: 768px) {
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	#slider_bnr {
		margin: 0 auto;
	}
	#slider_bnr .slick-slide {
		width: 100%;
		margin: 0 auto;
	}
	#slider_bnr .prev,
	#slider_bnr .next {
		padding: 12px;
	}
	#slider_bnr .prev {
		left: 1rem;
	}
	#slider_bnr .next {
		right: 1rem;
	}
	/*
	header {padding: 0;}
	*/
	header.opend {padding: 2rem 0;}
	/*
	header p#home,
	#visual-body, .wave-box {display: none;}
	#visual {width: 100%; height: auto;}
	#visual .home {width: auto; height: 3.6rem; margin: 2rem 0; text-align: center;}
	#visual .home img {width: auto; height: 100%;}
	*/
	#visual .home {
		display: none;
	}
	#main_visual img {width: 100%;}
	/*header.opend p#home {display: block;}*/
	
	main {width: 100%; /*background: url("/common/images/common/contents_bg_sp.jpg") no-repeat center top; background-size: cover;*/}
	
	/*concept*/
	#concept {width: 100%; padding-top: 30px; /*background: url("/common/images/common/contents_bg_sp.jpg") no-repeat center top; background-size: cover;*/}
	#concept_body {position: relative; padding: 2rem 5%; box-sizing: border-box; /*background: url("/common/images/index/concept_bg_sp.png") no-repeat center bottom; background-size: 100%;*/}
	#concept h2 {width: 100%; margin: 0 auto 2rem; font-size: 16px; line-height: 1.6em; text-align: center;}
	#concept h2 span {display: block; margin-bottom: 10px; text-align: center;}
	#concept h2 img {position: relative; top: 6px; width: 12rem; height: auto; padding-top: 10px; vertical-align: bottom;}
	#concept .pkg {width: 100%; height: auto; margin: 0 auto; text-align: center;}
	#concept .pkg img {width: 20rem; height: auto; margin: 0 auto;}
	#concept #concept_body ul {margin: 2rem 0; padding: 0; list-style-type: none; text-align: center;}
	#concept #concept_body li {display: inline-block; vertical-align: middle; width: auto; height: 12rem; margin: 0 -10px; }
	
	
	#concept #concept_body li {display: inline-block; vertical-align: middle; width: 10rem; height: 10rem; margin: 0 .5rem; border: solid 1px #DB4252; border-radius: 5rem; font-size: 12px; line-height: 1.5em;}
	#concept #concept_body li span {display: table-cell; vertical-align: middle; width: 10rem; height: 8rem; background: url("/common/images/index/icon1.svg") no-repeat center bottom 0; background-size: 8px 16px;}
	#concept #concept_body li a {display: block; width: 100%; height: 100%; color: #000;}
	
	
	
	#concept p.txt {font-size: 13px;}
	#concept p.small{
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		/*text-align: right;*/
		font-size: 70%;
		margin: 3% 0 5% 0;
		margin: 2rem 0 0 0;
		color: #666666;
	}
	#concept #origin {margin: 2rem 0 1rem; text-align: center; font-size: 14px; line-height: 1.6em; color: #DB4252;}
	
	/*pickup*/
	#pickup {width: 100%; margin: 0 auto;}
	#pickup h2 {margin: 0 auto; font-size: 20px;}
	#pickup .banner {width: 90%; display: block;}
	#pickup .banner:nth-child(n) {padding-top: 0;}
	#pickup p{font-size: 20px; text-align: center; line-height: 1.5em;}
	#pickup p.en {font-size: 25px; text-align: center; margin: 0px auto 10px; color: #DB4252;}
	#pickup .bnr_cp2022 {}
	#pickup .bnr_mask-damagecare {}
	
	#pickup p.b_cap {
		margin: 0 auto;
		text-align: center;
	}
	
	
	#pickup p.b_cap {
		width: fit-content;
		text-align: center;
		font-size: 22px;
		letter-spacing: -0.07em;
		line-height: 2em;
		background: linear-gradient(transparent 60%, #FFCAA6 50%);
		margin: 0 auto 0;
		padding: 0 0;
	}
	#pickup p.b_cap span {
		color: #E95529;
		font-size: 115%;
		padding-left: 5px;
	}
	
	
	/*special*/
	#special {width: 100%; margin: 0 auto; padding: 30px 0; background-color: rgba(255,255,255,.5);}
	#special h2 {margin: 0 auto; font-size: 20px;}
	#special .banner {width: 90%; display: block;}
	#special .banner:nth-child(n) {padding-top: 0;}
	
	#special .banner img {width: 100%;}
	#special {text-align: center;}
	#special p{font-size: 20px;}
	#special p.en {font-size: 25px; text-align: center; margin: 0 auto 10px; color: #DB4252;}
	#special bnr_info {url(}
	#special .bnr_skincarecheck {}

	
	/*contents*/
	#contents {width: 100%; background: url("/common/images/common/contents_bg_sp.jpg") repeat-y center top; background-size: 100%; background-attachment: fixed;}
	
	/*lineup*/
	#lineup {width: 100%;}
	.series:nth-child(odd) {background-color: #fff;}
	.series-body {position: relative; width: 100%; min-height: 350px; margin: 0 auto; padding: 30px 0; box-sizing: border-box;}
	.series h2 {width: auto; height: 20rem; text-align: center;}
	.series h2 img {width: auto; height: 100%;}
	.series-body p.copy {position: absolute; left: 30%; top: 15rem;}
	.series-body p.link {width: 15rem; height: 3rem; margin: 1rem auto; line-height: 3rem; border: solid 1px #707070; font-size: 14px; background: url("/common/images/common/icon2.svg") no-repeat right 10px center; background-size: 10px 12px;}
	.series-body p.link a {display: block; width: 100%; height: 100%; padding-left: 20px; box-sizing: border-box;}
	.series-body p.small {
		font-family: 'Hiragino Kaku Gothic Pro', "游ゴシック", YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
		font-size: 70%;/*text-align: right;*/margin: 0 0 5% 0;color: #666666;
	}
	.seriesRight {margin-bottom: 2rem;}
	.seriesRight img {width: 100%;}
	.link-list {position: absolute; right: 0; bottom: 2rem; width: 10rem; height: 2.5rem; line-height: 2.5rem; font-size: 11px; border: solid 1px #707070; background: url("/common/images/common/icon2.svg") no-repeat right 10px center; background-size: 7px 8px;}
	.link-list a {display: block; width: 100%; height: 100%; padding-left: 10px; box-sizing: border-box; }
	#series1.seriesRight {position: relative; height: 14rem; overflow: hidden;}
	#series1.seriesRight p {position: relative; left: 0; top: 0;}
	#series1.seriesRight p.pic {top: 0; height: 14rem; padding: 0; text-align: center;}
	#series1.seriesRight .pic img {width: auto; height: 100%;}
	#series1.seriesRight p.mask {z-index: 10;}
	#series1.seriesRight #prev, #series1.seriesRight #next {position: relative; width: 3rem; height: 3rem; margin-top: 6rem; z-index: 30; cursor: pointer;}
	#series1.seriesRight #prev {float: left; display: none;}
	#series1.seriesRight #next {float: right;}

	.series:nth-child(even) {
		background: url(/common/images/common/contents_whitening_bg_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	
	/*movie*/
	#etc {background: url("/common/images/index/etc_bg.png") no-repeat center bottom; background-size: cover;}
	#movie{background: #ffffff;}
	#movie_howto {position: relative; width: 100%; margin: 0 auto; padding: 1rem 0 3rem; background: url("/common/images/index/movie_bg.png") no-repeat center top; background-size: 100%;}
	#movie_howto .pkg {width: 24rem; height: auto; margin: 0 auto; display: block;}
	#movie_howto .pkg img {width: 100%; height: auto;}
	#movie_howto div {position: relative; width: 30rem; height: 23rem; margin: 0 auto;}
	#movie_howto div img {width: 100%; height: auto;}
	#movie_howto div.movie_box{
		width: 100%;
		height: 19rem;
		display: block;
	}
	#movie_howto a{outline:none;}
	
	/*
	#movie iframe {position: relative; width: 100%; height: 100%; z-index: 2;}
	#movie div:before {content: ''; display: block; position: absolute; left: -1rem; top: 1rem; width: 100%; height: 20rem; background-color: #d3d3d3; z-index: 1;}
	*/
	#movie_howto p {display: table-cell; position: relative; width: 30rem; height: 20rem; margin: 0 auto; z-index: 2; text-align: center; vertical-align: middle; color: #aaa; font-size: 14px; letter-spacing: 1px;}
	#movie_howto div p.movie_title{
		width: 100%;
		height: auto;
		color: #EA6D5E;
		font-size: 120%;
		text-align: center;
		display: block;
	}

	/*etc*/
	#etc_body1 {width: 100%; padding: 5% 0; text-align: center; background-color: rgba(255,255,255,.5);}
	#etc_body1 div {position: relative; margin: 2rem 0;}
	#etc_body1 div h2, #etc_body1 div .pic {display: inline-block; vertical-align: top;}
	#etc_body1 div h2 {width: 35%; height: auto; margin: 1rem 5% 0 0;}
	#etc_body1 div .pic {width: 50%;}
	#etc_body1 div img {width: 100%; height: auto;}
	#etc_body2 {padding-bottom: 1rem; text-align: center;}
	#etc_body2 div {width: 90%; height: auto; margin: 5% auto;}
	#etc_body2 div:nth-of-type(1) {background: url("/common/images/index/shop_bg.png") no-repeat center top; background-size: 100%;}
	#etc_body2 div:nth-of-type(2) img {width: 100%; height: auto;}
	#etc .link {position: absolute; left: 2.4rem; top: 40%; width: 12rem; height: 3rem; margin: 2rem auto 0; line-height: 3rem; border: solid 1px #707070; border-radius: 2px; text-align: center; background: url("/common/images/common/icon1.svg") no-repeat right 10px center; background-size: 6px 12px;}
	#etc .link a {display: block; width: 100%; height: 100%; box-sizing: border-box;}
	#shop {padding: 5%; box-sizing: border-box;}
	#shop h3 {margin-bottom: 2rem; padding-bottom: 1rem; font-size: 15px; color: #707070; border-bottom: solid 1px #969696;}
	#shop select,
	.searchBtn {display: inline-block; vertical-align: middle;}
	#shop select {width: 160px; height: 34px;}
	.searchBtn {width: 84px; height: 34px;}
	.searchBtn img {width: 100%; height: auto;}
	
	/*横向きの際に適用*/
	@media only screen and (orientation : landscape) {
		.series h2 {height: 25rem;}
		.series-body p.copy {left: 35%; top: 20rem;}
		#etc .link {left: calc(30% - 6rem);}
		#series1.seriesRight {height: 20rem;}
		#series1.seriesRight p.pic {height: 20rem;}
	}
	
	/*-- pickup_banner --*/
	.banner,
	.banner_cmp,
	.banner_lp,
	.banner_beauty,
	.banner_wwr_lp,
	.banner_skincarecheck {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 2rem 5%;
	}
	.banner img,
	.banner_cmp img,
	.banner_lp img,
	.banner_beauty img,
	.banner_wwr_lp img,
	.banner_skincarecheck img {width: 100%;}
	.banner a,
	.banner_cmp a,
	.banner_lp a,
	.banner_beauty a,
	.banner_wwr_lp a,
	.banner_skincarecheck a {
		width: 100%;
		height: auto;
		display: block;
	}
	
	/*-- note --*/
	#note{
		width: 95%;
		margin: 0 auto;
	}
	#note p{
		text-align: center;
		font-size: 110%;
	}
	#note .sp_only{display: block;}

	/*トップのmovie*/
	#concept #movie_box {
		width: 90%;
		margin: 5% auto;
	}
	#concept #movie_box > div {
		width: 100%;
		height: auto;
	}
	#concept #movie_box video {
		width: 100%;
	}
	#concept #movie_box p.read {
		padding: 5px 0;
		/*background-color: #fff;*/
		border: 4px #DB4252 double;
		font-size: 110%;
		text-align: center;
		margin: 20px 0 10px;
	}
	
	/*-- SNS --*/
	#visual .sns_area{
		width: 100%;
		height: 50px;
	}
	#visual .sns_area ul{
		position: relative;
		width: 50%;
		margin: 5% auto 0;
		display: flex;
		justify-content: space-between;
		/*display: table;
		table-layout: fixed;
		text-align: center;*/
	}
	#visual .sns_area li{
		width: 15%;
		height: auto;
		display: inline-block;
	}
	#visual .sns_area li img{
		width: 100%;
	}
	
	/*-- NOTICE --*/
	#notice_w{
		width: 80%;
		background: #ffffff;
		margin: 5% auto 0;
		padding: 5%;
	}
	#notice_w p{text-align: left;}
	#notice_w p#strong{
		text-align: center;
		text-align: bold;
	}
}



/* ===================== pc-sp ===================== */
@media print, screen and (max-width: 1200px) {
	#main_visual img {
		width: 100%;
	}
	#main_copy{
		right: 0;
		width: 60px;
	}
}
@media print, screen and (max-width: 1040px) {
	#main_visual img {
		width: 100%;
	}
	#main_copy{
		right: 2%;
		width: 60px;
	}
}
@media print, screen and (max-width: 960px) {
	#main_visual img {
		width: 100%;
	}
	#main_copy{
		right: 6%;
		width: 60px;
	}
}
@media print, screen and (max-width: 880px) {
	#main_visual img {
		width: 100%;
	}
	#main_copy{
		left: 80%;
		width: 60px;
	}
}
	@media print, screen and (max-width: 800px) {
	#main_visual img {
		width: 100%;
	}
	#main_copy{
		left: 74%;
		width: 60px;
	}
}

/* bnr_area */
.bnr_area {
	width: 1000px;
	margin: 0 auto;
}
.bnr_area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
}

.bnr_area li {
	width: calc(98%/3);
	margin: 0 0 1%;
}

.bnr_area li a {
	display: block;
	width: 100%;
}

.bnr_area li img {
	width: 100%;
}

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

	.bnr_area ul.large {
		justify-content: center;	
	}

	.bnr_area ul.large li {
		width: calc(99%/2);
	}

	.bnr_area li a {
		transition: opacity .3s ease;
		-webkit-transition: opacity .3s ease;
	}

	.bnr_area li a:hover {
		opacity: .7;
	}

}

@media screen and (max-width: 768px) {

	.bnr_area {
		width: 90%;
		margin: 0 auto;
	}

	.bnr_area ul {
		justify-content: space-between;
		margin-bottom: 0;
	}

	.bnr_area li {
		width: 49%;
		margin: 0 0 2%;
	}

}

.slide-dots {
  margin: 0;
  padding: 0;
  text-align: center;
  height:0;
    display: none;
}
.slide-dots li {
  display: inline-block;
  margin: 0 0px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.slide-dots li button::before {
  /*background-image: url("/common/images/index_202307/button.png");
  background-repeat: no-repeat;
  background-size: contain;*/
  background-color: #fff;
  content: "";
  cursor: pointer;
  height: 13.5px;
  height: 2.5px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: -24px;
  width: 35px;
}
.slide-dots li.slick-active button::before {
  /*background-image: url("/common/images/index_202307/active.png");*/
  background-color: #DB4252;
}
button {
  background: none;
  border: none;
  outline: none;
  padding: 0 25px;
}
#index_contents{
  display: flex;
  flex-direction: column-reverse;
}