/*
Theme Name: koga-hanashima-kuwano-lawoffice
Theme URI:
Template: lightning
Description:古賀・花島・桑野法律事務所のオフィシャルサイトテーマ
Author:古賀・花島・桑野法律事務所
Tags:
Version: 0.6.1
*/
body{font-size:16px!important; font-family: "Noto Sans JP", sans-serif; font-weight:500; color:#222B3C; letter-spacing:.1rem; }
p {line-height: 1.5; margin: 2em auto 0;}
.container{max-width: 1000px;}

.site-header > .container{max-width: 100vw;}

.copyright{text-align:center;}
.Inner{display:block; margin:0 auto; max-width:1000px; padding:20px;}

/*ヘッダー*/
/* --- ヘッダー全体 --- */
.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  padding: 8px 16px;
  backdrop-filter: blur(10px);
}

/* --- 管理バー対策 --- */
body.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

/* --- ヘッダー内構造 --- */
.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* --- ロゴ周り --- */
.logo-area {
  display: flex;
  align-items: center;
}

.logo-area a img {
  max-height: 36px;
  display: block;
  margin-right: 8px;
}

.logo-text {
  line-height: 1.2;
}

.logo-text .jp {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.logo-text .en {
  font-size: 11px;
  color: #666;
  margin: 0;
}

/* --- メインナビ --- */
.main-nav .nav-list {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.main-nav .nav-list a {
  text-decoration: none;
  color: #111;
  padding: 10px;
  transition: opacity 0.2s ease;
  display: block;
}

.main-nav .nav-list a:hover {
  opacity: 0.7;
}

/* --- サブメニュー（弁護士紹介） --- */
.has-submenu {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100vw; /* ← 全幅に */
  background-color: #64a89e;
  padding: 0;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
  z-index: 999;
}

.has-submenu:hover .submenu {
  display: flex;
}

/* 矢印の位置も全幅に合わせて中央へ */
.submenu-arrow {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid #64a89e;
}

/* サブメニューリンク */
.submenu li {
  list-style: none;
  flex: none;
  margin: 0 20px;
}

.submenu li a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  line-height: 50px;
  font-size: 14px;
  white-space: nowrap;
}

.submenu li:not(:last-child)::after {
  content: '|';
  color: #fff;
  margin-left: 12px;
  margin-right: 12px;
}

/* --- 表示制御 --- */
.has-submenu:hover .submenu {
  display: flex;
}


/*パンくずリスト*/
div#breadcrumb {background: #e9ecef; color: #1b4d38;}
div#breadcrumb a{color: #1b4d38; text-decoration:none;}
.fa-solid, .fas {display: none!important;}
.breadcrumb-list {margin: 0; padding: 6px 0; color: #1b4d38;}
.breadcrumb > .container{max-width:1000px; padding:0 20px;}

.Keyvisual{background: url(/wp-content/uploads/2025/07/key-visual.webp); margin: 0 calc(50% - 50vw); background-size: cover; height: 600px;}
.Keyvisual > .Inner{position:relative; height:100%;}
.Keyvisual img{position:absolute; margin:auto; top:0; bottom:0; width:50%;}

@media screen and (max-width: 600px) {
.Keyvisual{height:450px; background-position-x:810px;}
.Keyvisual img{width:80%;}
}

.Whatsnew{background:#f6faf6; margin: 0 calc(50% - 50vw); background-size: cover; position:relative;}


/*投稿関係*/
.page-header{display:none;}
.post-template-default > .site-body{display:block; margin:0 auto; max-width:1000px; padding:20px;}
h1.entry-title{font-size:1.5em; padding-bottom:.75em; border-bottom:1px solid #CCC;}



.info-box{background:#eaf0f9; margin-top: 2em; padding:20px; text-align:center; font-weight:bold;}

