@charset "UTF-8";

#reserve .form-Box{ background: #fff; }
#reserve .formttl::before{ background: #F1BF95;}
#reserve .confirm_button, #reserve .confirm_button:disabled:hover{ background: #F1BF95; }

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: url('../images/reserve/contentsmain-back01.png')no-repeat top 529px center;padding-bottom: 263px;}
#contentsmain h2 {text-align: center;padding: 5px 0 0;margin-bottom: -50px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box1 {margin: 0 auto 50px;position: relative;box-shadow: 0px 5px 40px #00000029;background: #fff;width: 1100px;height: 362px;padding: 47px 0 0;}
#contentsmain .inner-Box1 figure.img {position: absolute;top: -76px;right: 166px;}
#contentsmain .inner-Box1 figure.img img{  }
#contentsmain .inner-Box1 h3 {font-size: 20px;line-height: 1.8;font-weight: 500;letter-spacing: 1px;margin-bottom: 20px;position: relative;text-align: center;}
#contentsmain .inner-Box1 p.text {font-size: 14px;line-height: 2.29;font-weight: 400;letter-spacing: 1.4px;margin-bottom: 34px;position: relative;text-align: center;}
#contentsmain .inner-Box1 p.btn {text-align: center;}
#contentsmain .inner-Box1 p.btn img {  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1200px;}
#contentsmain .inner-Box2 span.arr {display: block;line-height: 1;text-align: center;margin-bottom: 68px;}
#contentsmain .inner-Box2 span.arr img {  }
#contentsmain .inner-Box2 h2 {margin-bottom: 77px;}
#contentsmain .inner-Box2 h2 span{  }
#contentsmain .inner-Box2 h2 img {  }
#contentsmain .inner-Box2 h3 {font-size: 28px;line-height: 1.75;font-weight: 700;letter-spacing: 1.4px;margin-bottom: 30px;position: relative;text-align: center;}
#contentsmain .inner-Box2 h3 span {background: linear-gradient(transparent 60%, #ffff66 60%);display: inline-block;padding: 0 30px 0;}
#contentsmain .inner-Box2 ul{margin-bottom: 30px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsmain .inner-Box2 ul li {position: relative;width: 374px;border: 1px solid #1A1A1A;background: #fff;margin-right: 39px;padding: 45px 20px 20px;text-align: center;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 0px;left: 18px;z-index: 5;padding: 0px;}
#contentsmain .inner-Box2 span.no img {  }
#contentsmain .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 20px;}
#contentsmain .inner-Box2 figure.photo img{  }
#contentsmain .inner-Box2 p.ltext {font-size: 18px;line-height: 1.56;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 13px;position: relative;}
#contentsmain .inner-Box2 p.text2 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;text-align: center;}

#reserve .form-Box .form-in-Box{top: -224px;}
#your-time{ margin-left: 10px;}

}

@media screen and (max-width: 767px) {

    #contentsmain {position: relative;background: url('../images/reserve/sp-contentsmain-back01.png')no-repeat top 88vw center;padding-bottom: 40.63vw;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;padding: 1vw 0 0;margin: 0 4vw -5.1vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box1 {margin: 0 4.1vw 17.28vw;position: relative;box-shadow: 0.0vw 1.21vw 9.66vw #00000029;background: #fff;height: 72.14vw;padding: 8.75vw 0 0;}
    #contentsmain .inner-Box1 figure.img {position: absolute;top: -10.5vw;right: 5vw;width: 17.1vw;}
    #contentsmain .inner-Box1 figure.img img{  }
    #contentsmain .inner-Box1 h3 {font-size: 3.38vw;line-height: 1.93;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 2.83vw;position: relative;text-align: center;}
    #contentsmain .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin: 0 5vw 10.81vw;position: relative;text-align: left;}
    #contentsmain .inner-Box1 p.btn {text-align: center;margin: 0 2.3vw;}
    #contentsmain .inner-Box1 p.btn img {  }
    #contentsmain .inner-Box2 {margin: 0 4vw;position: relative;}
    #contentsmain .inner-Box2 span.arr {display: block;line-height: 1;text-align: center;margin: 0 39.6vw 12.83vw;}
    #contentsmain .inner-Box2 span.arr img {  }
    #contentsmain .inner-Box2 h2 {margin: 0 -0.1vw 14.7vw;}
    #contentsmain .inner-Box2 h2 span{  }
    #contentsmain .inner-Box2 h2 img {  }
    #contentsmain .inner-Box2 h3 {font-size: 4.83vw;line-height: 1.75;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 7.25vw;position: relative;text-align: center;}
    #contentsmain .inner-Box2 h3 span {background: linear-gradient(transparent 60%, #ffff66 60%);display: inline-block;padding: 0 3.05vw 0;}
    #contentsmain .inner-Box2 ul{margin-bottom: 3.25vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    #contentsmain .inner-Box2 ul li {position: relative;border: 0.24vw solid #1A1A1A;background: #fff;padding: 11.17vw 6.43vw 4.83vw;text-align: center;margin-bottom: 4.9vw;}
    #contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.no {display: block;line-height: 1;position: absolute;top: 0.0vw;left: 5.45vw;z-index: 5;padding: 0.0vw;width: 32.2vw;}
    #contentsmain .inner-Box2 span.no img {  }
    #contentsmain .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5.73vw;}
    #contentsmain .inner-Box2 figure.photo img{  }
    #contentsmain .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.56;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 3.14vw;position: relative;}
    #contentsmain .inner-Box2 p.text2 {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.34vw;margin: 0 2.7vw 7.25vw;position: relative;text-align: left;}
    
    #reserve .form-Box .form-in-Box{top: -25vw;padding-bottom: 14vw;}
    
    
}