/* メイリオ未導入の端末では、日本語対応の代替書体を使用する。 */
:root {
    --app-font-size: 12px;
    --font-family-sans-serif: Meiryo, "メイリオ", "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
}

html,
body,
.tooltip,
.popover,
.mapael .mapTooltip {
    font-family: var(--font-family-sans-serif);
}

/* 入力部品にも同じ書体を適用し、アイコン専用書体は維持する。 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}

/* 画面ごとの文字サイズ指定より優先し、12pxで統一する。 */
:root body,
:root body * {
    font-size: var(--app-font-size) !important;
}

/* 画面タイトルだけ18pxにする。 */
.main-header > h1 {
    --app-font-size: 18px;
}

/* ヘッダー内のボタン・利用者名は14pxにする。 */
.main-header .navbar-nav {
    --app-font-size: 14px;
}

/* 全画面のメニューとボタンを14pxに揃える。 */
.main-sidebar,
.nav,
.navbar-nav,
.dropdown-menu,
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    --app-font-size: 14px;
}