﻿body {
    font-family: 'Noto Sans JP' !important;
}
html {
    height: -webkit-fill-available;
}


.button-width-base{
    width:130px
}
/*ロード画面*/
.loading {
    /* 画面最大 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* 背景色（黒、不透明度30%） */
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0.8;
    /* フレックスコンテナ（縦並べ、横中央、縦中央） */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 表示を一番上 */
    z-index: 999;
    /* 選択付加 */
    user-select: none;
}
.load-blink-dot {
    animation: blink-dot 1.2s linear infinite;
    opacity: 0;
}

@keyframes blink-dot {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*メニューアイコン*/
.menu-icons{
    font-size: 62px;
    height:auto;
}

/*アラートアイコン*/
.alert-icons {
    font-size: 80px;
    height: auto;
}

/*ログイン用ボックス*/
.radius-box {
    border-radius: 10px;
}

/*メインメニュー用テーブル*/
#mainMenuTable {
    border-collapse: unset;
}
#mainMenuTable tr{
    height: 160px;
}
.mainMenuCell {
    border-radius: 5px;
    border-color: #adb5bd;
    border-width: 1px;
}
.mainMenuCell:hover{
    background-color:#ebf6f7;
    border-color: #0068B2;
}

/*フッター部フォント*/
.fs-font {
    font-size: 13px;
    color: #c2c2c2;
}
.btn-check:checked + .btn-Imp {
    background-color: white !important; /* 背景色を白に */
    color: blue !important; /* 文字色を青に */
    border-color: blue !important; /* 枠線を青に */
}

.btn-Imp {
    background-color: white; /* 初期背景色を白に */
    color: blue; /* 初期文字色を青に */
    border: 1px solid blue; /* 初期枠線を青に */
}
