b {font-weight:bold;}

.f16{font-size:16px;}

.pageNav{
  margin-top:60px;
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:10px;
  font-family:"Noto Sans JP";
}

.pageNav span{
  display:flex;
  border:1px solid #999999;
  font-size:16px;
  min-width:34px;
  box-sizing: border-box;
  justify-content: center;
}
.pageNav span.current{
  padding:3px 8px;
  color:#FFF;
  background:#999;
}
.pageNav span.prev{
  margin-right:10px;
}
.pageNav span.prev a{
  overflow: hidden;
  text-indent: -99999px;
  position:relative;
}
.pageNav span.prev a:before{
  position:absolute;
  content:"";
  display:block;
  width:12px;
  height:1px;
  background:#333333;
  transform:rotate(-45deg);
  top:calc(50% - 5px);
  left:calc(50% - 6px);
}
.pageNav span.prev a:after{
  position:absolute;
  content:"";
  display:block;
  width:12px;
  height:1px;
  background:#333333;
  transform:rotate(45deg);
  bottom:calc(50% - 5px);
  left:calc(50% - 6px);
}

.pageNav span.next{
  margin-left:10px;
}
.pageNav span.next a{
  overflow: hidden;
  text-indent: -99999px;
  position:relative;
}
.pageNav span.next a:before{
  position:absolute;
  content:"";
  display:block;
  width:12px;
  height:1px;
  background:#333333;
  transform:rotate(45deg);
  top:calc(50% - 5px);
  left:calc(50% - 6px);
}
.pageNav span.next a:after{
  position:absolute;
  content:"";
  display:block;
  width:12px;
  height:1px;
  background:#333333;
  transform:rotate(-45deg);
  bottom:calc(50% - 5px);
  left:calc(50% - 6px);
}

.pageNav span a{
  display:block;
  padding:3px 8px;
  color:#333333;
  width: 100%;
  text-align: center;
}

.pageNav span a:hover{
  color:#FFF;
  background:#999;
}

.pageNav span a:hover:after,.pageNav span a:hover:before{
  background:#FFF;
}

.pagenav_txt{
  display:flex;
  justify-content: center;
  margin:8px 0 50px;
  font-size:16px;
  color:#666666;
  margin-top: 1%;
  font-family:"Noto Sans JP";
}