@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● pagenaition.css                                     */
/*    共通部品                                            */
/*    ・ページネーション                                  */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* pagination
--------------------------------------------------- */
.pagination{
  text-align: center;
  margin:  0.75em 0;
  font-size: 1.6rem;

  .pagination-numbers{
    p{
      padding: 0.25em 0.25em;
      display: flex;
      align-items: center;
      justify-content: center;

      a{
        background-image: none;
        text-decoration: none!important;
        html.PcView &:hover,
        html.PcView &:focus{
          color: #fff!important;
          background-color: $main-color-deep;
          text-decoration: none;
        }
      }
      a,
      .current{
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        line-height: 2.25em;
        padding: 0!important;
        min-width: 2.25em;
        background: #fff;
        border: 1px solid $main-color-deep!important;
        color: $main-color;
        margin: 4px!important;
        border-radius: 5em;
      }
      .current{
        color: #fff;
        background: $main-color-deep;
      }
      .disabled{
        display: none;
      }
    }

  }
}