/* =========================================================
		main
========================================================= */


.to_top-page{
  margin: 0 auto 2% 0;
  background:#fff;
  width: 160px;
  padding: 0;
}

.single-news .more_btn.to_top-page{
  margin: 0 auto 2% 0;
}

.to_top-page p{
  color: #27385d;
  text-align: left;
}

.to_top-page  p:before {
display: none;
}

.to_top-page p:after{
  right: 25%;
}



.news_page{
  text-align: center;
}

.single-news {text-align: left;}

.news_page .wrapper{padding-top: 5%;}

.single-news.news::after{
  bottom: -20%;
  z-index: -1;
}

.news_page .ttl{margin-bottom: 5%; width: 100%;}
.news_page .ttl picture{width: 80%; margin: 0 auto 1%; max-width: 400px;}
.news_page .ttl_sub{
  font-size: 1.75rem;
  text-align: center;
  font-weight: 500;
}

.news_page .news-list{
  gap: 30px 0;
  text-align: left;
}


.topics_ttl{
  margin: 1% 0 3% ;
  font-size: 1.125rem;
  line-height: 1.4;
}


.single-news .more_btn{
  margin:0 auto 5%;
}

.single-news p{
  margin: 3% 0;
  line-height: 1.7rem;

}


/*
.list_pager {
  margin-top: 5%;
  display: inline-block;
}

.list_pager a, .list_pager span {
  color: #333;
  float: left;
  padding: 8px 14px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}

.list_pager span{
  background-color: #9f88b3;
  color: #fff;
  border: 1px solid #9f88b3;

}

.list_pager a:hover:not(.active) {background-color: #ddd;} */

.list_pager {
  margin-top: 5%;
  position: relative;
  display: flex;
  justify-content: center; /* 数字を中央に */
  align-items: center;
  gap: 8px;
}

/* 共通 */
.list_pager a,
.list_pager span {
  color: #333;
  padding: 8px 14px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0;
  float: none;
  box-sizing: border-box;
}

/* current */
.list_pager span {
  background-color: #9f88b3;
  color: #fff;
  border-color: #9f88b3;
}

/* 前へ・次へは中央計算から外す */
.list_pager .prev {
  position: absolute;
  left: 50%;
  transform: translateX(-200%); /* ←ここで左位置を調整 */
}

.list_pager .next {
  position: absolute;
  left: 50%;
  transform: translateX(100%); /* ←ここで右位置を調整 */
}

/* hover */
.list_pager a:hover:not(.active) {
  background-color: #ddd;
}



.btnmin.detail_btn1 a {
 position: relative;
}


/* 前へ・次へは中央計算から外す */
.btnmin.detail_btn1 a[rel="prev"] {
  position: absolute;
  left: 50%;
  transform: translateX(-200%); /* ←ここで左位置を調整 */
}

.btnmin.detail_btn1 a[rel="next"]{
  position: absolute;
  left: 50%;
  transform: translateX(100%); /* ←ここで右位置を調整 */
}

.btnmin.detail_btn1 a[rel="prev"]{
  padding-left: 25px;
}

.btnmin.detail_btn1 a[rel="prev"]::before{
  content: '';
  width: 18px;
  height: 18px;
  background: #9f88b3;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 0;
  margin: auto;
}

.btnmin.detail_btn1 a[rel="prev"]::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(225deg);
  position: absolute;
  top: 3px;
  left: 6%;
  bottom: 0;
  margin: auto;
}


.btnmin.detail_btn1 a[rel="next"]{
  padding-right: 25px;
}

.btnmin.detail_btn1 a[rel="next"]::before{
  content: '';
  width: 18px;
  height: 18px;
  background: #9f88b3;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  margin: auto;
}

.btnmin.detail_btn1 a[rel="next"]::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  right: 7%;
  bottom: 0;
  margin: auto;
}

.btnmin .return{
  border: solid 1px #9f88b3;
  padding: 3px 20px 5px;
  border-radius: 5px;
}

.btnmin .return:hover{
  background-color: #9f88b3;
  color: #fff;
}

.btnmin.detail_btn1{
  display: flex;
  align-items: center;
  gap: 0 20px;
  margin: 5% 0 4%;
  justify-content: center;
  font-size: 18px;
}
/* TablePress 表デザイン調整 */
table.tablepress {
  width: 100%;
  border-collapse: collapse !important;
  background: #fff;
  font-size: 15px;
}

table.tablepress thead th {
  background: #f0f4f8;
  font-weight: 700;
  text-align: left;
  border-bottom: 2px solid #bbb !important;
}

table.tablepress th,
table.tablepress td {
  padding: 12px 10px ;
  border: 1px solid #ccc !important;
  vertical-align: top;
  line-height: 1.6;
}

table.tablepress th:nth-child(1),
table.tablepress td:nth-child(1) {
  width: 70px;

}

/* 行ごとにうっすら色 */
table.tablepress tbody tr:nth-child(even) {
  background: #fafafa;

}

@media (max-width: 600px) {
  table.tablepress th:nth-child(1),
  table.tablepress td:nth-child(1) {
    width: auto !important;
    min-width: 4.3em;
    padding: 8px 6px !important;
    white-space: normal;
    text-align: center;
  }
}

@media screen and (max-width: 768px){
  .news_page .ttl picture{
    width: 60%;
    margin-bottom: 2%;
  }
  .news_page .ttl_sub{
    font-size: 1.125rem;
  }

  .news_page .ttl{margin-bottom: 8%;}

  .list_pager{
    margin-top: 15%;
    padding: 5px 15px;
  }

  .topics_ttl{
    margin: 1% 0 5% ;
    line-height: 1.3;
  }

  .btnmin.detail_btn1{
    margin-bottom: 6%;
    font-size: 15px;
  }

  .single-news.news::after{
    bottom: 0;
    height: 8%;
  }

  .single-news .more_btn{
    margin-bottom: 12%;
  }

  .to_top-page{
    margin-bottom: 5%;
  }
  .to_top-page p{
    font-size: 1rem;
  }

  .to_top-page p:after{
    right: 35%;
  }

  .news_page .wrapper,.single-news .wrapper{
    padding-top: 8%;
  }

  .single-news.news::before{
    height: 20%;
  }



}