@charset "UTF-8";
/*
//  2026.10.26追加
//  事故防止のため以降はこちらでCSS調整
// ============================================= */
:root {
  --main: #00BCB5;
  --sub: #1015a3;
  --gray: #ededed;
  --gray_bg: #F7F7F7;
  --border: #E6E6E6;
  --border_dark: #aaa;
  --font: #333;
  --font_gray: #6C6C6C;
}


/*
//  ページネーション
//  .p-pagination と同じ見た目（WP標準クラス）
// --------------------------------------------- */
.navigation.pagination {
  padding: 7px 0;
  width: 100%;
  text-align: center;
}

.navigation.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}

.navigation.pagination .page-numbers {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
  background-color: #fff;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  color: #fff;
  line-height: 28px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
}

.navigation.pagination a.page-numbers,
.navigation.pagination a.page-numbers:visited {
  color: var(--font);
}

.navigation.pagination a.page-numbers.prev,
.navigation.pagination a.page-numbers.prev:visited,
.navigation.pagination a.page-numbers.next,
.navigation.pagination a.page-numbers.next:visited {
  background-repeat: no-repeat;
  background-size: 9px auto;
  color: transparent;
}

.navigation.pagination a.page-numbers.prev {
  background-image: url("../images/common/icon_arrow-green-l.png");
  background-position: calc(50% - 1px) 50%;
}

.navigation.pagination a.page-numbers.next {
  background-image: url("../images/common/icon_arrow-green-r.png");
  background-position: 50% 50%;
}

.navigation.pagination .page-numbers.current {
  background-color: var(--main);
  color: #fff;
}

.navigation.pagination .page-numbers.dots {
  background-color: transparent;
  margin: 0;
  color: var(--font);
}

@media (min-width: 769px) {
  .navigation.pagination a.page-numbers:hover {
    background-color: var(--main);
    color: #fff;
  }

  .navigation.pagination .page-numbers.dots:hover {
    background-color: transparent;
    color: var(--font);
  }

  .navigation.pagination a.page-numbers.prev:hover,
  .navigation.pagination a.page-numbers.next:hover {
    background-color: transparent;
    opacity: 0.5;
    color: transparent;
  }
}

@media (max-width: 480px) {
  .navigation.pagination .page-numbers {
    margin: 0 4px;
  }
}

@media (max-width: 320px) {
  .navigation.pagination .page-numbers {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}