/* CSS Document */

#epilator{
	font-size: 18px;
	text-align: center;
	line-height: 1.6;
}

#epilator .w1000{
	max-width: 1000px;
	margin: auto;
	padding: 85px 0;
}

#epilator h2{
	font-size: 35px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: 5px;
}

#epilator h3{
	font-size:30px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	letter-spacing: 5px;
}

#epilator h3 span{
	font-size: 20px;
	display: block;
}

#epilator #intro dl{
	margin-bottom: 45px;
}

#epilator #intro dt{
	font-size:30px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	letter-spacing: 1px;
}

#epilator #intro dd{
	font-size: 35px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#epilator #intro ol{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom: 30px;
}

#epilator #intro ol li{
	width: 42%;
	text-align: left;
	background: url("../../img/special/epilator_hikaku/check.jpg") no-repeat;
	background-size: 31px;
	padding-left: 45px;
	margin-bottom: 25px;
	line-height: 1.6;
	box-sizing: border-box;
}

#epilator #nayami{
	background: #EEF0F4;
	padding: 120px 0;
}

#epilator #nayami .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position: relative;
	width: 90%;
	max-width: 1000px;
	margin: auto;
	padding: 85px 0;
}

#epilator #nayami .inner h2{
	position: absolute;
	left: -50px;
	top: 25px;
	text-align: left;
	font-size: 45px;
	line-height: 1.3;
	letter-spacing: 3px;
}

#epilator #nayami .inner .image{
	width: 52%;
}

#epilator #nayami .inner p{
	width: 45%;
	text-align: left;
	line-height: 1.7;
}


#epilator #diff .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	position: relative;
	margin: 50px auto 0;
}


#epilator #diff .inner .midashi{
	width: 20%;
	background: #d7a688;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 45px 0;
}

#epilator #diff .inner p{
	width: 77%;
	text-align: left;
	font-size: 16px;
}




#epilator #area h3{
	margin-bottom: 80px;
}

#epilator #pre{
	background: #EFF1F5;
	padding: 120px 0;
}

#epilator #pre .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#epilator #pre .inner .box{
	width: 49%;
}

#epilator #pre .inner .box p{
	text-align: left;
}

#epilator #pre .inner .box dl{
	text-align: left;
	border: 1px solid #999;
	padding: 20px;
	margin-top: 20px;
}

#epilator #pre .inner .box dt{
	font-weight: bold;
}

#epilator #pre .inner .box dd{
	font-size: 16px;
}

#epilator #pre #recommend{
	max-width: 1000px;
	background: #fff;
	margin: 0 auto;
	padding: 80px 5%;
	box-sizing: border-box;
}

#epilator #pre #recommend h2,
#epilator #pre #recommend h3{
	font-family: 'Roboto Condensed',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

#epilator #pre #recommend .block{
	max-width: 680px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	margin: 50px auto 0;
}

#epilator #pre #recommend .block .box{
	width: 40%;
}

#epilator #pre #recommend .block .box p{
	text-align: left;
	font-size: 22px;
}

#epilator #pre #recommend .block .box p.name{
	font-size: 16px;
	margin-top: 20px;
}

#epilator #pre #recommend .border{
	border: 1px solid #ccc;
	padding: 5%;
}





#epilator #table{
	background: #F2E2D9;
	padding: 85px 0;
}

#epilator #table h2,
#epilator #table h3{
	width: 100%;
}

#epilator #table h2 br{
	display: none;
}

#epilator #table #chart{
	width: 90%;
	max-width: 1000px;
	margin: 40px auto;
}


#epilator #table ol{
	width: 90%;
	overflow-x: auto;
	/*white-space: nowrap;  */
	overflow-scrolling: touch;  
	-webkit-overflow-scrolling: touch; 
	margin: auto;
}

#epilator #table ol li{
	width: 1600px;
	display: flex;
}

#epilator #table ol li img{
	border-bottom: 1px solid #000;
}
#epilator #table li p{
  width: 66px;
  font-size: 15px;
  display: flex;
  align-items: center;
  padding: 0px 25px 0 20px;
  background: #fff;
  border-bottom: 1px solid #000;
}

#epilator #table li:nth-of-type(1) p,
#epilator #table li:last-child p{
	background: #000;
	color: #fff;
	font-size: 12px;
	padding:  0 20px 0 15px;
}

#epilator #table li:nth-of-type(1) p span,
#epilator #table li:last-child p span{
	width: 25px;
}

#epilator #table li:nth-of-type(1) p img,
#epilator #table li:last-child p img{
	width: 100%;
	max-width: none;
}

#epilator #itemlist .block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	border-bottom: 2px dotted #000;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

#epilator #itemlist .block:nth-of-type(2n){
	flex-direction:row-reverse;
}

#epilator #itemlist .block .image{
	width: 33%;
}

#epilator #itemlist .block .detail{
	width: 52%;
	text-align: left;
}

#epilator #itemlist .block .detail .name span{
	font-family: 'Roboto Condensed',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size: 23px;
}

#epilator #itemlist .block .detail .name p{
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 30px;
	letter-spacing: -2px;
}

#epilator #itemlist .block .detail dl{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin:15px 0  20px;
}

#epilator #itemlist .block .detail dt{
	width: 25%;
	max-width: 85px;
	background: #e2e2e2;
	font-size: 15px;
	padding: 2px 0;
	text-align: center;
	margin-right: 5%;
	margin-bottom: 10px;
}

#epilator #itemlist .block .detail dd{
	width: 70%;
	margin-bottom: 10px;
}

#epilator #itemlist .block .detail h4{
	font-size: 22px;
	margin-bottom: 10px;
}

#epilator #itemlist .block .detail .more{
	width: 90%;
	max-width: 300px;
	background: #000;
	border-radius: 50px;
	text-align: center;
	margin-top: 30px;
}

#epilator #itemlist .block .detail .more a{
	color: #fff;
	display: block;
	padding: 7% 0;
}

#epilator #itemlist .block .detail span {
	font-size: 12px;
}



/*
Q&A
------------------------------------------------------------------------------------*/
#faq{
	margin:120px auto;
	width: 100%;
}

#epilator #faq h3{
	font-size:50px;
}

#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-bottom:5px;
	display: flex;
	align-items: center;
}

#faq .inner dt:before{
	content:"Q ";
	font-size:60px;
	margin: 0 20px 7px 0;
}

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



@media only screen and (max-width:810px) { 
	#epilator .w1000{
		width: 90%;
		padding: 60px 0;
	}
	#epilator #intro ol{
		display: inline-block;
	 }
	#epilator #intro ol li {
	  width: auto;
	}

	#epilator #nayami {
	  padding: 60px 0;
	}

	#epilator #nayami .inner{
		max-width: 535px;
		padding: 85px 0 40px;
	}
	#epilator #nayami .inner h2 {
	  left: 0;
	}
	#epilator #nayami .inner .image {
	  width: 100%;
	}
	#epilator #nayami .inner p {
	  width: 100%;
	  margin-top: 30px;
	}
	#epilator #pre .inner .box {
	  width: 100%;
	  max-width: 471px;
	  margin: 0 auto 20px;
	}



	#epilator #table h2 br{
		display: block;
	}
	#epilator #itemlist .block .image {
	  width: 65%;
	  margin: 0 auto 30px;
	}

	#epilator #itemlist .block .detail {
	  width: 100%;
	}

	#epilator #itemlist .block .detail .more{
		margin: 30px auto 0;
	}
	#faq .inner dl{
		max-width: none;
	}


}






@media only screen and (max-width:640px) { 
	#epilator #pre #recommend .block .box {
	  width: 100%;
	  max-width: 309px;
	  margin-bottom: 20px;
	}

	#epilator #table ol{
		overflow-x: scroll;
	}

	#epilator #table li{
		width: 1200px;
	}
	#faq {
	  margin: 70px auto;
	}
	#faq .inner dl {
	  width: 100%;
	}
	#faq .inner dt {
	  font-size: 17px;
	}
	#faq .inner dt::before {
	  font-size: 45px;
	  margin: 0 15px 7px 0;
	}
	#faq .inner dt {
	  font-size: 15px;
	}
}



@media only screen and (max-width:540px) { 
	#epilator {
	  font-size: 16px;
	}
	#epilator h2 {
	  font-size: 20px;
	}
	#epilator h3 {
	  font-size: 25px;
	}
	#epilator #intro dl {
	  margin-bottom: 25px;
	}
	#epilator #intro dt {
	  font-size: 20px;
	}
	#epilator #intro dd {
	  font-size: 23px;
	}
	#epilator #intro ol li {
	  background-size: 24px;
	  padding-left: 32px;
	  margin-bottom: 15px;
	}
	#epilator #nayami .inner h2 {
	  font-size: 30px;
	}
	#epilator #nayami .inner {
	  padding: 60px 0 10px;
	}
	#epilator #diff .inner{
		margin-top: 30px;
	}
	#epilator #diff .inner .midashi {
	  width: 100%;
	  padding: 10px 0;
	}
	#epilator #diff .inner p {
	  width: 100%;
	  margin-top: 20px;
	}
	#epilator #area h3 {
	  margin-bottom: 50px;
	}
	#epilator #pre #recommend .block .box p {
	  font-size: 17px;
	}
	#epilator #table {
	  padding: 60px 0;
	}
	#epilator #table ol li {
	  width: 1100px;
	}
	#epilator #itemlist .block .image img{
		max-height: 250px;
	}
	#epilator #itemlist .block .detail .name span{
		font-size: 18px;
	}
	#epilator #itemlist .block .detail .name p{
		font-size: 24px;
	}
}