@charset "utf-8"; 

.content {
  display: flex;
  flex-wrap: wrap;
  margin-left: 3%;
}


.content li{
	float: left;
	width: calc(auto%);
	margin:0 5px;
	box-sizing:border-box;}
	
.content li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	background-color:#fff;
	opacity: 0.4;
}


.text{
	background-color:#000;
	padding-top: 5px;
	padding-bottom: 5px;
	position:  relative; 
	width:100%;
        left:2spx; 
	top: calc(82% - 13px); 
	color: #fff; 
	font-weight: bold; 
	line-height: 20px;
}

.text p {
    margin: 0;
    padding: 0 0.8em;
    font-size: auto;
    text-align: center;
}