.photo_wrap									{position:relative;}
.photo_list										{ }
.photo_list li									{float:left; margin:0 10px;border:1px solid #d6d6d6; background:#fff; transition: all 0.4s ease; } 
.photo_list figure							{position:relative; height:218px; overflow:hidden;}
.photo_list figure img					{width:100%; height:100%; object-fit:cover;transition: all 0.4s ease;} 
.photo_list li:hover figure img		{transform: scale(1.07);}
.photo_list .cont							{padding:20px 25px; }
.photo_list .cont .date					{  color:#a2a2a2; font-size:0.95em; letter-spacing:0; padding:0 0 5px 0; }
.photo_list .cont .tit						{  font-size:1.1em;font-weight:500; margin:0 0 8px 0; letter-spacing:-1px; color:#333; height:30px;overflow:hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word;}
 

.photo_wrap .nolist						{width:100%; text-align:center; padding:60px 0; }


@media screen and (max-width:1024px) {
	.photo_list									{gap:20px;} 
	.photo_list .cont .tit					{font-size:1.05em;  height:25px;}
.photo_list li									{ margin:0 5px;}
}

@media screen and (max-width:820px) { 
	.photo_list figure						{  height:240px; }
	.photo_list .cont							{padding:15px 20px  ; }
	.photo_list .cont .tit					{font-size:1em;  }
}
@media screen and (max-width:600px) { 
 
}