@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  nav.news-category-list {
    display: flex;
    align-items: center;

    padding-bottom: 1.05rem;

    border-bottom: 1px solid var(--main-color-code);

    overflow-x: scroll;
  }

  nav.news-category-list::-webkit-scrollbar {
    display: none;
  }

  .news-category-list__item {
    margin-right: 1.25rem;
    flex-shrink: 0;
  }
  .news-category-list__item:last-of-type {
    margin-right: 0;
  }

  .news-category-list__item a {
    color: rgb(var(--main-color-rgb) / 0.575);
    text-decoration: none;

    padding-top: 0.25rem;
    padding-right: 0.35rem;
    padding-bottom: 0.25rem;
    padding-left: 0.35rem;

    transition-property: all;
    transition-duration: 0.33s;
    transition-timing-function: ease;
  }

  .news-category-list__item a.is-active {
    color: #000000;

    pointer-events: none;
  }

  .news-category-list__item a:hover {
    color: #000000;
  }


  .news-archive-content-list {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
  }

  section.news-archive .pagination-buttons {
  }

}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  nav.news-category-list {
    display: flex;
    align-items: center;

    padding-bottom: 0.75rem;

    border-bottom: 1px solid var(--main-color-code);

    overflow-x: scroll;
  }

  nav.news-category-list::-webkit-scrollbar {
    display: none;
  }

  .news-category-list__item {
    margin-right: 0.575rem;
    flex-shrink: 0;
  }
  .news-category-list__item:last-of-type {
    margin-right: 0;
  }

  .news-category-list__item a {
    color: rgb(var(--main-color-rgb) / 0.575);
    font-size: var(--font-size-tiny);
    text-decoration: none;

    padding-top: 0.25rem;
    padding-right: 0.35rem;
    padding-bottom: 0.25rem;
    padding-left: 0.35rem;

    transition-property: all;
    transition-duration: 0.33s;
    transition-timing-function: ease;
  }

  .news-category-list__item a.is-active {
    color: #000000;

    pointer-events: none;
  }

  .news-category-list__item a:hover {
    color: #000000;
  }


  .news-archive-content-list {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  section.news-archive .pagination-buttons {
  }
}