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

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


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


#expertlash {
	text-align:center;
}

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

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

.bg-w1000{
	background:#fff;
}

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

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

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

@media only screen and (max-width: 560px) { 
	#expertlash .comm_box{
		padding:40px 0;
	}
	
	#expertlash h3{
		font-size:36px;
		letter-spacing:2px;
		line-height:1.5;
	}
}
	


#expertlash #intro{
	background:#f3f3f3;
	position:relative;
}

#expertlash #intro #image{
	width:47%;
}

#expertlash #intro #image img{
	object-fit:cover;
	height:669px;
}

#expertlash #intro dl{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:47%;
	max-width:580px;
	left:51%;
	text-align:left;
}

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

#expertlash #intro dd{
	font-size:40px;
}

#expertlash #intro dd p{
	font-size:16px;
	margin-top:30px;
	line-height:1.8;
}

#expertlash #trivia{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#expertlash #trivia p{
	width:100%;
	margin-bottom:30px;
	font-size:30px;
}

#expertlash #trivia dl{
	width:49%;
	background:#e4e4e4;
	padding:30px 0;
	line-height:1.6;
}

#expertlash #trivia dt{
	width:90%;
	font-size:23px;
	margin:0 auto 15px;
}
#expertlash #trivia dd{
	width:90%;
	margin:0 auto;
}

@media only screen and (max-width: 1024px) { 
	#expertlash #intro #image{
		width:42%;
	}
	#expertlash #intro #image img{
		height:470px;
	}
	#expertlash #intro dl{
		width:55%;
		left:45%;
	}
	
	#expertlash #intro dd{
		font-size:30px;
	}
	
	#expertlash #trivia dt{
		font-size:20px;
	}
	
	#expertlash #trivia dd{
		font-size:15px;
	}
	
}

@media only screen and (max-width: 740px) { 
#expertlash #intro #image{
	width:100%;
}

#expertlash #intro #image img{
	object-fit:contain;
	height:auto;
}

#expertlash #intro dl{
	position:static;
	top: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	width:90%;
	max-width:580px;
	left:0;
	text-align:left;
	margin:0 auto;
	padding:40px 0;
}

#expertlash #intro dt{
	margin-bottom:10px;
	font-size:20px;
}

#expertlash #intro dd{
	font-size:26px;
}

#expertlash #intro dd p{
	margin-top:15px;
}

#expertlash #trivia{
	display:block;
}

#expertlash #trivia dl{
	width:100%;
	margin:0 auto 30px;
}

}









#expertlash #concept{
	background:#000;
	padding:60px 0;
	color:#fff;
	line-height:1.6;
}

#expertlash #concept span{
	display:block;
	font-size:16px;
	margin-bottom:10px;
}

#expertlash #concept p{
	font-size:25px;
	width:90%;
	max-width:800px;
	margin:auto;
}


#expertlash #difference{
	padding:100px 0;
	position:relative;
	background:#DED1BA;
}

#expertlash #difference:before{
	content:"";
    box-sizing: border-box;
    border: 75px solid transparent;
    border-left: 35px solid #000;
	position:absolute;
	top:-22px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
}

#expertlash #difference h2{
	font-size:35px;
}

#expertlash #difference #normal{
	width:90%;
	max-width:1000px;
	margin:30px auto;
	background:#ececec;
}


#expertlash #difference ul{
	width:90%;
	max-width:max-content;
	margin:auto;
	padding:60px 0;
}

#expertlash #difference #normal ul p{
	width:90%;
	font-size:27px;
	margin:0 auto 20px;
}

#expertlash #difference #normal ul li{
	text-align:left;
	margin-bottom:15px;
	padding-left:25px;
	text-indent:-23px;
}

#expertlash #difference #normal ul li:before{
	content:url(../../img/special/expertlash/icon.jpg);
	margin-right:5px;
	vertical-align:top;
}


#expertlash #difference #lash{
	width:90%;
	max-width:1000px;
	margin:30px auto;
	background:#fff;
	border:10px solid #D89F9A;
	box-sizing:border-box
}

#expertlash #difference #lash ul p{
	width:100%;
	font-size:32px;
	color:#B8524A;
	margin:0 auto 20px;
	font-weight:bold;
}

#expertlash #difference #lash ul p br{
	display:none;
}

#expertlash #difference #lash ul p span{
	display:block;
	color:#000;
	font-size:16px;
	margin-top:15px;
	font-weight:normal;
}

#expertlash #difference #lash ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

#expertlash #difference #lash ul li{
	text-align:left;
	margin-bottom:15px;
	width:47%;
	max-width:310px;
}

#expertlash #difference #lash ul li:before{
	content:url(../../img/special/expertlash/icon-p.jpg);
	margin-right:5px;
	vertical-align:middle;
}

@media only screen and (max-width:900px) { 
	#expertlash #difference #lash ul p br{
		display:block;
	}
	 
}

@media only screen and (max-width:680px) { 
	#expertlash #concept p{
		font-size:20px;
	}
	
	#expertlash #difference h2{
		font-size:23px;
		margin-bottom:0;
	}
	
	#expertlash #difference #normal{
		margin:20px auto 0;
	}
	
	#expertlash #difference ul{
		padding:45px 0;
	}
	
	#expertlash #difference #normal ul p{
		font-size:20px;
		margin:0 auto 20px;
	}
	
	#expertlash #difference #lash ul p{
		font-size:20px;
	}
	
	#expertlash #difference #lash ul p br{
		display:none;
	}
	
	#expertlash #difference #lash ul p span{
		text-align:left;
	}
	
	#expertlash #difference #lash ul{
		display:block;
	}
	
	#expertlash #difference #lash ul li{
		width:100%;
		max-width:none;
	}
}


/*
特徴
-------------------------------------------------------------------------------------------*/
#expertlash #feature{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	counter-reset: number;
}

#expertlash #feature h3{
	font-size:40px;
	width:100%;
}

#expertlash #feature h3 br{
	display:none;
}

#expertlash #feature .box{
	width:31%;
	max-width:297px;
	margin-bottom:40px;
	counter-increment: number;
	text-align:left;
}

#expertlash #feature .box:nth-of-type(4),
#expertlash #feature .box:nth-of-type(5){
	width:49%;
	max-width:463px;
}

#expertlash #feature .box dl{
	margin-bottom:15px;
}

#expertlash #feature .box dt{
	color:#C46C66;
	font-size:24px;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:5px;
}

#expertlash #feature .box dt span{
	display:block;
	font-size:20px;
	margin-bottom:10px;
}

#expertlash #feature .box dt:before{
	content:  counter(number , decimal-leading-zero);
	display:inline-block;
	font-size:42px;
	font-weight:normal;
	vertical-align:middle;
	margin-right:10px;
}

#expertlash #feature .box dd:nth-of-type(2){
	background:#e6e6e6;
	padding:20px;
	margin-top:10px;
}

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

#expertlash #feature .box,
#expertlash #feature .box:nth-of-type(4),
#expertlash #feature .box:nth-of-type(5){
	width:100%;
	max-width:580px;
	margin:0 auto 40px;
}
}
@media only screen and (max-width:650px) { 
#expertlash #feature h3{
	font-size:30px;
	letter-spacing:normal;
}
}


@media only screen and (max-width:460px) { 
#expertlash #feature h3 br{
	display:block;
}
}









#impression{
	position:relative;
}

#impression img{
	object-fit:cover;
	height:669px;
}

#impression dl{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left:10%;
	width:80%;
	max-width:480px;
	color:#fff;
	line-height:1.8;
}

#impression dt{
	font-size:40px;
	margin-bottom:20px;
}

#impression dd{
	font-size:20px;
}


#nayami h3{
	font-size:30px;
	width:100%;
}

#nayami ul{
	margin:20px auto;
	max-width:max-content;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}

#nayami li{
	width:50%;
	max-width:415px;
	text-align:left;
	font-size:20px;
	margin-bottom:15px;
}

#nayami li:nth-of-type(odd){
	width:42%;
	max-width:330px;
}

#nayami li:before{
	content:url(../../img/special/expertlash/icon-y.jpg);
	margin-right:5px;
	vertical-align:middle;
}

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

#impression img{
	height:500px;
	object-position:53% 0;
}

#impression dl{
	left:5%;
}

#impression dt{
	font-size:32px;
}

#impression dd{
	font-size:16px;
}
}

@media only screen and (max-width:700px) { 
	#nayami ul{
		display:block;
	}
	
	#nayami li,
	#nayami li:nth-of-type(odd){
		width:100%;
		max-width:none;
	}
}

@media only screen and (max-width:540px) { 
	#impression img{
		height:350px;
	}
	#impression dl{
		width:90%;
	}
	
	#impression dt{
		font-size:24px;
		margin-bottom:20px;
	}
	
	#impression dd{
		font-size:16px;
	}
	
	#nayami h3{
		font-size:24px;
		letter-spacing:normal;
		margin-bottom:20px;
	}
	
	#nayami h3 span{
		letter-spacing:normal;
	}
	
	#nayami li{
		font-size:16px;
	}
}













/*---------ビフォーアフター------------------*/
#expertlash #b-a{
	margin-top:50px;
	background:#E2E2E2;
	padding:90px 0;
}

#expertlash #b-a h4{
	font-size:45px;
	font-weight:normal;
	margin-bottom:40px;
}
#expertlash #b-a #arrow{
	width:60%;
	max-width:348px;
	margin:0 auto 30px;
}

#expertlash #b-a #kouka{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	max-width:740px;
	width:90%;
	margin:40px auto 100px;
}

#expertlash #b-a #kouka #title{
	width:100%;
	font-size:45px;
	margin-bottom:40px;
}

#expertlash #b-a #kouka li{
	background:#BDA571;
	border-radius:50%;
    position: relative;
    width: 28%;
    height: 50%;
    padding:15% 1%;
	font-size:30px;
	color:#fff;
	font-weight:bold;
}

#expertlash #b-a #kouka li p{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#expertlash #b-a #kouka li p span{
	font-size:20px;
	font-weight:normal;
	display:block;
}

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

#expertlash #b-a #ttl span{
	font-size:15px;
	display:block;
	margin:10px auto 0;
	letter-spacing:1px;
	width:90%;
}

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

#expertlash #b-a .bg-w1000 ol li{
	width:48%;
	max-width:391px;
	position:relative;
}

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

#expertlash #b-a .bg-w1000 ol li:after,
#expertlash #b-a .bg-w1000 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%;
}

#expertlash #b-a .bg-w1000 ul li{
	width:23%;
	position:relative;
}

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

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

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


#expertlash #b-a .bg-w1000 #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;
}

#expertlash #b-a .bg-w1000 #other #title{
	font-size:23px;
	width:100%;
}

#expertlash #b-a .bg-w1000 #other #title span{
	font-size:16px;
	display:block;
}

#expertlash #b-a .bg-w1000 #other ul{
	width:45%;
}

#expertlash #b-a .bg-w1000 #other ul li{
	width:47%;
}

#expertlash #b-a .bg-w1000 #other ul li:after{
	width: 15px;
	height:15px;
	right:-5%;
}

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

@media only screen and (max-width:840px) {
	#expertlash #b-a h4,
	#expertlash #b-a #kouka #title{
		font-size:34px;
	}
	
	#expertlash #b-a #kouka li{
		font-size:24px;
	}
}

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


}


@media only screen and (max-width:580px) { 
	#expertlash #b-a h4,
	#expertlash #b-a #kouka #title{
		font-size:24px;
		margin-bottom:20px;
	}
	
	#expertlash #b-a #kouka{
		width:94%;
		margin:30px auto 40px;
	}
	#expertlash #b-a #kouka li{
		font-size:16px;
		width:32%;
		padding:16% 0;
	}
	#expertlash #b-a .bg-w1000{
		counter-reset: number;
	}
	#expertlash #b-a .bg-w1000 ul li{
	 	counter-increment: number;
	}
	#expertlash #b-a .bg-w1000 ul li:before{
	content:  counter(number , decimal-leading-zero);
	display:block;
	text-align:left;
	}
	#expertlash #b-a #kouka li p span{
		font-size:14px;
	}
	#expertlash #b-a .bg-w1000 #other ul li::after{
		right:-6%;
	}
}

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






#expertlash #point{
	counter-reset: number;
}

#expertlash #point h2{
	font-size:40px;
	letter-spacing:normal;
}

#expertlash #point h2 span{
	font-size:24px;
	margin-bottom:5px;
}


#expertlash #point .inner{
	margin-bottom:70px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

#expertlash #point .inner:last-child{
	justify-content:space-between;
	align-items:start;
}

#expertlash #point .inner h3{
	background:#C5B082;
	font-size:25px;
	text-align:left;
	text-indent:15px;
	padding:15px 0;
	position:relative;
	letter-spacing:1px;
	counter-increment: number;
	font-weight:bold;
	width:100%;
}

#expertlash #point .inner h3:after{
	content:"POINT"counter(number , decimal-leading-zero);
	color:#fff;
	position:absolute;
	right:15px;
	font-weight:normal;
}

#expertlash #point .inner dl{
	width:40%;
	text-align:left;
}

#expertlash #point .inner dt{
	font-size:23px;
	margin-bottom:10px;
}

#expertlash #point .inner > p{
	width:50%;
}

#expertlash #point .inner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#expertlash #point .inner li{
	width:32%;
	text-align:left;
}

#expertlash #point .inner li p{
	margin-top:8px;
}

#expertlash #point .inner li p span{
	font-size:18px;
	display:block;
	font-weight:bold;
	margin-bottom:10px;
}


#expertlash #point .inner h4{
	font-size:23px;
	margin-bottom:40px;
	font-weight:normal;
	width:100%;
	line-height:1.6;
}

#expertlash #point .inner .block{
	width:48%;
	text-align:left;
}

#expertlash #point .inner .block h5{
	font-size:20px;
	color:#AA8D51;
	border-bottom:2px solid #999;
	padding-bottom:8px;
	margin-bottom:10px;
}

#expertlash #point .inner .block p{
	width:100%;
	margin-bottom:50px;
}

#expertlash #point .inner .block #desc{
	border:2px dotted #666;
	padding:22px;
	font-size:14px;
}

#expertlash #point .inner .block #desc td{
	padding-bottom:10px;
}
#expertlash #point .inner .block #desc td:first-child{
	width:30%;
	min-width:120px;
	font-weight:bold;	
	font-size:15px;
}


@media only screen and (max-width:640px) { 
	#expertlash #point h2{
		font-size:32px;
	}
	
	#expertlash #point h2 span{
		font-size:13px;
	}
	
	/* 
	#expertlash #point .inner{
		margin-bottom:70px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
	}
	
	#expertlash #point .inner:last-child{
		justify-content:space-between;
		align-items:start;
	} */
	
	#expertlash #point .inner h3{
		font-size:15px;
		text-indent:8px;
		letter-spacing:normal;
		margin-bottom:15px;
	}
	
	#expertlash #point .inner h3:after{
		right:10px;
		font-size:14px;
	}
	
	#expertlash #point .inner dl{
		width:100%;
		margin-bottom:15px;
	}
	
	#expertlash #point .inner dt{
		font-size:20px;
	}
	
	#expertlash #point .inner > p{
		width:100%;
	}
	
	#expertlash #point .inner ul{
		display:block;
	}
	
	#expertlash #point .inner li{
		width:100%;
		max-width:315px;
		margin-bottom:20px;
	}
	
	#expertlash #point .inner h4{
		font-size:16px;
	}
	
	#expertlash #point .inner h4 br{
		display:none;
	}
	
	#expertlash #point .inner .block{
		width:100%;
	}
	
	#expertlash #point .inner .block h5{
		font-size:18px;
	}
	
}



#kodawari{
	background:#DED1BA;
	padding:90px 0;
}

#kodawari h2{
	font-size:20px;
	margin-bottom:50px;
}

#kodawari h2 span{
	font-size:40px;
}

#kodawari .inner{
	width:90%;
	max-width:800px;
	margin:0 auto 80px;
}

#kodawari h3{
	font-size:30px;
	margin:0 auto 30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:20px 0;
}

#kodawari .inner p#att{
	background:#e0e0e0;
	max-width:640px;
	margin:20px auto 40px;
	padding:15px 0;
}

#kodawari .inner dl{
	margin:30px auto;
	text-align:left;
}

#kodawari .inner dt{
	font-size:25px;
	margin-bottom:15px;
}

#kodawari .inner dt span{
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	margin-left:3%;
}

#kodawari .inner dl:nth-of-type(1) dt{
	color:#A0852D;
}

#kodawari .inner dl:nth-of-type(2) dt{
	color:#0B3365;
}


#kodawari .inner dd{
	margin-left:35px;
}


@media only screen and (max-width:480px) { 
	#kodawari{
		padding:60px 0;
	}
	
	#kodawari h2{
		margin-bottom:30px;
	}
	
	#kodawari h2 span{
		font-size:30px;
	}
	
	#kodawari .comm_box{
		padding:60px 0 5px;
	}
	
	#kodawari h3{
		font-size:22px;
		padding:15px 0;
	}
	#kodawari .inner > p{
		text-align:left;
	}
	
	#kodawari .inner p#att{
		font-size:14px;
		text-align:center;
	}
	
	#kodawari .inner dt{
		font-size:22px;
		margin-bottom:15px;
	}
	
	#kodawari .inner dt span{
		font-size:16px;
		display:block;
		margin-left:28px;
	}
	
	#kodawari .inner dd{
		text-indent:0;
		margin-left:28px;
	}
}










/*
howto
-------------------------------------------------------------------------------------------*/
#expertlash #howto h4{
	width:100%;
	font-size:23px;
	background:#000;
	color:#fff;
	padding:20px 0;
	margin-bottom:20px;
}

#expertlash #howto .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:50px auto;
	counter-reset: number;
}

#expertlash #howto .inner:nth-of-type(2){
	justify-content:space-around;
}

#expertlash #howto .box{
	width:48%;
	margin-bottom:40px;
}

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

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

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

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

#expertlash #howto .box p{
	background:#dedede;
	text-align:left;
	text-indent:5%;
	padding:15px 0;
	margin-top:15px;
}

#expertlash #howto #recommend{
	border:2px solid #000;
	padding:50px;
}

#expertlash #howto #recommend p{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}



@media only screen and (max-width:580px) { 
	#expertlash #howto h4{
		font-size:20px;
		padding:15px 0;
	}
	#expertlash #howto .box{
		width:100%;
	}
	
	
	#expertlash #howto .box p{
		margin-top:10px;
	}
	
	#expertlash #howto #recommend{
		padding:35px;
	}
	
	#expertlash #howto #recommend br{
		display:none;
	}

}




















/*
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;
	display:flex;
	align-items:end;
	/* margin: 0 0 0 100px; */
}

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

#faq #inner dd{
	margin:10px 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%;
	margin:auto;
}
#faq #inner dt:before{
	font-size:40px;
}
#faq #inner dt{
	font-size:18px;
	margin-right:10px;
}
#faq #inner dd{
	margin:15px 0 30px 0px;


}
}









/*
spec
------------------------------------------------------------------------------------*/
#expertlash #spec{
	background:#f0f0f0;
	padding:90px 0;
}



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

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

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

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

#expertlash #spec table{
	text-align:left;
	line-height:1.6;
	width:90%;
	margin:auto;
}

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

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

}

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

#expertlash #spec ul{
	width:90%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

#expertlash #spec #package{
	margin-bottom:120px;
}


#expertlash #spec #package > p{
	font-size:20px;
	width:100%;
	margin-bottom:20px;
	font-weight:bold;
}

#expertlash #spec #package li{
	width:45%;
}

#expertlash #spec #package li p{
	margin-top:10px;
}

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

#expertlash #spec dl{
	display:block;
}

#expertlash #spec dt{
	width:20%;
	max-width:115px;
	margin:auto;
}

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

#expertlash #spec table{
	width:90%;
}

#expertlash #spec #package li{
	width:100%;
	margin-bottom:30px
}

}














/*
ラインナップ
-------------------------------------------------------------------------------------------*/
#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;
	}
}




	
	


#expertlash  #special_bnr{
	background:#E6E6E6;
}





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

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

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

#insta #inner .box{
	width:31%;
	margin:0 auto 30px;
}

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

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


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

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

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

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

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

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


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

}