@charset "UTF-8";

/* 全ページ共通スタイル設定 */
:root{
    --main-clr:rgb(18, 50, 83);
    --main-clr-shadow:rgba(18, 50, 83, 0.5);
    --sub-clr:rgb(248, 197, 101);
    --sub-clr-shadow:rgba(248, 197, 101, 0.5);
}

/* 更新日：20210114 */


/*** いつもNAVI 関連 ***/


/* Bootstrapはコンテンツ領域とパディング領域を含めたサイズで計算している */


/* いつもNAVI地図オブジェクト内はコンテンツ領域サイズで計算させる */

div#ZMap * {
    box-sizing: content-box;
}


/* ******************** */

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: "メイリオ", sans-serif;
    color: rgb(51, 51, 51);
}

footer {
    display: flex;
    align-items: center;
}

a:hover{
    text-decoration: none;
}

.text-clrb {
    color: #263e8b !important;
}

.navbar-brand {
    font-size: 1em;
}

nav .hover_line::after {
    background-color: #f48fb1;
    /* 線色 */
    border-radius: 5px;
    /* 線幅の半分 */
    content: "";
    display: block;
    height: 10px;
    /* 線幅 */
}

nav .focus_line::after {
    background-color: #f48fb1;
    /* 線色 */
    border-radius: 5px;
    /* 線幅の半分 */
    content: "";
    display: block;
    height: 10px;
    /* 線幅 */
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.text-main {
    color: var(--main-clr);
}

.bg-main {
    background-color: var(--main-clr);
}

.text-sub {
    color: var(--sub-clr);
}

.bg-sub {
    background-color: var(--sub-clr);
}

.navbar-brand {
    display: inline-block;
}

.dropdown-toggle:hover+.dropdown-menu,
.dropdown-menu:hover {
    display: block;
}

.dropdown-menu[data-bs-popper] {
    margin-top: -5px;
}