@charset "utf-8";
/* CSS Document */

.title--related {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 40px;
	text-align: left;
}

.archive_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.archive_list > a {
	background-color: #FFF;
	width: calc(100% / 2);
	border-left: solid 1px #dfdfdf;
	text-decoration: none;
	margin-bottom: 30px;
	height: 537px;
	-webkit-transition: all 400ms 0s ease;
	transition: all 400ms 0s ease;
}
.archive_list > a:hover {
	opacity: .8;
}
.posts--related > a:first-of-type {
}
.posts--related > a:last-of-type {
	border-right: solid 1px #dfdfdf;
}
.archive_list .thumb--main {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 300px;
	position: relative;
}
.archive_list .thumb--main img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.post_inner--archive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 20px;
	color: #333333;
}
.post_title--archive {
	font-size: 24px;
	line-height: 1.5;
	margin: 0 0 8px;
	font-weight: bold;
}
.excerpt--archive {
	font-size: 14px;
	line-height: 1.6;
}

.post_date_wrap--archive {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	margin-bottom: 15px;
}
.post_date--archive {
	font-size: 18px;
}
.post_date_wrap--archive .tag--post_type {
	font-size: 14px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 25px;
	padding: 0 10px;
	background-color: #fff8aa;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
}


@media screen and (max-width: 1100px) {
	.title--related {
		font-size: 2.2vw;
    	margin-bottom: 4%;
	}
	.archive_list {
		margin-bottom: 2%;
	}
	.archive_list > a {
		margin-bottom: 3%;
		height: auto;
	}
	.archive_list .thumb--main {
		height: 28vw;
	}
	.archive_list .thumb--main i {
		width: 100%;
    	height: 100%;
	}
	.post_inner--archive {
		padding: 4%;
	}
	.post_date_wrap--archive {
		margin-bottom: 3%;
	}
	.post_title--archive {
		font-size: 2.2vw;
		margin: 0 0 2%;
	}
	.excerpt--archive {
		font-size: 1.3vw;
	}
}

@media screen and (max-width: 768px) {
	.title--related {
		font-size: 6vw;
		margin-bottom: 6%;
	}
	.archive_list > a {
		width: calc(98% / 2);
		margin-right: 1%;
		margin-top: 1%;
		margin-bottom: 1%;
		height: auto;
		min-height: 70vw;
	}
	.archive_list > a:nth-child(2n) {
		margin-left: 1%;
		margin-right: 0;
	}
	.archive_list .thumb--main {
		height: 40vw;
	}
	.archive_list .thumb--main img {
		width: 100%;
    	height: 100%;
	}
	.post_inner--archive {
		padding: 4%;
	}
	.post_date_wrap--archive {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
    	-webkit-box-align: start;
    	-ms-flex-align: start;
    	align-items: flex-start;
		margin-bottom: 3%;
	}
	.post_date--archive {
		font-size: 2.5vw;
		margin-bottom: 5%;
	}
	.post_date_wrap--archive .tag--post_type {
		font-size: 2.5vw;
		padding: 2%;
		height: auto;
		width: auto;
		white-space: nowrap;
	}
	.post_title--archive {
		font-size: 3vw;
    	margin: 0;
	}
	.excerpt--archive {
		display: none;
	}
}