/* フロント（入口）ではバナー非表示 */
body.front-page .top-banner,
body.front-page .header-and-banner-bg .banner { display:none !important; }

/* home では余白を気持ち詰める例 */
body.page-template-page-home .content { margin-top: 16px; }

/* 万一の“下が消える”保険（z-index/可視化） */
body.page-template-page-home .site-content { position:relative; z-index:1; display:block; visibility:visible; opacity:1; }
.header-and-banner-bg { position:relative; z-index:0; background:transparent !important; }

/* ===== スライドバナーが header に被るのを防止（モバイル） ===== */
@media (max-width: 768px) {
  /* header を最前面へ */
  .site-header,
  .header,
  .header-main,
  .header-inner {
    position: relative;
    z-index: 1000;
  }

  /* バナー側を背面＆透過に統一 */
  .header-and-banner-bg,
  .top-banner-wrapper,
  .global-banner-wrapper,
  .banner,
  .swiper,
  .swiper-container {
    position: relative;
    z-index: 0;                /* ← ここ重要 */
    background-color: transparent !important; /* 黄土色の残りを消す */
  }

  /* 擬似要素で背景帯を敷いているテーマ向けの保険 */
  .header-and-banner-bg::before,
  .top-banner-wrapper::before,
  .global-banner-wrapper::before,
  .banner::before {
    content: none !important;  /* 背景帯ごと消す（必要に応じて） */
    /* もし消したくない場合は: z-index:-1 !important; に変更 */
  }
}