/* ------------------------------------- 
 *	new-nav-wrap
 * ------------------------------------- */
.new-nav-wrap {
/*position: relative;*/
  width: 100%;
/*margin-top: 8px;*/
/*margin-bottom: 8px;*/
}
.new-scroll-nav {
/*width: 100%;*/
/*background: #000;*/ /* メニューの背景色 */
/*overflow-x: auto;*/
/*-webkit-overflow-scrolling: touch;*/ /* 慣性スクロール */

}
.new-scroll-nav ul {
/*max-width: 1140px;*/ /* メニューの最大幅 */
/*min-width: 1140px;*/ /* メニューの最小幅 */
  width: max-content; /* 望ましい固有の幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-left: 5px;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
  font-weight: 900;
  font-size: 14px;
  box-sizing: border-box;
}
.new-scroll-nav ul li {
  float: left;
  /*width: 10%;*/ /* メニューの個別の幅 */
  width: 85px; /* メニューの個別の幅 */
  text-align: center;
  margin-right: 9px;
  padding: 15px 5px;
  box-sizing: border-box;
  border-radius: 5px;
  /*background: #000000;*/
  background: rgb(76,76,76); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 0%, rgba(102,102,102,1) 0%, rgba(37,37,37,1) 0%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 50%, rgba(17,17,17,1) 100%, rgba(43,43,43,1) 100%, rgba(28,28,28,1) 100%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 0%,rgba(102,102,102,1) 0%,rgba(37,37,37,1) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 50%,rgba(17,17,17,1) 100%,rgba(43,43,43,1) 100%,rgba(28,28,28,1) 100%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 0%,rgba(102,102,102,1) 0%,rgba(37,37,37,1) 0%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 50%,rgba(17,17,17,1) 100%,rgba(43,43,43,1) 100%,rgba(28,28,28,1) 100%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.new-scroll-nav ul .pfrbtn {
  background: #c9b048;
}
.new-scroll-nav ul .newbtn {
  background: #389ad7;
}

.new-scroll-nav .long_txet li {
width: max-content;
}

.new-scroll-nav ul li:hover {
  background: #222; /* マウスホバー時の背景色 */
}
.new-scroll-nav ul .pfrbtn:hover {
  background: #f5e19a;
}
.new-scroll-nav ul .newbtn:hover {
  background: #93cdf1;
}

.new-scroll-nav ul a {
  /*display: inline-block;*/
  color: #fff; /* メニューの文字色 */
  text-decoration: none;
}

.pagenavi_new{
  padding:0.5rem;
}
.pagenavi_new > ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-item:center;
}
.pagenavi_new > ul > li{
	padding:0.2rem;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.pagenavi_new > ul > li > a,
.pagenavi_new > ul > li > span{
  display:block;
  width:2.2rem;
  padding: 0.7rem 0.3rem;
  text-align:center;
  border:1px #333 solid;
  font-weight: 600;
}
.pagenavi_new > ul > li > a:hover{
  background-color:#666;
  color:#fff;
  text-decoration: none;
}
.current > span{
  background-color:#333;
  color:#fff;
}
.pagenavi_new .prev_dot, .pagenavi_new .next_dot{
  font-size: 20px;
}