@charset "utf-8";

.archive section {
  padding-top: 100px;
}

@media (max-width: 1024px) {
  .archive section {
    padding-top: 60px;
  }
}

@media (max-width: 600px) {
  .archive section {
    padding-top: 30px;
  }
}

.archive .post-list>* {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted var(--col-default);
}

.archive .post-image {
  flex: 0 0 280px;
  text-align: center;
  margin-right: 30px;
}

@media (max-width: 600px) {
  .archive .post-image {
    margin-right: 0;
  }
}

.archive .post-text {
  color: var(--col-default);
}

.archive .post-text_title {
  font-size: 28px;
  color: var(--col-accent);
}

.archive .post-text_date {
  color: var(--col-sub1);
}

@media (max-width: 600px) {
  .archive .post-text_title {
    font-size: 20px;
    margin-top: 20px;
    line-height: 1.5;
  }

  .archive .post-text_date {
    text-align: right;
  }
}

.archive .paging {
  display: flex;
  justify-content: center;
}

.archive .paging span,
.archive .paging a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  border: 1px solid var(--col-main);
  border-radius: 6px;
  margin: 0 10px;
  color: var(--col-default);
}

.archive .paging span,
.archive .paging a:hover {
  background: var(--col-main);
}

.archive .paging .dots {
  border: none;
  background: none;
}

@media (max-width: 600px) {
  .archive .paging .page-numbers:not(.current):not(.prev):not(.next) {
    display: none;
  }
}

/* 資料集 */

.letter1 {
  padding-top: 100px;
}

.letter1 .section-title3 {
  border-color: var(--col-accent);
}

.letter1 h4 {
  margin: 100px 0 60px;
}

.letter1 .flex {
  --flex-gap: 15px;
}

.letter1 .flex>* {
  flex: 0 0 50%;
}

.letter1 .flex>li {
  margin-bottom: 30px;
}

.letter1 .flex>li a {
  width: 100%;
  border-radius: 20px;
  display: flex;
  align-items: center;
}

.letter1 i {
  font-size: 24px;
  margin-right: .5em;
}

@media (max-width: 600px) {
  .letter1 h4 {
    margin: 60px 0 20px;
  }

  .letter1 .flex>li {
    margin-bottom: 20px;
  }

  .letter1 .flex>li a {
    border-radius: 10px;
  }
}