@charset "utf-8";


width: 50px!important;
height: 25px!important;
vertical-align: -0.5em;


.radio-recruitment-setting{
  width: 50px!important;
  height: 25px!important;
  vertical-align: -0.5em;
}

/************* 住所***************/
.company-information-wrap {
  margin-top:8%;
}
.company-information-wrap section{
  margin:0 auto;
}
.company-information-wrap table {
  margin: 0 auto;
  width:90%;
  border-collapse: collapse;
  border: 1px solid #964000;
  margin-top:3%;
  margin-bottom:5%;
}
.company-information-wrap table, .company-information-wrap th, .company-information-wrap td {
  border-collapse: collapse;
  border: 1px solid #964000;
}

.company-information-wrap table th {
  width: 20%;
  padding: 10px;
  font-weight: bold;
  vertical-align: top;
  text-align:left;
  background-color: rgba(198,156,109,0.5);
}
.company-information-wrap table td {
  width: 60%;
  padding: 10px;
  vertical-align: top;
  background-color: rgba(198,156,109,0.3);
}

.company-information-wrap h3 {
  width: 90%;
  margin-left:3%;
  margin-right:5%;
  padding-top:15px;
}

/** 950px以上　**/
@media(min-width:950px){
  /************* 住所***************/
  .company-information-wrap {
    margin-top:5%;
  }
  .company-information-wrap section{
    width:950px;
    margin:0 auto;
  }
  .company-information-wrap table {
    width:850px;
    margin-right:60px;
  }
  .company-information-wrap h3 {
    width:90%;
    margin-right:5%;
  }

/*その他と主な共通部分は省略*/



.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;
  }

}