/* モーダル背景のカスタマイズ */
    .modal-backdrop.show {
         background-color: rgba(0, 0, 0, 1.0) !important; 

        /* 0.9は背景の暗さ、1.0で完全な黒 */

    }
   
div.footer{
    margin-top:40px;
    font-size:x-small;
}
body{
    background-color: rgba(238, 168, 203,0.5);
}


/*------------------------------------
- COLOR pink
------------------------------------*/
.alert-pink {
    color: #ed0076;
    background-color: #ff13511a;
    border-color: #ff12010f;
}

.alert-pink hr {
    border-top-color: #ff107103;
}

.alert-pink .alert-link {
    color: #ba005d;
}

.badge-pink {
    color: #212529;
    background-color: #ff69b4;
}

.badge-pink[href]:hover, .badge-pink[href]:focus {
    color: #212529;
    background-color: #ff359a;
}

.bg-pink {
    background-color: #ff69b4 !important;
}
.text-bg-pink {
    color: #fff !important;
    background-color: #ff69b4 !important;
}


a.bg-pink:hover, a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
    background-color: #ff359a !important;
}

.border-pink {
    border-color: #ff69b4 !important;
}

.btn-pink {
    color: #212529;
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.btn-pink:hover {
    color: #212529;
    background-color: #ff45a2;
    border-color: #ff359a;
}

.btn-pink:focus, .btn-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 180, 0.5);
}

.btn-pink.disabled, .btn-pink:disabled {
    color: #212529;
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active, .show > .btn-pink.dropdown-toggle {
    color: #212529;
    background-color: #ff359a;
    border-color: #ff2692;
}

.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 180, 0.5);
}

.btn-outline-pink {
    color: #ff69b4;
    background-color: transparent;
    border-color: #ff69b4;
}

.btn-outline-pink:hover {
    color: #212529;
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.btn-outline-pink:focus, .btn-outline-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 180, 0.5);
}

.btn-outline-pink.disabled, .btn-outline-pink:disabled {
    color: #ff69b4;
    background-color: transparent;
}

.btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle {
    color: #212529;
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.btn-outline-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 105, 180, 0.5);
}

.list-group-item-pink {
    color: #ed0076;
    background-color: #ff12010f;
}

.list-group-item-pink.list-group-item-action:hover, .list-group-item-pink.list-group-item-action:focus {
    color: #ed0076;
    background-color: #ff107103;
}

.list-group-item-pink.list-group-item-action.active {
    color: #212529;
    background-color: #ed0076;
    border-color: #ed0076;
}

.table-pink,
.table-pink > th,
.table-pink > td {
    background-color: #ff12010f;
}

.table-hover .table-pink:hover {
    background-color: #ff107103;
}

.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
    background-color: #ff107103;
}

.text-pink {
    color: #ff69b4 !important;
}

a.text-pink:hover, a.text-pink:focus {
    color: #ff359a !important;
}