/*
Theme Name: CURE Child
Theme URI: https://tokura-toyo.com/
Description: CURE（cure_tcd082）の子テーマです。
Author: 十倉トーヨー住器株式会社
Template: cure_tcd082
Version: 1.0.0
Text Domain: cure-tcd082-child
*/

/* 子テーマ用のCSSは、この下に追加してください。 */

/* =========================================
   施工事例一覧・アーカイブページ
   サイドバー2カラム
========================================= */

.jirei_archive_layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
}

.jirei_archive_layout #blog_archive {
  width: calc(100% - 280px);
}

.jirei_archive_layout #side_col {
  width: 230px;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .jirei_archive_layout #side_col {
    transform: translateX(30px);
  }
}

/* =========================================
   スマホ
========================================= */

@media screen and (max-width: 767px) {

  .jirei_archive_layout {
    display: block;
  }

  .jirei_archive_layout #blog_archive,
  .jirei_archive_layout #side_col {
    width: 100%;
  }

  .jirei_archive_layout #side_col {
    margin-top: 40px;
  }

}