@charset "UTF-8";
/*
 * 1カラムレイアウト（2カラム廃止） + 「ヒロクリニックの理念」スタイル復旧
 * 2026-08-05 追加。functions/layout-onecolumn.php から wp_head 優先度200で読み込む
 * （style.min.css は wp_head 190 で出力されるため、必ずその後ろに来る）
 *
 * 1. #sideTower（各種検査などのローカルナビ）を本文の上へ移動し、横並びにする
 * 2. #content を innerBox 幅いっぱい（デスクトップ950px）まで広げる
 * 3. module_mainfoot.php の .idea_box は CSS が .page-id-2263 限定で、
 *    他ページでは無スタイルのまま崩れていたのでスコープを外す
 */

/* ------------------------------------------------------------------ */
/* 1. レイアウト                                                       */
/* ------------------------------------------------------------------ */
body #main #container {
  display: flex;
  flex-direction: column;
  overflow: visible;
}

body #main #container #content,
body #main #container .content,
body #main #container .content.wide,
body.left-sidebar #main #container .content {
  order: 2;
  float: none;
  width: 100%;
  max-width: 100%;
}

body #main #container #sideTower,
body #main #container .sideTower,
body.left-sidebar #main #container #sideTower {
  order: 1;
  float: none;
  clear: both;
  width: 100%;
  padding: 0 0 18px;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  overflow: visible;
}

body #main #container #sideTower > * {
  margin-bottom: 0;
}
body #main #container #sideTower > .sideWidget {
  flex: 1 1 340px;
  min-width: 0;
}
body #main #container #sideTower > ul {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

/* ローカルナビ（各種検査など）を横並びに */
body #main #container #sideTower .localHead {
  margin: 0;
}
body #main #container #sideTower .localNavi {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
body #main #container #sideTower .localNavi > li {
  flex: 0 1 auto;
  border-bottom: none;
  border-right: 1px solid #ccc;
}
body #main #container #sideTower .localNavi > li:last-child {
  border-right: none;
}
body #main #container #sideTower .localNavi > li > a {
  padding: 11px 16px 10px 28px;
}
/* 孫ページのぶら下がりリストは縦のまま */
body #main #container #sideTower .localNavi > li ul {
  border-top: 1px solid #ccc;
}
body #main #container #sideTower .localNavi > li ul li {
  border-right: none;
}

/* 問い合わせバナー */
body #main #container #sideTower li.sideBnr {
  border-bottom: none;
  list-style: none;
}
body #main #container #sideTower li.sideBnr a {
  padding: 0;
  background: none;
}

/* ------------------------------------------------------------------ */
/* 2. mainFoot の余白調整                                          */
/*    2026-08-05: 「ヒロクリニックの理念」削除に伴い、残った空きを詰める   */
/* ------------------------------------------------------------------ */
/* 「ヒロクリニックの理念」を module_mainfoot.php から削除したため、
   残るのは問い合わせボタンのみ。上下の余白を詰める。 */
body #main #container .content .mainFoot{
  margin-top: 18px;
  margin-bottom: 0;
}
body #main #container .content .mainFootInner{
  padding-bottom: 0;
}
body #main #container .content{
  padding-bottom: 12px;
}

/* ------------------------------------------------------------------ */
/* 3. グローバルナビのドロップダウンを左寄せにする                      */
/*    2026-08-05: 項目テキストが中央寄せになっていたので左寄せへ        */
/* ------------------------------------------------------------------ */
body .hch-nav .sub-menu{
  left: 0;
  right: auto;
  text-align: left !important;
}
body .hch-nav .sub-menu li{
  text-align: left !important;
}
body .hch-nav .sub-menu a{
  text-align: left !important;
  justify-content: flex-start;
}

/* ------------------------------------------------------------------ */
/* 4. フッターのクリニック一覧の余白バグ                                */
/*    style.css で min-width:771px（横並び）と max-width:1039.9px       */
/*    （縦積み）が重複しており、771〜1039px では後勝ちで縦積みになる。   */
/*    リンク約20本が1行ずつ並んで約800pxの余白になっていたため、        */
/*    771px以上は必ず横並びに戻す。                                     */
/* ------------------------------------------------------------------ */
@media screen and (min-width: 771px){
  #footer_menu_clinic{ padding: 1.5rem 0; }
  #footer_menu_clinic .menu li{ display: inline-block; }
  #footer_menu_clinic .menu li a{ display: flex; align-items: center; padding: 0.25rem 1rem; }
}