/* reservation-PC
------------------------------------------------------- */
#msc.reservation .wrap section {
  width: 70%;
  max-width: 1000px;
  margin: 80px auto;
}

#msc.reservation .wrap section h2 {
  margin-bottom: 50px;
}

#msc.reservation .wrap section p.reservationCap {
  font-size: 13px;
  font-size: 0.86667rem;
  margin: 0 auto 20px auto;
}

#msc.reservation .wrap section p.reservationCap a {
  color: #A40B5D;
}
#msc.reservation .wrap section .reservationCapListBox {
  width: 100%;
  text-align: center;
  margin: 0 auto 40px auto;
  padding: 30px;
  background-color: #cb9961;
  box-sizing: border-box;
}
#msc.reservation .wrap section .reservationCapListBox ul {
  width: 60%;
  font-size: 13px;
  font-size: 0.86667rem;
	line-height: 200%;
  color: #fff;
  margin: 0 auto;
}
#msc.reservation .wrap section .reservationCapListBox ul li {
  position: relative;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}

#msc.reservation .wrap section .reservationCapListBox ul li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "■";
}
#msc.reservation .wrap section form section {
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#msc.reservation .wrap section form section h3 {
  margin: 30px 0 10px;
  padding: 3px;
  background: #eee;
  font-size: 14px;
  font-size: 0.93333rem;
}

#msc.reservation .wrap section form section h3 span {
  font-size: 12px;
  font-size: 0.8rem;
}

#msc.reservation .wrap section form section h3 span.required {
  color: #A40B5D;
}

#msc.reservation .wrap section form section p, #msc.reservation .wrap section form section div {
  padding: 5px;
}

#msc.reservation .wrap section form section p span, #msc.reservation .wrap section form section div span {
  font-size: 12px;
  font-size: 0.8rem;
}

#msc.reservation .wrap section form section p span.caption, #msc.reservation .wrap section form section div span.caption {
  display: block;
}

#msc.reservation .wrap section form section select {
  margin: 0 5px;
  padding: 5px;
}

#msc.reservation .wrap section form section input, #msc.reservation .wrap section form section textarea {
  margin: 0 5px;
  padding: 5px;
}

#msc.reservation .wrap section form section input.text_l, #msc.reservation .wrap section form section textarea.text_l {
  width: 100%;
}

#msc.reservation .wrap section form section input.text_m, #msc.reservation .wrap section form section textarea.text_m {
  width: 60%;
}

#msc.reservation .wrap section form section input.text_s, #msc.reservation .wrap section form section textarea.text_s {
  width: 40%;
}

#msc.reservation .wrap section form .dayandtime {
  padding: 0;
}

#msc.reservation .wrap section form .dayandtime ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#msc.reservation .wrap section form .dayandtime ul li {
  width: 50%;
}

#msc.reservation .wrap section form .dayandtime ul li .select-wrap {
  display: inline-block;
  width: 100px;
}

#msc.reservation .wrap section form .guide {
  width: 100%;
  margin: 20px auto;
}

#msc.reservation .wrap section form .guide p {
  text-align: left;
}

#msc.reservation .wrap section form .guide p .maplink {
  display: inline-block;
  width: 320px;
  margin: 0 0 5px 10px;
  background: #A40B5D;
  font-size: 13px;
  font-size: 0.86667rem;
  text-align: center;
}

#msc.reservation .wrap section form .guide p .maplink a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  color: #fff;
}

#msc.reservation .wrap section .errList p {
  color: #A40B5D;
  font-size: 13px;
  font-size: 0.86667rem;
}

#msc.reservation .wrap section .errList .backTxt {
  margin: 50px auto;
  font-size: 16px;
  font-size: 1.06667rem;
}

#msc.reservation .wrap section .thx_text {
  margin: 50px auto;
}

/* reservation-SMP
------------------------------------------------------- */
@media only screen and (max-width: 1023px) {
  #msc.reservation .wrap section {
    width: 90%;
  }
#msc.reservation .wrap section .reservationCapListBox {
  padding: 20px;
}
#msc.reservation .wrap section .reservationCapListBox ul {
  width: 100%;
	line-height: 160%;
}
#msc.reservation .wrap section .reservationCapListBox ul li {
  margin: 0 0 5px 0;
}

  #msc.reservation .wrap section form .dayandtime {
    padding: 0;
  }
  #msc.reservation .wrap section form .dayandtime ul {
    display: block;
  }
  #msc.reservation .wrap section form .dayandtime ul li {
    width: 100%;
  }
}

/* reservation-tablet
------------------------------------------------------- */
/*# sourceMappingURL=maps/reservation.css.map */