@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* 共通 */
body {
    font-family:
        /* 'Noto Sans JP', */
        "Helvetica Neue",
        "Arial",
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        "Meiryo",
        sans-serif !important;
    /* font-weight: 400; */
    font-size: .8rem;
}


.noto_sans {
    font-family: 'Noto Sans JP', sans-serif;
}

th, td {
    padding: 4px 2px !important;
    font-size: .8rem;
}

th {
    text-align: center;
    background-color: #333;
    color: #fff;
}


/* ページ送り */
.pagination {
    font-size: 0.75rem !important;
    z-index: 1 !important;
}

.pagination strong {
    color: #fff;
    background-color: #0d6efd;

}

.pagination strong, .pagination a {
    line-height: 1;
    padding: 0.4rem;
    position: relative;
    display: block;
    margin-right: .2rem;
    text-decoration: none;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/**フォーム**/

.form-control-sm {
    font-size: .75rem;
}


::placeholder {
    color: #ccc !important;

}

/**ボタン**/
.btn {

    padding: 3px 10px;
}

.btn-sm {
    padding: 6px 6px;
    font-size: .7rem;
    margin: 0;
    border: 1px solid #fff;
}


/**フッター**/
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    padding: 10px;
    background-color: #f5f5f5;
    color: #999;
    font-size: .7rem;
}







/** ローディングの背景部分のCSS **********************************************************/
.loader_bg {
    background: #000;
    opacity: 0.5;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999998 !important;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    margin: 20% auto;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* アラート */
.alert {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0rem auto;
    font-size: 0.75rem !important;
    /* border: 1px solid #ff1e00 !important; */
    background-color: #fff0e7 !important;
    color: #ff1e00 !important;
    z-index: 1000 !important;
    /* padding: 1rem; */
    background: rgba(255, 240, 231, 0.9) !important;
    padding: 1rem;
    border: none;
    opacity: .8;
}

.alert p {
    margin: 0;
    padding: 0;
    opacity: 1 !important;

}