@charset "utf-8";
/* CSS Document */

.switch_outer {
    width: 44px;
    height: 23px;
    background-color: lightgray;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}
.switch_outer.active {
    background-color: #51E373;
}
.toggle_switch {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    /*box-shadow: 1px 1px 7px #B7B7B7, -1px -1px 4px #CECECE inset;*/
    transition: left .3s ease-in-out;
}
.toggle_switch.active {
    left: 23px;
}
.switch-container {
            display: flex;
            align-items: center;
            justify-content: flex-end; /* 右寄せ */
        }
        .switch-container .label {
            margin-right: 10px;
			margin-top:5px;
        }