@charset 'UTF-8';

.gallery-list .box{

	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.gallery-list .box .article {
	width: 320px;
	position: relative;
	margin-bottom: 20px;
}

.gallery-list .box .info {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
}

.gallery-list .box .article:hover .info {
	display: block;
	width: 320px;
	height: 320px;
	background: rgba(0, 0, 0, 0.8);
	padding: 75px 40px 85px;
	color: #fff;
}

.gallery-list .box .article:hover h4{
	line-height: 1.625;
	font-size: 1.6rem;
	padding-bottom: 55px;
	border-bottom: 1px solid #808080;
	margin-bottom: 8px;
}
.gallery-list .box .article:hover h4 a{
	color: #fff;
	font-weight: bold;
}