@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.5.0/css/all.css);
/* CSS Document */

#select_area {
  font-size: 14px;
}

.bkn_search_text {
  width: 100%;
}
.bkn_search_select_wrap ul {
  margin-bottom: 0;
}
.bkn_search_select_wrap ul li.pref_select {
  margin-bottom: 10px;
}
.bkn_search_select_wrap ul li {
  list-style: none;
  display: inline-block;
  width: 31%;
  vertical-align: top;
  line-height: 20px;
  margin-bottom: 10px;
}
.bkn_search_select_wrap ul li .checkbox01-parts {
  display: inline-block;
}
.bkn_search_select_wrap ul.madoricd li {
  width: 23%;
}
.bkn_search_select_wrap ul li a {
  /*display: block;*/
  text-decoration: none;
}
.bkn_search_select_wrap ul li span.count {
}
.bkn_search_select_wrap ul li i {
  color: #0e7fc3;
  margin-right: 5px;
}
.bkn_search_select_wrap ul li a:hover i {
  color: red;
}
.bkn_search_select_wrap ul li.select_city {
  line-height: 35px;
}
.mwform-radio-field-text {
  margin-left: 10px;
}

/** ラジオボタン **/
.radio02-input {
  display: none;
}
.radio02-input + label {
  padding-left: 28px;
  position: relative;
  margin-right: 25px;
}
.radio02-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio02-input:checked + label {
  color: #115fae;
}
.radio02-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background: #115fae;
  border-radius: 50%;
}
/** ラジオボタンここまで **/
#select_area .submit_area {
  width: 100%;
  background: #dbedff;
  padding: 30px 0;
  margin-top: 30px;
}
#select_area .submit_btn {
  width: 250px;
  background: #115fae;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 0.9em;
  color: #ffffff;
  margin: 0 auto;
  display: block;
  font-weight: bold;
}
#select_area #submitBtn2 {
  width: 250px;
  background: #115fae;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 0.9em;
  color: #ffffff;
  margin: 0 auto;
  font-weight: bold;
}
dl {
  width: 100%;
}

dl {
  display: -ms-flexbox; /* IE10 */
  display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
  display: -webkit-flex; /* Safari6.1以降 */
  display: flex;
  -ms-flex-wrap: wrap; /*IE10*/
  -webkit-flex-wrap: wrap; /* Safari6.1以降 */
  flex-flow: wrap;
  width: 100%;
  margin: 20px auto;
}

dt,
dd {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

dt {
  width: 180px;
  margin-right: 0;
  background: #e9e1d3;
  font-weight: bold;
}

dd {
  width: 750px;
  margin-left: 0px;
  margin-bottom: 0;
}
#select4,
#select5,
#select6,
#select7,
#select8,
#select9 {
  display: inline-block;
}
#select_area .error_nodisp {
  display: none;
}
#select_area .error_disp {
  display: block;
}
#select_area #select_error,
#select_area #select_error_ka,
#select_area #select_error_se,
#select_area #select_error_ta,
#select_area #select_error_la {
  color: red;
  width: 100%;
}
#select1,
#select2 {
  display: inline-block;
}
.select_re {
  width: 200px;
  height: 35px;
  background: #fff;
}
.pref_select span {
  font-size: 0.7em;
}
#submit_error {
  text-align: center;
  color: red;
  font-weight: bold;
}
#submit_error_city {
  color: red;
  font-weight: bold;
}

.bkn_search_select_wrap ul li.select_check_city span.count {
  font-size: 0.8em;
}
.select_submit_more {
  text-align: center;
}
.select_submit_more input[type="submit"] {
  width: 250px;
  height: 45px;
  line-height: 35px;
  background: #f57200;
  color: #ffffff;
  margin-top: 20px;
  font-size: 0.9em;
  margin-right: 20px;
  font-weight: bold;
}
#select_area input#submitBtn[type="submit"][disabled],
input#submitBtn2[type="submit"][disabled],
input#submitBtn3[type="submit"][disabled] {
  display: none;
}
.checkbox01-parts a {
  color: #001fd7;
}
.checkbox01-parts a:hover {
  color: #069eff;
}
.result_search_change_city_formarea input[type="submit"] {
  background: red;
}
.result_search_change_city_formarea input[type="submit"][disabled] {
  background: #d7d7d7;
  cursor: default;
  pointer-events: none;
}
.result_search_change_city_formarea input[type="submit"][disabled]:hover {
  opacity: 1;
}
.result_search_check_city {
  padding: 10px 0;
  width: 18%;
  display: inline-block;
  font-size: 0.85em;
}
.result_search_check_city label {
  cursor: pointer;
}
.result_search_change_city_formarea input[type="submit"] {
  width: 250px;
  background: #115fae;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 0.9em;
  color: #ffffff;
  margin: 0 auto;
  display: block;
}
.result_search_change_city_formarea {
  width: 100%;
  background: #dbedff;
  padding: 30px 0;
  margin-top: 30px;
}
.bkn_search_midashi {
  width: calc(100% - 20px);
  height: 25px;
  line-height: 25px;
}
.result_city_change_count {
  font-size: 0.8em;
  color: #7f7f7f;
}
.bkn_search_select_wrap ul {
  margin: 10px;
}
.shueki {
  display: flex;
  align-items: center;
  li {
    width: 100px !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 959px) {
  .bkn_search_select_wrap ul li.pref_select {
    margin-bottom: 0px;
  }
  #select_area {
    font-size: 20px;
  }
  #main_contents_result {
    width: 600px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
  }
  .bkn_search_select_wrap ul li.pref_select {
    width: 100%;
  }
  .radio02-input + label {
    line-height: 80px;
    width: 500px;
    display: block;
    padding-left: 60px;
  }
  .radio02-input + label::before {
    width: 45px;
    height: 45px;
    top: 15px;
  }
  .radio02-input:checked + label::after {
    width: 39px;
    height: 39px;
    top: 19px;
    left: 4px;
  }
  .bkn_search_select_wrap ul li {
    margin-bottom: 0;
    width: 32%;
  }
  .bkn_search_select_wrap ul.madoricd li.select_check_city2 {
    width: 49%;
    float: left;
  }

  #select_area .submit_btn {
    width: 400px;
    height: 65px;
    line-height: 65px;
  }
  .bkn_search_select_wrap ul li.select_check_city {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #9e9e9e;
    line-height: 80px;
    font-size: 24px;
  }
  .bkn_search_select_wrap ul li.select_check_city:last-child {
    border-bottom: none;
  }
  .bkn_search_select_wrap ul li.select_check_city2 {
    width: 99%;
    height: 80px;
    border-bottom: 1px solid #9e9e9e;
    line-height: 80px;
    font-size: 18px;
    font-size: 24px;
  }
  .bkn_search_select_wrap ul li.select_check_city .checkbox01-parts::before,
  .bkn_search_select_wrap ul li.select_check_city2 .checkbox01-parts::before {
    width: 45px;
    height: 45px;
    top: 15px;
  }
  .bkn_search_select_wrap
    ul
    li.select_check_city
    .checkbox01-input:checked
    + .checkbox01-parts::after,
  .bkn_search_select_wrap
    ul
    li.select_check_city2
    .checkbox01-input:checked
    + .checkbox01-parts::after {
    left: 10px;
    width: 22px;
    height: 35px;
    transform: rotate(40deg);
    border-bottom: 6px solid #115fae;
    border-right: 6px solid #115fae;
    border-bottom-width: 6px !important;
    border-right-width: 6px !important;
    top: 5px;
  }
  .bkn_search_select_wrap ul li.select_check_city .checkbox01-parts,
  .bkn_search_select_wrap ul li.select_check_city2 .checkbox01-parts {
    padding-left: 65px;
    width: calc(100% - 65px);
    height: 80px;
    display: block;
  }
  .bkn_search_select_wrap ul li.select_check_city span.count {
    float: right;
  }
  .select_submit_more input[type="submit"] {
    width: 90%;
    margin: 0 auto;
    height: 80px;

    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 30px;
  }
  #select_area .submit_area {
    background: none;
  }
  #select_area .submit_btn {
    width: 90%;
    margin: 0 auto;
    height: 80px;
    background: #115fae;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    /*margin-top: 30px;*/
  }
  #select_area #submitBtn2 {
    width: 90%;
    margin: 0 auto;
    height: 80px;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 30px;
  }

  dt,
  dd {
    width: 100%;
  }
  dt {
    height: 45px;
    line-height: 45px;
    font-size: 26px;
  }
  #select1,
  #select2,
  #select4,
  #select5,
  #select6,
  #select7,
  #select8,
  #select9 {
    width: 100%;
  }
  .select_re {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 70px;
    font-size: 28px;
    /*border:1px;*/
    width: 100%;
  }

  .bb_no {
    border-bottom: none;
  }
  input[type="text"].sp_textbox {
    width: 93%;
    padding: 2.5%;
    height: 40px;
    margin: 0 auto;
    /*font-size: 28px;*/
    font-size: 32px;
    color: #000;
    margin-left: 10px;
    border: 1px solid gray !important;
  }
  .bkn_search_midashi {
    width: 100%;
    height: auto;
    line-height: 60px;
    font-size: 26px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .result_search_change_city_formarea input[type="submit"] {
    width: 90%;
    margin: 0 auto;
    height: 80px;
    background: #115fae;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: bold;
    /*margin-top: 28px;*/
  }
  .shueki {
    display: block;
    li {
      width: 100% !important;
      margin-bottom: 0 !important;
      border-bottom: 1px solid #999;
      label {
        font-size: 24px;
        width: 100% !important;
      }
    }
  }
}