/* news
----------------------------------- */
#sub_contents .news_list {margin-top:0px;}
#sub_contents .webgene-blog {display: flex;flex-wrap: wrap;gap: 20px;row-gap:50px;}
#sub_contents .webgene-blog .news__img img {border-radius:20px;}
#sub_contents .webgene-blog .webgene-item.news_area {width: 100%;box-sizing: border-box;}
#sub_contents .webgene-blog .news__date{margin-top: 15px;display:inline-block;font-size:15px;margin-right: 1em;font-weight: bold;letter-spacing: 0.1em;font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;}
#sub_contents .webgene-blog .news__cate{margin-right: 15px;display:inline-block;padding:2px 20px;font-size:15px;border-radius:20px;margin-bottom:0;color: #623515;}
#sub_contents .webgene-blog .news_ttl{display:block;margin-top:10px;}
@media screen and (min-width:768px) {
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog {display: flex;flex-wrap: wrap;gap: 20px;}
#sub_contents .webgene-blog .news__img img {border-radius:20px;}
#sub_contents .webgene-blog .webgene-item.news_area {width: calc(45% - 20px);box-sizing: border-box;}
#sub_contents .webgene-blog .news__date{margin-top: 13px;display:inline-block;font-size:15px;font-weight: bold;}
#sub_contents .webgene-blog .news__cate{margin-right: 13px;display:inline-block;padding:2px 20px;font-size:15px;border-radius:20px;margin-bottom:0;color: #623515;}
#sub_contents .webgene-blog .news_ttl{display:block;margin-top:10px;}
}
@media screen and (min-width:1024px) {
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog {display: flex;flex-wrap: wrap;gap: 20px;}
#sub_contents .webgene-blog .news__img img {border-radius:20px;}
#sub_contents .webgene-blog .webgene-item.news_area {width: calc(33.333% - 20px);box-sizing: border-box;}
#sub_contents .webgene-blog .news__date{margin-top: 15px;display:inline-block;font-size:15px;font-weight: bold;}
#sub_contents .webgene-blog .news__cate{margin-right: 15px;display:inline-block;padding:2px 20px;font-size:15px;border-radius:20px;margin-bottom:0;color: #623515;}
#sub_contents .webgene-blog .news_ttl{display:block;margin-top:10px;}
}
/* detail_news
----------------------------------- */
#sub_contents .webgene-blog .webgene-item {width:100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;border-radius:10px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:bold;font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;}
#sub_contents .news_text{padding:15px 15px;border:1px solid #665241;border-radius:10px;}
#sub_contents .news_detail .news_datail_ttl {font-size:18px;margin-bottom:20px;text-align:center;}
@media screen and (min-width:768px) {
#sub_contents .webgene-blog .webgene-item {width:100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;border-radius:20px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;font-weight:bold;}
#sub_contents .news_text{padding: 50px;border-radius:20px;}
#sub_contents .news_detail .news_datail_ttl {font-size:22px;margin-bottom:20px;text-align:center;}
}
/* page_navi*/
------------------------------
#sub_contents .wp-pagenavi {text-align:center;margin-top:50px;}
#sub_contents .wp-pagenavi a,.wp-pagenavi span {display: inline-block;color: #171717;background-color: #fff;; padding: 12px 15px;margin: 0 2px 5px;white-space: nowrap;text-align: center;text-decoration: none; border-radius: 5px; line-height: 100%;}
#sub_contents .wp-pagenavi span.pages {display: none;}
#sub_contents .wp-pagenavi a:hover{color: #171717;background-color: #f3bc18;}
#sub_contents .wp-pagenavi span.current{color: #171717;background-color: #f3bc18;font-weight: bold;}*/


/* pager */
#sub_contents .webgene-pagination{
  margin-top: 100px;
  text-align: center;    
  display: block;
    width: 100%;
}
#sub_contents .webgene-pagination ul{
  margin-top:50px;
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
#sub_contents .webgene-pagination ul li a{
  display: inline-block;
  padding: 5px 15px;
  background: #665241;
  color:#fff;
  border-radius:20px;
}