.registbtn-area {
  text-align: center;
  margin: 20px auto;
  
}
.registbtn-area .btn {
  padding: 15px;
  font-size: 1.6rem;
  width:190px;
}
.registbtn-area .btn + .btn {
  margin-left: 100px;
}


.registbtn-area {
  text-align: center;
  margin: 20px auto;
  
}
.registbtn-area .modal-dialog {
    position:relative;
    top:20%;
}
@media screen and (max-width:768px){
    .registbtn-area .modal-dialog {
    position:relative;
    top:10%;
}
    
}
.registbtn-area .btn {
  padding: 15px 30px;
  width:190px;
  text-indent: -0.6rem;
}

.registbtn-area .btn + .btn {
  margin-left: 100px;
}
.registbtn-area a{
    margin-left:10px;
    margin-right:10px;
}
.registbtn-area a:hover{
    text-decoration: none;
}
.registbtn-area .modal-title{
    color:#ef6d58;
    font-size:18px;
    font-weight: bold;
    letter-spacing: 0.25em;
}
.registbtn-area .modal-body ul{
    text-align:left;
    margin-left:auto;
    margin-right: auto;
    max-width:350px;
    padding:30px 0 0 0;
    list-style-type: none;
}
.registbtn-area .modal-body ul li b span{
    color:#ef6d58;
}
.registbtn-area .modal-footer{
    text-align:center;
} 
.registbtn-area .modal-footer .btn{
    font-size:14px;
}
@media screen and (max-width:768px){
    .registbtn-area .modal-footer .btn{
        font-size:1.3rem;
        max-width:190px;
    }
}
.registbtn-area .btn.modal-green{
    padding:5px;

}
@media screen and (max-width:473px){
    
    .registbtn-area .btn.modal-green{
    margin-left:-10px;
    margin-bottom:10px;
}
}
.registbtn-area .unavailable{
    border:2px solid #bbb;
    padding:5px;
    margin:10px　5px 5px ;
}