:root {
  --header-height: 86px;
  --firstview-height: 775px; }

@media (max-width: 767px) {
  :root {
    --header-height: 95px; } }
@media (min-width: 768px) {
  .post-list {
    position: relative;
    width: calc(768px - 32px);
    left: calc(50% - 368px); } }
.post-list a {
  color: #333; }
  @media (min-width: 768px) {
    .post-list a {
      display: flex; } }
@media (min-width: 768px) {
  .post-list_meta {
    width: 140px;
    text-align: center;
    order-right: solid 1px #e5e7e8; } }
@media (max-width: 767px) {
  .post-list_meta {
    display: flex; } }
@media (min-width: 768px) {
  .post-list_meta .article-meta {
    display: flex;
    justify-content: center; } }
.post-list_meta time {
  font-size: 0.72727rem; }
  @media (max-width: 767px) {
    .post-list_meta time {
      margin-left: 1em; } }
@media (min-width: 768px) {
  .post-list_content {
    width: calc(100% - 140px);
    transition: all 0.3s ease;
    padding-left: 1em; } }
.post-list_title {
  font-size: 110%;
  font-weight: bold; }
  @media (min-width: 768px) {
    .post-list_title {
      margin-bottom: 0.5em; } }
.post-list_excerpt {
  font-size: 90%; }