/*
  *my-func01.php
  *my_getPagenation()
*/

/*
<div class="my-pagenation">
  <div class="my-pagenation__inner">
    <a class="prev page-numbers" href="http://localhost:8080/ships/">&lt;</a>
    <a class="page-numbers" href="http://localhost:8080/ships/">1</a>
    <span aria-current="page" class="page-numbers current">2</span>
    <a class="page-numbers" href="http://localhost:8080/ships/?paged=3">3</a>
    <a class="page-numbers" href="http://localhost:8080/ships/?paged=4">4</a>
    <a class="page-numbers" href="http://localhost:8080/ships/?paged=5">5</a>
    <span class="page-numbers dots">…</span>
    <a class="page-numbers" href="http://localhost:8080/ships/?paged=7">7</a>
    <a class="next page-numbers" href="http://localhost:8080/ships/?paged=3">&gt;</a>
  </div>
</div>
*/
.my-pagenation{
  width: 100%;
}
.my-pagenation__inner{
  max-width: var(--max-width-pc);
  text-align: center;
  margin: 0 auto;
}
.my-pagenation .page-numbers{
  color: var(--color-pagenate-not-current);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.8px;
  display: inline-block;
  margin-right: 40px;
}
.my-pagenation .page-numbers.current{
  color: var(--color-black);
  font-weight: 700;
}