/*
このCSSファイルはindex.phpとarchive.phpの両方で共用しています。
あまりないかもしれませんが、
特別にCSSを個別に指定したい場合は、index.cssまたはarchive.cssに直接書いてください。
*/
.sec-1{
	margin:30px 0 30px 0;
	text-align:center;
}
.sec-1 .sec-title{
	margin:0 0 20px 0;
	padding:0;
	font-size:20px;
	line-height:1;
	color:#111111;
}
.sec-1 p{
	margin:0 0 2em 0;
	padding:0;
	font-size:14px;
	line-height:2;
	color:#111111;
}

.page-header{
	margin-bottom:30px;
}
	.page-title{
		font-size:32px;
		margin: 0.67em 0;
	}

.post-list{
	 margin: 0px 0 80px 0;
}

.post-list .wrapper{
	display:flex;
	flex-wrap: wrap;
	padding:0 30px;
}

.post-list .item{
	width:calc((100% / 3) - 30px);
	text-align:left;
    margin: 0 15px 70px 15px;

}
.post-list .thumbnail {
    margin-bottom: 14px;
}
.post-list .entry-meta {
    margin: 0px 0 12px 0;
	letter-spacing: 0.1em;
}
.post-list .title {
	margin-top:0;
	margin-bottom: 14px;
    font-size: 16px;
}
.post-list .entry-footer{
	margin-top:0;
}

/* For (over 1200px)*/
@media (min-width: 1200px){
.page-header{
	margin-left:15px;
	margin-right:15px;
}
}/* For (over 1200px)*/

/* For (under 991px)*/
@media (max-width: 991px){
.post-list .item{
	width:calc((100% / 2) - 30px);
}
}/* For (under 991px)*/

/* For (under 575px)*/
@media (max-width: 575px){
.page-title{
	font-size:5.5vw;
}
.post-list .wrapper{
	display:flex;
	flex-wrap: wrap;
	padding:0 15px;
}
.post-list .item{
	width:calc((100% / 1) - 30px);

}
}/* For (under 575px)*/