/*
更新：2025.02
TAKI Magazine
TAKIブログ
*/

.wp-pagenavi {
  padding: 100px 0 0;
  font-size: 16px;
}

.wp-pagenavi {
  clear:both;
  padding:20px 0;
  position:relative;
  font-size: 1.15em;
  line-height: 13px;
  text-align: center;
}
.wp-pagenavi span, .wp-pagenavi a {
  display:inline-block;
  margin: 0 7px;
  text-decoration:none;
  width:auto;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
 text-decoration: underline;
 font-weight: bold;
}
.newBlog_wrap .sub_container .wp-pagenavi {
	padding: 70px 0 100px;
}

@media screen and (min-width: 768px) {
 
  .wp-pagenavi {
    padding: 100px 0 50px;
    font-size: 12px;
 }
}
@media screen and (max-width: 768px) {

.newBlog_wrap .sub_container .wp-pagenavi {
  padding: 13.333vw 0;
}

}


.wp-pagenavi {
  display: flex;
  justify-content: center;
}

.wp-pagenavi span, 
.wp-pagenavi a {
  display:inline-block;
  font-size: 16px;
  color: #333333;
  margin: 0 5px;
  text-decoration:none;
  width:auto;
  border: 1px solid #CCCCCC;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .3s;
}
.wp-pagenavi span.extend {
  border: none;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
 background: #000;
 color: #fff;
 text-decoration: none;
 font-weight: normal;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  position: relative;
  font-size: 0;
  text-indent: -9999px;
}
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before {
  width: 8px;
  height: 8px;
  background: transparent;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all .3s;
}
.wp-pagenavi .previouspostslink::before {
  transform: translate(-45%, -60%) rotate(-45deg);
}
.wp-pagenavi .nextpostslink::before {
  transform: translate(-70%, -60%) rotate(135deg);
}
.wp-pagenavi .previouspostslink:hover::before,
.wp-pagenavi .nextpostslink:hover::before {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .newMaga_wrap .wp-pagenavi {
    padding: 20vw 0 0;
  }

  .wp-pagenavi span, 
  .wp-pagenavi a {
    font-size: 4vw;
    width: 8.8vw;
    height: 8.8vw;
  }
}