.page-visual-inner{
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),url("../img/page/visual-news.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.page-news .column{
  display: flex;
  flex-wrap:wrap;
}
.page-news .column-left{
}
.page-news .column-right{
  width:100%;
  margin: 0 5%; 
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
  .page-news .column-left{
    flex:3;
  }
  .page-news .column-right{
    flex:1;
    margin:0 15px;
  }
}

.page-news .news-menu{
  border:1px solid #002F7C;
  margin-bottom:5%;
  text-align:center;
}
.page-news .news-menu .cat-item:not(:last-child){
  border-bottom:1px solid #002F7C;
}
.page-news .news-menu .cat-item .current{
  color:#FFFFFF;
  background:#002F7C;
  pointer-events: none;
}
.page-news .news-menu .cat-item a{
  display: block;
  font-weight:700;
  padding:0.25em 0.5em;
}
.page-news .news-menu .cat-item a:hover{
  color:#FFFFFF;
  background: #49bbbc;
}
.page-news .news-content a{
  color:#0000FF;
  text-decoration: underline;
}
.page-news .news-category a{
  color:#FFFFFF;
  text-decoration: none;
}

.news-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0 5%;
}
.news-item{
  position: relative;
  width:100%;
  display: flex;
  flex-direction: column;
  border-bottom:solid 2px #49BBBC;
  margin: 2.5% 0;
  padding-bottom : 2.5%;
}
.news-item .thumbnail{
  width:100%;
  height:240px;
  border:1px solid #CCCCCC;
  margin-bottom:15px;
  padding:5px;
}
.news-item .thumbnail img{
  width:100%;
  height:100%;
  object-fit : contain;
}
#news .inner{
  margin-bottom:76px;
}
#news .page-breadcrumb{
  margin-bottom:76px;
}
#news .thumbnail{
  width:100%;
  display:flex;
  justify-content: center;
  align-items:center;
  margin:5% auto;
}
#news .news-title{
  margin-bottom:0.4em;
}
#news .info{
  border-bottom:solid 2px #49BBBC;
  margin:2.5% 5%;
  padding-bottom:2.5%;
}
#news .textarea{
  margin:0 5%;
}
@media (min-width: 554px) {
  #news .thumbnail{
    max-width:360px;
    max-width:540px;
  }
}
@media (min-width: 992px) {
  .news-list{
    margin:0;
  }
  #news .info{
    margin:2.5% 0;
  }
  #news .textarea{
    margin:0;
  }
}

/* wp-pagenavi*/
.wp-pagenavi {
	text-align:center;
  margin:5% 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
  font-weight:700;
	text-align: center;
	margin: 0 2px;
	padding: 1.5em 1.5em;
}
.wp-pagenavi a:hover{
	background-color:#CCCCCC;
    }
.wp-pagenavi span.current{
	color: #000000;
	background-color:#CCCCCC;
}