@charset 'UTF-8';

/*
 *
 * common.css
 *
 *
 */


/* ------------------------------------------
 common
------------------------------------------ */
body{
	font-family: "FOT-筑紫オールド明朝 Pro R", "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	width: 100%;
	color: #000;
	-webkit-overflow-scrolling: touch;
}
@media screen and ( min-width: 769px ){
	body{
		min-width: 1000px;
		overflow-x: hidden;
	}
}

wbr::after { content: "\00200B"; }

p{
	font-size: 20px;
	font-size: 2.0rem;
	line-break: strict;
	word-wrap: break-word;
}

p,
h1,h2,h3,h4,h5,h6,
li{
	line-height: 1.750em;
}

b{
	font-weight: normal;
}

a.hover:hover{
	opacity: .6;
}

@media screen and ( min-width: 668px ){
	.sp_br{
		display: none;
	}
}

.common_inner{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

.gothic{
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

@media all and (-ms-high-contrast:none) {
	.gothic{
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

}

/* ===== y_line ===== */
.y_line{
	background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) -moz-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	/* padding-bottom: 5px; */

}

/* yazirusi */
.yazirusi{
	width: 140.25px;
	margin: 0 auto 20px;

}

/* ===== item_photo ===== */
.item_photo{
	position: relative;
}

.item_photo img:first-child{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.item_photo img{
	width: 100%;
	height: auto;
}

/* ===== .buy ===== */
.buy{
	max-width: 895px;
	width: 90%;
	margin: 0 auto;
}

.buy{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.buy_photo{
	flex: 1;
	margin: 0 5.5% 0 4.1%;
}

.buy_txt{
	width: 373px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.buy_txt > div{
	padding-top: 20px;
	max-width: 278px;
	width: 100%;
}


.buy_item_name{
	font-size: 22px;
	font-size: 2.2rem;
	-webkit-font-feature-settings : "palt";
	-moz-font-feature-settings : "palt";
	font-feature-settings : "palt";
	position: relative;
	text-align: right;
	margin-bottom: .5em;
	/* line-height: 1.4em; */
}

.buy_item_name_kesyou{
	margin-bottom: 0;
	line-height: 1.750em;
	text-align: left;
}

.buy_item_name_teiki{
	margin-bottom: 20px;
	/* line-height: 2.2em; */
	line-height: 1.8em;
}

.buy_item_name span{
	font-size: 26px;
	font-size: 2.6rem;
	/* display: block; */
}

/* buy_item_price */
.buy_item_price p:first-child{
	display: table;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	line-height: 1;
	margin-bottom: .35em;
}

.buy_item_price p > span{
	color: #f15a24;
}

.buy_item_price01,
.buy_item_price03{
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
}

.buy_item_price01{
	padding-bottom: 5px;
}

.buy_item_price02{
	font-size: 56px;
	font-size: 5.6rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
}

.buy_en{
	font-size: 30px;
	font-size: 3.0rem;
}

.buy_item_price03{
	padding-bottom: 15px;
}


/* 定期便で購入する */
.buy_item_price{
	line-height: 1;
	margin: 5px 0 50px;
}
.buy_item_price_last{
	margin: 0px 0 15px !important;
}

/* 毎月届く */
.buy_txt_maituki::after{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background-image: url('../images/icon08.svg');
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	/* background-size: contain; */
	background-size: 100%;
	margin-left: 22px;
}



/* set */
.buy_set{
	position: relative;
}
.buy_set::after{
	content: '';
	display: block;
	width: 72px;
	height: 72px;
	background-image: url('../images/buy_set.svg');
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	background-size: contain;
	background-size: 100%;
	margin-left: 15px;
	position: absolute;
	top: -20px;
	right: -90px;
}

@media screen and ( max-width: 768px ){
	.buy_set::after{
		top: -45px;
		right: -10px;
		width: 55px;
		height: 55px;
	}

	.buy_txt > div{
		margin: 0 auto;
		max-width: 550px;
		width: 100%;
	}

	.buy_item_price p:first-child{
		justify-content: center;
	}
	.buy_item_price01{
		margin: 0 15px;
	}

}
.buy_teiki{
	line-height: 1;
	margin: 8px 0 15px;
}

.buy_teiki a{
	display: block;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(180deg, #fbb03b, #f15a24);
	background: -moz-linear-gradient(180deg, #fbb03b, #f15a24);
	background: -o-linear-gradient(180deg, #fbb03b, #f15a24);
	background: linear-gradient(180deg, #fbb03b, #f15a24);
	color: #fff;
	text-align: center;
	border-radius: 1px;
	padding: 1.25em 0;
	box-shadow: 3px 3px #b3b3b3;
}

.buy_teiki a span{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 23px;
	font-size: 2.3rem;
}

.buy_teiki a span::after{
	content: '';
	display: block;
	width: 27px;
	height: 25px;
	background-image: url('../images/icon07.svg');
	background-position: center;
	background-repeat: no-repeat;
	-moz-background-size: contain;
	background-size: contain;
	margin-left: 23px;
}

/* ご購入リスト */
.buy_list{
	text-align: right;
}

.buy_list ul{
	display: inline-block;
}

.buy_list li{
	text-align: left;
	line-height: 1;
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 7px;
}

.buy_list li:last-child{
	margin-bottom: 0;
}

.buy_list li::before{
	content: '\25B6';
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: scale(.5, .5);
	-moz-transform: scale(.5, .5);
	-ms-transform: scale(.5, .5);
	-o-transform: scale(.5, .5);
	transform: scale(.5, .5);
}

.buy_list a{
	font-size: 13px;
	font-size: 1.3rem;
}

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

	.buy_item_name_kesyou,
	.buy_item_name_teiki{
		width: 120%;
		text-align: left;
	}
}

@media screen and ( max-width: 768px){
	.buy{
		display: block;
	}

	.buy_txt{
		width: 100%;
		display: block;
		position: relative;
	}
	.buy_txt::after{
		position: absolute;
		top: -10px;
		right: 0;
		width: 55px;
		height: 55px;
	}

	.buy_txt p{
		text-align: center;
	}
	.buy_item_price{
		margin-bottom: 45px;
	}
	.buy_item_name{
		font-size: 18px;
		font-size: 5.5vw;
	}

	.buy_item_name span{
		font-size: 22px;
	}

}

@media screen and ( max-width: 500px ){
	.buy_txt::after{
		top: -23px;
	}

}




/* ------------------------------------------
 header
------------------------------------------ */
#header{
	position: relative;
}

.fv_sp{
	display: none;
}

#header_inner{
	/* padding: 100px 0; */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
}

#header_inner h1{
	position: absolute;
	top: 45px;
	right: 60px;
	line-height: 1;
	width: 132px;
}

#header_txt{
	width: 50%;
	max-width: 390px;
	margin-left: auto;
	position: absolute;
	top: 28%;
	right: 15%;
}

#header_txt p:last-child{
	margin-top: 1.5em;
	font-size: 15px;
	font-size: 1.5rem;
}

@media screen and ( min-width: 1800px ){
	#header_txt{
		width: 30%;
	}
	#header_inner p img{
		width: 100%;
	}
	#header_txt p:last-child{
		font-size: 1vw;
	}
}

#header_fv{
	width: 80%;
}

#header_fv img{
	width: 100%;
}


/* ------------------------------------------
 -sec1-
------------------------------------------ */
#sec01{
	padding: 55px 0 50px;
}


/* ------------------------------------------
 こんなお肌のお悩み -sec2-
------------------------------------------ */
#sec02{
	background-image: url('../images/bg02.jpg');
	background-position: center;
	background-size: cover;
	padding: 70px 0;
}

#sec02 h2{
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	color: #095597;
}

#sec02 h2 b{
	font-size: 42px;
	font-size: 4.2rem;
	color: #333333;
}

#sec02 ul{
	max-width: 495px;
	width: 90%;
	margin: 45px auto;
}

#sec02 li{
	color: #095597;
	font-size: 21px;
	margin-bottom: 25px;
}

#sec02 li:last-child{
	margin-right: 0;
}

#sec02 li::before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	background-image: url('../images/icon01.svg');
	background-position: center;
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 16px;
}

#sec02 p{
	text-align: center;
}

#sec02 p span{
	font-size: 35px;
	font-size: 3.5rem;
}

#sec02 p b{
	font-size: 47px;
	font-size: 4.7rem;
}


/* ------------------------------------------
 通常のケアは。。。 -sec3-
------------------------------------------ */
#sec03{
	padding: 75px 0 35px;
}

#sec03 > p{
	font-size: 33px;
	font-size: 3.3rem;
	text-align: center;
	margin-bottom: 85px;
}

#sec03 strong{
	font-size: 52px;
	font-size: 5.2rem;
	border-bottom: solid 3px #ed1c24;
	font-weight: bold;
	/* -webkit-text-stroke: 1px #000; */
}

#sec03_wrap{
	max-width: 880px;
	width: 100%;
	margin: 0 auto 60px;
	display: block;
}

#sec03_wrap > div{
	text-align: center;
	margin: 0 auto;
	max-width: 416px;
}

@media screen and ( min-width: 769px ){
	#sec03_wrap{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	#sec03_wrap > div{
		width: 49%;
		margin-left: 0;
	}

	#sec03_wrap p{
		width: 49%;
	}



}




/* ------------------------------------------
 「涌水美人」は３つの。。。 -sec4-
------------------------------------------ */
#sec04 p{
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	color: #095597;
}

#sec04 strong{
	font-size: 53px;
	font-size: 5.3rem;
}

#sec04 div{
	max-width: 700px;
	width: 80%;
	margin: 70px auto 100px;
}


/* ------------------------------------------
 point -sec5-
------------------------------------------ */

#sec05 h2{
	background: -webkit-linear-gradient(top, #577EAD, #235495);
	background:-moz-linear-gradient(top, #577EAD, #235495);
	background: -o-linear-gradient(top, #577EAD, #235495);
	background: linear-gradient(-180deg, #577EAD, #235495);
	padding: 15px 25px;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#sec05 h2 > span{
	font-size: 30px;
	font-size: 3.0rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#sec05 h2 > span{
		white-space:nowrap;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#sec05 h2 > span{
		white-space:nowrap;
	}
}

#sec05 h2::before{
	content: '';
	width: 62px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 24px;
}

#sec05 li:nth-of-type(1) h2::before{background-image: url('../images/point1.svg')}
#sec05 li:nth-of-type(2) h2::before{background-image: url('../images/point2.svg')}
#sec05 li:nth-of-type(3) h2::before{background-image: url('../images/point3.svg')}
#sec05 li:nth-of-type(4) h2::before{background-image: url('../images/point4.svg')}
#sec05 li:nth-of-type(5) h2::before{background-image: url('../images/point5.svg')}
#sec05 li:nth-of-type(6) h2::before{background-image: url('../images/point6.svg')}

#sec05 h2 > span > span{
	font-size: 53px;
	font-size: 5.3rem;
}

#sec05 div{
	border: solid 6px #095597;
	border-top: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 40px 5.5% 35px;
}

#sec05 div p{
	margin-bottom: 25px;
}

#sec05 figure{
	text-align: center;
}

/* sec05_01 */
.sec05_01 figcaption{
	text-align: right;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.750em;
	margin-top: 1em;
}

/*  sec05_02" */
.sec05_02{
	margin: 65px auto 45px;
}

/*  sec05_03" */
.sec05_03{
	margin: 50px auto 25px;
}




/* ------------------------------------------
 製品に対する熱い。。。 -sec6-
------------------------------------------ */
#sec06{
	max-width: 960px;
	width: 90%;
	margin: 90px auto 110px;
}

#sec06_h{
	text-align: center;
	font-size: 41px;
	font-size: 4.1rem;
	font-weight: bold;
	color: #095597;
	margin-bottom: 35px;
	-webkit-font-feature-settings : "palt";
	-moz-font-feature-settings : "palt";
	font-feature-settings : "palt";
}

#sec06 > div p{
	float: left;
	width: 59.524%;
	-webkit-font-feature-settings : "palt";
	-moz-font-feature-settings : "palt";
	font-feature-settings : "palt";
	font-size: 20px;
	font-size: 2.0rem;
}

#sec06 > div{
	max-width: 840px;
	width: 100%;
	margin: 0 auto;
}

#sec06 > div figure{
	float: right;
	width: 35%;
}

#sec06 > div figcaption{
	font-size: 12px;
	font-size: 1.2rem;
	text-align: right;
	line-height: 1.750em;
	margin-top: .7em;
}


/* ------------------------------------------
 voice -sec7-
------------------------------------------ */
#sec07 h2{
	text-align: center;
	margin-bottom: 40px;
}

#sec07 h2 span{
	font-size: 43px;
	font-size: 4.3rem;
	color: #095597;
	line-height: 1.750em;
	background-image: url('../images/icon04.svg'), url('../images/icon05.svg');
	background-position: center left, center right;
	background-size: 80px,80px;
	background-repeat: no-repeat,no-repeat;
	display: block;
	max-width: 750px;
	width: 95%;
	margin: 0 auto;
}

@media screen and ( max-width: 800px ){
	#sec07 h2 span{
		font-size: 6vw;
		background-size: 10%,10%;
	}

}

#sec07 ul{
	max-width: 840px;
	width: 90%;
	margin: 0 auto;
}

#sec07 li{
	border: solid 1.5px #095597;
	margin-bottom: 20px;
	padding: 37px 4% 40px 5.5%;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sec07 li:last-child{
	margin-bottom: 0;
}

.sec07_age,
.sec07_txt{
	display: table-cell;
	vertical-align: top;
	color: #095597;
}

.sec07_age{
	width: 130px;
}

.sec07_age span{
	font-size: 30px;
	font-size: 3.0rem;
	background:rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) -moz-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) -o-linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcee21 0%) repeat scroll 0 0;
}

.sec07_txt{
	padding-bottom: 0.1em;
	background: -webkit-linear-gradient(#095597 0.3px, transparent 0.3px);
	background: -moz-linear-gradient(#095597 0.3px, transparent 0.3px);
	background: -o-linear-gradient(#095597 0.3px, transparent 0.3px);
	background: linear-gradient(#095597 0.3px, transparent 0.3px);
	background-size: auto 2em;
	line-height: 2em;
	font-size: 17px;
	font-size: 1.7rem;
}

@media all and (-ms-high-contrast:none) {
	.sec07_txt{
		background: -webkit-linear-gradient(#095597 1px, transparent 1px);
		background: -moz-linear-gradient(#095597 1px, transparent 1px);
		background: -o-linear-gradient(#095597 1px, transparent 1px);
		background: linear-gradient(#095597 1px, transparent 1px);
	}
}

/* ------------------------------------------
  -sec8-
------------------------------------------ */
#sec08{
	background: -webkit-linear-gradient(top, #577EAD, #235495);
	background:-moz-linear-gradient(top, #577EAD, #235495);
	background: -o-linear-gradient(top, #577EAD, #235495);
	background: linear-gradient(-180deg, #577EAD, #235495);
	padding: 40px 0 25px;
	margin-top: 90px;
	position: relative;
}

#sec08 p{
	font-size: 30px;
	font-size: 3.0rem;
	text-align: center;
	color: #fff;
}

#sec08 span{
	font-size: 46px;
	font-size: 4.6rem;
	display: block;
}

#sec08_ya{
	width: 75px;
	margin: 25px auto 0;
}

#sec08_naname{
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: auto;
}

#sec08_naname img{
	width: 100%;
	pointer-events: none;
}



/* ------------------------------------------
 point -sec9-
------------------------------------------ */
#sec09{
	padding: 110px 0 0;
}


/* ------------------------------------------
 aside -sec2-
------------------------------------------ */
#sec10{
	/* background-color: #e6e6e6; */
	padding: 150px 0 130px;
}

#sec10 > h2{
	max-width: 422px;
	width: 65%;
	margin: 0 auto 60px;
}

#sec10 ul{
	max-width: 802px;
	width: 90%;
	margin: 0 auto;
}

#sec10 li:not(:last-child){
	margin-bottom: 30px;
}

#sec10 li a{
	display: block;
	width: 100%;
	height: 100%;
}

#sec10 img{
	width: 100%
}


/* ------------------------------------------
 #banner
------------------------------------------ */
#banner {
	width: 90%;
	max-width: 700px;
    margin: 0 auto 100px;
    text-align: center;
}
#banner a {
	width: 100%;
	height: 100%;
}


/* ------------------------------------------
 footer
------------------------------------------ */
#footer{
	background-color: #CED7E4;
}

#footer dl,
#footer dd,
#footer dt{
	line-height: 1.7em;
	font-size: 13px;
	font-size: 1.3rem;
}

#footer > div,
#footer > ul{
	max-width: 925px;
	width: 90%;
	margin: 0 auto;
}

#footer > div dl:not(:last-child){
	margin-bottom: 25px;
}
#footer > ul li{
	margin-bottom: 25px;
}


@media screen and ( min-width: 668px ){
	#footer > div,
	#footer > ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 40px 0;
	}

	#footer > div dl{
		width: 47%;
		margin-bottom: 0;
	}

	#footer > ul li{
		width: 30%;
	}


}

/* ===== 使い方・成分 ===== */
#footer > div{
	padding: 40px 0 30px;
}

#footer > div dt{
	font-size: 16px;
	font-size: 1.6rem;
}

#footer > div dt::before{
	content: '\25C6';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 80%;
}

#footer small{
	display: block;
	line-height: 1.7em;
}

/* ===== お支払い方法 配送について お問い合わせ ===== */
#footer > ul{
	margin-bottom: 0px;
}

#footer > ul  li > dl > dt{
	border-bottom: solid 1px #000;
	padding-bottom: .5em;
	margin-bottom: .75em;
	font-size: 16px;
	font-size: 1.6rem;
}

#footer > ul dd dt{
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: .2em;
}

#footer > ul dd dt::before{
	display: inline-block;
	vertical-align: middle;
	font-size: 70%;
	content: '\25B6\FE0E';
	margin-right: 5px;
}

#footer > ul dd dl{
	margin-bottom: 1.5em;
}

/* 配送 */
.footer_haisou{
	display: block;
	line-height: 1.7em;
	font-size: 14px;
	font-size: 1.4rem;
	color: #f00;
}

/* お問い合わせ */
.footer_tel{
	display: block;
	margin-bottom: 10px;
}

.footer_tel img{
	width: 80%;
}



/* ===== copy ===== */
.footer_copy{
	background-color: #fff;
	text-align: center;
	line-height: 1;
	font-size: 13px;
	padding: 1.25em 0;
}

.footer_copy small{
	/* color: #fff; */
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5em;
}







/* ------------------------------------------
 responsive
------------------------------------------ */
@media screen and ( max-width: 1150px ){
	/* ===== fv ===== */
	#header_inner h1{
		width: 110px;
		top: 5%;
		right: 5%;

	}
}

@media screen and ( max-width: 1000px){
	/* ===== sec03 ===== */
	#sec03 > p{
		font-size: 3vw;
	}
	#sec03 strong{
		font-size: 5vw;
		padding: 0 .2em;
	}


	#sec04 p{
		font-size: 3vw;
	}
	#sec04 strong{
		font-size: 4.9vw;
	}


	/* ===== sec05 ===== */
	#sec05 h2::before{
		margin-right: 15px;
	}

	#sec05 h2 > span{
		font-size: 3vw;
	}

	#sec05 h2 > span > span{
		font-size: 5.2vw;
	}


	/* ===== sec05 ===== */
	#sec06_h{
		font-size: 4vw;
	}


}

@media screen and ( max-width: 768px ){
	p{
		font-size: 18px;
		font-size: 1.8rem;
	}
	#header_fv{
		width: 100%;
	}
	#header_fv img{
		display: none;
	}

	#header_fv .fv_sp{
		display: block;
	}

	/* ===== ====== */
	#header_txt,
	#header_inner{
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	#header_txt{
		width: 90%;
		margin: 0 auto;
		padding: 45px 0 0;
		max-width: none;
	}

	#header_txt p:first-child{
		text-align: center;
	}

	#header_inner p img{
		max-width: 300px;
		width: 100%;
	}
	#sec02 p span{
		font-size: 28px;
		font-size: 2.8rem;
	}



	#sec05 img{
		width: 100%;
	}

	/* ===== footer ===== */
	#footer > ul li > dl > dt{
		padding-bottom: .15em;
		margin-bottom: .5em;
	}





}


@media screen and ( max-width: 667px){
	.yazirusi{
		width: 100px;
	}
	.buy_photo{
		margin-bottom: 15px;
	}
	/* ===== fv ===== */
	#header_inner h1{
		width: 70px;
	}
	#header_inner p img{
		max-width: 220px;
	}

	/* ===== sec01 ===== */
	#sec01{
		padding: 35px 0 35px;
	}

	/* ===== #sec02 ===== */
	#sec02 h2{
		font-size: 7.5vw;
	}

	#sec02 h2 b{
		font-size: 9vw;
	}
	#sec02 ul{
		margin: 15px auto 40px;
	}

	#sec02 li{
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 14px;
	}


	#sec02 p span{
		font-size: 7vw;
		line-height: 1.6em
	}
	#sec02 p b{
		font-size: 9vw;
	}
	#sec02 .y_line{
		background: rgba(0, 0, 0, 0) -webkit-linear-gradient(transparent 70%, #fcee21 0%) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) -moz-linear-gradient(transparent 70%, #fcee21 0%) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) -o-linear-gradient(transparent 70%, #fcee21 0%) repeat scroll 0 0;
		background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #fcee21 0%) repeat scroll 0 0;
	}

	/* ===== #sec03 ===== */
	#sec03 > p{
		font-size: 4.4vw;
		margin-bottom: 40px;
	}
	#sec03 strong{
		font-size: 7.35vw;
	}

	#sec03_wrap > div{
		margin-top: 20px;
	}

	/* ===== sec04 ===== */
	#sec04 p{
		font-size: 4.9vw;
	}
	#sec04 strong{
		font-size: 8vw;
	}
	#sec04 div{
		margin: 45px auto 55px;
	}

	/* ===== sec05 ===== */
	#sec05 h2{
		padding: 15px 5%;
	}
	#sec05 h2::before{
		width: 40px;
		height: 45px;
	}



	#sec05 h2 > span{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.750em;
	}
	#sec05 h2 > span > span{
		font-size: 22px;
		font-size: 2.2rem;
	}

	#sec05 div{
		padding: 25px 5% 35px;
	}

	#sec05 div p{
		font-size: 16px;
		font-size: 1.6rem;
	}

	#sec05 figure{
		margin: 30px auto;
	}


	/* ===== sec06 ===== */
	#sec06_h{
		font-size: 7vw;
	}

	#sec06 > div p{
		float: none;
		width: 100%;
		font-size: 16px;
		font-size: 1.6rem;
	}
	#sec06 > div figure{
		float: none;
		width: 100%;
		max-width: 294px;
		margin: 14px auto 0;
	}

	/* ===== sec07 ===== */
	#sec07 li{
		display: block;
	}

	.sec07_age, .sec07_txt{
		display: block;
		width: 100%;
	}

	.sec07_age{
		margin-bottom: 20px;
	}

	/* ===== sec08 ===== */
	#sec08 p{
		font-size: 4.8vw;
	}

	#sec08 span{
		font-size: 7vw;
	}

	/* ===== 09 ===== */
	#sec09{
		padding: 50px 0 0;
	}

	/* ===== 10 ===== */
	#sec10{
		padding: 75px 0 50px
	}

	#sec10 > h2{
		margin-bottom: 30px;
	}

	#sec10 li:not(:last-child){
		margin-bottom: 10px;
	}


}


@media screen and ( max-width: 340px ){
	#sec05 h2::before{
		margin-right: 10px;
	}
	.buy_item_price02{
		font-size: 48px;
		font-size: 4.8rem;
	}
	.buy_item_price01{
		margin: 0 15px 0 0;
	}

}




/* ------------------------------------------
 ie の時の処理
------------------------------------------ */
.ie .sec07_txt{
	background: -webkit-linear-gradient(#095597 1px, transparent 1px);
	background: -moz-linear-gradient(#095597 1px, transparent 1px);
	background: -o-linear-gradient(#095597 1px, transparent 1px);
	background: linear-gradient(#095597 1px, transparent 1px);
	background-size: auto 2em
}


/* ------------------------------------------
 それぞれの商品
------------------------------------------ */
/* ===== 洗顔フォーム ===== */
.facewash-single #header_txt,
.facewash #header_txt{
	max-width: 444px;
}

.facewash-single .sec05_03,
.facewash .sec05_03{
	max-width: 637px;
	width: 100%;
	margin: 100px auto 0;
}

.single #sec09,
.essenceh-single #sec09,
.beauty-mask #sec09,
.facewash-single #sec09{
	padding-top: 190px;
}

.facewash-single #sec07 h2 span,
.facewash #sec07 h2 span{
	font-size: 35px;
	font-size: 3.5rem;
}


@media screen and ( max-width: 667px ){
	.single #sec09,
	.essenceh-single #sec09,
	.beauty-mask #sec09,
	.facewash-single #sec09{
		padding: 80px 0 0 ;
	}
	.essence-single #sec03 > p,
	.facewash-single #sec03 > p,
	.essence #sec03 > p,
	.facewash #sec03 > p{
		font-size: 6.5vw;
		line-height: 1em;
	}
	.essence-single #sec03 strong,
	.facewash-single #sec03 strong,
	.essence #sec03 strong,
	.facewash #sec03 strong{
		line-height: 1.8em;
		font-size: 8vw;
	}

	.facewash-single #sec02 h2,
	.facewash #sec02 h2{
		line-height: 1.6em;
	}

	.essence-single #sec02 p span,
	.facewash-single #sec02 p span,
	.essence #sec02 p span,
	.facewash #sec02 p span{
		line-height: 1.85em;

	}


}



/* ===== 美容液 ===== */
.essence-single #header_txt,
.essence #header_txt{
	max-width: 431px;
}

.essence .sec05_06caption,
.essence-single .sec05_06caption{
	max-width: 763px;
	width: 100%;
	margin: 0 auto;
	text-align: right;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.750em;
    margin-top: .5em;
}

.essence-single .sec05_04,
.essence .sec05_04{
	margin-top: 60px;
}
.essence-single .sec05_06,
.essence .sec05_06{
	margin-top: 60px;
}

.sec05_06 img{
	max-width: 763px;
	width: 100%;
	margin: 0 auto;

}

.essence-single #sec07 h2 span,
.essence #sec07 h2 span{
	font-size: 40px;
	font-size: 4.0rem;
}

@media screen and ( min-width: 769px ){
	.essence-single #sec03_wrap p ,
	.essence #sec03_wrap p {
		width: 57%;
	}
	.essence-single #sec03_wrap > div ,
	.essence #sec03_wrap > div {
		width: 38%;
	}

}

@media screen and (max-width: 800px){
	.essence-single #sec07 h2 span,
	.essence #sec07 h2 span{
		font-size: 5vw;
	}

}

@media screen and ( max-width: 768px ) {
	.essence-single #sec02 li,
	.essence #sec02 li{
		font-size: 15px;
		font-size: 1.5rem;
	}
	.essence-single #sec02 li::before,
	.essence #sec02 li::before{
		margin-right: 10px;
	}

	.essence-single #sec02 p span,
	.essence #sec02 p span{
		-webkit-font-feature-settings : "palt";
		-moz-font-feature-settings : "palt";
		font-feature-settings : "palt";
		letter-spacing: 0.1em;
	}

	.essence-single #sec03_wrap img,
	.essence #sec03_wrap img{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 15%;
	}



}





/* ===== マスク ===== */
.beauty-mask #header_fv{
	margin: 0 0 0 auto;
}

.beauty-mask #header_txt{
	right: auto;
	left: 13%;
}

.beauty-mask #sec07 h2 span{
	font-size: 36px;
	font-size: 3.6rem;
}

@media screen and (max-width: 800px){
	.facewash-single #sec07 h2 span,
	.facewash #sec07 h2 span,
	.beauty-mask #sec07 h2 span{
		font-size: 4.6vw;
	}

}