/* ==========================================================
   News Archive
========================================================== */

.news-archive{
	max-width:900px;
	margin:0 auto;
}

.news-list{
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	margin:3rem 0;
	padding:0;
	list-style:none;
}

.news-item{
	padding:1.5rem;
	border:1px solid var(--ew-line);
	border-radius:10px;
	background:#fff;
	box-shadow:0 4px 14px rgba(37,13,0,.05);
	transition:.25s ease;
}

.news-item:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 20px rgba(37,13,0,.08);
}

.news-item time{
	display:block;
	margin-bottom:.5rem;
	color:var(--ew-sub);
	font-size:.85rem;
	letter-spacing:.08em;
}

.news-item h3{
	margin:0 0 .75rem;
	font-size:1.2rem;
}

.news-item h3 a{
	color:var(--ew-heading);
	text-decoration:none;
}

.news-item h3 a:hover{
	color:#82ae46;
}

.news-item p{
	margin:0;
	line-height:1.9;
}

.pagination{
	margin:3rem 0;
	text-align:center;
}

/* ==========================================================
   SP
========================================================== */

@media (max-width:768px){

	.news-list{
		gap:1rem;
	}

	.news-item{
		padding:1.25rem;
	}

	.news-item h3{
		font-size:1.05rem;
	}

}