ul.row unstyled recommend_lists {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
ul {
  list-style: none;
}
.free_space {
    font-size: 12px;
     padding: 10 10 10px 20px;
}



.free_space-banner{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.free_space-banner li class { 
  text-align: center; 
  font-size: 7px;
  padding: 10 10 10 10px;
}

.free_space-banner li {
	width: calc(100%/1);/*←画像を横に1つ並べる場合*/
	画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.free_space-banner li img {
	max-width: 100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/   
    margin-bottom:0 5px;
    margin-top: 10px;
}