:root {
    --bs-info: #b3001b;
    --bs-warning: #F68C99;
    --bs-info-rgb: 179, 0, 27;
    --bs-warning-rgb: 246, 140, 153;
    --bs-body-font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", 'ＭＳ ゴシック', sans-serif;
}

/*カスタムカラー*/
:root {
    --color-main: #B3001B;
    --color-main-2: #d37684;
    --color-main-3: rgba( 211, 118, 132,0.6);
    --color-sub-1: #6c757d;
    --color-sub-2: #cc4258;
    --color-sub-3: #ebe9e2;
    --color-sub-4: #0062B3;
    --color-accent: #94A8F1;
    --text-color: #333;
    --text-color-reversal: #fff;
}

:focus-visible {
    outline: none;
}

.container{
    max-width:1140px;
}


.alert-primary {
    color:var(--text-color);
    background-color: var(--color-main-3);
}
.alert-info {
    color: var(--text-color);
    background-color: var(--color-sub-3);
    border-color: var(--color-sub-3);
}



/*ボタン*/
.btn-lg{
    min-width:11rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-size:1rem;
}

.btn-info {
    background-color: var(--color-main);
    border-color: var(--color-main);
    color: var(--text-color-reversal);
}

    .btn-info:hover {
        background-color: var(--color-main-2);
        border-color: var(--color-main-2);
        color: var(--text-color-reversal);
    }

    .btn-info:disabled, .btn-info.disabled {
        color: #000;
        border-color: var(--bs-gray-500);
    }


    .btn-info:active, .btn-check:focus + .btn-info, .btn-info:focus, .btn-info:active, .btn-info:active:focus {
        background-color: var(--color-main-2);
        border-color: var(--color-main-2);
        color: var(--text-color-reversal);
        box-shadow: 0 0 0 0.25rem var(--btn-info-shadow);
    }


.btn-warning {
    background-color: var(--bs-white);
    border-color: var(--color-main);
}

    .btn-warning:hover {
        background-color: var(--color-main);
        border-color: var(--color-main-2);
        color: var(--text-color-reversal);
    }

    .btn-warning:active, .btn-warning:focus + .btn-warning, .btn-warning:focus, .btn-warning:active {
        background-color: var(--color-main-2);
        border-color: var(--color-main-2);
        color: var(--text-color-reversal);
        box-shadow: 0 0 0 0.25rem var(--color-main-3);
    }

        .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem var(--color-main-3);
        }


.btn-primary {
    background-color: var(--color-sub-4);
    border-color: var(--color-sub-4);
}

    .btn-primary:hover {
        background-color: var(--bs-white);
        border-color: var(--color-sub-4);
        color: var(--color-sub-4);
    }

    .btn-primary:active, .btn-primary:focus + .btn-primary, .btn-primary:focus, .btn-primary:active {
        background-color: var(--bs-white);
        border-color: var(--color-sub-4);
        color: var(--color-sub-4);
        box-shadow: 0 0 0 0.05rem var(--color-sub-4);
    }

        .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.05rem var(--color-sub-4);
        }

    .btn-primary:disabled, .btn-primary.disabled {
        background-color: var(--color-sub-4);
        border-color: var(--color-sub-4);
        opacity: 0.6;
    }
/*/ボタン*/

/*テーブル*/
.table > :not(:first-child) {
    border-top: 1px solid #dee2e6;
}

.table.table-bordered > :not(caption) > * > * {
    border-bottom-width: 0px;
}
.table.table-bordered > :not(caption) .head-last {
    border-bottom-width: 1px;
}


@media (max-width: 575.98px) {
    .table-responsive-sm {
   white-space:nowrap
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        white-space: nowrap
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        white-space: nowrap
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        white-space: nowrap
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        white-space: nowrap
    }
}
/*/テーブル*/



/*モーダル*/
.modal-header {
    background-color: var(--bs-gray-200)
}

.form-check-inline {
    margin-right: 1.5rem;
}