/*
 Theme Name: Lightning Child
 Template:   lightning
*/
.site-header::before{
  content:'';
  display:block;
  height:6px;              /* ラインの太さ */
  background:#000;         /* 色 */
}
/* 黒帯の高さを正確に調整 */
.page-header {
  background-color: transparent !important; /* いったん透明に */
  padding: 0 !important;
  margin: 0 !important;
}

/* 内側だけに黒背景と高さをつける */
.page-header .page-header-inner,
.page-header .container {
  background-color: #000000 !important; /* 黒背景 */
  padding: 10px 0 !important; /* 高さ調整 */
}

/* タイトル文字の色を白に */
.page-header .page-header-title {
  color: #ffffff !important;
  font-size: 18px;
  text-align: center;
}
.page-header .page-header-title {
  font-size: 18px !important;     /* サイズを固定 */
  font-weight: normal !important; /* 必要に応じて軽くする */
  line-height: 1.4 !important;    /* 行間を整える */
  margin: 0 !important;           /* 外側の余白もリセット */
  padding: 0 !important;          /* 内側余白もリセット */
  transform: none !important;     /* 拡大などがあれば解除 */
  text-transform: none !important; /* すべて大文字などを防ぐ */
}
@media (max-width: 768px) {
  .page-header {
    padding: 0 !important;
    margin: 0 !important;
  }

  .page-header .page-header-inner,
  .page-header .container {
    padding: 20px 0 !important; /* スマホ用の高さ確保 */
    background-color: #000000 !important;
  }

  .page-header .page-header-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    font-size: 16px !important; /* スマホ向けに少し下げる */
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}