@charset "UTF-8";
/**
 * 変数定義
 * テーマ全体で使用する色、フォント、サイズなどの変数を定義
 */
/**
 * ミックスイン定義
 * 再利用可能なスタイルパターンを定義
 */
.mf-scope-news {
  padding-bottom: 160px;
  background-color: #f2eee9;
  overflow: hidden;
  position: relative;
}
.mf-scope-news::before {
  content: "";
  width: 288px;
  height: 715px;
  background-image: url(/wp-content/themes/mori-farm/assets/img/news/detail/deco_img_01.png);
  background-size: 100% auto;
  position: absolute;
  top: 420px;
  left: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .mf-scope-news::before {
    width: min(31.3333333333vw, 235px);
    height: min(32.8vw, 246px);
    background-image: url(/wp-content/themes/mori-farm/assets/img/news/detail/sp/deco_img_01.png);
    top: 88vw;
  }
}
.mf-scope-news::after {
  content: "";
  width: 242px;
  height: 948px;
  background-image: url(/wp-content/themes/mori-farm/assets/img/news/detail/deco_img_02.png);
  background-size: 100% auto;
  position: absolute;
  top: 340px;
  right: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .mf-scope-news::after {
    width: min(22.2666666667vw, 167px);
    height: min(33.8666666667vw, 254px);
    background-image: url(/wp-content/themes/mori-farm/assets/img/news/detail/sp/deco_img_02.png);
    bottom: 60vw;
    top: initial;
  }
}
@media (max-width: 768px) {
  .mf-scope-news {
    padding-top: min(13.3333333333vw, 100px);
    padding-bottom: min(24vw, 180px);
  }
}
.mf-scope-news .mf-news-single {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-single {
    max-width: min(92vw, 690px);
  }
}
.mf-scope-news .mf-news-meta {
  margin-left: 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-meta {
    margin-left: min(2.6666666667vw, 20px);
    margin-bottom: min(5.3333333333vw, 40px);
  }
}
.mf-scope-news .mf-news-date {
  font-size: 21px;
  line-height: 2;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-date {
    font-size: min(4vw, 30px);
  }
}
.mf-scope-news .mf-news-header {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-header {
    margin-bottom: min(5.3333333333vw, 40px);
  }
}
.mf-scope-news .mf-news-title {
  font-size: 50px;
  text-align: center;
  line-height: 1.32;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-title {
    font-size: min(6.6666666667vw, 50px);
  }
}
.mf-scope-news .mf-news-image {
  max-width: 1200px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-image {
    max-width: min(92vw, 690px);
    margin-bottom: min(6.6666666667vw, 50px);
  }
}
.mf-scope-news .mf-news-body {
  width: 1110px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-body {
    width: min(89.3333333333vw, 670px);
  }
}
.mf-scope-news .mf-news-body p {
  font-size: 21px;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-body p {
    font-size: min(4vw, 30px);
  }
}
.mf-scope-news .mf-news-link {
  width: 1110px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-link {
    width: min(89.3333333333vw, 670px);
    margin-top: min(13.3333333333vw, 100px);
  }
}
.mf-scope-news .mf-news-container-button {
  width: 200px;
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .mf-scope-news .mf-news-container-button {
    margin-top: min(12vw, 90px);
  }
}

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