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

*{
		margin: 0px;
		padding: 0px;
	}
body{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
	#reco-hairoil{
		/*width: 100%;*/
		width: 1250px;
		margin: 0 auto;
		font-size: 12px;
		/*padding: 20px;*/
	/*	white-space: nowrap;
  overflow-x: scroll;*/
		
			display: flex;
 flex-wrap: wrap;

	}
	
	
	h3 {
    width: 97%;
    font-size: 18px;
    background-color: #ececec;
    text-align: left;
    line-height: 1.5;
    padding: 10px 0 10px 3%;
    margin-bottom: 20px;
}
	h3 span{
		font-size: 14px;
		display: block;
	}
	
	
	
	#reco-hairoil ul li {
    width: 14%;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding-left: 2%;
}
	
	#reco-hairoil ul li img{
		width: 90%;
	}
	
	#reco-hairoil a{
			text-decoration: none;
		
	}
	
	#reco-hairoil .name{
		color: #000;
		margin-top: 20px;
		
		
	}
	#reco-hairoil .price{
		color:#FF0C10;
	}
		
	#reco-hairoil .star{
		color:#170EED;
	}
	#reco-hairoil p{
		font-size: 11px;
		color: #B8B8B8;
		margin-top: 15px;
		margin-left: 20px;
		
	}
#reco-hairoil br.sp{
	display: none;
}



@media only screen and (max-width: 768px) {  
	
	#reco-hairoil{
		width: 800px;
		margin: 0 auto;
		font-size: 11px;
	}
		
	h3 {
    font-size: 16px;
  	}
	h3 span{
		font-size: 12px;
	}
	#reco-hairoil p{
		font-size: 10px;
	}
	#reco-hairoil br.sp{
	display: block;
	}
}