.page-title-news{
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  font-size:clamp(2.4rem , 3.125vw , 3.2rem);
  background:#FAFAF0;
  text-align:center;
  letter-spacing:0.1em;
  padding:2.5em 0 1em;
}
.page-title-news:before,
.page-title-news:after {
  width:4em;
	content: "";
	border-top: 4px dotted var(--color-accent);
	display: block;
}
.page-title-news:before {
	margin-right: .4em;
}
.page-title-news:after {
	margin-left: .4em;
}


.page-news .news-list {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom:50px;
}
.page-news .news-date{
  font-size:clamp(1.2rem , 1.5625vw , 1.4rem);
  font-weight:700;
}
.page-news .news-title{
  font-size:clamp(1.6rem , 2.0833vw , 1.8rem);
  font-weight:700;
}

.page-news .news-item {
  background-color: #FFFFFF;
}
.page-news .news-item .photoarea{
  padding:min(2.5vw , 12px);
}


.page-news .news-archive .thumbnail img{
  width:100%;
  aspect-ratio: 4 / 3;
}

.page-news .news-single .content-block{
  background-color: #FFFFFF;
  padding:min(5vw , 24px);
}
.page-news .news-single .content p{
  margin-bottom:15px;
}
.page-news .news-single .news-date{
  margin-bottom:10px;
}
.page-news .news-single .news-title{
  border-bottom:4px dotted var(--color-accent);
  margin-bottom:25px;
  padding-bottom:25px;
}
.page-news .news-single .content-navigation{
  display:flex;
  justify-content: space-between;
  padding:min(2.5vw , 12px);
}
.page-news .news-single .content-navigation > div{
  width:calc(100% / 3);
  font-size:clamp(1.2rem , 1.5625vw , 1.4rem);
  font-weight:700;
}
.page-news .news-single .content-navigation .prev{
  text-align:left;
}
.page-news .news-single .content-navigation .list{
  text-align:center;
}
.page-news .news-single .content-navigation .next{
  text-align:right;
}
@media (min-width: 768px) {
  .page-news .news-list {
    grid-gap: 25px;
    grid-template-columns: repeat(3, 1fr);
  }
}


/*wp-pagenavi base*/
.wp-pagenavi {
  text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
  color: #999;
  background-color: #FFF;
  border: solid 1px #e0e0d2;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
}

.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #999;
  border-color: #999;
}

.wp-pagenavi span.current {
  color: #FFF;
  background-color: #F89600;
  border-color: #F89600;
  font-weight: bold;
}