/*
 * app.css（2018 年に Laravel Mix でビルドしたもの）への上書き。
 * フロントのビルド環境を作り直すまでの間、見た目の修正はここに足す（レイアウトで app.css の後に読み込む）。
 */

/*
 * 文字の書体（2026-10）
 * Web フォント（M PLUS 2）は描画を止めないよう後から読み込む（layouts/app.blade.php）。
 * 元の指定は "M PLUS 2" だけで代わりの書体が無く、届くまでは文字が出ないか、端末によっては明朝体になっていた。
 * 届くまでの間と届かなかったときは、端末のゴシック体で表示する。
 */
body {
  font-family: "M PLUS 2", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*
 * フッターの所在地（2026-10）
 * 診療時間表のカードの電話番号の下に、地図のピンと住所を並べる（電話の行と同じ大きさのアイコン）
 */
.web .page-footer .time-schedule .table-footer .address {
  margin-top: 0.6rem;
  color: #333333;
  font-size: 1.4rem;
}

.web .page-footer .time-schedule .table-footer .address img {
  vertical-align: middle;
}

.web .page-footer .time-schedule .table-footer .address span {
  display: inline-block;
  margin-left: 0.6rem;
  vertical-align: middle;
}

/*
 * フッターの地図（2026-10）
 * 元は地図を診療時間表の裏に重ねる絶対配置（上端が固定の 22rem）で、時間表の高さが画面幅で変わるため、
 * 地図の左上に出る Google の案内カード（住所と「Google マップで開く」）が時間表に隠れていた（特にスマホ）。
 * 地図を時間表の下に並べ、著作権表示も地図の下に続ける。
 */
.web .page-footer .access .gmap {
  position: static;
  top: auto;
  z-index: auto;
  height: 50rem;
  margin-top: 2rem;
}

.web .page-footer .copyright {
  position: static;
  top: auto;
}