/* PageList */
#PageNumList {
  padding: 25px 0;
}

#PageNumList .page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #9f1b44;
  margin: 0 auto;
  max-width: 700px;
}

#PageNumList .page-numbers li {
  text-align: center;
  font-size: 110%;
  padding: 10px 5px;
}

#PageNumList .page-numbers li a:hover {
  background-color: none;
}

#PageNumList .page-numbers li a {
  text-decoration: none;
  padding: 6px 14px;
  display: block;
  color: #9f1b44;
  border: 1px solid #9f1b44;
}

#PageNumList .page-numbers li a.prev,
#PageNumList .page-numbers li a.next {
  font-size: 200%;
  color: #9f1b44;
  padding: 0px;
  border: 0px;
}

#PageNumList .page-numbers li .current {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 6px 14px;
  border: 1px solid #9f1b44;
  background: #9f1b44;
}

#PageNumList .page-numbers li .dots {
  position: relative;
  display: block;
  padding: 0px;
  top: -5px;
}

@media (max-width: 480px) {
  #PageNumList .page-numbers li.proceed {
    padding: 0px;
  }
}

@media (max-width: 480px) {
  #PageNumList .page-numbers li.proceed a {
    display: inline-block;
    padding: 2px 15px;
  }
}

@media (max-width: 480px) {

  #PageNumList .page-numbers li a.prev,
  #PageNumList .page-numbers li a.next {
    line-height: 1.2;
  }
}

#detail_PageList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

#detail_PageList a {
  display: block;
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

#detail_PageList li {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

@media (min-width: 480px) {
  #detail_PageList li:hover:hover {
    opacity: 0.7;
  }
}

#detail_PageList .next,
#detail_PageList .prev {
  background-color: #9f1b44;
  border-radius: 5px;
  width: 148px;
}

#detail_PageList .next a,
#detail_PageList .prev a {
  padding: 10px 20px;
}

@media (max-width: 480px) {

  #detail_PageList .next a,
  #detail_PageList .prev a {
    font-size: 1.3rem;
    padding: 10px 0;
  }
}

@media (max-width: 480px) {

  #detail_PageList .next,
  #detail_PageList .prev {
    width: 30%;
  }
}

#detail_PageList .pagelist {
  border-radius: 5px;
  background-color: #333;
}

@media (max-width: 480px) {
  #detail_PageList .pagelist {
    width: 36%;
    margin: 0 2%;
  }
}

#detail_PageList .pagelist a {
  font-size: 1.7rem;
  padding: 15px 60px;
}

@media (max-width: 480px) {
  #detail_PageList .pagelist a {
    font-size: 1.3rem;
    padding: 10px 0;
  }
}