@charset "UTF-8";



/* --------------------------------

 ヘッダ 帯

-------------------------------- */
#extraHead{
	display:block;
	overflow:hidden;
	padding: 15px 0;

	background: #1c6333;
	color: #FFF;

	font-size: 25px;
	line-height:125%;
	text-align: center;
	letter-spacing:0.05em;
	font-weight:300;
}

#extraHead br{
	display:none;
}

@media (max-width: 768px) {

	#extraHead{
	    padding: 3vw 0;
	    font-size: 2.4rem;
	}

	#extraHead br{
		display:initial;
	}
}

/* --------------------------------

　Cover

-------------------------------- */
#cover{
	display: block;
	overflow: hidden;
	background: #f9f9f9 url('../images/cover/cover_bg.webp') no-repeat 50% 0;
	width: 100%;
	min-width: 920px;
	height: 700px;
}

#cover .innerFrame{
	width: 920px;
	height: 100%;
}

#cover h1{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	top:20px;
	right:calc(50% + 55px);
}

#cover h2{
	display:inline-block;
	overflow:hidden;
	position:absolute;
	bottom:65px;
	left:50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

#cover p.cautionTxt {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 450px;
	left: 100px;
}


@media (max-width: 768px) {

	#cover{
		min-width:100%;
		height: auto;
	}

	#cover .innerFrame{
		width: 100%;
	}

	#cover h1{
		display:block;
		position:relative;
		top:auto;
		right:auto;
	}

	#cover img{
		width:100%;
		height:auto;
	}

	#cover h2,
	#cover p.cautionTxt{
		display:none;
	}

}



/* --------------------------------
	製品紹介
-------------------------------- */
#lpbody .product{
	display:block;
	overflow:hidden;
}

#lpbody .product h2{
	display:block;
	overflow:hidden;
	padding:20px 0;
	text-align:center;
	border-top: 4px solid #c2af65;
	background: rgb(51,102,51);
	background: -moz-linear-gradient(-45deg, rgb(51,102,51) 20%, rgb(54,106,55) 70%, rgb(33,126,58) 100%);
	background: -webkit-linear-gradient(-45deg, rgb(51,102,51) 20%,rgb(54,106,55) 70%,rgb(33,126,58) 100%);
	background: linear-gradient(135deg, rgb(51,102,51) 20%,rgb(54,106,55) 70%,rgb(33,126,58) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336633', endColorstr='#217e3a',GradientType=1 );
}

#lpbody .product h2 img{
	margin:0 auto;
}
#lpbody .product > .innerFrame{
	width:602px;
	padding:28px 0 38px;
}


#lpbody .prdImg img{
	width:100%;
	height:auto;
	max-width:600px;
	margin-bottom:0.5em;
}

#lpbody .product > .innerFrame > p{
	display:inline-block;
	overflow:hidden;
	font-size:11px;
	line-height:175%;
	width:305px;
}

#lpbody .product .order_btn{
	display:inline-block;
	overflow:hidden;
	margin-top:12px;
	float:right;
}

#lpbody .product .order_btn > a{
	display:block;
	overflow:hidden;
}

#lpbody .guaranteeMemo{
	clear:both;
	display: flex;
	justify-content: center;
	/*overflow:hidden;*/
	width:80%;
	margin:23px auto 0;
}


#lpbody .guaranteeMemo > img{
	float:left;
	margin-right:10px;
}

#lpbody .guaranteeMemo > p{
	font-size:12px;
	line-height:125%;
}

#lpbody .guaranteeMemo + p.cautionTxt{
	clear:both;
	width: 100%;
	text-align: center;
	margin-top:1em;
}



@media (max-width: 768px) {

	#lpbody .productData{
		padding-bottom:0;
	}

	#lpbody .product h2{
		padding:0 0;
	}
	#lpbody .product h2 img{
		margin:6vw 0 4vw;
	}



	#lpbody .product .innerFrame{
		width:100%;
		padding:0 0;
	}

	#lpbody .product .prdImg img{
		width:100%;
		height:auto;
		margin:6vw 0 4vw;
	}


	#lpbody .product > .innerFrame > p{
		display:block;
		overflow:hidden;
		width:100%;
		margin:1em 0;
		padding:0 3vw;
		font-size:1.2rem;
		line-height:155%;
	}

	#lpbody .product .order_btn{
		display:block;
		overflow:hidden;
		margin:3vw auto 0;
		width:76vw;
		float:none;
	}


	#lpbody .product .guaranteeMemo{
		display:none;
	}

	#lpbody .guaranteeMemo + p.cautionTxt{
		text-align:left;
		text-indent: -1em;
		padding-left: calc(1em + 3vw);
	}

}


/* --------------------------------

 40代からの自信。私の肌は、石鹸育ち。

-------------------------------- */
#catch_a{
	display:block;
	overflow:hidden;
	width:100%;
	height:710px;
	background:#ffffff url("../../sk0101/images/catch_a/bg.webp") no-repeat 50% 0;
	position:relative;
}

#catch_a picture img{
	position:absolute;
	top:50%;
	right:calc(50% + 160px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}



@media (max-width: 768px) {

	#catch_a{
		height:auto;
		background:unset;
	}

	#catch_a picture img{
		width:100%;
		height:auto;

		position:relative;
		top:0;
		right:auto;
		transform:unset;
		-webkit-transform:unset;
	}

}



/* --------------------------------

 未来の肌のためのスタートラインをご用意しました。

-------------------------------- */
#catch_b{
	display:block;
	overflow:hidden;
	width:100%;
	height:829px;
	background:#ffffff url("../../sk0101/images/catch_b/sec04_bg.webp") no-repeat 50% 0;
	position:relative;
	text-align:center;
}

#catch_b img{
	position:absolute;
	bottom:100px;
	left:0;
	right:0;
	margin:0 auto;
}


@media (max-width: 768px) {

	#catch_b{
		height:auto;
		background:unset;
	}

	#catch_b img{
		position:relative;
		bottom:auto;
	}

}


/* --------------------------------

 これ、想像以上でした

-------------------------------- */
#satisfaction{
	display:block;
	overflow:hidden;
	position:relative;
	height:669px;
	background:url("../../sk0101/images/satisfaction/sec08_pict.webp") no-repeat 50% 0;
}

#satisfaction img{
	width:inherit;
}

#satisfaction > .innerFrame{
	height:669px;
}


#satisfaction > .innerFrame > p{
	display:block;
	overflow:hidden;
	width:450px;
	position:absolute;
	top:50%;
	right:0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#satisfaction > .innerFrame > p > img:nth-child(2){
	margin:45px 0;
}



@media (max-width: 768px) {

	#satisfaction{
		height:auto;
		background:unset;
		padding-bottom:8vw;
	}

	#satisfaction img{
		width:100%;
	}


	#satisfaction > .innerFrame{
		height:auto;
		text-align: center;
	}


	#satisfaction > .innerFrame > p{
		display:block;
		width:100%;
		position:relative;
		top:0;
		right:0;
		transform:unset;
		-webkit-transform:unset;
	}

	#satisfaction > .innerFrame > p > img:nth-child(2){
		margin:-6vw auto 0;
		width:calc(100% - 12vw);
		height:auto;
	}
	#satisfaction > .innerFrame > p > img:nth-child(3){
		margin:6vw auto 0;
		width:calc(100% - 12vw);
		height:auto;
	}

}



/* --------------------------------

 年齢を美しさに変える、噂のソープ

-------------------------------- */
#catch_c{
	display:block;
	overflow:hidden;
	width:100%;
	height:597px;
	background:#ffffff url("../../sk0101/images/catch_c/sec10_bg.webp") no-repeat 50% 50%;
	background-size:cover;
	position:relative;
	margin-bottom:25px;
}

#catch_c img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

#catch_c p{
	display:none;
}



@media (max-width: 768px) {

	#catch_c{
		height:auto;
		background:unset;
		margin-bottom:0;
	}

	#catch_c img{
		position:relative;
		top:auto;
		left:auto;
		transform:unset;
		-webkit-transform: unset;
	}

	#catch_c p{
		display: block;
		overflow: hidden;
		font-size: 2.0rem;
		font-weight:400;
		line-height: 155%;
		color: #2e5b2e;
		text-align: center;
		padding:6vw 0;
	}

}



/* --------------------------------

 未来の肌のための究極の2ステップ

-------------------------------- */
#step01a p.cautionTxt+p.cautionTxt{
	margin:0 auto 0;
}


@media (max-width: 768px) {

}

/* --------------------------------

 これ１本で、嫉妬される肌へ。

-------------------------------- */
#catch_d{
	display:block;
	overflow:hidden;
	width:900px;
	height: 667px;
	margin:60px auto 50px;
	background:url("../../sk0101/images/catch_d/sec1103_a01.webp") no-repeat 0 0;
	position:relative;
}

#catch_d img{
	position:absolute;
	top:50%;
	right:205px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}



@media (max-width: 768px) {

	#catch_d{
		width:100%;
		height: auto;
		margin:3vw auto 0;
		background:unset;
	}

	#catch_d img{
		position:relative;
		top:auto;
		right:auto;
		transform:unset;
		-webkit-transform:unset;
		width:100%;
		height:auto;
	}

}





/* --------------------------------

 フランスのコスメ大賞で大賞を受賞しました。

-------------------------------- */
#getprize h3 > sup{
	font-size:12px;
	top:-1.5em;
}

@media (max-width: 768px) {

	#getprize h2{
		padding:0 3vw;
	}

	#getprize h3 > sup{
		font-size:1.0rem;
		top:-0.5em;
	}
}


/* --------------------------------

 offer05

-------------------------------- */
#offer05{
	margin-top:30px;
}

#offer05.product > .innerFrame{
	width: 820px;
}

#offer05 h3{
	display:block;
	overflow:hidden;
}


#offer05 h3 > span{
	display:none;
}


/*ノーファンデ素肌美セット*/
#product01{
	background-color:rgba(240,248,232,0.8);
	text-align:center;
	padding:55px 0 70px;
}

#product01 > h3::after{
	content:"";
	display:block;
	overflow:hidden;
	width:25%;
	margin: 30px auto 20px;
	border-top: 1px solid #000000;
}

#product01 > #exProduct+h3{
	margin-bottom:30px;
}

#product01 h3.sizeS{
	margin-bottom:30px;
}
#product01 h3.sizeS img{
	width:403px;
	height:auto;
}

#product01 section p {
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 21px;
	line-height: 155%;
	margin:25px 0;
}


#exProduct{
	display:block;
	overflow:hidden;
	width:730px;
	margin:30px auto;
	border:1px solid #000000;
	background-color:#FEFBF4;
	padding:40px 40px;
}

#exProduct > h4{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size: 21px;
	line-height:175%;
}

#exProduct > p{
	display:inline-block;
	width: 321px;
	margin-top:55px;
	float:left;
}

#exProduct > .exProductData{
	display:inline-block;
	overflow:hidden;
	width: 292px;
	text-align:left;
	float:right;
}

#exProduct > .exProductData > dl{
	display:block;
	overflow:hidden;
	margin-top:25px;
	background-color:#F0EEE0;
}

#exProduct > .exProductData > dl > dt{
	text-align:center;
	font-size: 14px;
	color:#ffffff;
	padding:0.5em 0;
	background: rgb(45,74,44);
	background: -moz-linear-gradient(left,  rgba(45,74,44,1) 0%, rgba(44,97,28,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(45,74,44,1) 0%,rgba(44,97,28,1) 100%);
	background: linear-gradient(to right,  rgba(45,74,44,1) 0%,rgba(44,97,28,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4a2c', endColorstr='#2c611c',GradientType=1 );
}

#exProduct > .exProductData > dl > dd{
	padding:15px 15px 30px;
}

#exProduct > .exProductData > dl > dd > h5 {
	display: block;
	overflow: hidden;
	text-align: center;
	font-size: 20px;
	line-height: 125%;
	font-weight: normal;
	margin: 0.5em 0;
}

#exProduct > .exProductData > dl > dd > h5 > span {
	font-size: 14px;
}

#exProduct > .exProductData > dl > dd > ul {
	display: block;
	overflow: hidden;
}

#exProduct > .exProductData > dl > dd > ul > li {
	display: block;
	overflow: hidden;
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 0.75em;
	font-size: 14px;
	line-height: 155%;
}
#exProduct .exProductData > dl > dd > ul > li::before {
	content: "●";
}


.offer_btn{
	display:block;
	overflow:hidden;
	text-align:center;
	margin:20px 0;
}

.offer_btn a{
	display:block;
	overflow:hidden;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.offer_btn a:hover{
	opacity:0.5;
}



ul.pointList {
	display: block;
	overflow: hidden;
	width:500px;
	margin: 30px auto;
	text-align:center;
	letter-spacing:-.4em;
}

ul.pointList > li {
	display:inline-block;
	width: 33.3%;
	text-align: center;
}


/*2ステップトライアルセット*/
#product02{
	background-color:#eff0ee;
	text-align:center;
	padding:55px 0 35px;
	margin:45px 0;
}

#product02 h3{
	margin-bottom:50px;
}


#product02 .imgFrame{
	margin-bottom:30px;
}

#product02 p.cautionTxt {
	display: block;
	overflow: hidden;
	margin:1em 0;
}


@media (max-width: 768px) {

	#offer05{
		margin-top:6vw;
	}


	#offer05.product > .innerFrame{
		width: 100%;
	}

	#offer05 h3 img{
		display:none;
	}

	#offer05 h3 > span{
		display:block;
		overflow:hidden;
		font-size:1.4rem;
		line-height:175%;
	}
	#offer05 h3 > span > strong{
		display:block;
		overflow:hidden;
		font-size:2.4rem;
	}

	#offer05 h3.sizeS > span > strong{
		font-size:2.0rem;
	}

	#offer05 section{
		display:block;
		overflow:hidden;
		width:100%;
		padding:0 6vw;
	}


	/*ノーファンデ素肌美セット*/
	#product01{
		background-color:#fffbf3;
		padding:9vw 0 6vw;
	}

	#product01 > h3::after{
		width:30%;
	}

	#product01 > #exProduct+h3{
		margin-bottom:3vw;
	}

	#product01 section p {
		font-size: 1.6rem;
		margin: 4vw 0 3vw;
	}


	#exProduct{
		width: calc(100% - 6vw);
		margin: 3vw auto 6vw;
		padding: 3vw 2vw;
		background-color: #ffffff;
	}

	#exProduct > h4{
		font-size: 1.4rem;
	}

	#exProduct > p{
		display:block;
		width: 100%;
		margin-top:3vw;
		float:none;
	}

	#exProduct > p img{
		width: 100%;
		height:auto;
	}

	#exProduct > .exProductData{
		display:block;
		width: 100%;
		float:none;
	}

	#exProduct > .exProductData > img{
		display:none;
	}

	#exProduct > .exProductData > dl{
		margin-top:0;
	}

	#exProduct > .exProductData > dl > dt{
		font-size: 1.2rem;
	}

	#exProduct > .exProductData > dl > dd{
		background-color: #f3f2eb;
		padding: 0 2em 1em;
	}



	.offer_btn{
		display:block;
		overflow:hidden;
		text-align:center;
		margin:3vw 0;
	}

	.offer_btn a{
		display:block;
		overflow:hidden;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.offer_btn a:hover{
		opacity:0.5;
	}


	ul.pointList {
		width:100%;
		margin: 3vw auto;
	}



	/*2ステップトライアルセット*/
	#product02{
		background-color:#f7fbf6;
		text-align:center;
		padding:9vw 0 6vw;
		margin:6vw 0 0;
	}


	#product02 .imgFrame{
		margin-bottom:3vw;
	}

	#product02 p.cautionTxt {
		text-align:left;
	}

}
/* --------------------------------

 フランスのコスメ大賞で大賞を受賞しました。

-------------------------------- */
#getprize{

}


@media (max-width: 768px) {

	#getprize > h2{
		margin:3vw 0;
		padding:0 3vw;
	}

	#getprize > h3{
		display:block;
		font-size:1.4rem;
		line-height:155%;
		margin:3vw 0 6vw;
		padding:0 3vw;
		text-align: center;
	}
}



#header .header_info{
	display:none!important;
}



/* --------------------------------

 クーポンコード

-------------------------------- */
.cpCode{
	display:block;
	overflow:hidden;
	text-align:center;
	font-weight:400;
	line-height:125%;
	margin:0 auto 2em;
    position:relative;
	padding:0.7em 0 1.1em;
    border:1px solid #2e5b2e;
	border-radius:10px;
	color:#2e5b2e;
}


.cpCode > h4{
	display:block;
	overflow:hidden;
	font-size:33px;
	line-height:155%;
	font-weight:300;
	letter-spacing:0.01em;
	margin: 0 0;
}

/*.cpCode > h4 span{
background: linear-gradient(transparent 60%, #fffe8d 60%);
}*/

.cpCode > p{
	display:block;
	overflow:hidden;
	font-size:24px;
	line-height:155%;
}

.cpCode > p > span{
	margin-right:0.5em;
}

.cpCode strong{
	font-size:28px;
	color:#ff0000;
	font-weight:700;
}

#offer05 .cpCode,
#tabset .cpCode{
	background:#FFF;
	margin:0 auto 4em;
}

#offer05 .cpCode p,
#tabset .cpCode p{
	margin:0;
}

@media (min-width: 769px) {
	#offer05 .cpCode,
	#tabset .cpCode{
	width:500px;
}
}

@media (max-width: 768px) {

	.cpCode{
	    width: calc(100% - 12vw);
	    margin:3vw auto 0;
	    padding:0.5em 0 0.9em;
	}

	.cpCode > h4{
	    font-size:2.4rem;
	}

	.cpCode > p{
	    font-size:1.8rem;
	    text-align:center;
	    margin: 0 0;
	}
	

	.cpCode strong{
		overflow:hidden;
	    font-size:2.4rem;
	}
	
	#tabset .cpCode{
	background:#fefcf7;
	}
	
	#offer05 .cpCode{
	    margin: 0 auto 3vw;
	}
	
	#tabset .cpCode{
	    margin: 0 auto 4vw;
		width:100%;
	}

}

.notteikiTxt,.notteikiTxt2{
	display:block;
	overflow:hidden;
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:0.3em 1em;
	font-size:2.4rem;
	line-height:125%;
}

.pb20,.pb15{
	padding-bottom:20px;
}

.pt20,.pt15{
	padding-top:20px;
}

@media (max-width: 768px) {
.notteikiTxt{
		width:calc(100% - 12vw);
		margin:0 auto 3vw;
		font-size:1.8rem;
		padding:0.5em 0 0;
	}
	
	.w0{
		width:100%;
	}
	
.notteikiTxt img,.notteikiTxt2 img{
		width:100%;
		height:auto;
	}
	
.notteikiTxt2{
		font-size:1.8rem;
		padding:0;
	}
	
.pb15{
	padding-bottom:15px;
}
	
.pt15{
	padding-top:15px;
}

}