@charset "utf-8";
/* Select toilet application */
.page-id-2692 #contents{
  overflow: visible;
  display: table;
}
.toilet-select_area .btn-wrapper {
  padding: 20px;
  text-align: center;
}
.toilet-select_area .check-box {
  margin-bottom: 20px;
}
.toilet-select_area .check {
  display: none;
}
.toilet-select_area .check+span {
  cursor: pointer;
  display: inline-block;
  margin: 0 0.2em 0;
  padding: 0 0 0 2em;
  position: relative;
}
.toilet-select_area .check+span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  content: "";
  display: block;
  height: 1.3em;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.3em;
}
.toilet-select_area .check+span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid rgba(0, 0, 0, 0.8);
  border-left: 3px solid rgba(0, 0, 0, 0.8);
  content: "";
  display: block;
  height: 0.6em;
  left: 1%;
  margin-top: -0.2em;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  transition: all 0.3s ease 0s;
  width: 1em;
}
.toilet-select_area .check:checked+span::after {
  opacity: 1;
}
.toilet-select_area .submit {
  -webkit-appearance: none;
  background-image: none;
  border: none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  margin: 0 0 1em;
  padding: 0.6em 2em;
  text-decoration: none;
}
.toilet-select_area .submit:hover,.toilet-select_area .submit:focus {
  outline: none;
}
.toilet-select_area .submit::-moz-foucus-inner {
  border: none;
  padding: 0;
}
.toilet-select_area input:disabled {
  opacity: 0.5;
}
.toilet-select_area .submit {
  pointer-events: none;
  padding: 10px;
  background-color: #c6c6c6;
  color: #000000;
  font-weight: bold;
  width: 45%;
}
.toilet-select_area .submit.able {
  pointer-events: auto;
  background-color: #0071b6;
  color: #fff;
}
.toilet-select_area .submit.able:hover {
  background-color: #0097f6;
  text-decoration: underline;
}
/* Form toilet application */
.toilet-apform_read{
  position: sticky;
  top:70px;
  margin: 0 auto;
  padding: 20px 0;
  background: #fff;
  z-index: 1;
}
.toilet-apform_read dl{
  display: flex;
  gap:30px;
}
.toilet-apform_read-title{
  width: 60px;
}
.toilet-apform_wrap-listitem{
  font-size: 14px;
}
.toilet-apform_read-detail{
  width: auto;
}
.toilet-apform_wrap-listwrap{
  margin-left: 20px;
}
.toilet-apform_wrap-item-strong{
  font-weight: bold;
  color: rgb(230, 15, 15);
  font-size: 14px;
}
.toilet-apform{
  padding-top: 20px;
}
.toilet-apform-bordertop{
  border-top: solid 1px #1a6580;
}
.toilet-apform_message{
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.toilet-apform_message + p{
  text-align: center;
}
.toilet-apform_strong{
  font-weight: bold;
  color: rgb(230, 15, 15);
}
.toilet-apform_genba{
  padding-top: 0;
}
.toilet-apform_head{
  position: relative;
  display: block;
  width: 100%;
  padding: 6px 0;
  
}
.toilet-apform_head:after{
  content: '';
  position: absolute;
  border-top: dotted 1px #1a6580;
  width: calc(100% - 85px);
  top: 50%;
  margin-left: 5px;
}
.toilet-apform_item-wrap{
  display: flex;
  gap:10px;
  margin-bottom: 25px;
}
.toilet-apform_wrap-1{
  margin-top: 25px;
  margin-bottom: 0;
}
.toilet-apform_item-wrap input{
  margin-bottom: 0;
}
.toilet-apform_item{
  width: 165px;
}
.toilet-apform_required{
  color: rgb(230, 15, 15);
  font-size: 13px;
}
.toilet-apform_imput-wrap{
  width: calc(100% - 150px);
}
  .toilet-apform_imput{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
}
.toilet-apform_imput input[type="text"],
.toilet-apform_imputinput[type="password"],
.toilet-apform_imputinput[type="email"],
.toilet-apform_imputinput[type="search"],
.toilet-apform_imputinput[type="email"],
.toilet-apform_imput textarea {
  color: #000000;
  width: 400px;
}
.toilet-apform_imput span{
  margin-left: 0!important;
}
.toilet-apform_item-map{
  width: 100%;
}
.toilet-apform_item-map-note{
  display: block;
  padding-left: 30px;
  font-size: 14px;
}
.toilet-apform_map #map{
  width: 100%;
  height: 400px;
}
.toilet-apform_map-form input[type="text"]{
  width: calc(100% - 10px);
  margin-bottom: 8px;
}
.toilet-apform_map-form button#button{
  width: 150px;
  background: #e5e4e4;
  border: 1px solid #999999;
  font-size: 16px;
  padding: 4px 10px;
  margin-right: 20px;
  font-weight: normal;
}
.toilet-apform_map #target{
  margin-bottom: 8px;
}
.mw_wp_form input[type="file"]{
}
.toilet-apform_submit input[type="submit"] {
  border: none;
  font-size: 16px;
  text-shadow: none;
  width: 200px;
  text-align: center;
  line-height: 3em;
  padding: 0;
  border-radius: 1.5em;
  display: block;
  margin: 50px auto;
}
.toilet-apform_submit input[name="submitBack"] {
  background: #f0f0f0;
  border: 1px solid #868686;
}
.toilet-application_error-text{
  margin: 15px 0;
  font-size: 18px;
  color: rgb(230, 15, 15);
}
.toilet-application_confirm-text {
  margin: 15px 0 25px;
  font-size: 18px;
}
.toilet-application_accepted-wrap{
  margin: 40px auto;
}
h3.toilet-application_accepted-text {
  font-size: 24px;
  margin: 12px 0;
}
.toilet-application_accepted-text{
  font-size: 17px;
}
.toilet-application_accepted-text strong{
  color: rgb(230, 15, 15);
}
.toilet-application_confirm .toilet-apform_wrap-1{
  margin-bottom: 20px;
}
.toilet-application_confirm .toilet-apform_submit{
  display: flex;
}
.toilet-application_confirm .toilet-apform_item{
  width: 300px;
}
.toilet-application_confirm .mw-wp-form_file{
  width: 300px;
}
.toilet-application_confirm .toilet-apform_map .apform_item.toilet-apform_imput,
.toilet-application_confirm .toilet-apform br,
.toilet-application_confirm .toilet-apform_item-map-note,
.toilet-application_confirm .toilet-apform_map-form input,
.toilet-application_confirm .toilet-apform_map-form button,
.toilet-application_confirm #target
{
  display: none;
}
.toilet-apform_hidden{
  display: none;
}
.toilet-apform_applicant{
  display: none;
}
@media screen and (max-width: 767px){
  .toilet-apform_read {
      top: 0;
    }
  .toilet-apform_read-title{
    width: 20%;
  }
  .toilet-apform_read-detail{
    width: 80%;
  }
  .toilet-apform_item-wrap{
    display: block;
  }
  .toilet-apform_wrap-1{
    margin-bottom: 12px;
  }
  .toilet-apform_item{
    width: 100%;
  }
  .toilet-apform_imput-wrap{
    width: 100%;
  }
  .toilet-apform_imput{
    width: 94%;
    margin-left: 6%;
  }
  .toilet-apform_wrap-3 .toilet-apform_imput {
    flex-direction: row;
  }
    .toilet-apform_imput input[type="text"],
    .toilet-apform_imputinput[type="password"],
    .toilet-apform_imputinput[type="email"],
    .toilet-apform_imputinput[type="search"],
    .toilet-apform_imput textarea {
      width: 100%;
    }
  .toilet-apform_wrap-3  .toilet-apform_imput input[type="text"]{
    width: 80%;
  }
  .toile-apform_error-sign{
    margin-left: 6%;
  }
  .toilet-apform_map #map {
    height: 300px;
  }
  .toilet-application_confirm .toilet-apform_submit{
    gap:10px;
  }
}