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

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


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


#expertlotion {
	text-align:center;
}

#expertlotion br.clear{
	clear:both;
}

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



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

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

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

#expertlotion .inner_navi{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	margin: 50px auto;
	width: 90%;
}

#expertlotion .inner_navi li{
	border: 1px solid #000;
	width: 48%;
	max-width: 280px;
	margin: 0 1%;
	font-size: 24px;
	font-weight: bold;
	box-sizing: border-box;
}

#expertlotion .inner_navi li span{
	display: block;
	font-size: 14px;
	font-weight: normal;
}

#expertlotion .inner_navi li a{
	display: block;
	padding: 15px 0;
}





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

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

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

	#expertlotion .inner_navi li{
		font-size: 18px;
	}

	#expertlotion .inner_navi li span{
		font-size: 10px;
	}

}
	


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


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

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

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

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

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

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

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

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

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

#expertlotion #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) { 
	#expertlotion #lineup h3 span{
		letter-spacing:normal;
	}
	#expertlotion #lineup #inner .box{
		width:49%;
	}
	
	#expertlotion #lineup #inner .box dt{
		font-size:13px;
	}
	
	#expertlotion #lineup #inner .box dd span{
		font-size:14px;
	}
	
	#expertlotion #lineup #inner .box p{
		font-size:14px;
	}
	
	#expertlotion #lineup #inner .box p a{
		padding:12px 0;
	}
	#expertlotion #lineup #inner .box p a:after{
		top:16px;
	}
}






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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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







#expertlotion #intro{
	position:relative;
}

#expertlotion #intro img{
	object-fit:cover;
	height:700px;
	object-position: 35% 0;
}

#expertlotion #intro dl{
	position:absolute;
	width:50%;
	max-width:650px;
	left:46%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

#expertlotion #intro dl h2{
	font-size:25px;
	margin-bottom:20px;
	font-weight:bold;
}

#expertlotion #intro dt{
	font-size:40px;
	margin-bottom:20px;
	line-height:1.6;
}

#expertlotion #intro dd{
	line-height:1.8;
}

#expertlotion #intro dd:last-child{
	font-size:14px;
}

@media only screen and (max-width:768px) { 
	#expertlotion #intro dt{
		font-size:28px;
	}
}


@media only screen and (max-width:620px) { 
	#expertlotion #intro img{
		height:540px;
		object-position: 38% 0;
	}
	
	#expertlotion #intro dl{
		width:90%;
		left:5%;
	}
	
	#expertlotion #intro dl h2{
		font-size:25px;
		margin-bottom:5px;
	}
	
	#expertlotion #intro dt{
		margin-bottom:10px;
	}
	
}
















#expertlotion #point{
	max-width:700px;
	margin:80px auto;
	counter-reset: number;
}


#expertlotion #point .box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#expertlotion #point .box:nth-of-type(2){
	flex-direction:row-reverse;
}

#expertlotion #point .box p{
	width:50%;
}
#expertlotion #point .box dl{
	width:42%;
	text-align:left;
	counter-increment: number;
	margin-top:30px;
}

#expertlotion #point .box dt{
	color:#1b3cab;
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
}

#expertlotion #point .box dl:before{
	display:block;
	content:  counter(number , decimal-leading-zero);
	color:#1b3cab;
	font-size:30px;
	margin-bottom:15px;
  	font-family: 'Roboto', sans-serif;
}

#expertlotion #point .box dd{
	line-height:1.8;
}


@media only screen and (max-width:580px) { 
	#expertlotion #point .box{
		display:block;
	}
	#expertlotion #point .box p{
		width:100%;
	}
	#expertlotion #point .box dl{
		width:90%;
		max-width:350px;
		margin:15px auto 30px;
	}
	
	#expertlotion #point .box dt{
		display:inline-block;
		vertical-align:middle;
		margin-bottom:0px;
	}
	
	#expertlotion #point .box dl:before{
		display:inline-block;
		vertical-align:middle;
		margin:0 10px 3px 0;
	}
}





/*
ABOUT
------------------------------------------------------------------------------------*/
#expertlotion #about{
	background:#fbf6f0;
}

#expertlotion #about dl{
	margin-bottom:50px;
}

#expertlotion #about dt h2{
	font-size:25px;
	margin-bottom:10px;
	font-weight:bold;
}

#expertlotion #about dd{
	font-size:40px;
	line-height:1.6;
}

#expertlotion #about dd br:nth-of-type(2){
	display:none;
}

#expertlotion #about dd span{
	background:linear-gradient(transparent 45%, #e9dc73 45%);
}


#expertlotion #about #work dd{
	font-size:16px;
	line-height:1.6;
	text-align:left;
	margin:15px auto;
}

#expertlotion #about #inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

#expertlotion #about #inner .box{
	width:40%;
	background:#fff;
	margin-bottom:4%;
	padding:4%;
	text-align:left;
}

#expertlotion #about #inner .box .ttl{
	font-size:23px;
	display:inline-block;
	counter-increment: number;
	font-weight:bold;
}

#expertlotion #about #inner .box .ttl:before{
	content:  counter(number , decimal-leading-zero);
	font-size:50px;
	display:inline-block;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:0 12px 5px 0;
	margin-right:30px;
	font-weight:100;
	letter-spacing:2px;
	vertical-align:middle;
}

#expertlotion #about #inner .box p{
	margin-top:30px;
	line-height:1.8;
}


@media only screen and (max-width:740px) { 
	#expertlotion #about dd{
		font-size:30px;
	}
}

@media only screen and (max-width:680px) { 
	#expertlotion #about dt h2{
		font-size:24px;
		letter-spacing:1px
	}
	
	#expertlotion #about dd{
		font-size:24px;
	}
	
	#expertlotion #about dd br:nth-of-type(2){
		display:block;
	}
	
	#expertlotion #about #inner .box{
		width:80%;
		margin:0 auto 30px;
		padding:10%;
	}
	
	#expertlotion #about #inner .box .ttl:before{
		font-size:40px;
		margin-right:20px;
	}
	
	#expertlotion #about #inner .box p{
		margin-top:20px;
		line-height:1.6;
	}

}






/*
kouka
------------------------------------------------------------------------------------*/

#expertlotion #kouka{
	position:relative;
}

#expertlotion #kouka img{
	object-fit:cover;
	height:660px;
	object-position: 75% 0;
}

#expertlotion #kouka #box{
	position:absolute;
	max-width:650px;
	left:10%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

#expertlotion #kouka #box dt{
	font-size:20px;
}

#expertlotion #kouka #box dd{
	font-size:40px;
}

#expertlotion #kouka #box ul{
	width:75%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:30px auto 0;
}

#expertlotion #kouka #box ul li{
	width:50%;
	font-size:20px;
	margin-bottom:10px;
}

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


@media only screen and (max-width:680px) { 
	#expertlotion #kouka img{
		height:450px;
		object-position: 77% 0;
	}
	
	#expertlotion #kouka #box{
		width:90%;
		left:5%;
	}
	
	#expertlotion #kouka #box dt{
		font-size:19px;
	}
	
	#expertlotion #kouka #box dd{
		font-size:30px;
	}
	
	#expertlotion #kouka #box ul{
		width:100%;
	}
	
}





/*
悩み
------------------------------------------------------------------------------------*/
#expertlotion #nayami.comm_box{
	width:100%;
}

#expertlotion #nayami h4{
	font-size:40px;
}

#expertlotion #nayami h4 span{
	display:block;
	font-size:16px;
	font-weight:normal;
	margin-top:15px;
}

#expertlotion #nayami #inner{
	background:#f3e1df;
	padding:60px 0 5px;
	text-align:left;
	counter-reset: number;
	margin-top:40px;
}

#expertlotion #nayami #inner .box{
	width:74%;
	margin:0 auto 60px;
	background:#fff;
	padding:8% 8%;
}

#expertlotion #nayami #inner .box .ttl{
	font-size:20px;
	counter-increment: number;
	display:inline-block;
}

#expertlotion #nayami #inner .box .ttl br{
	display:none;
}

#expertlotion #nayami #inner .box .ttl:before{
	font-size:40px;
	content:"CASE"  counter(number , decimal-leading-zero);
	color:#C16760;
	vertical-align:middle;
	margin-right:15px;
	display:inline-block;
	letter-spacing:3px;
}

#expertlotion #nayami #inner .box ul{
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	margin:20px 0;
	padding:15px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

#expertlotion #nayami #inner .box ul li{
	width:31%;
	margin:8px 0;
	font-size:20px;
	font-weight:bold;
}

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

#expertlotion #nayami #inner .box:nth-of-type(2) ul:after{
	content:"";
	width:30%;
	display:block;
}


@media only screen and (max-width:730px) { 
	#expertlotion #nayami #inner .box .ttl{
		font-size:18px;
	}
	#expertlotion #nayami #inner .box .ttl:before{
		font-size:30px;
		letter-spacing:1px;
	}
	#expertlotion #nayami #inner .box ul li{
		width:40%;
		font-size:18px;
	}
	#expertlotion #nayami #inner .box ul:after,
	#expertlotion #nayami #inner .box:nth-of-type(2) ul:after{
		content:"";
		display:block;
		width:40%;
	}
}

@media only screen and (max-width:640px) { 
	#expertlotion #nayami h4{
		width:90%;
		margin:auto;
		font-size:32px;
	}
	
	#expertlotion #nayami #inner{
		margin-top:20px;
	}

	#expertlotion #nayami #inner .box{
		margin-bottom:25px;
	}
	#expertlotion #nayami #inner .box .ttl{
		font-size:20px;
	}
	#expertlotion #nayami #inner .box .ttl br{
		display:inline;
	}
	#expertlotion #nayami #inner .box .ttl:before{
		display:block;
		margin-bottom:5px;
	}
	
	#expertlotion #nayami #inner .box ul li{
		width:100%;
		margin:5px 0;
	}
	#expertlotion #nayami #inner .box ul li{
		width:50%;
		font-size:16px;
	}
	#expertlotion #nayami #inner .box ul:after,
	#expertlotion #nayami #inner .box:nth-of-type(2) ul:after{
		width:50%;
	}
	
}




/*
血流UP
------------------------------------------------------------------------------------*/

#expertlotion #flow{
	position:relative;
}

#expertlotion #flow img{
	object-fit:cover;
	object-position:30% 0;
	height:850px;
}

#expertlotion #flow #inner{
	position:absolute;
	width:70%;
	max-width:650px;
	top: 50%;
	left: 55%;
	-webkit-transform: translate(-50%, -60%);
	transform: translate(-50%, -60%);
}

#expertlotion #flow #inner dt{
	line-height:1.8;
}

#expertlotion #flow #inner dt span{
	font-size:40px;
	background:linear-gradient(transparent 60%, #dcaba7 60%);
}

#expertlotion #flow #inner dd{
	margin-top:40px;
}

#expertlotion #flow #inner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	margin-top:50px;
}

#expertlotion #flow #inner ul li{
	background:#fff;
	border:1px solid #000;
	color:#C16760;
	font-weight:bold;
	font-style:italic;
	border-radius:50%;
    position: relative;
    width: 26%;
    height: 50%;
    padding:15% 2%;
	font-size:23px;
}

#expertlotion #flow #inner ul li p{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


@media only screen and (max-width:760px) { 
	#expertlotion #flow img{
		object-position:38% 0;
		height:700px;
	}
	
	#expertlotion #flow #inner{
		width:90%;
		max-width:650px;
		top: 50%;
		left: 5%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
}

@media only screen and (max-width:540px) { 
	#expertlotion #flow img{
		object-position:38% 0;
		height:760px;
	}
	
	#expertlotion #flow #inner{
		width:90%;
		left: 5%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
		
	#expertlotion #flow #inner dt span{
		font-size:28px;
	}
	
	#expertlotion #flow #inner dd{
		margin-top:25px;
	}
	
	#expertlotion #flow #inner ul{
		margin-top:30px;
	}
	
	#expertlotion #flow #inner ul li{
	    width: 38%;
	    padding:21% 2%;
		font-size:21px;
	}
}


/*
使い方
------------------------------------------------------------------------------------*/
#expertlotion #howto.comm_box{
	width:100%;
}

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

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

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


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


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

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

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

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


#howto #howtomovie{
	width:90%;
	max-width:600px;
	margin:0 auto 60px;
}

#howto #howtomovie video{
	width:100%;
}

#expertlotion #howto .ttl h4{
	background:#000;
	color:#fff;
	font-size:23px;
	font-weight:normal;
	padding:23px 0;
}

#expertlotion #howto .ttl h4 span{
	font-size:16px;
	display:block;
}

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

#expertlotion #howto .step{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

#expertlotion #howto .box{
	width:29%;
	margin-bottom:40px;
}

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

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

#expertlotion #howto .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;
}

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

#expertlotion #howto #scalp{
	border:1px solid #000;
	padding:50px 0;
	margin-bottom:80px;
}

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

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

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



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

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



@media only screen and (max-width:500px) { 
	#expertlotion #howto #howtopoint p br{
		display:block;
	}
	
	#expertlotion #howto #howtopoint dt{
		height:105px;
	}
	#expertlotion #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%;
}

#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;
	}

	#maxbody_how .step .boby_movie ul{
	display:block;
	}
	#maxbody_how .step .boby_movie li{
		width: 100%;
		margin:0 auto 20px;
	}
	#maxbody_how .step .boby_movie li:first-child{
		margin-right: auto;
	}


}

@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
------------------------------------------------------------------------------------*/

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

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

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

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

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

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

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

}

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



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

#expertlotion #spec dl{
	display:block;
}

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

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


}
































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

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



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

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

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



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




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

}

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

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

	
	
	
	
	

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


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

#expertlotion .tempo dl dt,#expertlotion .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;
}


}
	
	



	
	


#expertlotion  #special_bnr{
	background:#E6E6E6;
}


	
	/*
口コミ
-------------------------------------------------------------------------------------------*/
#expertlotion #voice{
	max-width: 1000px;
    margin: 0 auto;
	padding:90px 0;
}


#expertlotion #voice p{
	font-size:20px;
	margin:20px 0;
	padding:20px 0;
	
	/*border-bottom:1px dotted #000;*/
	line-height:2.0;
}


#expertlotion #voice p br{
	/*display:none;*/
}

#expertlotion #voice dl{
	margin:20px 0;
	text-align:left;
	border-bottom:1px dotted #000;
	padding:20px 0;
}


#expertlotion #voice dl dt{
	font-weight:bold;
	font-size:20px;
	margin:0 0 20px 0;
}


#expertlotion #voice p.att{
	font-size:12px;
	border-bottom:none !important; 
}


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


#expertlotion #voice{
	width:90%;
    margin: 0 auto;
	padding:90px 0;
}


#expertlotion #voice p{
	font-size:18px;
	padding:0px;
}
#expertlotion #voice p br{
	display:block;
}


#expertlotion #voice dl dt{
	font-size:16px;
}


}

/*詳細ボタン追加*/


#expertlotion #lash_contents .btn {
	background:#333;
	width:80%;
	max-width:1000px;
	margin:50px auto 0;
}


#expertlotion #lash_contents .btn a{
	color:#fff;
	padding:15px 0;
	display:block;
	position:relative;
}

#expertlotion #lash_contents .btn 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;
}






/*インスタ追加*/
#expertlotion #insta{
	/*background:#CCC;*/
	/*width:90%;
	max-width:1000px;*/
	/*margin:80px auto;*/
		margin:0px auto;
		width:100%;
	background:#fbf6f0;
	padding:80px 0;

}

#expertlotion #insta_bg{
	
	width:90%;
	max-width:1000px;
	margin:0px auto;

}


#expertlotion #insta p{
	margin-top:30px;
	font-size:16px;
	line-height:1.8;
}

#expertlotion #insta #inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:80px;
}

#expertlotion #insta #inner .box{
	width:31%;
	margin:0 auto 30px;
	border: 1px solid #EEE;
}

#expertlotion #insta #inner .box p{
	background:#FFF;
	padding:5px 0;
	margin-bottom:10px;
}

#expertlotion #insta #inner .box iframe{
	border:none !important;  
	min-width:auto !important;
	/* max-width:310px; */
}


/*インスタテキスト追加*/

#expertlotion #insta #inner .box .insta_text{
	padding:0px 20px;
	margin-bottom:10px;
	text-align:left;
	background-color:/* #CCC */#EEE !important;
}

@media only screen and (max-width: 768px){
#expertlotion #insta #inner .box{
	width:48%;
}
}

@media only screen and (max-width: 540px){
#expertlotion #insta p br{
	display:none;
}

#expertlotion #insta #inner .box{
	width:90%;
}

#expertlotion #insta #inner .box iframe{
	border:none !important;  
	min-width:auto !important;
	max-width:auto;
}


#expertlotion #insta #inner .box .insta_text{
	/*padding:0px 20px;*/
	margin-bottom:10px;
	text-align:left;
	background-color: #FFF !important;
}

}