@charset "UTF-8";

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}

.js-modal-close{
    color:#fff;
    background:#9966cc;
    text-decoration:none;
    padding:5px;
}

.modal__bg{
    background: rgba(255,255,255,255);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 20%;
    transform: translate(-50%,-20%);
    width: 60%;
}



.modal_navi01{
    
    margin:20px 0px 0px 30px;
    padding:5px;
     border-bottom:#9966cc;
    
}

 .modal_navi01 a{
        color:#9966cc;
        font-family:Times, "Times New Roman", Georgia, serif;
        text-decoration:none;
    }