.news-article{
  border-bottom: none;
}
.bg-img{
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.category-blog.archive .bg-img{
  height: 200px;
}
.news-article .bg-img{
  height: 140px;
}
/* moreボタン */
.home .news .container,.home .blog .container{
  position: relative;
}
.home .news .container .more,.home .blog .container .more{
  color: #333;
  padding-bottom: 6px;
  border-bottom: 1px solid #333;
  margin: 0 auto;
  width: fit-content;
  margin-bottom: 20px;
}
.home .news .container .more a,.home .blog .container .more a{
  color: #333;
}
.home .news .container .more a:hover,.home .blog .container .more a:hover{
  text-decoration: none;
  color: #999;
}

@media screen and (min-width: 576px) {
  .home .news .container .more,.home .blog .container .more{
    position: absolute;
    right: 0;
    top: 20px;
    color: #333;
    padding-bottom: 6px;
    border-bottom: 1px solid #333;
  }
}



/* ホバー */
.article-item{
  transition: .2s;
}
.article-item:hover{
  opacity: 0.8;
}
/* 共通 */
.article-item a{
  color: #333;
}
.article-item a:hover{
  color: var(--main-color);
  text-decoration: none;
}
.article-item h5{
  margin-bottom: 6px;
  font-size: 18px;
}
.article-item time{
  color: #999;
}
.article-item p{
  margin-bottom: 6px;
  font-size: 14px;
  color: #333;
}
/* ブログ */
.blog-tag{
  color: #999;
  padding: 2px 5px 2px 0;
  margin-right: 5px;
  font-size: 14px;
}


/* シングルページ */
#main.one-column #content .entry-header h1{
  margin-bottom: 10px;
}
p.time{
  margin-bottom: 10px;
  color: #999;
}


/* シングルページ ニュース */
.single-news .entry-header h5{
  text-align: center;
  font-size: 18px;
}
.single-news .bg-img{
  height: 60vw;
  margin: 0 auto;
}
.single-news .container-single{
  margin: 0 auto;
}
.news-single-widget h5{
  margin-bottom: 10px;
}
.news-single-widget a{
  color: #333;
  margin: 5px 0;
  display: block;
}
.news-single-widget a:hover{
  text-decoration: none;
  color:#999;
}
.news-single-widget-new{
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .single-news .bg-img{
    height: 300px;
  }
}
@media screen and (min-width: 992px) {
  .single-news .bg-img{
    height: 400px;
  }
}



/* シングルページ ブログ */
.category-blog .entry-header h5{
  text-align: center;
  font-size: 18px;
}
.category-blog .bg-img{
  height: 60vw;
  margin: 0 auto;
}
#main.one-column #content .category-blog .entry-header h1{
  text-align: left;
}
.single .category-blog .blog-tag{
  background-color: #efefef;
  color: #333;
  padding: 3px 10px;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .category-blog .bg-img{
    height: 600px;
  }
}