@charset "UTF-8";

.l-reserve{
  
}
.l-reserve-contact{
  display:block;
  position:relative;
  z-index:2;
  border-bottom:1px solid #f2f2f2;
}
.l-reserve-contact-image img{
  width:100%;
  height:auto;
  aspect-ratio: 384 / 575;
}
.l-reserve-contact-image.type02 img{
  aspect-ratio: 256 / 293;
}
.l-reserve-contact-image.type03 img{
  aspect-ratio: 384 / 1757;
}
.l-reserve-contact-image.type04 img{
  aspect-ratio: 768 / 1421;
}
@media all and (max-width: 767.5px) {
  
}
.l-reserve-contact h2{
  display:block;
  margin-top:-5.5rem;
  background: rgb(202,128,166);
  background: -webkit-linear-gradient(left, rgba(202,128,166,1) 0%, rgba(226,82,132,1) 100%, rgba(0,212,255,1) 100%);
  background: -o-linear-gradient(left, rgba(202,128,166,1) 0%, rgba(226,82,132,1) 100%, rgba(0,212,255,1) 100%);
  background: linear-gradient(to right, rgba(202,128,166,1) 0%, rgba(226,82,132,1) 100%, rgba(0,212,255,1) 100%);
  padding:10.0rem 1.0rem 3.5rem;
  text-align: center;
  color:#FFFFFF;
  
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-reserve-contact h2 picture{
  display:block;
}
.l-reserve-contact h2 img{
  width:16.0rem;
  height:auto;
  aspect-ratio: 80 / 33;
}
.l-reserve-contact h2 span{
  display:block;
  text-align: center;
  color:#FFFFFF;
  
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-reserve-contact-image02{
  display:block;
  padding:4.7rem 1.0rem;
  text-align: center;
}
.l-reserve-contact-image02 img{
  width:65.0rem;
  height:auto;
  aspect-ratio: 65 / 7;
}
.l-reserve-confirm{
  display:none;
}
.l-reserve-confirm-image02{
  display:block;
  padding:4.7rem 1.0rem;
  text-align: center;
}
.l-reserve-confirm-image02 img{
  width:65.0rem;
  height:auto;
  aspect-ratio: 65 / 7;
}
.l-reserve-complete{
  display:none;
}
.l-reserve-complete-image02{
  display:block;
  padding:4.7rem 1.0rem;
  text-align: center;
}
.l-reserve-complete-image02 img{
  width:65.0rem;
  height:auto;
  aspect-ratio: 65 / 7;
}

.l-step-block{
  
}
.l-step-message{
  padding:2.0rem 1.5rem 2.0rem 5.8rem;
  background:#FFFFFF;
  text-align:left;
}
.l-step-message p{
  padding-left:6.0rem;
  background: url("../images/icon-hissu.png") left center no-repeat transparent;
  background-size: 5.0rem auto;
  min-height: 2.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0em;
}
.l-step-message-hissu{
  background: url("../images/icon-hissu.png") left center no-repeat transparent;
  background-size: 5.0rem auto;
  min-height: 2.5rem;
}
.l-step-message-free{
  
}
.l-step-block{
  padding:2.0rem 3.5rem 0;
  background:#f2f2f2;
}
.l-step-block.-bgtype01{
  padding:2.0rem 3.5rem 6.0rem;
  background:#f2f2f2;
}
.l-step-block.-bgtype02{
  padding:2.0rem 3.5rem 6.0rem;
  background:#e6e6e6;  
}
.l-step-block.-last{
  padding:2.0rem 3.5rem 1.5rem;
}
.l-step-block-message{
  margin-top:2.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-block-message span{
  margin-right:1.0rem;
  color:#b3b3b3;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
.l-step-block-message02{
  padding-left:2.5rem;
  margin-top:2.5rem;
  text-align:left;
  color:#808080;
  
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-block-select{
  margin-top:1.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-block-select select{
  appearance: none;
  border: none;
  background: url("../images/icon-select.png") right 2.6rem center no-repeat #FFFFFF;
  background-size: 2.6rem auto;
  min-height: 1.6rem;
  width: 100%;
  padding:1.5rem 7.5rem 1.5rem 2.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-block-select select.sizeS{
  width:18.0rem !important;
}
.err_message {
  display:none;
  text-align:left;
  color:#e45b7b;
  
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step01-studio_address{
  margin-top: 1.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step01-studio_address select{
  appearance: none;
  border: none;
  background: none;
  width: 100%;
}
.l-step-block-input{
  margin-top: 1.5rem;
  font-size:1.6rem;
}
.l-step-block-input input[type="text"],
.l-step-block-input input[type="email"]{
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: #FFFFFF;
  width: 100%;
  padding:1.5rem 2.5rem;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-block-input .sizeS{
  width:15.0rem !important;
}
.l-step-block-caution{
  padding-left:2.5rem;
  text-align:left;
  color:#e45b7b;
  
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-box{
  margin-top:4.5rem;
  background:#e6e6e6;
  padding:3.5rem 3.5rem;
}
.l-step-box.-privacy{
  display:none;
  margin-top:0;
  height:45.0rem;
  overflow: auto;
}
.l-step-box.type02{
  background:rgba(228,91,123,0.15);
}
.l-step-box dl{
  display:block;
}
.l-step-box dl dt{
  text-align: left;
  color:#808080;
  
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-box.-privacy dl dt{
  padding-top:3.0rem;
  font-weight: 700;
}
.l-step-box.-privacy dl:first-of-type dt{
  padding-top:0;
}
.l-step-box dl dd{
  padding-top:2.5rem;
  text-align: left;
  color:#808080;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-step-box.-privacy dl dd{
  padding-top:1.5rem;
}
.l-step-box dl dd > ol{
  list-style: decimal inside;
}
.l-step-box dl dd > ol > li{
  padding-left: 2.0rem;
  text-indent: -2.0rem;
}
.l-step-box dl dd > ol > li > ul{
  
}
.l-step-box dl dd > ol > li > ul > li{
  padding-left: 0.5rem;
  text-indent: -1.8rem;
}
.l-step-box dl dd > ol > li > ul > li > ul{
  
}
.l-step-box dl dd > ol > li > ul > li > ul > li{
  padding-left: 1.4rem;
  text-indent: -2.3rem;
}
.l-step01-button{
  
}
.l-step01-button p{
  
}
.l-block02-submit{
  display:none;
  padding: 2rem 3.5rem 6rem;
  background: #f2f2f2;
}
.l-block02-submit input[type="submit"]{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: none !important;
  outline: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background: #e45b7b !important;
  padding: 2rem 2rem !important;
  border-radius: 5.5rem !important;
  text-align: center !important;
  color: #FFFFFF !important;
  font-size: 2.6rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
}
#studio_address{
  display:none !important;
}
#studio_address_name_display{
  width:100% !important;
  
  height:0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  text-align:left;
  color:#000000;
  
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
  
  word-wrap: break-all;
}
#studio_address_name_display.active{
  height:6.0rem;
}
@media all and (max-width: 767.5px) {
  .l-reserve-contact h2{
    font-size: 3.6rem;
  }
  .l-reserve-contact h2 span{
    font-size: 2.6rem;
  }
  .l-step-message p{
    font-size: 2.8rem;
  }
  .l-step-block-message{
    font-size: 2.6rem;
  }
  .l-step-block-message span{
    font-size: 2.2rem;
  }
  .l-step-block-message02{
    font-size: 2.6rem;
  }
  .l-step-block-select{
    font-size: 2.6rem;
  }
  .l-step-block-select select{
    font-size: 2.6rem;
  }
  .err_message {
    font-size: 2.4rem;
  }
  .l-step01-studio_address{
    font-size: 2.6rem;
  }
  .l-step-block-input{
    font-size:2.6rem;
  }
  .l-step-block-input input[type="text"],
  .l-step-block-input input[type="email"]{
    font-size: 2.6rem;
  }
  .l-step-block-caution{
    font-size: 2.4rem;
  }
  .l-step-box dl dt{
    font-size: 2.8rem;
  }
  .l-step-box dl dd{
    font-size: 2.6rem;
  }
  .l-block02-submit input[type="submit"]{
    font-size: 3.6rem !important;
  }
  #studio_address_name_display{
    font-size: 2.6rem;
  }  
  #studio_address_name_display.active{
    height:10.0rem;
  }
  
  .l-step-box dl dd > ol{
    list-style: decimal inside;
  }
  .l-step-box dl dd > ol > li{
    padding-left: 3.6rem;
    text-indent: -3.4rem;
  }
  .l-step-box dl dd > ol > li > ul{

  }
  .l-step-box dl dd > ol > li > ul > li{
    padding-left: 1.5rem;
    text-indent: -2.8rem;
  }
  .l-step-box dl dd > ol > li > ul > li > ul{

  }
  .l-step-box dl dd > ol > li > ul > li > ul > li{
    padding-left: 2.4rem;
    text-indent: -3.5rem;
  }
}


.ui-widget.ui-widget-content{
  width:40.0rem;
}
.ui-datepicker .ui-datepicker-title{
  font-size:1.6rem;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 1.4rem !important;
}
.ui-datepicker th {
  font-size: 1.4rem;
}
.ui-datepicker td > span,
.ui-datepicker td > a{
  font-size: 1.4rem;
}
@media all and (max-width: 767.5px) {
  .ui-widget.ui-widget-content{
    width:60.0rem;
  }
  .ui-datepicker .ui-datepicker-title{
    font-size:2.6rem;
  }
  .ui-datepicker th {
    font-size: 2.4rem;
  }
  .ui-datepicker td > span,
  .ui-datepicker td > a{
    font-size: 2.4rem;
  }
}


.l-step-card{
  display:block;
  text-align: center;
  padding-bottom:3.5rem;
}
.l-step-card.next{
  display:none;
}
.stripe-button-el {
  display:block !important;
  width: 100% !important;
  max-width: 100% !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: none !important;
  outline: none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  
  background:#e45b7b !important;
  padding:2.0rem 2.0rem !important;
  border-radius:5.5rem !important;
  text-align: center !important;
}
.stripe-button-el span {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  text-shadow:none !important;
  box-shadow:none !important;
  height:auto !important;
  min-height:auto !important;
  
  color:#FFFFFF !important;
    
  font-size: 2.6rem !important;
  font-weight: 500 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
}

.error{
  display:block;
  text-align: left;
  color: #e45b7b !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
}
.l-agree > .error{
  text-align: center;
}

.l-block02-submit{
  display:none;
}

.l-payment-message{
  padding: 0 3.5rem;
  background: #f2f2f2;
}
.l-payment-message-success{
  display:none;
  text-align: center;
  background: url("../images/icon-success.png") top center no-repeat transparent;
  background-size: 3.1rem auto;
  min-height: 3.1rem;
  padding-top:3.8rem;
  color: #808080;
  
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-payment-message-failure{
  display:none;
  text-align: center;
  background: url("../images/icon-failure.png") top center no-repeat transparent;
  background-size: 3.1rem auto;
  min-height: 3.1rem;
  padding-top:3.8rem;
  color: #808080;
  
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
.l-payment-message-failure span{
  padding-top:1.0rem;
  display:block;
  text-align: center;
  color: #808080;
  
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.0;
  letter-spacing: 0.05em;
}
@media all and (max-width: 767.5px) {
  .stripe-button-el span {
    font-size: 3.6rem !important;
  }
  .error{
    font-size: 2.4rem;
  }
  .l-payment-message-success{
    font-size: 3.2rem;
  }
  .l-payment-message-failure{
    font-size: 3.2rem;
  }
  .l-payment-message-failure span{
    font-size: 2.4rem;
  }
}

.contact-none{
  display:none !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  margin-left: -0.8rem !important;
  margin-top: -1.5rem !important;
}
@media all and (max-width: 767.5px) {
  .ui-datepicker .ui-datepicker-prev span {
    left: 40% !important;
  }
  .ui-datepicker .ui-datepicker-next span {
    left: -40% !important;
  }
}

.l-agree{
  display:none;
  text-align: center;
  padding-top:5.0rem;
}
.l-agree input[type="checkbox"]{
  -webkit-appearance: auto;
  appearance: auto;
  width:2.0rem;
  height:2.0rem;
  border:0.2rem solid #000000;
  margin-right:0.5rem;
  position: relative;
}
.l-agree input[type="checkbox"]:hover{
  cursor: pointer;
}
.l-agree .mwform-checkbox-field-text{
  font-size:1.6rem !important;
  font-weight:400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
  
  position:relative;
  top:-0.4rem;
}
.l-agree .mwform-checkbox-field-text:hover{
  cursor: pointer;
}
@media all and (max-width: 767.5px) {
  .l-agree input[type="checkbox"]{
    width:2.6rem;
    height:2.6rem;
  }
  .l-agree input[type="checkbox"]:hover{
    cursor: pointer;
  }
  .l-agree .mwform-checkbox-field-text{
    font-size:2.6rem !important;
    top:-0.4rem;
  }
}