/* 推奨CSS *****************************************/

/* 必須項目
-------------------------*/
.notice {
  display: inline-block;
  font-size:10px;
  font-weight:700;
  color:#F06;
}

/* エラーメッセージ
-------------------------------------------------*/
.formLayout .errmsg,
.formLayout #errorMessage {
  box-sizing: border-box;
  width:100%;
  background:#FFF;
  border:3px solid #f00;
  padding:10px;
  margin:0 auto 10px auto;
  color:#F00;
  list-style: none;
}
.formLayout .errmsg a,
.formLayout #errorMessage a {
  color:#F00;
}


/* 画面別表示/非表示
-------------------------------------------------*/
.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
  display:none;
}


/* 送信ボタンまわり
-------------------------------------------------*/
.formLayout .submit {
  padding:1.5em 30px;
  text-align:center;
  background:#F7F7F7;
  margin-top:15px;
}

.formLayout .submit p {
  text-align:left;
  padding-bottom:1em;
}

.formLayout .submit input {
  width:120px;
  float:none;
  display:inline;
}

.formLayout .submit .submit_left,.formLayout .submit .submit_right{
  width:49%;
  text-align:center;
}
.formLayout .submit .submit_left{
  float:left;
}
.formLayout .submit .submit_right{
  float:right;
}


/* 任意CSS *****************************************/
.formLayout {
  background-color: #fafafa;
  background:#FFF;
  margin:0 auto;
  max-width: 1000px;
}

optgroup {
  font-style:normal;
}

/*-------------------------------------------------*/



/* tableレイアウト 必須CSS *****************************************/
.formLayout table,.formLayout th,.formLayout td{
  border:1px solid #A1A1A1;
}
.formLayout th,.formLayout td{
  padding:5px;
}

.formLayout table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}

.formLayout th{
  width:25%;
  background:#f3fafb;
  font-weight:bold;
  text-align:left;
}
.formLayout td{
}

/* レスポンシブ用CSS
--------------------------------------*/
@media screen and (max-width: 768px) {
  .formLayout {
    max-width: 98%;
  }
  .formLayout table,
  .formLayout tbody,
  .formLayout tr,
  .formLayout th,
  .formLayout td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .formLayout th {
    border-top: none;
    border-right: none;
    border-left: none;
  }
  .formLayout td {
    border-top: none;
    border-right: none;
    border-left: none;
  }
  .formLayout tr:last-of-type td {
    border-bottom: none;
  }
  .formLayout input[type='text'],
  .formLayout input[type='tel'],
  .formLayout input[type='email'],
  .formLayout textarea,
  .formLayout select {
    max-width: 100%;
    font-size: 16px;
    box-sizing: border-box;
  }
  .formLayout .zip1,
  .formLayout .zip2,
  .formLayout .tel1,
  .formLayout .tel2,
  .formLayout .tel3 {
    width: 28%;
  }
  .formLayout .submit input {
    -webkit-appearance: none;
    background: #00A2E9;
    font-size: 16px;
    padding: 10px;
    width: auto;
    color: #fff;
    border-radius: 10px;
    border: none;
  }
  .formLayout .submit input#retouchBtn {
    background: #666;
  }
}






/* divレイアウト 必須CSS *****************************************/
.formLayout p.ttl {
  width:30%;
  float:left;
  text-align: left;
  padding-right: 20px;
}
.formLayout p.small {
  font-size:85%;
}
.formLayout p.data {
  width:65%;
  float:left;
}

.formLayout br {
  clear: left;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.none {
  display:none;
}

/* 行間の確保
-------------------------------------------------*/
.formLayout div.group {
  border-top:1px solid #e7e7e7;
  padding-top:1em;
  padding-bottom:0.5em;
  padding-left:10px;
}

.formLayout div.label {
  background:#CCFFEC;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:10px;
}

.formLayout div.unit {
  padding-bottom:0.5em;
}


.comment {
  font-size: 0.8em;
  margin: 5px 0;
}
.comment:last-child {
  margin-bottom: 0;
}

.policy {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 15px;
}
.policy > p {
  margin-bottom: 5px;
}



/* ページレイアウト--------------------------------- */
#wrapper {
  margin:0 auto;
  max-width: 1000px;
}

header h1 {
  font-size: 1.4em;
  text-align: center;
  color: #00A2E9;
}

.informationArea {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.informationArea .copy {
  text-align: center;
}
.informationArea .borderbox {
  border: 2px solid #00A2E9;
  padding: 0 20px;
}
.informationArea .borderbox li {
  margin: 10px 0;
}
.informationArea .thanks {
  text-align: center;
  margin-top: 20px;
}

footer {
  text-align: center;
  font-size: 0.8em;
}

.toiawase {
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  padding: 20px;
}
.toiawase h3 {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.toiawase h4 {
  font-weight: bold;
  margin: 0;
  margin-bottom: 10px;
}
.toiawase p {
  margin: 0;
}



.destinationBox {
  border: 1px solid #00A2E9;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.destinationBox:last-of-type {
  margin-bottom: 0;
}
.destinationBox h4 {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 0 10px;
}


#vl001 {
  color: #000;
  border: none;
  background: transparent;
}