.section__archive {
  margin-top: 200px;
  margin-bottom: 200px;
}

.section__archive--subtitle {
  opacity: 0.1;
  text-align: center;
}

.section__archive--title {
  font-size: 32px;
  margin-top: -1.5em;
  margin-bottom: 40px;
  text-align: center;
}

.post-list {
  display: flex;
  flex-wrap: wrap;
}

.post-item {
  width: 33.3333333333%;
  padding: 0.5em;
}

.post-item__wrap {
  display: block;
  height: 100%;
  border: 1px solid var(--tantive-main-color);
}

.post-item__eyecatch img {
  width: 100%;
  height: auto;
}

.post-item__attributes {
  padding: 1em;
}
.post-item__attributes h2 {
  margin-bottom: 1em;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

.page-numbers:not(.dots):not(.next):not(.prev) {
  display: inline-block;
  text-align: center;
  width: 2em;
  padding: 0.5em;
  background-color: var(--tantive-main-color);
}
.page-numbers:not(.dots):not(.next):not(.prev).current {
  color: white;
  background-color: var(--tantive-main-dark-color);
}
.page-numbers.prev {
  margin-right: 0.5em;
}
.page-numbers.next {
  margin-left: 0.5em;
}

@media screen and (max-width: 1280px) {
  .post-list {
    flex-direction: column;
  }
  .post-item {
    width: 100%;
  }
  .post-item__attributes h2 {
    word-break: break-all;
  }
}/*# sourceMappingURL=style-archive.css.map */