@charset "UTF-8";
/**
 * ブログ詳細ページ専用スタイル
 * スコープ: .mf-scope-blog 配下のみで適用
 */
/**
 * 変数定義
 * テーマ全体で使用する色、フォント、サイズなどの変数を定義
 */
/**
 * ミックスイン定義
 * 再利用可能なスタイルパターンを定義
 */
/* ==========================================================================
  ブログ詳細ページ
========================================================================== */
.mf-scope-blog {
  overflow: hidden;
  background-color: #f2eee9;
  padding: 40px 0 140px 0;
  position: relative;
  /* 記事ヘッダー */
}
.mf-scope-blog::before {
  content: "";
  width: 288px;
  height: 1493px;
  background-image: url(/wp-content/themes/mori-farm/assets/img/blog/deco_img_07.png);
  background-size: 100% auto;
  position: absolute;
  top: 400px;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .mf-scope-blog::before {
    width: min(31.3333333333vw, 235px);
    height: min(32.8vw, 246px);
    background-image: url(/wp-content/themes/mori-farm/assets/img/blog/sp/deco_img_01.png);
    top: 78vw;
  }
}
.mf-scope-blog::after {
  content: "";
  width: 242px;
  height: 1484px;
  background-image: url(/wp-content/themes/mori-farm/assets/img/blog/deco_img_08.png);
  background-size: 100% auto;
  position: absolute;
  top: 390px;
  right: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .mf-scope-blog::after {
    width: min(22.2666666667vw, 167px);
    height: min(33.8666666667vw, 254px);
    background-image: url(/wp-content/themes/mori-farm/assets/img/blog/sp/deco_img_02.png);
    top: 180vw;
  }
}
.mf-scope-blog .mf-post-single {
  position: relative;
  z-index: 10;
}
.mf-scope-blog .mf-post-single__container {
  max-width: 1190px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .mf-scope-blog .mf-post-single__container {
    max-width: min(92vw, 690px);
  }
}
.mf-scope-blog .mf-post-header__image {
  margin-bottom: 20px;
  text-align: center;
}
.mf-scope-blog .mf-post-header__img {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  aspect-ratio: 2.2/1;
}
@media (max-width: 768px) {
  .mf-scope-blog .mf-post-header__img {
    aspect-ratio: auto;
  }
}
.mf-scope-blog .mf-post-header__content {
  text-align: center;
}
.mf-scope-blog .mf-post-header__category-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 60px;
  background: #fff;
  color: #33230B;
  border-radius: 100px;
  text-decoration: none;
  font-size: 20px;
}
@media (max-width: 768px) {
  .mf-scope-blog .mf-post-header__category-link {
    width: min(38.6666666667vw, 290px);
    height: min(10.6666666667vw, 80px);
    font-size: min(4vw, 30px);
  }
}
.mf-scope-blog .mf-post-header__date {
  font-size: 21px;
  line-height: 2;
  margin-left: 30px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .mf-scope-blog .mf-post-header__date {
    margin-left: 2vw;
    font-size: min(4vw, 30px);
  }
}
.mf-scope-blog .mf-post-header__title {
  font-size: 50px;
  line-height: 2;
  margin-top: -60px;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .mf-scope-blog .mf-post-header__title {
    margin-bottom: min(12vw, 90px);
    margin-top: min(4vw, 30px);
    font-size: 6.5vw;
  }
}
.mf-scope-blog .sec + .sec {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .mf-scope-blog .sec + .sec {
    margin-top: min(4vw, 30px);
  }
}
.mf-scope-blog .sec-text {
  width: 1110px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .mf-scope-blog .sec-text {
    width: min(89.3333333333vw, 670px);
    margin-left: auto;
    margin-right: auto;
  }
}
.mf-scope-blog .sec-text p {
  font-size: 21px;
  line-height: 2;
}
.mf-scope-blog .sec-image {
  text-align: center;
}
.mf-scope-blog .sec-image img {
  object-fit: contain;
}
@media (max-width: 768px) {
  .mf-scope-blog .sec-image img {
    aspect-ratio: auto;
  }
}
.mf-scope-blog .sec-image-pair {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 80px;
}
.mf-scope-blog .sec-image-pair img {
  aspect-ratio: 1.2/1;
  object-fit: contain;
}
@media (max-width: 768px) {
  .mf-scope-blog .sec-image-pair img {
    aspect-ratio: auto;
  }
}
@media (max-width: 768px) {
  .mf-scope-blog .sec-image-pair {
    flex-direction: column;
    column-gap: 0;
  }
}
.mf-scope-blog .sec-image-pair .pair-item {
  width: 550px;
}
@media (max-width: 768px) {
  .mf-scope-blog .sec-image-pair .pair-item {
    width: 100%;
  }
}
.mf-scope-blog .mf-news-container-button {
  margin-top: min(14.6666666667vw, 110px);
}

/*# sourceMappingURL=style.css.map */