@charset "utf-8";

/* CSS Document */

.recommendation {
	
	width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    color: #e67817;
	height: 310px;
    padding: 30px 0;

}

.recommendation dl dd {
	float: left;
	width: 23%;
    margin: 4px;
    border: #d7ddde solid 1px;
    text-align:center;
}	
.recommendation dl dd:hover  {
	
    border: #e67817 solid 1px;

}	

@media screen and (max-width: 750px){
.recommendation {
	
	
	height: 200px;


}
.recommendation dl dd{
	margin: 2px;
} 

}