/* ページネーション */
.pager .pagination {
    text-align: center;
  }
  
  .pager .pagination li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
    border-radius: 10px;
  }
  
  
  .pager .pagination li a{
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display:table;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  }
  
  .pager .pagination li a span{
    display:table-cell;
    vertical-align:middle;
  }
  
  .pager .pagination li a:hover,
  .pager .pagination li a.active{
    color: #fff;
    background: #27acd9;
  }
  
  @media only screen and (max-width: 767px){
    .pager .pagination li{
      display: none;
    }
  
    .pager .pagination li.pre,
    .pager .pagination li.next{
      display: inline-block;
      width: 40%;
      height: 50px;
      text-align: center;
    }
  
    .pager .pagination li.pre a,
    .pager .pagination li.next a{
      width: 100%;
      text-align: center;
    }
  
    .pager .pagination li.pre span::after{
      content: "　前の12件へ";
    }
  
    .pager .pagination li.next span::before{
      content: "次の12件へ　";
    }
  
  }