/*----- ニュース／トピックス　共通 three column Section　
--------------------------------------------------------------*/
.news-common{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   width: 100%;
   gap: 2.8rem;
 }

/* サムネイル */
.box_news {
   flex-direction: column;
 }
.box_news img{
   width: 100%;
   height: 200px;
   object-fit: cover;
   border: #000 1px solid;
 }
.box_news .news_date {
   display: block;
   font-size: 16px;
   line-height: 1.8em;
}
.box_news .news_ttl {
  display: block;
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 10px;
}

@media screen and (max-width: 960px){
.news-common{
  grid-template-columns:1fr;
  gap: 1.5rem;
  }
.box_news {
  width:100%;
  }
.box_news .news_date {
  line-height: 1.8em;
 }
.box_news .news_ttl {
  line-height: 1.4em;
  }
}

/*----- ページネーション
--------------------------------------------------------------*/
/*============================
*デフォルト
============================*/

.pagination-next{
   margin-top: 24px;
 }
 .pagination-next-link{
   background-color: #f9f9f9;
   border: 1px solid #ddd;
   color: #00A8A6;
   display: block;
   font-size: 1.2em;
   text-decoration: none;
   width: 100%;
   text-align: center;
   padding: 10px 0;
   display: block;
 }
 .pagination-next-link:hover{
   background-color: #f5f8fa;
   transition: all 0.3s ease-in-out;
   color: #00A8A6;
 }
 .pagination{
   margin: 60px 0 0 0;
   clear: both;
   text-align: center;
   display: inline-flex;
   justify-content: center;
   width: 100%;
 }
 .pagination .current{
   background-color: #eee;
 }
 .pagination a:hover{
   background-color: #f5f8fa;
   transition: all 0.3s ease-in-out;
   color: #00A8A6;
 }
 .page-numbers{
   color: #00A8A6;
   text-decoration: none;
   display: inline-block;
   height: 46px;
   width: 46px;
   border: 1px solid #ddd;
   margin: 0 4px;
   line-height: 46px;
   text-align: center;
   border-radius: 4px;
 }
 .page-numbers span{
   line-height: inherit;
 }
 .page-numbers.dots{
   opacity: 0.6;
   background-color: #f5f6f7;
 }
 .page-numbers, .pagination-next-link{
   border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
   border-width: 1px;
   border-style: solid;
 }
 .fa{
   display: inline-block;
   font: normal normal normal 14px / 1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   
 }
 .screen-reader-text{
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
   word-wrap: normal !important;
 }
 @media screen and (max-width: 480px){
     .page-numbers{
         width: 34px;
         height: 34px;
         line-height: 34px;
     }
     .pagination-next-link{
         font-size: 1em;
     }
 }
 /*============================
 カスタマイズ
 ============================*/
 .page-numbers, .pagination-next-link{
   border-color: #00A8A6;
   background-color: #fff;
   border-radius: 0;
 }
 .page-numbers.dots{
   border: none;
   background-color: #fff;
   opacity: 1;
 }
 .pagination .current{
   background-color: #00A8A6;
   color: #fff;
 }
 .pagination-next-link:hover, .pagination a:hover{
   background-color: #00A8A6;
   color: #fff;
 }