body {
  background: #fff;
  color: #171717;
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}

.site-header {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  color: #171717;
}

.site-title,
.site-lead,
a {
  color: #171717;
}

.container {
  max-width: 980px;
}

.hero,
.area-description,
.search-box,
.link-panel,
.content-section,
.post-form,
.post-card,
.area-stats,
.pr-ranking {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  box-shadow: none;
}

.page-title,
.hero h1 {
  letter-spacing: -.03em;
}

.area-link-grid a,
.pagination a,
.pagination span {
  background: #fafafa;
  border: 1px solid #e5e5e5;
  color: #171717;
}

.post-card__cta,
.submit-button,
button,
.pr-card__button {
  background: #171717;
  color: #fff;
}

.post-card__meta span,
.pr-card__badges span {
  background: #f5f5f5;
  color: #404040;
}

input,
select,
textarea {
  background: #fff;
  border: 1px solid #d4d4d4;
}

.site-footer {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  color: #525252;
}

.site-footer a {
  color: #171717;
}