/* その2  */
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
    margin: 0 14px;
    padding: 0;
    display: inline-block;
    background: #fff;
    /* width: 50px; */
    height: 50px;
    text-align: center;
    position: relative;
    /* border-radius: 50px; */
    /* border: 2px solid #F99900; */
}


.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #F99900;
  text-decoration: none;
  transition: .3s;
  font-family: 'Roboto Condensed';
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
  font-size: 16px;
  color: #F99900;
  transition: .3s;
}

.pager .pagination li a:hover span{
  color: #000;
}
.pager .pagination li a.active{
  background: #fff;
  /*border-radius: 50px;*/
  border-bottom: 2px solid #F99900;
}
.pager .pagination li a.active:hover {
  border-bottom: 2px solid #000;
}
.pager .pagination li.pc_item{
  display: inline-block;
}
.pager .pagination li.sp_item{
  display: none;
}

@media only screen and (max-width: 800px){
  .pager .pagination li{
    display: none;
    margin: 0 auto;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }
  .pager .pagination li a span{
    font-size: 14px;
  }
  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
    font-size: 14px;
    letter-spacing: .2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ", "Meiryo", sans-serif;
  }
  .pager .pagination li.pc_item{
    display: none;
  }
  .pager .pagination li.sp_item {
    display: inline-block;
  }
/*  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
    font-size: 14px;
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
    font-size: 14px;
  }
  .pager .pagination li.pre a:hover span::after,
  .pager .pagination li.next a:hover span::before{
    color: #F99900;
  }*/

}