/* 一覧ページ */
@media (max-width: 1391px) {
  #archive_header {
      max-width: inherit;
      padding: 0 60px;
  }

  .news_category_button {
    padding: 0 60px !important;
  }

  #archive_blog {
    max-width: inherit;
    padding: 0 60px 150px;
  }
}

@media (max-width: 1100px) {
  #archive_header {
      display: block;
      padding: 0 40px;
  }

  .news_category_button {
    padding: 0 40px !important;
  }

  #archive_blog {
    padding: 0 40px 150px;
  }
}

@media (max-width: 800px) {
  #archive_header {
      padding: 0 20px;
      margin: 20px auto 35px;
  }

  .news_category_button {
    padding: 0 20px !important;
    margin: 0px 0 40px 0;
  }

  #archive_blog {
    padding: 0 20px 40px;
  }
}

/* タイトル全幅 */
#archive_header .title_area {
  width: 100%;
}

/* grid調整 */
@media screen and (max-width: 1000px) {
  .blog_list .item {
      position: relative;
      width: calc(50% - 20px);
      margin: 0 40px 50px 0;
  }

  #archive_blog .blog_list .item:nth-child(3n) {
      margin-right: 40px;
  }
}

@media screen and (max-width: 600px) {
  .blog_list .item {
      width: auto;
      margin: 0 0 56px 0;
  }

  #archive_blog .blog_list .item:nth-child(3n) {
    margin-right: 0;
}
}

/* カード_SP調整 */
@media screen and (max-width: 800px) {
  .blog_list .image_link {
      margin-bottom: 20px;
  }

  .blog_list .category_button {
      margin-bottom: 15px;
  }

  .blog_list .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
}



/* 詳細ページ */
/* 全体幅 */
#single_post_header,
#main_col {
  width: 100%;
}

@media (max-width: 1100px) {
  #single_post_header,
  #main_col {
      max-width: 100%;
  }
}

@media (max-width: 800px) {
  #single_post_header_image {
      margin: 0 0 32px 0;
  }
}

/* 関連記事 */
@media (max-width: 1391px) {
  #related_post .blog_list .item, body.short_content_width #related_post .blog_list .item {
      width: calc((var(--vw) * 100 - 120px) / 3 - 32px) !important;
  }

  #related_post .related_post_carousel_wrap, body.short_content_width #related_post .related_post_carousel_wrap {
    max-width: inherit;
    width: calc(var(--vw) * 100 - 120px);
  }
}

@media (max-width: 1100px) {
  #related_post .blog_list .item, body.short_content_width #related_post .blog_list .item {
      margin-right: 40px;
      width: calc((var(--vw) * 100 - 80px) / 2 - 20px) !important;
  }

  #related_post .related_post_carousel_wrap, body.short_content_width #related_post .related_post_carousel_wrap {
      width: calc(var(--vw) * 100 - 80px);
  }
}

@media (max-width: 800px) {
  #related_post .blog_list .item, body.short_content_width #related_post .blog_list .item {
      margin: 0 10px;
      width: 260px !important;
  }

  #related_post .item:first-of-type {
    margin-left: 20px;
  }

  #related_post .related_post_carousel_wrap, body.short_content_width #related_post .related_post_carousel_wrap {
      width: 100%;
  }
}

/* 前後ページボタン削除 */
#next_prev_post {
  display: none;
}

/* margin追加 */
#main_col {
  margin-bottom: 64px;
}