@charset 'UTF-8';

/* common
------------------------------------------------ */
body.archive .l-footer { margin-top: 0; }

/* archive
------------------------------------------------ */
.journal-archive { position: relative; }

@media screen and (max-width: 768px) {
  .journal-archive > .wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .journal-archive { padding-top: 112px; }
  .journal-archive > .wrap { max-width: 1085px; }
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
  .journal-archive > .wrap { padding: 0 100px; }
}

/* detail
------------------------------------------------ */
.journal-detail { position: relative; }
.journal-detail-hd { margin-bottom: 38px; }

.journal-detail-date { margin-bottom: 20px; font-family: 'Barlow', sans-serif; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.05em; line-height: 1.2; color: #9B9B9B; }
.journal-detail-title { font-family: 'Noto Serif JP', serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.875; }
.journal-detail-content { font-size: 1.2rem; letter-spacing: 0.1em; line-height: 2.33333333333; }
.journal-detail-content p + p { margin-top: 1.875em; }
.journal-detail-content h2 { margin: 60px 0 24px; font-family: 'Noto Serif JP', serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.875; }
.journal-detail-content h2:first-child { margin-top: 0; }
.journal-detail-content > .wp-block-columns + *,
.journal-detail-content > .wp-block-group + * { margin-top: 60px; }
.journal-detail-content .wp-block-columns.is-not-stacked-on-mobile { gap: 10px; }

@media screen and (max-width: 768px) {
  .journal-detail > .wrap { padding: 0 20px; }
  .journal-detail-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { margin-top: 60px; }
}

@media screen and (min-width: 769px) {
  .journal-detail { margin-top: 85px; }
  .journal-detail-hd { margin: 0 auto 40px; max-width: 648px; }
  .journal-detail-date { margin-bottom: 40px; font-size: 1.6rem; }
  .journal-detail-title { font-size: 2rem; }
  .journal-detail-content h2 { margin: 95px 0 40px; font-size: 2rem; }
  .journal-detail-content > .wp-block-columns + *,
  .journal-detail-content > .wp-block-group + * { margin-top: 95px; }
  .journal-detail-content .wp-block-columns.is-not-stacked-on-mobile { gap: 20px; }
  .journal-detail-content .wp-block-image:not(:last-child) { margin-bottom: 140px; }
  .journal-detail-content .is-layout-flex .wp-block-image:not(:last-child) { margin-bottom: 0; }
  .journal-detail-content .wp-block-image .aligncenter { margin: 0 auto; max-width: 648px; }

  .journal-detail-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column + .wp-block-column { margin-left: 85px; }
}

/* product
------------------------------------------------ */
.journal-product { position: relative; margin-top: 70px; padding: 38px 0 120px; background-color: #F7F7F7; }

@media screen and (max-width: 768px) {
  .journal-product > .wrap { padding: 0 20px; }
}

@media screen and (min-width: 769px) {
  .journal-product { margin-top: 130px; padding: 80px 0 218px; }
}