.news-list{ display: flex; flex-wrap: wrap; margin-bottom: 10rem; }
.news-list li{ width:100%; }
.news-list li + li{ margin-top: 2rem; }
.news-list li > a{ display: block; padding: 1.5rem 2rem; background: #f8f8f8; }
.news-list li .post-meta{ display: flex; align-items: center; margin-bottom: 1rem; }
.news-list li .time{ font-size: 1.2rem; display: inline-block; }
.news-list li .cat{ font-size: 1rem; background: #00a7bc; color: #fff; padding: 0 1em; border-radius: 4em; display: inline-block; margin-left: 1em; }
.news-list li img{ width: 100%; height: 15rem; object-fit: cover; object-position: center; display: block; margin-bottom: 1rem; }
.news-list li h2{ color: #2dbecb; font-size: 2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; border-bottom: solid 1px; padding-bottom: 0.2em; margin-bottom: 0.4em; }
.news-list li p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.pagination{ margin-top: 10rem; }
.pagination ul{ display: flex; flex-wrap: wrap; }
.pagination ul li span, .pagination ul li a{ width: 2rem; height: 2rem; font-size: 1.2rem; border: solid 1px #2dbecb; color: #2dbecb; display: flex; justify-content: center; align-items: center; margin-right: 1rem; }
.pagination ul li span.current{ background: #2dbecb; color: #fff; }


@media(max-width: 768px){
	.news-list{ margin: 0 auto 5rem; }
	.news-list li h2{ font-size: 1.6rem; }
}