@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  .pagination {text-align: center;margin: 0 0 1em;}
  .post-navigation {text-align: center;padding: 1em 0 1em;}
  .pagination h2,
  .post-navigation h2 {display: none;}
  .pagination .nav-links,
  .post-navigation .nav-links {overflow: hidden;}
  .post-navigation .nav-links .nav-next {float: right;}
  .post-navigation .nav-links .nav-previous {float: left;}
  .pagination .page-numbers {border: 1px solid var(--yell-sax);background-color: var(--yell-sax);display: inline-block;margin-right: 0.5em;padding: 0 0.75em;line-height: 2;text-decoration: none;color: #fff;transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;}
  .pagination a.page-numbers {color: var(--yell-sax);background-color: transparent;border-color: var(--yell-sax);}
  .pagination a.prev,
  .pagination a.next,
  .post-navigation .nav-previous a,
  .post-navigation .nav-next a {background-color: transparent;border-color: transparent;text-decoration: none;color: var(--yell-sax);}
  .pagination a.page-numbers:hover,
  .post-navigation a.page-numbers:hover {background-color: var(--yell-sax);color: #fff;}
}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  .pagination,
  .post-navigation {text-align: center;font-size: 112.5%;margin: 1.5em 0 3em;}
  .pagination h2,
  .post-navigation h2 {display: none;}
  .pagination .nav-links,
  .post-navigation .nav-links {overflow: hidden;}
  .post-navigation .nav-links .nav-next {float: right;border: 1px solid var(--yell-sax);padding: 0.5em 2em;border-radius: 2px;}
  .post-navigation .nav-links .nav-previous {float: left;border: 1px solid var(--yell-sax);padding: 0.5em 2em;border-radius: 2px;}
  .pagination .page-numbers {border: 1px solid var(--yell-sax);background-color: var(--yell-sax);display: inline-block;margin-right: 0.5em;padding: 0 0.75em;line-height: 2;text-decoration: none;color: #fff;}
  .pagination a.page-numbers {background-color: transparent;border-color: var(--yell-sax);color: var(--yell-sax);}
  .pagination a.prev,
  .pagination a.next,
  .post-navigation .nav-previous a,
  .post-navigation .nav-next a {background-color: transparent;border-color: transparent;text-decoration: none;color: var(--yell-sax);}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {
}