.modal_wrapper{
  background-color: #fff;
  /*padding-bottom: 125px;*/
  height: 100%;
}

.modal_content{
  width: 90%;
  margin: auto;
  padding-top: 27px;
}

.modal_content h1{
  color: #0099E1;
  margin-bottom: 5px;
  font-size: 1.45em;
}

.modal_content h2.red_description{
  color: #FF0000;
  margin-bottom: 5px;
  font-size: 1.1em;
}

.modal_content .modal_description{
  margin-bottom: 10px;
}

/* ログインと新規登録 */
.modal_user-input{
  overflow: hidden;
  border: 2px solid #dadadc;
  padding-bottom: 20px;
  margin-bottom: 27px;
}

.modal_user-input form input[type=text], .modal_user-input form input[type=password], .modal_user-input form textarea{
  margin-left: 15px;
  width: 200px;
}

.modal_user-input .modal_go{
  text-align: center;
  padding: 10px;
  background-color: #F3F3F5;
  margin-top: 20px;
}

.modal_user-input .modal_go .button img{
  width: 170px;
}

/* ログイン */

.modal_user-input .modal_login{
  /*width: 54%;*/
  width: 46%;
  float: left;
  padding: 10px 0 0 10px;
}

.modal_user-input .modal_login p.lead{
  padding-bottom: 20px;
  border-bottom: 1px solid #dadadc;
}

.modal_user-input form div.checkbox label, .modal_user-input .modal_login p.forget_password{
  margin: 5px 0 15px 3px;
}

.modal_user-input tr.modal_border{
  border-bottom: 1px solid #dadadc;
}

.modal_user-input th{
  text-align: left;
  padding-left: 10px;
  padding-top: 25px;
  font-size: 0.625rem;
}

.modal_user-input div.modal_login p.button input[type=submit],
.modal_user-input div.modal_login p.button input[type=button] {
  display: inline-block;
  vertical-align: bottom;
  width: 170px;
  height: 40px;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  overflow: hidden;
  background: url(../img/shared/login_btn_login.png) 0 0 no-repeat;
  background-size: 170px auto;
}

.modal_user-input p.or{
  padding: 7px 0;
}

.modal_user-input .snsBadge{
  background-color: #fff;
  border-radius: 3px;
  width: 170px;
  margin: 0 auto;
}
.modal_user-input .snsBadge.btns{
  background: none;
  border-radius: 0;
  width: 96%;
}
  .modal_user-input .snsBadge.btns a{
    display: block; width: 48%; margin-bottom: 10px;
  }
  .modal_user-input .snsBadge.btns a:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  filter: alpha(opacity=80);  -khtml-opacity: 0.8;  -moz-opacity: 0.8;  opacity: 0.8;
  }
  .modal_user-input .snsBadge.btns a img{
    width: 100%; height: auto;
  }
  .modal_user-input .snsBadge.btns a.left {
    float: left; clear: both;
  }
  .modal_user-input .snsBadge.btns a.right {
    float: right;
  }
  .modal_user-input .snsBadge.btns a:last-child,
  .modal_user-input .snsBadge.btns a:nth-last-child(2) {
    margin-bottom: 0px;
  }

/*新規登録 */

.modal_user-input .modal_entry{
  padding: 10px 10px 0 0;
  float: right;
  width: 48%;
}

.modal_user-input .modal_entry p.lead{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dadadc;
}

/*申し込み画面*/

.modal_content .modal_item-description{
  background-color: #F3F3F5;
  padding: 10px;
}

.modal_content .modal_bold{
  font-weight: bold;
}

.modal_content .modal_item-description h2{
  font-size: 1.45em;
}

.modal_content .modal_item-detail{
  border-bottom: 1px solid #dadadc;
  padding-bottom: 10px;
}

.modal_content .modal_apply-button-wrapper{
  text-align: center;
  margin: 27px;
}
.modal_content input.apply-button{
  color: #fff;
  background-color: #0099E1;
  border-radius: 2px;
  border: none;
  font-size: 1.2em;
  width: 170px;
  padding: 10px;
}

/* 完了画面 */
.modal_content .modal_accepted-title{
  text-align: center;
  margin-top: 50px;
}

.modal_content .modal_accepted-message{
  font-size: 1.18em;
  text-align: center;
  margin-top: 10px;
}

.modal_content .modal_accepted-attention{
  text-align: center;
  margin-top: 10px;
}