@charset "UTF-8";

/* ===== ヘッダー背景 ===== */
.page-header {
  background-image: url(https://kunou-clinic.com/wp/wp-content/uploads/2022/04/bg_caption.jpg);
  background-size: cover;
  color: black;
}

h2:before {
  content: "";
  background-image: url(http://www.kunou-clinic.com/wp/wp-content/uploads/2022/01/logo_fabi.png);
  background-size: cover;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  width: 50px;
  height: 50px;
}

/* ===== ヘッダー全体の枠 ===== */
#site-header-container {
  width: 100vw;
  display: block;
}

/* ====== ロゴ＋電話番号をflexで左右に配置 ====== */
.site-header-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}

/* 左側のロゴ */
.site-header-logo a {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 3px solid lightpink;
}

/* 右側の電話番号画像 */
.site-header-logo::after {
  content: "";
  display: block;
  background-image: url(http://www.kunou-clinic.com/wp/wp-content/uploads/2022/01/tel.png);
  width: 408px;
  height: 59px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ===== ナビゲーション中央寄せ ===== */
#site-header-container nav {
  margin: 0px auto;
}

/* ===== スマホ対応 ===== */
@media screen and (max-width: 1000px) {
  .site-header-logo {
    flex-direction: column;
    align-items: center;
  }

  .site-header-logo::after {
    content: none; /* スマホでは電話番号画像を消す */
  }

  .site-header-logo a img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* ===== フッター調整 ===== */
footer.site-footer .site-footer-copyright p:nth-child(2) {
  display: none;
}