@charset "UTF-8";
/* ==========================================================================
	アーカイブ
========================================================================== */
.news_article {
  border-top: 1px solid #808080;
}

.news_article:last-child {
  border-bottom: 1px solid #808080;
}

.news_article a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 24px 16px;
  display: block;
}

.news_article a:hover {
  background: rgba(0, 0, 0, 0.05);
}

.news_article a:hover:after {
  right: -5px;
}

.news_article__metalist-category {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: bold;
  padding: 2px 8px;
  letter-spacing: .075em;
  color: #1E82F5;
  border-radius: 3px;
  border: 1px solid;
  position: relative;
  top: -1px;
}

.news_article__wrapper {
  margin-top: 64px;
}

.news_article__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  width: 728px;
}

/* ==========================================================================
	単記事
	共通スタイルが多いので、コンポーネントの方を参照。
========================================================================== */
.news_post__metalist {
  margin-top: 24px;
}

.news_post__back {
  display: block;
  width: 70px;
  margin: 64px auto;
}