.main { padding-bottom: 250px; }
.pager li a { border: 2px solid #65bdff; }
.pager li a:hover, .pager li a.active { background: linear-gradient(to right, #4490e5, #65bdff); }

div[class$="-archive-list"] .page-list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
div[class$="-archive-list"] .page-list li{
  border: 5px solid;
}
#event div[class$="-archive-list"] .page-list li {
  border-image: linear-gradient(to right, #ff8fae, #ffa777);
  border-image-slice: 1;
}
div[class$="-archive-list"] .page-list li figure {
	flex-basis: 20%;
}
div[class$="-archive-list"] .page-list li img {
	aspect-ratio: 3/3;
	object-fit: cover;
	object-position: top center;
}
div[class$="-archive-list"] .page-list li .txt-area{
	flex-basis: 80%;
	padding: 1em;
}
div[class$="-archive-list"] .page-list li .txt-area .date{
  font-size: 1.4rem;
  letter-spacing: .05em;
  margin-bottom: 10px;
  color: #f64d80;
}
div[class$="-archive-list"] .page-list li .txt-area .subheading{
  font-size: 1.5rem;
  font-weight: normal;
  color: #000;
}
#news div[class$="-archive-list"] .page-list li {
  border-image: linear-gradient(to right, #4490e5, #65bdff);
  border-image-slice: 1;
}
div[class$="-archive-list"] .page-list li a {
	display: flex;
	text-decoration: none;
}
@media screen and (max-width: 750px){
	.main {
		padding-bottom: 80px;
	}
	div[class$="-archive-list"] .page-list {
		gap: 20px;
	}
	div[class$="-archive-list"] .page-list li{
		border-width: 2px;
	}
	div[class$="-archive-list"] .page-list li figure {
		flex-basis: 30%;
	}
	div[class$="-archive-list"] .page-list li img {
		aspect-ratio: 210/297;
	}
	div[class$="-archive-list"] .page-list li .txt-area{
		flex-basis: 70%;
		padding: 15px;
	}
}