@charset "utf-8";

.photo_list {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 100px;
}

.photo_list>ul {
    display: grid;
    overflow: hidden;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(20%, auto));
    gap: 20px;
}

.photo_list>ul>li {
	box-sizing: border-box;
}

.photo_list>ul>li.no_data {
	width: 100%;
}

.photo_list>ul>li a {
	display: inline-block;
}

.photo_list>ul>li .item_check {
	width: 100%;
	height: 15px;
}

.photo_list>ul>li .item_photo {
	width: 100%;
	display: table;
}

.photo_list>ul>li .item_photo a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cecece;
	border-radius: 12px;
	padding: 20px;
}

.photo_list>ul>li .item_photo img {
	max-height: 60px;
}

.photo_list>ul>li .item_cont {}

.photo_list>ul>li .item_cont .tit {
	display: none;
	width: 100%;
	text-align: center;
}

.photo_list>ul>li .item_cont .tit a {
	width: 100%;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 18px;
  margin-top: 12px;
	font-weight: 500;
}

.photo_list>ul>li .item_cont .writer {
	float: left;
	width: 50%;
	color: #333;
}

.photo_list>ul>li .item_cont .date {
	float: right;
	width: 50%;
	color: #333;
	text-align: right;
}

@media (max-width: 1080px) {
	.photo_list>ul>li .item_cont .tit a{
		font-size: 16px;
	}
}


@media (max-width: 801px) {
	.photo_list>ul{
		grid-template-columns: repeat(auto-fill, minmax(25%, auto));
	}

}


@media (max-width: 680px) {
	.photo_list>ul{
		grid-template-columns: repeat(auto-fill, minmax(33%, auto));
	}
}