.page-landing section.landing {
  width: 380px;
  max-width: 92%;
}
@media screen and (min-width: 801px) {
  .page-landing section.landing {
    width: 1000px;
  }
}

.filter-row {
  width: 720px;
  max-width: 100%;
  margin: 0 auto;
  justify-content: space-evenly;
}
.filter-row .s-btn {
  box-sizing: border-box;
  padding: 0.2em 1em;
  width: clamp(100px, 18vw, 180px);
  border-radius: 1em;
  background-color: #736A63;
  color: #ffffff;
  font-size: clamp(20px, 3vw, 29px);
  line-height: 100%;
  white-space: nowrap;
}
.filter-row .s-btn#s-btn-2 {
  background-color: #EBA067;
}
.filter-row .s-btn#s-btn-3 {
  background-color: #E17FA6;
}
.filter-row .s-btn#s-btn-4 {
  background-color: #BF96D9;
}
.filter-row .active-btn {
  display: none;
}

.bloglist-area {
  width: 920px;
  max-width: 92%;
  margin: 40px auto 0 auto;
}
.bloglist-area .post-item {
  box-sizing: border-box;
  width: 100%;
  padding: 1.5em;
  border-bottom: 1px solid #736A63;
}
.bloglist-area .post-item .top-row {
  width: 100%;
  align-items: center;
  margin-bottom: 1em;
}
.bloglist-area .post-item .top-row .blog-cat {
  margin-left: 2em;
  padding: 0.3em 1em;
  border-radius: 1em;
  background-color: #736A63;
  color: #ffffff;
}
.bloglist-area .post-item.news-card .top-row .blog-cat {
  background-color: #BF96D9;
}
.bloglist-area .post-item.event-card .top-row .blog-cat {
  background-color: #E17FA6;
}
.bloglist-area .post-item.donation-card .top-row .blog-cat {
  background-color: #EBA067;
}

nav.navigation {
  width: 100%;
  padding-bottom: clamp(40px, 8vw, 80px);
}

.nav-links {
  width: 920px;
  max-width: 92%;
  margin: clamp(32px, 5vw, 50px) auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-links .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: clamp(32px, 8vw, 82px);
  min-width: clamp(32px, 8vw, 82px);
  height: clamp(32px, 8vw, 82px);
  font-size: clamp(20px, 3vw, 27px);
  margin: auto 0.5em;
  background-color: #E0D2CC;
  border-radius: 50%;
  color: #ffffff;
}
.nav-links .page-numbers.current {
  pointer-events: none;
  background-color: #EBA067;
}
.nav-links .page-numbers.next, .nav-links .page-numbers.prev {
  background-color: #ffffff;
}
.nav-links .page-numbers .next-btn,
.nav-links .page-numbers .prev-btn {
  display: block;
  width: 100%;
  height: 100%;
}
.nav-links .page-numbers .next-btn {
  background: url(../img/common/next-arrow.svg);
  background-size: contain;
}
.nav-links .page-numbers .prev-btn {
  background: url(../img/common/prev-arrow.svg);
  background-size: contain;
}

.post-main .page-landing {
  padding-bottom: clamp(32px, 6vw, 60px);
}

.breadcrumbs {
  text-align: start;
  margin: 0 auto 1em auto;
}

article.post-body h4.post-date {
  text-align: end;
  margin-bottom: 1em;
}

/*# sourceMappingURL=post.css.map */