header {
    background: #333;
}
header a, header a:hover {
    color: #fff;
    text-decoration: none;
}
header a {
    font-size: .9rem;
    line-height: 50px;
    padding: 0 1em;
    text-align: center;
}
header a:hover {
    background: #999;
}
.right_header{
    display: flex;
}
/* ヘッダーここまで */

/* ログイン画面 */
.save_password {
    position: relative;
}
.save_password > label {
    padding-left: 2rem;
}
.save_password > input[type="checkbox"] {
    display: none;
}
.save_password > .pwcheck {
    position: absolute;
    top: 0;
    left: 0;
    color: #007bff;
    pointer-events: none;
}
.pwcheck {
    font-size: 2em !important;
    line-height: .9em !important;
}
.save_password > input[type="checkbox"] + .pwcheck + .pwcheck,
.save_password > input[type="checkbox"]:checked + .pwcheck {
    display: none;
}
.save_password > input[type="checkbox"] + .pwcheck,
.save_password > input[type="checkbox"]:checked + .pwcheck + .pwcheck {
    display: inline;
}
/* ログイン画面ここまで */

/*メイン画面*/

.alert-top {
    position: fixed;
    width:100%;
    margin-top: 50px;
    height: 50px;
    text-align: center;
    margin-bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert-msg{
    text-align: center;
}
.tooltip .tooltip-inner {
    max-width: 300px;
    color: blue;
    background-color: #fff;
    border: solid 1px #000;
}
.modal-body{
    line-height: 20px;
}
.modal_input{
    margin: 20px;
}
.radio_horizon{
    margin-right: 20px;
}
.process_todo{
    opacity: 0;
    transition: .7s;
    margin-top: 60px;
}
.process_todo.showUp {
    opacity: 1;
    margin-top: 0;
}
.todo_collapse_insert{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 1;
    animation: slideIn 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
.there_collapse_insert{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 1;
    animation: slideIn 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
.todo_collapse_update{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 1;
    animation: slideIn 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
.there_collapse_update{
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 1;
    animation: slideIn 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
.result_collapse_alert{
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 1;
    animation: slideOut 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
    animation-delay:1s;
}
.result_collapse_alert.alert-secondary{
    position: fixed;
    color: red;
    width: 100%;
    top: 0px;
    z-index: 1;
    animation: slideOut 0.2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
    animation-delay:5s;
}
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(180px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }

}

@keyframes slideOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(-50px);
    }
}

.stripe_success::after
{
    position: absolute;
    top: -7px; bottom: -7px;
    left: -7px; right: -7px;
    background: linear-gradient(-45deg,transparent,
    transparent 25%,
    green 26%,
    green 50%,
    transparent 51%,
    transparent 75%,
    green 76%,
    green 100%);
    content: '';
    z-index: -1;
    background-size: 4px 4px;
    animation: moveStripe 10s infinite linear;
}

.stripe_danger::after
{
    position: absolute;
    top: -7px; bottom: -7px;
    left: -7px; right: -7px;
    background: linear-gradient(-45deg,transparent,
    transparent 25%,
    red 26%,
    red 50%,
    transparent 51%,
    transparent 75%,
    red 76%,
    red 100%);
    content: '';
    z-index: -1;
    background-size: 4px 4px;
    animation: moveStripe 10s infinite linear;
}

@keyframes moveStripe {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 100px;
    }
}
/*メイン画面ここまで*/

/*削除画面*/
.delete_user_list {
    display: flex;
    flex-wrap: wrap;
}

.delete_user_list div{
    width: 25%;
}
/*削除画面ここまで*/