@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


#salon,
#contents{
	display:none !important;
}


#relamour {
	text-align:center;
}

#relamour #mediaarea iframe{
	width:100%;
}

#relamour .comm_box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:90px 0;
}

#relamour h3{
	font-size:60px;
	text-align:center;
	font-weight:300;
	letter-spacing:5px;
	margin-bottom:50px;
}

#relamour h3 span{
	font-size:16px;
    display: block;
    margin-top: 15px;
    letter-spacing: 2px;
}

@media only screen and (max-width: 1000px) { 
#relamour .comm_box{
	width:90%;
}
}

@media only screen and (max-width: 560px) { 
#relamour .comm_box{
	padding:40px 0;
}

#relamour h3{
	font-size:36px;
	letter-spacing:2px;
	line-height:1.5;
}
}
	


/*
ラインナップ
-------------------------------------------------------------------------------------------*/
#relamour #lineup{
	background:#E8E4E3;
	padding:90px 0;
}


#relamour #lineup #inner{
	width:90%;
	max-width:1000px;
	margin:50px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:end;
}

#relamour #lineup #inner .box{
	width:32%;
	margin-bottom:100px;
}

#relamour #lineup #inner .box img{
	max-height:230px;
	max-width:40%;
}

#relamour #lineup #inner .box dl{
	margin-top:20px;
}

#relamour #lineup #inner .box dt{
	color:#C0665F;
	font-weight:bold;
}

#relamour #lineup #inner .box dd span{
	font-size:14px;
	display:block;
	margin:5px 0;
}

#relamour #lineup #inner .box dd{
	font-size:15px;
}

#relamour #lineup #inner .box p{
	background:#333;
	width:90%;
	margin:15px auto 0;
}

#relamour #lineup #inner .box p a{
	color:#fff;
	padding:15px 0;
	display:block;
	position:relative;
}

#relamour #lineup #inner .box p a:after{
	content: "";
	width: 8px;
	height:8px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top:20px;
	margin-left:5px;
}


@media only screen and (max-width:480px) { 
	#relamour #lineup h3 span{
		letter-spacing:normal;
	}
	#relamour #lineup #inner .box{
		width:49%;
	}
	
	#relamour #lineup #inner .box dt{
		font-size:13px;
	}
	
	#relamour #lineup #inner .box dd span{
		font-size:14px;
	}
	
	#relamour #lineup #inner .box p{
		font-size:14px;
	}
	
	#relamour #lineup #inner .box p a{
		padding:12px 0;
	}
	#relamour #lineup #inner .box p a:after{
		top:16px;
	}
}






/*
商品共通
-------------------------------------------------------------------------------------------*/
#relamour .item_box .ttl{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top:50px;
	margin-bottom:50px;
	width:100%;
}

#relamour .item_box .ttl h2{
	font-size:20px;
	color:#C0665F;
	margin-bottom:10px;
	font-weight:bold;
}

#relamour .item_box .ttl h3{
	font-size:40px;
	font-weight:500;
}

#relamour .item_box .ttl h3 span{
	font-size:20px;
	display:block;
	margin-top:10px;
}


#relamour .item_box .box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	max-width:730px;
	margin:auto;
}
#relamour .item_box .box p{
	width:20%;
}

#relamour .item_box .box dl{
	width:70%;
	text-align:left;
}

#relamour .item_box .box dt{
	font-size:28px;
	font-weight:bold;
	line-height:1.5;
}

#relamour .item_box .box dd span{
	background:#C16760;
	color:#fff;
	font-size:20px;
	line-height:2.2;
	padding:5px 15px;
}

#relamour .item_box .box dd{
	margin-top:15px;
	line-height:1.8;
}

#relamour #wash{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
}

#relamour #wash .ttl{
	width:90%;
	margin:0 auto 50px;
}

#relamour #wash .title{
	width:100%;
	border-bottom:1px dotted #000;
	padding-bottom:15px;
	margin-bottom:30px;
	color:#BF665F;
	font-weight:bold;
}

#relamour #wash .title p{
	width:100%;
	color:#000;
	font-weight:normal;
	margin-top:5px;
	font-size:23px;
}

#relamour #wash .title p span{
	display:block;
	margin-top:5px;
	font-size:16px;
}

#relamour #wash.item_box .box{
	width:46%;
}

@media only screen and (max-width:980px) { 
	#relamour #wash.item_box .box{
		width:90%;
		margin-bottom:50px;
	}
}


@media only screen and (max-width:680px) { 
	#relamour .item_box .box p{
		width:18%;
	}
	#relamour .item_box .box dl{
		width:75%;
	}
	#relamour .item_box .box dt{
		font-size:22px;
	}
	#relamour .item_box .box dd{
		margin-top:5px;
		font-size:14px;
	}
	#relamour .item_box .box dd span{
		padding:5px 10px;
	}
	
}

@media only screen and (max-width:480px) { 
	#relamour .item_box .ttl{
		padding-top:40px;
	}
	
	#relamour .item_box .ttl h3{
		margin-bottom:30px;
	}
	
	#relamour .item_box .box p{
		width:25%;
		margin:0 auto 30px;
	}
	#relamour .item_box .box dl{
		width:100%;
	}
	#relamour .item_box .box dd span{
		font-size:15px;
	}
}




.ex_btn{
	width:90%;
	max-width:650px;
	margin:50px auto 0;
	background:#000;
}

.ex_btn a{
	color:#fff;
	display:block;
	padding:20px 0;
}

@media only screen and (max-width:420px) { 
.ex_btn{
	font-size:14px;
}
 
}








#exlotion{
	background:#E2E2E2;
	padding:90px 0;
}
	

#exlotion #kouka ul li{
	width:33%;
	text-align:left;
	margin-bottom:15px;
}


@media only screen and (max-width:760px) { 
#exlotion #kouka ul li{
	width:100%;
	max-width:200px;
}
 
}








/*
使い方
------------------------------------------------------------------------------------*/
#relamour #howto{
	margin-top:50px;
}

#relamour #howto #howtopoint{
	background:#f0f0f0;
	padding:50px 5%;
	margin-bottom:50px;
}

#relamour #howto #howtopoint p{
	font-weight:bold;
	font-size:20px;
	margin-bottom:40px;
}

#relamour #howto #howtopoint p br{
	display:none;
}


#relamour #howto #howtopoint dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}


#relamour #howto #howtopoint dt{
	background:#ccc;
	width:13%;
	min-width:80px;
	max-width:110px;
	height:50px;
	margin-bottom:15px;
	position:relative;
}

#relamour #howto #howtopoint dt span{
	width:100%;
	left:0;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#relamour #howto #howtopoint dd{
	width:83%;
	text-align:left;
	margin-bottom:15px;
}

#relamour #howto #howtopoint dd span{
	color:#ff3366;
}

#relamour #howto .ttl h4{
	width:90%;
	margin:auto;
	background:#666;
	color:#fff;
	font-size:23px;
	font-weight:normal;
	padding:23px 0;
}

#relamour #howto .ttl p{
	margin:20px auto 40px;
}

#relamour #howto .step{
	width:90%;
	max-width:1000px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

#relamour #howto .box{
	width:31%;
	margin-bottom:40px;
}

#relamour #howto .box dl{
	text-align:left;
	margin-top:15px;
}

#relamour #howto .box dt{
	font-size:22px;
	counter-increment: number;
}

#relamour #howto .box dt:before{
	background:#666;
	color:#fff;
	display:inline-block;
	content:  counter(number);
	width:34px;
	height:30px;
	font-size:25px;
	text-align:center;
	margin-right:8px;
	padding-top:5px;
}

#relamour #howto .box dd{
	margin-top:15px;
}

#relamour #howto #scalp{
	width:90%;
	border:1px solid #000;
	padding:50px 0;
	margin:0 auto 80px;
}

#relamour #howto #scalp p{
	width:90%;
	margin:auto;
	text-align:left;
}

#relamour #howto #scalp p:first-child{
	font-weight:bold;
	margin-bottom:15px;
	font-size:20px;
}

#relamour #howto #face .box{
	width:48%;
}



@media only screen and (max-width:750px) { 
	#relamour #howto #howtopoint dd br{
		display:none;
	}
}

@media only screen and (max-width:640px) { 
	#relamour #howto #howtopoint{
		margin-top:-20px;
	}
	#relamour #howto #howtopoint dt{
		height:85px;
		margin-bottom:15px;
	}
	
	#relamour #howto #howtopoint dd{
		width:80%;
	}
	
	#relamour #howto #howtopoint dd br{
		display:inline;
	}
	
	#relamour #howto .ttl p{
		width:90%;
		text-align:left;
	}
	
	#relamour #howto .step{
		width:92%;
		margin:auto;
	}
	
	#relamour #howto .box{
		width:48%;
		margin-bottom:40px;
	}
	
	#relamour #howto .box img{
		max-width:none;
		width:100%;
	}
	
	#relamour #howto .box dl{
		text-align:left;
		margin:15px auto 0;
		max-width:287px;
	}
	
	#relamour #howto .box dt{
		font-size:16px;
		font-weight:bold;
	}
	
	#relamour #howto .box dt:before{
		width:25px;
		height:25px;
		font-size:18px;
		margin-right:5px;
		padding-top:3px;
	}
	
	#relamour #howto .box dd{
		font-size:14px;
	}
	
	#relamour #howto #scalp{
		width:90%;
		padding:25px 0;
		margin:0 auto 80px;
	}
	
	#relamour #howto #scalp p{
		width:85%;
	}
	
}



@media only screen and (max-width:500px) { 
#relamour #howto .ttl h4{
	font-size:20px;
	padding:20px 0;
}
	#relamour #howto #howtopoint p br{
		display:block;
	}
	
	#relamour #howto #howtopoint dt{
		height:105px;
	}
	#relamour #howto #howtopoint dd{
		width:73%;
	}
}






/*
追加　シリーズTOP
-------------------------------------------------------------------------------------------*/
#series-intro {
	position:relative;
	margin-bottom:80px;
}

#series-intro img{
	object-fit:cover;
	height:550px;
}

#series-intro dl{
	width:90%;
	position:absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height:1.8;
}

#series-intro dt{
	font-size:40px;
	font-weight:bold;
	margin-bottom:20px;
}

#series-intro dd{
	font-size:30px;
}

.bg-w1000{
	background:#fff;
	width:90%;
	max-width:1000px;
	padding:50px 0;
	margin:auto;
}

@media only screen and (max-width:500px) { 
#series-intro img{
	height:400px;
}

#series-intro dt{
	font-size:28px;
	margin-bottom:20px;
}

#series-intro dd{
	font-size:22px;
}

}





/*
エキスパートラッシュ
-------------------------------------------------------------------------------------------*/
.series_contents{
	background:#E2E2E2;
	padding:90px 0;
}

.series_contents #kouka p{
	font-size:30px;
	font-weight:bold;
}

.series_contents #kouka ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	width:90%;
	max-width:680px;
	margin:50px auto 30px;
}

.series_contents #kouka ul li:before{
	content:url(../../img/special/expertlotion/icon.png);
	vertical-align:middle;
	margin-right:5px;
}

.series_contents #kouka ul li{
	font-size:20px;
	font-weight:bold;
}

#style #kouka ul li{
	width:32%;
	text-align:left;
	margin-bottom:15px;
}

#maxbody_contents #kouka ul{
	justify-content:left;
	max-width:700px;
	align-items: start;
}

#maxbody_contents #kouka ul li{
	width:60%;
	text-align:left;
	margin-bottom:15px;
}

#maxbody_contents #kouka ul li:nth-of-type(odd){
	width: 38%;
	margin-left: 2%;
}

@media only screen and (max-width:740px) { 
	.series_contents{
		padding:60px 0;
	}
	
	.series_contents #kouka p{
		font-size:22px;
	}
	
	.series_contents #kouka ul{
		display:inline-flex;
		margin:35px auto 30px;
	}
	
	.series_contents #kouka ul li:before{
		content:url(../../img/special/expertlotion/icon.png);
		margin-right:5px;
	}
	
	.series_contents #kouka ul li{
		font-size:18px;
		margin-bottom:10px;
		width:80%;
		text-align:left;
	}
	#style #kouka ul li{
		width:45%;
		max-width:180px;
		display:inline-block;
	}
}

@media only screen and (max-width:680px) { 
	#maxbody_contents #kouka ul{
		display: inline-block;
		max-width: 380px;
	}
	#maxbody_contents #kouka ul li{
		width: 100%;
	}
	#maxbody_contents #kouka ul li:nth-of-type(2n+1){
		width: 100%;
		margin: 0 auto 15px;
	}
}

@media only screen and (max-width:460px) { 
	#style #kouka ul li{
		width:90%;
	}
}



/*---------ビフォーアフター------------------*/
#lash_contents #b-a{
	margin-top:50px;
}

#lash_contents #b-a #ttl{
	font-size:50px;
	font-weight:300;
	letter-spacing:3px;
}

#lash_contents #b-a #ttl span{
	font-size:15px;
	display:block;
	margin-top:10px;
	letter-spacing:1px;
}

#lash_contents #b-a ol,
#lash_contents #b-a ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:90%;
	max-width:850px;
	margin:50px auto;
}

#lash_contents #b-a ol li{
	width:48%;
	max-width:391px;
	position:relative;
}

#lash_contents #b-a ol li span,
#lash_contents #b-a #other ul li span{
	background:#E0E0E0;
	display:block;
	padding:10px 0;
}

#lash_contents #b-a ol li:after,
#lash_contents #b-a ul li:after{
	content:"";
	top: 50%;
	width: 30px;
	height:30px;
	border: 0px;
	border-top: solid 3px #000;
	border-right: solid 3px #000;
	-ms-transform: rotate(45deg) translateY(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	right:-7%;
}

#lash_contents #b-a ul li{
	width:23%;
	position:relative;
}

#lash_contents #b-a ol li:last-child:after,
#lash_contents #b-a ul li:nth-of-type(4):after,
#lash_contents #b-a #other ul li:nth-of-type(2):after{
	border:none;
}

#lash_contents #b-a ul p{
	text-align:center;
	margin-top:10px;
	width:100%;
}

#lash_contents #b-a ul li:after{
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	width: 20px;
	height:20px;
	right:-5%;
}


#lash_contents #b-a #other{
	border-top:2px dotted #000;
	padding-top:50px;
	max-width:860px;
	margin:65px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#lash_contents #b-a #other #title{
	font-size:23px;
	width:100%;
}

#lash_contents #b-a #other #title span{
	font-size:16px;
	display:block;
}

#lash_contents #b-a #other ul{
	width:45%;
}

#lash_contents #b-a #other ul li{
	width:47%;
}

#lash_contents #b-a #other ul li:after{
	width: 15px;
	height:15px;
	right:-5%;
}

@media only screen and (max-width:1030px) { 
	#lash_contents #b-a ol li:after,
	#lash_contents #b-a ul li:after{
		right:-3%;
		width: 15px;
		height:15px;
	}
}

@media only screen and (max-width:680px) { 
	#lash_contents #b-a #ttl{
		font-size:40px;
	}
	
	#lash_contents #b-a ol,
	#lash_contents #b-a ul{
		margin:30px auto;
	}
	
	#lash_contents #b-a ol li{
		width:47%;
	}
	
	#lash_contents #b-a ol li span,
	#lash_contents #b-a #other ul li span{
		padding:7px 0;
	}
	
	#lash_contents #b-a ol li:after,
	#lash_contents #b-a ul li:after{
		border-top: solid 2px #000;
		border-right: solid 2px #000;
	}
	
	#lash_contents #b-a ol p,
	#lash_contents #b-a ul p{
		font-size:14px;
	}
	
	#lash_contents #b-a ul li{
		width:46%;
	}
	
	#lash_contents #b-a #other{
		width:90%;
		margin:40px auto 0;
		padding-top:35px
	}
	
	#lash_contents #b-a #other #title span{
		font-size:15px;
	}
	
	#lash_contents #b-a #other ul{
		width:100%;
		margin-bottom:0;
		justify-content:space-around;
	}
	#lash_contents #b-a #other ul li{
	width:47%;
	max-width:190px;
	}
	#lash_contents #b-a #other ul li::after{
		right:-17%;
	}


}


@media only screen and (max-width:580px) { 
	#lash_contents #b-a #other ul li::after{
		right:-6%;
	}
}

@media only screen and (max-width:520px) { 
	#lash_contents #b-a #other ul{
		justify-content:space-between;
	}
}







/*
マックスボディー
-------------------------------------------------------------------------------------------*/
#maxbody_contents #b-a{
	margin-top: 50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

#maxbody_contents #b-a dl{
	width: 38%;
	margin-right: 3%;
	text-align: left;
}

#maxbody_contents #b-a dt{
	font-size: 50px;
	font-weight: 300;
	margin-bottom: 20px;
}

#maxbody_contents #b-a dd{
	margin-bottom: 20px;
}

#maxbody_contents #b-a p{
	width: 45%;
}


@media only screen and (max-width:680px) { 
	#maxbody_contents #b-a{
		display:block;
	}

	#maxbody_contents #b-a dl{
		width: 90%;
		margin:0 auto;
	}

	#maxbody_contents #b-a dt{
		font-size: 36px;
		margin-bottom: 20px;
		text-align: center;
	}

	#maxbody_contents #b-a p{
		width: 90%;
		margin: auto;
	}
}








/*
howto単体
-------------------------------------------------------------------------------------------*/
.series_contents .howto_comm{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:50px;
}

.series_contents .howto_comm dl{
	width:45%;
	max-width:300px;
	text-align:left;
}

.series_contents .howto_comm dt{
	font-size:50px;
	font-weight:300;
	margin:30px 0;
}

.series_contents .howto_comm dt span{
	font-size:15px;
	display:block;
}

.series_contents .howto_comm dd{
	line-height:1.8;
}

.series_contents .howto_comm p{
	width:35%;
}


@media only screen and (max-width:680px) { 
	.series_contents .howto_comm{
		display:block;
	}
	
	.series_contents .howto_comm dl{
		width:90%;
		max-width:300px;
		margin:auto;
	}
	
	.series_contents .howto_comm dt{
		margin-top:0;
		text-align:center;
	}
	
	.series_contents .howto_comm p{
		width:90%;
		margin:30px auto 0;
	}
	

}




/*
howto流れあり
-------------------------------------------------------------------------------------------*/
.howto_step{
	margin-top:50px;
}

.howto_step p{
	width:90%;
	margin:0 auto 50px;
	font-size:20px;
}

.howto_step p span{
	background:#666;
	color:#fff;
	display:block;
	padding:20px 0;
	font-size:23px;
	margin-bottom:15px;
}

.howto_step .step{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

.howto_step .box{
	width:32%;
	margin-bottom:40px;
}

.howto_step .box dl{
	text-align:left;
	margin-bottom:15px;
}

.howto_step .box dt{
	font-size:22px;
	counter-increment: number;
}

.howto_step .box dt:before{
	background:#666;
	color:#fff;
	display:inline-block;
	content:  counter(number);
	width:36px;
	height:35px;
	font-size:26px;
	text-align:center;
	margin-right:5px;
	padding-top:2px;
}

.howto_step .box dd{
	margin-top:15px;
}

.howto_step #att{
	width:80%;
	border:1px solid #000;
	padding:3% 5%;
	margin:0 auto 80px;
	text-align:left
}

.howto_step #att p{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}


@media only screen and (max-width:640px) { 
	.howto_step .step{
		width:92%;
		margin:auto;
	}
	
	.howto_step .box{
		width:48%;
		margin-bottom:40px;
	}
	
	.howto_step .box img{
		max-width:none;
		width:100%;
	}
	
	.howto_step .box dl{
		margin:15px auto 0;
		max-width:287px;
	}
	
	.howto_step .box dt{
		font-size:16px;
		font-weight:bold;
	}
	
	.howto_step .box dt:before{
		width:25px;
		height:25px;
		font-size:18px;
		margin-right:5px;
		padding-top:3px;
	}
	
	.howto_step .box dd{
		font-size:14px;
	}
}


@media only screen and (max-width:570px) { 
	.howto_step p{
		font-size:18px;
	}
	.howto_step p span{
		padding:12px 0; 
	}
}





/*----------マックスボディー用追加----------*/
#maxbody_how .step{
	margin-bottom: 80px;
}

#maxbody_how #point{
	background: #f0f0f0;
	padding: 5%;
	width: 80%;
	margin: 0 auto 50px;
}

#maxbody_how #point dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}


#maxbody_how #point dt{
	background:#ccc;
	width:13%;
	min-width:80px;
	max-width:110px;
	height:50px;
	margin-bottom:15px;
	position:relative;
}

#maxbody_how #point dt span{
	width:100%;
	left:0;
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#maxbody_how #point dd{
	width:83%;
	text-align:left;
	margin-bottom:15px;
}

#maxbody_how #point dd span{
	color:#ff3366;
}

#maxbody_how .step .boby_movie{
	margin: 50px auto;
}

#maxbody_how .step .boby_movie p{
	margin-bottom: 30px;
	font-size: 25px;
}

#maxbody_how .step .boby_movie ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#maxbody_how .step .boby_movie li{
	width: 48%;
	margin-bottom: 20px;
	background: #000;
}
#maxbody_how .step .boby_movie li:first-child{
	margin-right: 2%;
}

#maxbody_how .step .boby_movie li p{
	background: #000;
	color: #fff;
	width: 100%;
	margin-bottom: 0;
	padding: 8px 0;
	font-size: 18px;
}

#maxbody_how .step .boby_movie li video{
	width: 100%;
}

#maxbody_how .step dl#sport{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin: auto;
}

#maxbody_how .step dl#sport dt{
	width: 35%;
	text-align: left;
	margin: 20px 3% 0 0;
	line-height: 1.8;
}

#maxbody_how .step dl#sport dd{
	width: 40%;
}

@media only screen and (max-width:680px) { 
	#maxbody_how #point{
		margin-top: 0;
		padding: 30px 5%;
	}
	
	#maxbody_how h3{
		margin-bottom: 20px;
	}

	#maxbody_how #point dt{
		height:85px;
	}
		
	#maxbody_how #point br{
		display:inline;
	}

}

@media only screen and (max-width:580px) { 
	#maxbody_how #point dd{
		width:73%;
	}
	#maxbody_how .step dl#sport dt{
		width: 90%;
		margin: 0 auto 30px;
	}
	#maxbody_how .step dl#sport dd{
		width: 60%;
	}
}

@media only screen and (max-width:480px) { 
	#maxbody_how #point dt{
		width: 13%;
		height:155px;
	}
	
	#maxbody_how #point dd{
		width:68%;
	}
	
}

/*----------クレンジング&コンディション用追加----------*/

#wash_how .step .box dl{
	margin-top: 15px;
}



































/*
クレンジングコンディション
--------------------------------------------------------------------------------------*/
/*
#wash_how{
	margin-top:50px;
}

#wash_how p{
	width:90%;
	margin:0 auto 40px;
	font-size:20px;
}

#wash_how p span{
	background:#666;
	color:#fff;
	display:block;
	padding:20px 0;
	font-size:23px;
	margin-bottom:15px;
}

#wash_how .step{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

#wash_how .box{
	width:32%;
	margin-bottom:40px;
}

#wash_how .box dl{
	text-align:left;
	margin-top:15px;
}

#wash_how .box dt{
	font-size:25px;
	counter-increment: number;
}

#wash_how .box dt:before{
	background:#666;
	color:#fff;
	display:inline-block;
	content:  counter(number);
	width:45px;
	height:40px;
	font-size:30px;
	text-align:center;
	margin-right:10px;
	padding-top:5px;
}

#wash_how .box dd{
	margin-top:15px;
}

#wash_how #att{
	width:80%;
	border:1px solid #000;
	padding:3% 5%;
	margin:0 auto 80px;
	text-align:left
}

#wash_how #att p{
	width:100%;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;
}
-----*/


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

	#wash_contents #kouka ul li{
		width:auto;
	}
}

@media only screen and (max-width:570px) { 
	#expertlotion #wash h3{
		letter-spacing:normal;
		font-size:32px;
	}
	#expertlotion #wash h3 span{
		font-size:16px;
		letter-spacing:normal;
	}
	#wash_contents #kouka p{
		font-size:19px;
	}

	#wash_contents #kouka ul{
		justify-content:space-between;
	}
	#wash_contents #kouka ul li{
		width:46%;
	}
}


@media only screen and (max-width:480px) { 
	#expertlotion #wash .title p{
		margin-bottom:0;
	}
}




/*
Q&A
------------------------------------------------------------------------------------*/
#faq{
	background:#f9f9f9;
	padding:80px 0;
}


#faq #inner{
	width:92%;
	max-width:1000px;
	margin:80px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#faq #inner dl{
	width:48%;
	max-width:460px;
	text-align:left;
}

#faq #inner dt{
	font-size:20px;
	font-weight:bold;
	margin: 0 0 0 100px;
}

#faq #inner dt:before{
	content:"Q ";
	font-size:60px;
	vertical-align:middle;
	position:absolute;
	margin-left:-50px;
	margin-top:-10px;
}

#faq #inner dd{
	margin:20px 0 30px 50px;
	line-height:1.6;
}

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

#faq #inner dt {
    margin: 0 0 0 50px;
}

#faq #inner dt:before{
	font-size:45px;
}
}


@media only screen and (max-width: 640px) { 
#faq #inner dl{
	width:100%;
}
#faq #inner dt:before{
	font-size:36px;
	padding: 15px 0 0 0;
}
#faq #inner dt{
	font-size:18px;
/*	text-indent:-30px;
	padding-left:30px;*/
}
#faq #inner dd{
/*	margin:0 0 30px 30px;*/
	margin:15px 0 30px 0px;


}
}









/*
spec
------------------------------------------------------------------------------------*/

#relamour #spec .ttl2{
	margin-top:-30px;
	margin-bottom:100px;
	font-size:20px;
}

#relamour #spec dl{
	max-width:900px;
	margin:0 auto 100px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#relamour #spec dt{
	width:35%;
}

#relamour #spec dd{
	width:65%;
}

#relamour #spec table{
	text-align:left;
	line-height:1.6;
	width: 100%;
}

#relamour #spec table tr td:first-child{
	width:23%;
}

#relamour #spec table tr{
	border-bottom:2px dotted #000;

}

#relamour #spec table tr td{
	padding:20px 0;
}



@media only screen and (max-width: 580px) { 
#relamour #spec .ttl2{
	margin-top:0px;
	margin-bottom:20px;
	font-size:14px !important;
}

#relamour #spec dl{
	display:block;
}

#relamour #spec dt{
	width:60%;
	max-width:115px;
	margin:auto;
}

#relamour #spec dd{
	width:100%;
}


}
































#relamour .tempo p{
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:2.0;
}

#relamour .tempo p span{
	display:block;
	font-weight:bold;
}



#relamour .tempo dl dd,#relamour .tempo dl dt{
	display:inline-block;
	vertical-align:top;
}

#relamour .tempo dl dt,#relamour .tempo dl dd{
	width:30%;
	text-align:left;
	font-size:16px;
	line-height:2.0;
}

#relamour .tempo dl span{
	font-size:25px;
	font-weight:bold;
	margin-bottom:20px;
	display:block;
}



#relamour .gray{
	width:100%;
	max-width:auto;
	background-color:#EBEBEB;
}




#relamour .white{
	max-width:1000px;
	background-color:#fff;
	margin:0 0 30px;
	padding:30px;
	font-size:16px;
	line-height:2.0;
	text-align:left;
}
	
#relamour .white p{
	font-size:20px;
	text-align:center;
		font-weight:bold;

}

	
#relamour .white ul li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

	
	
#relamour .white ul li:first-child p{
	margin-top:50px;
}

	
	
	
	
	

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


#relamour .tempo dl dt,#relamour .tempo dl dd{
	width:90%;
/*	margin:0 5%;*/
}

#relamour .tempo dl dt,#relamour .tempo dl dd img{
	text-align:center;
}



}









@media only screen and (max-width: 789px){
	
.white p{
	font-size:16px;
	text-align:center;
		font-weight:bold;

}

	
.white ul li{
	width:100%;
	display:block;
}

	
	
.white ul li:first-child p{
	margin-top:0px;
}


}
	
	



	
	


#relamour  #special_bnr{
	background:#E6E6E6;
}


	
	
