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

@media (max-width: 767px) {
  :root {
    --header-height: 95px; } }
#contents::before, #contents::after {
  content: ""; }

@media (max-width: 767px) {
  .wrapper-column {
    width: 100% !important; } }

.article {
  margin-bottom: calc(8px * 4); }
  @media (min-width: 768px) {
    .article a {
      display: flex;
      justify-content: space-between;
      color: #333; } }
  @media (min-width: 768px) {
    .article .post-thumbnail {
      width: 490px; }
    .article .post-content {
      width: calc(100% - 490px - calc(8px * 3)); } }
  @media (max-width: 767px) {
    .article .post-thumbnail {
      margin-bottom: 1em; } }
  .article-title {
    font-size: 130% !important;
    margin-bottom: 0 !important; }
  .article .cat-name {
    padding-left: 0;
    text-align: justify;
    font-size: 1em; }
  .article-excerpt {
    color: #333; }