@charset "UTF-8";

.blogList {
	display: flex;
	flex-wrap: wrap;
}
.blogList li {
	width: 32%;
	margin: 0 2% 30px 0;
	text-align: left;
	overflow: hidden;
}
.blogList li:nth-child(3n){
	margin-right:0;
}
.postList__thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.blogList h2 {
	margin-bottom: 5px;
	margin-top: 10px;
}
.blogList .text {
	margin-bottom: 5px;
	font-size: 14px;
}
.blogList time {
	text-align: right;
	float: right;
	margin-top: 5px;
	font-size: 12px;
	color: #bbb;
}
.postList__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.first,
.last {
	display: none!important;
}
	
.flexCat {
	display: flex;
}
	
.flexCat .l {
	width: calc(100% - 260px);
}
.flexCat .r {
	width: 230px;
	text-align: left;
	margin-left: 30px;
}

.flexCat .r h2 {
	margin-bottom: 20px;
	font-size: 20px;
}
	
.catList {
	border-top: 1px solid #eee;
}
	
.catList li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eee;
	padding: 20px 0 24px;
}
.catList li a:before {
	content: "";
	 filter: brightness(0) saturate(100%);
	background: url(/wp-content/themes/OriginalTheme/asset/img/icon-folder.svg);
	background-size: cover;
	display: inline-block;
	width:18px;
	height: 18px;
	margin-right: 8px;
	position: relative;
	top: 3px;
}	
@media screen and (max-width:767px) {
	.blogList li {
		width: 49%;
		margin: 0 2% 20px 0;
	}
	.blogList li:nth-child(2n){
		margin-right:0;
	}
	.blogList li:nth-child(3n){
		margin-right:auto;
	}
	.flexCat {
		display: block
	}
	.flexCat .l {
		width: 100%;
		margin-bottom: 30px;
	}
	.flexCat .r {
		width: 100%;
		margin-left:0;
		padding-bottom: 50px;
	}

	.flexCat .r h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}
}