@charset "UTF-8";


/* =========================================
	NEWS
============================================ */
@media (min-width: 768px) {
	body.archive main .news-list {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 70px 40px;
		border-bottom: 1px solid  #ddd;
		padding-bottom: 70px;
	}
	body.archive main .news-list .entry{
		width: calc((100% - 80px) / 3);
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body.archive main .news-list .entry a{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body.archive main .news-list .entry img,
	body.archive main .news-list .entry time{
		display: block;
	}
	body.archive main .news-list .entry img{
		width: 100%;
		margin-bottom: 20px;
	}
	body.archive main .news-list time,
	body.archive main .news-list .category span{
		line-height: 1;
	}
	body.archive main .news-list time{
		width: 5em;
	}
	body.archive main .news-list .category{
		width: calc(100% - 6em);
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	body.archive main .news-list .ttl{
		width: 100%;
		margin-top: 15px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	body.archive main .headline {
		padding: 0 7vw;
	}
	body.archive main .news-list {
		border-bottom: 1px solid  #ddd;
		padding-bottom: 50px;
	}
	body.archive main .news-list .entry{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body.archive main .news-list .entry:not(:first-of-type){
		margin-top:40px;
	}
	body.archive main .news-list .entry a{
		display: flex;
		display: -webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body.archive main .news-list .entry img,
	body.archive main .news-list .entry time{
		display: block;
	}
	body.archive main .news-list .entry img{
		width: 100%;
		margin-bottom: 15px;
	}
	body.archive main .news-list time,
	body.archive main .news-list .category span{
		line-height: 1;
	}
	body.archive main .news-list time{
		width: 5em;
	}
	body.archive main .news-list .category{
		width: calc(100% - 6em);
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	body.archive main .news-list .ttl{
		width: 100%;
		margin-top: 10px;
		font-size: 13px;
	}
}