@charset "utf-8";

/**/
.radio-sex{
  width: 50px!important;
  height: 25px!important;
  vertical-align: -0.5em;
}
/*その他と主な共通部分は省略*/

.rct-sctn-box{
    text-align: left;
}
.rct-orange-btn{
    width:200px;
    margin:0 auto;
    background-color: #eb6100;
    border-color:#fff;
    border-width:1px;
    border-style: solid;
    opacity:0.8;/*透明度*/
    color: #fff;
    padding:10px;
    margin-top:30px;
    margin-bottom:30px;
}
.rct-orange-btn:hover{
  color: #fff;
  background: #f56500;
  opacity:1;/*透明度*/
}

#rct_btn{
  width:125px;
  position:relative;
	top: -115px;
	right:100px;
}

#rct_btn.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-color:#fff;
  border-width:1px;
   border-style: solid;
     opacity:0.8;/*透明度*/
}

#rct_btn.btn--orange:hover {
  color: #fff;
  background: #f56500;
  opacity:1;/*透明度*/
}

#rct_btn.btn-c {
  font-size: 100%;
  position: relative;
  padding: 5px;
  border-radius: 10px;
  padding: 5px;
}

#rct_btn.btn-c i.fa {
  margin-right: 1rem;
}

#rct_btn.btn-c:before {
  font-size: 100%;
  /*line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right: 1rem;
  margin: 0;
  padding: 0;*/
}






.arrow{
  padding-top:5px!important;
}
/************* 入力フォーム***************/
#form-layout-wrap
{
  margin:0 auto;
  margin-bottom:30px;
}
#form-layout-wrap h3
{
  width:90%;
  margin-top:3%;
  margin-bottom:3%;
  margin-left:3%;
}

#form-layout{
  width:93%;
  margin-left:3%;
}
#form-layout .form-group{
  margin-top:5px;
  margin-bottom:5px;
  border-style:solid;
  border-color:#964000;
  border-width:1px;
  clear:both;
  overflow: hidden;
  background-color: rgba(198,156,109,0.2);
}
#form-layout label {
  display:inline-block;
  width:20%;
  background-color: rgba(198,156,109,0.5);
  padding:10px;
  border-style:solid;
  border-color:#964000;
  border-right-width:1px;
  font-weight: bold;
}

#form-layout .select-data{
  width:67%;
}
#form-layout .select-data label{
  width:30px;
  background-color: rgba(198,156,109,0);
  border-width:0;
}
#form-layout .course,
#form-layout .people,
#form-layout .time{
  width:70%;
  margin-top:12px;
  margin-left:5px;
}




.shop_tel{
  font-size:150%;
}

#form-layout .address-label,
#form-layout .visit-label{
  height:80px;
}
#form-layout .reservation-wrap{
  border-width:0;
  padding-left:15%;
}
#form-layout .reservation-wrap input {
  display:inline-block;
}

#form-layout input {
  display:inline-block;
  width:90%;
  margin-top:5px;
  margin-left:5px;
}
#form-layout .data-wrap {
  width:67%;
  margin-right:5%;
  display:inline-block;
  float:right;
}

#form-layout .data-disp {
  width:67%;
  margin-right:5%;
  margin-top:1%;
  display:inline-block;
  float:right;
}


#form-layout .data-day,
#form-layout .data-month{
  width:45px;
}
#form-layout .data-year{
  width:60px;
}
#form-layout .data-year{
  margin-left:5px;
}


#form-layout .visit-select-data{
  width:67%;
}
#form-layout .visit-select-data label{
  width:30px;
  background-color: rgba(198,156,109,0);
  border-width:0;
}

.error_message{
  padding-left:3%;
  color:red;
}
.message{
  padding-left:3%;
}

.reserve_btn {
/*    position: relative;*/
    display: inline-block;
    padding: 0.20em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 1px #d27d00;/*少し濃い目の色に*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.1), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    border-radius: 8px;
    width:70%;
    margin-bottom:10px;
}
.reserve_btn_wrap{
  width:88%!important;
}

.reserve_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/** 950px以上　**/
@media(min-width:950px){
  .reserve_btn_wrap{
    width:90%!important;
  }

  /************* 入力フォーム***************/
  #form-layout-wrap
  {
    width:950px;
  }
  #form-layout-wrap h3
  {
    margin-left:25px;
    width:870px;

  }

  #form-layout{
    width:93%;
    margin-left:3%;
  }
  #form-layout label {
    width:20%;
  }
  #form-layout .address-label{
    height:50px;
  }
  #form-layout .reservation-wrap{
    padding-left:25%;
  }

  #form-layout input {
    width:70%;
    margin-top:10px;
    }
  #form-layout .data-wrap {
    width:75%;
    margin-right:0;
  }
  #form-layout .visit-label{
    height:auto;
  }
  #form-layout .address-label{
    height:55px;
  }

}