/*
Theme Name: Lightning Child
Template: lightning
*/
/* サイトタイトル左寄せ */
.site-header-container {
  width: 100%;
  max-width: none;         /* 最大幅の制限を解除 */
  margin: 0;               /* 中央寄せを解除 */
  padding-left: 0;         /* 左余白をゼロに */
  margin-left: 1rem;
  box-sizing: border-box;  /* 安定した幅計算 */
}

/* タイトル下メニュー横並び */
.under-title-menu-list {
  display: flex;
  justify-content: flex-start; /* 左寄せ */
}

/* ヘッダーメニュー全体の背景を水色に */
.under-title-nav {
  background-color: #f0f4f9; /* 水色 */
  padding-top: 10px;
  padding-bottom: 10px;
}
.under-title-menu ul{
  background-color: #fff; /* 白色 */
  padding: 0;
}
.under-title-menu-list li {
  width: 25%;
  text-align: center;
}
/* メニュー項目のリンク文字色（任意） */
.under-title-menu-list li > a{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  color: #000; /* 黒文字 */
  background-color: #fff; /* 白色 */
  text-align: center;
  line-height: 1.5;
}

/* 現在のページのメニュー項目に青色背景を付ける文字は白抜き */
.under-title-menu > ul > li.current-menu-item > a,
.under-title-menu > ul > li.current_page_item > a {
  color: #fff; /* 白文字 */
  font-weight: bold;
  background-color: #0000ff; /* 青色 */
  line-height: 1.5;
}

/* ホバー時にも水色にしたい場合（任意） */
.under-title-menu-list li > a:hover {
  background-color: #0000ff;
  color: #fff;
}

/* 各メニュー項目 */
.under-title-menu > ul > li {
  border-left: 1px solid #ccc; /* 区切り線 */
}

/* 最初の項目には線を入れない */
.under-title-menu > ul > li:first-child {
  border-left: none;
}



/* スライド画像の上にマージンを指定 */
.lightning_swiper{
  margin-top: 5rem;
}

/* スライド画像の最大横幅を指定 */
.ltg-slide picture,
.ltg-slide .swiper-slide > a {
  max-width: 1000px;
  height: auto;
  display: block;
  margin: 0 auto; /* 中央寄せ */
}

/* スライド内のテキストも幅を揃える場合 */
.ltg-slide-text-set {
  max-width: 1000px;
  padding: 0 15px;
  margin: 0 auto;
}

/* スライド画像の左右にパディング */
.ltg-slide-item-img{
  padding-left: 1rem;
  padding-right: 1rem;
}

/* 最も高いカラムに合わせて揃える */
.home-column{
  display: flex;
  align-items: stretch; /* 高さを揃える */
}
.home-column .wp-block-column {
  flex: 1; /* 横幅を均等に */
}
.map-container iframe {
  width: 100%;
  height: 100%; /* 親カラムの高さに合わせる */
}

/* 表の枠線を消す */
.no-border-table table,
.no-border-table td,
.no-border-table th {
  border: none !important;
  border-width: 0px!important;
}
/* 表のセルの上下にパディング */
.equal-text {
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}

/* フッターメニューを中央寄せ */
.footer-nav,
.footer-nav ul {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

/* フッターメニューデザイン */
.footer-nav {
  margin-top: 1rem;
  border-bottom: 0px solid;
}

.footer-nav li {
  margin: 0 10px; /* メニュー間の余白調整 */
}