/* =========================================================
 * みなしるべ「みなしるべについて」最終微調整
 * about-v2.5-final-polish.css
 *
 * 前提：
 * about-v2.4-final-balance.css の後に読み込む差分CSS
 *
 * 変更点：
 * 1. PC HERO写真をほんの少しだけ大きく
 * 2. OUR NAMEの「＋」を一段強く
 * 3. 最終ベージュブロック～フッター間の余白を圧縮
 * ========================================================= */


/* =========================================================
   1. PC HERO：写真の視覚重量を少しだけ上げる
   ========================================================= */

@media screen and (min-width: 1024px) {

  .ms-about-hero {
    grid-template-columns: minmax(0, 1.06fr) minmax(402px, 0.94fr) !important;
    column-gap: 40px !important;
  }

  .ms-about-hero-photo {
    width: 100% !important;
  }


  /* =======================================================
     2. OUR NAME：「＋」を少し強く
     ======================================================= */

  .ms-about-name-plus {
    font-size: 44px !important;
    font-weight: 300 !important;
  }
}


/* =========================================================
   3. ページ末尾：ベージュブロック～フッター間を圧縮
   ========================================================= */

.ms-about-closing {
  margin-bottom: 0 !important;
}

/* Aboutページ本体側に残る下余白も抑える */
.ms-about-page {
  padding-bottom: 28px !important;
  margin-bottom: 0 !important;
}

/* Cocoon側の本文末尾余白が加算される場合もAboutページだけ抑える */
body:has(.ms-about-page) .entry-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   Tablet
   HERO構成はv2.4を維持。末尾余白のみ軽く圧縮。
   ========================================================= */

@media screen and (min-width: 681px) and (max-width: 1023px) {

  .ms-about-page {
    padding-bottom: 22px !important;
  }

  .ms-about-closing {
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   Mobile
   HERO構成はv2.4を維持。末尾余白のみ軽く圧縮。
   ========================================================= */

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

  .ms-about-page {
    padding-bottom: 18px !important;
  }

  .ms-about-closing {
    margin-bottom: 0 !important;
  }
}

/* =========================================================
 * みなしるべ「みなしるべについて」末尾余白修正版
 * about-v2.5.1-footer-gap-fix.css
 *
 * about-v2.5-final-polish.css の後に読み込む差分CSS
 * ========================================================= */

/* 最終ベージュブロック自身 */
body.page-id-137 .ms-about-closing {
  margin-bottom: 0 !important;
}

/* About本文側 */
body.page-id-137 .ms-about-page {
  margin-bottom: 0 !important;
}

body.page-id-137 .entry-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Cocoonが本文後に出力する固定ページ用フッター領域 */
body.page-id-137 .article-footer.entry-footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Aboutページでは下部パンくずも非表示 */
body.page-id-137 .breadcrumb.breadcrumb-page.bp-main-bottom {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cocoon外側ラッパーに残る下余白をAboutページだけリセット */
body.page-id-137 article#post-137,
body.page-id-137 #main,
body.page-id-137 #content-in,
body.page-id-137 #content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* footer側に上余白がある場合も解除 */
body.page-id-137 #footer,
body.page-id-137 .footer {
  margin-top: 0 !important;
}