/* 個別の調整用CSS(子テーマの css/of-custom.css に置く) */

/* Lightning G2・ExUnit環境向け: フッターの「Powered by」を非表示 */
footer .copySection p:nth-child(2) {
    display: none !important;
}

/* ===== 2026-10 追加:トップの余白と可読性 ===== */
/* 確認済み(2026-10-10、開発者ツール): .siteContent / .mainSection / .entry-body は実在し、.entry-body の色は適用済み。抜粋は .postList .media-body_excerpt(更新情報一覧)で、色(#3a4a56)の適用を確認済み。抜粋のサイズ・行間・太さ(2026-10 追加)は、本番で目視確認するまで検証待ち。 */
body.home .siteContent { padding-top: 0 !important; }
body.home .mainSection { margin-top: 0 !important; padding-top: 0 !important; }
body.home .entry-body { margin-top: 0 !important; }
.entry-body, .entry-body p, .entry-body li { color: #2b3a46; }
.postList .media-body_excerpt, .postList .media-body_excerpt p { color: #3a4a56 !important; }
.postList .media-body_excerpt p { font-size: 15px; line-height: 1.8; font-weight: 500; }

/* ===== トップページ: お問い合わせ帯の下の白い帯(2026-10-11 追加) =====
   本番の実測(利用者が DevTools で計測)で、帯の下端からフッターの上端まで 101px。
   内訳: .of-top の下から .veu_socialSet の上端まで 42px、.veu_socialSet の高さ 3px
   (SNS シェアボタンの入れ物。ボタンは表示されていない)、
   .mainSection の margin-bottom 28px、.siteContent の padding-bottom 28px。
   対処: トップページだけで、上の3要素の余白と入れ物を消す。
   本番で確認するまで「検証待ち」(CLAUDE.md) */
body.home .siteContent { padding-bottom: 0 !important; }
body.home .mainSection { margin-bottom: 0 !important; }
body.home .veu_socialSet { display: none !important; }

/* ===== スマホメニュー(vk-mobile-nav) =====
   デザイン案は利用者承認済み(2026-10-11)。親テーマ・プラグインの CSS は
   リポジトリ外のため、枠線・背景を上書きする形で書いている。
   これらの要素はデスクトップでは非表示のため、@media は付けない。 */

/* ボタン(開閉共通): 白い円と影、枠線なし、#166F98 の三本線 / ×、タップ領域 44px */
body .vk-mobile-nav-menu-btn {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166F98' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E");
}
body .vk-mobile-nav-menu-btn.menu-open {
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166F98' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}
body .vk-mobile-nav-menu-btn:focus-visible {
  outline: 2px solid #166F98;
  outline-offset: 2px;
}

/* パネル: ボタン(top 5px + 高さ44px)の下から始める。5 + 44 + 12 = 61px */
body .vk-mobile-nav {
  padding-top: 61px;
}

/* メニュー項目: 高さ56px、16px・太さ500・#1D3A4F、区切り線 #EAF4FA */
body .vk-mobile-nav .vk-menu-acc li,
body .vk-mobile-nav .vk-menu-acc li a {
  border-color: #EAF4FA;
}
body .vk-mobile-nav .vk-menu-acc li > a {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #1D3A4F;
}
/* 現在のページ: 左に3pxの #2CA9E1 の線と #EAF4FA の背景 */
body .vk-mobile-nav .vk-menu-acc li.current-menu-item > a {
  background-color: #EAF4FA;
  box-shadow: inset 3px 0 0 #2CA9E1;
}
/* サブメニュー: 字下げして少し小さく */
body .vk-mobile-nav .vk-menu-acc .sub-menu li > a {
  padding-left: 32px;
  font-size: 15px;
  color: #3a4a56;
}
/* サブメニューの開閉ボタン: 黒い枠の四角から #166F98 の矢印へ。反応領域は56px幅・行の高さいっぱい、矢印の位置は変えない */
body .vk-mobile-nav .vk-menu-acc .acc-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right 11px top 11px;
  background-size: 22px 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166F98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
body .vk-mobile-nav .vk-menu-acc .acc-btn.acc-btn-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23166F98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
}
/* 親項目のリンク: 文字が開閉ボタンの下に潜らないよう、右側を56px空ける */
body .vk-mobile-nav .vk-menu-acc li.menu-item-has-children > a {
  padding-right: 56px;
}
body .vk-mobile-nav .vk-menu-acc .acc-btn::before,
body .vk-mobile-nav .vk-menu-acc .acc-btn::after {
  content: none;
}

/* 検索: 入力欄は細くしすぎない(44px・16px、iOS の自動拡大を避ける)、ボタンは #166F98 */
body .vk-mobile-nav #searchform #s {
  height: 44px;
  font-size: 16px;
  color: #1D3A4F;
  border: 1px solid #5C8097;
  border-radius: 6px;
}
body .vk-mobile-nav #searchform #s:focus {
  outline: 2px solid #166F98;
  outline-offset: 1px;
  border-color: #166F98;
}
body .vk-mobile-nav #searchform #searchsubmit {
  height: 44px;
  color: #fff;
  background-color: #166F98;
  border-color: #166F98;
  border-radius: 6px;
}
body .vk-mobile-nav #searchform #searchsubmit:hover,
body .vk-mobile-nav #searchform #searchsubmit:focus-visible {
  background-color: #14587F;
  border-color: #14587F;
}

/* お問い合わせ: 背景 #EAF4FA、ボタンは #14587F の丸いボタン(電話番号・受付時間の表示は削除済み) */
body .vk-mobile-nav .veu_contact {
  background-color: #EAF4FA;
  border: 0;
  border-radius: 8px;
}
body .vk-mobile-nav .contact_txt_catch {
  color: #1D3A4F;
  font-weight: 500;
}
body .vk-mobile-nav a.contact_bt {
  color: #fff;
  background-color: #14587F;
  border-color: #14587F;
  border-radius: 999px;
}
body .vk-mobile-nav a.contact_bt:hover,
body .vk-mobile-nav a.contact_bt:focus-visible {
  background-color: #0F3A55;
  border-color: #0F3A55;
}

/* フッターのお問い合わせアイコン(VK ExUnit のプロフィールウィジェット):
   リンク先は mailto ではなくお問い合わせフォームのため、メールを連想させる封筒をやめ、
   フォームへの導線とわかる吹き出しの字形にする。字形(--fa)だけを替え、色・大きさ・インライン style には触れない。 */
.veu_profile .sns_btns .mail_btn .fa-envelope {
  --fa: "\f075";
}