/* ▼ 和風・寺院向けフォント（明朝体）読み込み */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700;900&display=swap');

/* ヘッダー全体：ロゴ左、文字右 */
.header {
  display: flex;
  align-items: center;
  padding: 25px 40px;
  background: #ffffff;
  border-bottom: 2px solid #ddd;
  font-family: 'Noto Serif JP', serif; /* ← 寺院フォントをヘッダー全体に適用 */
}

/* 左のロゴエリア */
.logo-area {
  margin-right: 35px;
}

.header-logo {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

/* 右側の文字ブロック */
.text-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 各行の行間を安定化（Chrome の詰まり対策）*/
.sect-name,
.temple-yasuda,
.temple-name {
  line-height: 1.3;
  font-family: 'Noto Serif JP', serif; /* ← 文字部分にも明朝体を強制 */
}

/* 宗派名 */
.sect-name {
  font-size: 28px;
  font-weight: 600;
  color: #444;
  letter-spacing: 3px;
  margin-bottom: 8px;
}

/* 安田山 + 照源寺 行 */
.temple-row {
  display: flex;
  align-items: center;
  gap: 45px;
  margin-top: 4px;  
}

/* 安田山 */
.temple-yasuda {
  font-size: 44px;
  font-weight: 700;
  color: #333;
}

/* 照源寺 */
.temple-name {
  font-size: 60px;
  font-weight: 900;      /* 最大太字 → 寺院の額風 */
  color: #000;
  margin-left: 10px;     /* transform排除 → Chrome のバグ回避 */
}

/* =============================== */
/*       スマホサイズ（対策）        */
/* =============================== */
@media (max-width: 700px) {

  .header {
    flex-direction: column;
    text-align: center;
    padding: 20px 10px;
  }

  .logo-area {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .header-logo {
    width: 90px;
    height: 90px;
  }

  .sect-name {
    font-size: 20px;
    letter-spacing: 2px;
  }

  .temple-row {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }

  .temple-yasuda {
    font-size: 32px;
  }

  .temple-name {
    font-size: 42px;
    margin-left: 0;
    margin-top: -2px;
  }
}