.my-page {
    font-size: 14px;
    overflow: hidden; 
    text-align: center;
    color: #333333;
    display: inline-block;
  }
  
  .my-page .my-page-prev,
  .my-page .my-page-next {
    float: left;
    width: 80px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #707070;
    cursor: pointer;
    font-size:18px
  }
  
  .my-page .my-page-prev.my-page-forbid,
  .my-page .my-page-next.my-page-forbid {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.2);
  }
  
  .my-page .my-page-prev:not(.my-page-forbid):hover,
  .my-page .my-page-next:not(.my-page-forbid):hover {
    border-color: #a02d35;
  }
  
  .my-page .my-page-group {
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  
  .my-page .my-page-group li {
    float: left;
    list-style: none;
    font-size:18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 30px;
    padding: 0 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .my-page .my-page-group .my-page-cell {
    border: 1px solid #707070;
    border-radius: 2px;
  }
  
  .my-page .my-page-group .my-page-cell:hover,
  .my-page .my-page-group .my-page-checked {
    border-color: #C8242B;
    background-color: #C8242B;
    color: #ffffff;
  }
  
  .my-page .my-page-group .my-page-omit {
    pointer-events: none;
  }
  /*# sourceMappingURL=my-page.css.map */
  
  .pagelist{padding:20px 0 80px}
  .pagelist,.diy{display:flex;justify-content: center}
  .diy>span{line-height: 40px;width: 44px;text-align:center;border: 1px solid #707070;font-size:18px;display:inline-block}
  .diy>span.single{border:none}
  .diy input{line-height: 36px;width: 45px;font-size:18px;text-align:center}
  .diy .goto{padding:0 10px;cursor:pointer}
  
  
  @media screen and (max-width: 999px){
  .my-page .my-page-group li{padding:0 10px;line-height:32px;height:32px}
  .my-page .my-page-prev, .my-page .my-page-next{width:60px;line-height:32px;font-size:16px}
  .diy>span{line-height:32px;width:32px;font-size:16px}
  .diy input{line-height:31px;height:31px}
  }
  
  @media screen and (max-width: 479px){
  .my-page{display:flex;justify-content:center}
  .pagelist{flex-direction:column}
  .diy .goto{width:40px;padding:0 5px}
  .diy{margin-top:10px}
  .my-page .my-page-prev, .my-page .my-page-next{width:40px;line-height:30px;font-size:14px}
  .my-page .my-page-group li{min-width:20px;padding:0 1px}
  }