@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1440 / var(--inner-scale));
  --inner: 880;
  --fz-ratio: 1;
}
@media screen and (max-width: 999px) {
  :root {
    --fz-ratio: 1.2;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --fz-ratio: 1.0;
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 297;
  }
}

/* ===============================
  投稿
=============================== */
/* 一覧ページ
------------------------------*/
#archive {
  padding: clamp(0px, calc(130 * 100vw / var(--vw-base)), 130/var(--vw-base) * 1440px) 0 clamp(0px, calc(150 * 100vw / var(--vw-base)), 150/var(--vw-base) * 1440px);
}

.archive__items {
  width: calc(587 / var(--inner) * 100%);
  margin: 0 auto;
  margin-top: calc(95 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .archive__items {
    width: 100%;
    margin-top: clamp(0px, calc(40 * 100vw / var(--vw-base)), 40/var(--vw-base) * 1440px);
  }
}

.archive__item:nth-child(n+2) {
  margin-top: clamp(0px, calc(30 * 100vw / var(--vw-base)), 30/var(--vw-base) * 1440px);
}
.archive__item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .archive__item {
    border-bottom: 1px solid #949494;
  }
  .archive__item:first-child a {
    padding-top: 0;
  }
  .archive__item:nth-child(n+2) {
    margin-top: 0;
  }
  .archive__item a {
    padding: calc(18 / var(--inner) * 100%) 0;
  }
}

.archive__date {
  font-size: clamp(0px, calc(13 * 100vw / var(--vw-base) * var(--fz-ratio)), 13/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: normal;
  color: #B0B0B0;
}

.archive__title {
  font-size: clamp(0px, calc(18 * 100vw / var(--vw-base) * var(--fz-ratio)), 18/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: normal;
  position: relative;
  padding-right: 12.5em;
}
.archive__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: url(../img/img_arrow.png) no-repeat center center/contain;
  width: 12.5em;
  aspect-ratio: 450/18;
}
@media (max-width: 767px) {
  .archive__title {
    font-size: clamp(0px, calc(16 * 100vw / var(--vw-base) * var(--fz-ratio)), 16/var(--vw-base) * 1440px);
    padding-right: 0;
  }
  .archive__title::after {
    display: none;
  }
}

/* ページネーション
------------------------------*/
.pagination {
  margin-top: calc(74 / var(--inner) * 100%);
  display: flex;
  gap: 0 clamp(0px, calc(5 * 100vw / var(--vw-base)), 5/var(--vw-base) * 1440px);
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
}

.page-numbers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(0px, calc(16 * 100vw / var(--vw-base) * var(--fz-ratio)), 16/var(--vw-base) * 1440px);
  padding: 0.5em;
  font-weight: 500;
  color: #5D5D5D;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
  line-height: 0.5;
}
@media (hover: hover) {
  .page-numbers:hover {
    background-color: #eee;
  }
}
.page-numbers.current {
  background-color: #FFDB7F;
  aspect-ratio: 1/1;
}
.page-numbers.prev, .page-numbers.next {
  font-size: clamp(0px, calc(15 * 100vw / var(--vw-base) * var(--fz-ratio)), 15/var(--vw-base) * 1440px);
}

/* 記事ページ
------------------------------*/
.article {
  padding: clamp(0px, calc(130 * 100vw / var(--vw-base)), 130/var(--vw-base) * 1440px) 0 clamp(0px, calc(150 * 100vw / var(--vw-base)), 150/var(--vw-base) * 1440px);
}

.article__title {
  margin-top: calc(100 / var(--inner) * 100%);
  border-top: 1px solid #949494;
  padding-top: 1em;
  font-size: clamp(0px, calc(30 * 100vw / var(--vw-base) * var(--fz-ratio)), 30/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: normal;
  text-align: center;
}
@media (max-width: 767px) {
  .article__title {
    margin-top: clamp(0px, calc(50 * 100vw / var(--vw-base)), 50/var(--vw-base) * 1440px);
    font-size: clamp(0px, calc(20 * 100vw / var(--vw-base) * var(--fz-ratio)), 20/var(--vw-base) * 1440px);
    text-align: left;
  }
}

.article__date {
  font-size: clamp(0px, calc(15 * 100vw / var(--vw-base) * var(--fz-ratio)), 15/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.05em;
  color: #B0B0B0;
  text-align: center;
  margin-top: 1em;
}
@media (max-width: 767px) {
  .article__date {
    font-size: clamp(0px, calc(13 * 100vw / var(--vw-base) * var(--fz-ratio)), 13/var(--vw-base) * 1440px);
  }
}

.article__content {
  font-size: clamp(0px, calc(16 * 100vw / var(--vw-base) * var(--fz-ratio)), 16/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: 1.75;
  margin-top: 2.8em;
}
@media (min-width: 768px) {
  .article__content {
    padding: 0 4.2em;
  }
}
@media (max-width: 767px) {
  .article__content {
    font-size: clamp(0px, calc(14 * 100vw / var(--vw-base) * var(--fz-ratio)), 14/var(--vw-base) * 1440px);
  }
}

.article__navigation {
  margin-top: calc(120 / var(--inner) * 100%);
  display: flex;
  justify-content: center;
  gap: 0 calc(50 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .article__navigation {
    margin-top: clamp(0px, calc(50 * 100vw / var(--vw-base)), 50/var(--vw-base) * 1440px);
  }
}

.article__navigation-prev,
.article__navigation-next {
  font-size: clamp(0px, calc(15 * 100vw / var(--vw-base) * var(--fz-ratio)), 15/var(--vw-base) * 1440px);
  font-weight: 500;
  line-height: normal;
  padding: 0.1em 1.3em;
  border: 1px solid #B0B0B0;
}
/*# sourceMappingURL=post.css.map */