@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"reservation_with_login"

Cascading Style Sheet Setting File

Ver.20230320

********************************************************************************************************** |READ ME| **/

.cmn-zoom-main{margin-bottom:120px;}
.rwl-idx-nav{display:flex;justify-content:flex-end;padding:0 0 40px;margin:auto;max-width:1000px;}
a.rwl-idx-nav-btn{width:160px;margin:0 0 0 20px;padding:10px 0;text-align:center;color:#fff;background:#555555;border-radius:50px;display:block;line-height:1.3;}
a.rwl-idx-nav-btn:hover{color:#fff;}
.rwl-idx-list{max-width:1000px;margin:auto;padding:0 0 120px;}
.rwl-idx-list .rwl-idx-list-inn{display:block;padding:30% 0 0;}
.rwl-idx-list li{border:1px #ccc solid;position:relative;text-align:left;border-radius:5px;overflow:hidden;background:#fff;margin:0 auto 40px;}
.rwl-idx-list li::before{content:"";display:block;width:40px;height:40px;background:#FF0033;position:absolute;top:calc(50% - 20px);right:80px;border-radius:20px;z-index:2;}
.rwl-idx-list li::after{content:" ";display:block;position:absolute;right:96px;top:50%;width:8px;height:8px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform:rotate(45deg);margin:-5px 0 0 0;z-index:3;}
.rwl-idx-list li:nth-child(1) .rwl-idx-list-inn::before{position:absolute;content:" ";display:block;width:100%;height:100%;top:0;left:0;background:url("/img/reservation_with_login/rwl-bg-a.jpg") center no-repeat;background-size:cover;opacity:0;transition:0.3s ease-in-out;z-index:1;}
.rwl-idx-list li:nth-child(2) .rwl-idx-list-inn::before{position:absolute;content:" ";display:block;width:100%;height:100%;top:0;left:0;background:url("/img/reservation_with_login/rwl-bg-b.jpg") center no-repeat;background-size:cover;opacity:0;transition:0.3s ease-in-out;z-index:1;}
.rwl-idx-list li:nth-child(3) .rwl-idx-list-inn::before{position:absolute;content:" ";display:block;width:100%;height:100%;top:0;left:0;background:url("/img/reservation_with_login/rwl-bg-c.jpg") center no-repeat;background-size:cover;opacity:0;transition:0.3s ease-in-out;z-index:1;}
.rwl-idx-list li .rwl-idx-list-inn:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);transform:translate(-5px,-5px);opacity:1;}
.rwl-idx-list-tit{font-weight:bold;position:absolute;top:50%;left:50px;line-height:1.5;z-index:2;transform:translate(0,-50%);}
.rwl-idx-list-tit-l{display:block;font-size:24px;padding:0 0 10px;transition:none;color:#333;}
.rwl-idx-list-tit-s{display:block;font-size:14px;transition:none;color:#333;}
.rwl-idx-list li .rwl-idx-list-inn:hover .rwl-idx-list-tit-s{color:#fff;}
.rwl-idx-list li .rwl-idx-list-inn:hover .rwl-idx-list-tit-s a{color:#fff;}
.rwl-idx-list li .rwl-idx-list-inn:hover .rwl-idx-list-tit-l{color:#fff;}
.rwl-fot{position:relative;height:80px;margin:0 0 100px;z-index:900;}
.rwl-fot-fix{position:fixed;bottom:0;padding:0 0 20px;left:0;width:100%}
.rwl-fot-fix.rwl-fot--abs{position:absolute;}
.rwl-fot .cmn-btn-red-l{max-width:400px;line-height:60px;min-height:60px;padding-top:0;padding-bottom:0;}
.rwl-bnr{padding:0 0 100px;}
.rwl-bnr img{max-width:600px;width:100%;height:auto;}
@media (max-width:640px) {
  .cmn-zoom-main{margin-bottom:60px;}
  .rwl-idx-nav{padding:0 0 40px;justify-content:space-between;}
  .rwl-idx-nav li{width:calc(50% - 5px);}
  a.rwl-idx-nav-btn{width:auto;margin:0;padding:5px 0;}
  .rwl-idx-list{display:block;padding:0 0 80px;}
  .rwl-idx-list .rwl-idx-list-inn{padding:0;}
  .rwl-idx-list li{margin:0 auto 20px;}
  .rwl-idx-list li::before{width:30px;height:30px;bottom:15px;top:auto;right:15px;}
  .rwl-idx-list li::after{bottom:25px;top:auto;right:26px;}
  .rwl-idx-list-tit{position:relative;top:auto;left:auto;padding:20px 20px 100px 20px;transform:none;}
  .rwl-idx-list-tit-l{font-size:20px;padding:0 0 5px;}
  .rwl-idx-list-tit-s{font-size:12px;padding:0;}
  .rwl-fot{height:110px;margin:0;}
  .rwl-fot .cmn-btn-red-l{width:calc(100% - 30px);line-height:50px;min-height:50px;}
  .rwl-bnr{padding:60px 20px;}
}

.rwl-idx-tit{
  margin:auto;
  padding:0 0 30px;
  max-width:1100px;
  text-align:left;
  font-size:32px;
  font-weight:bold;
}
.rwl-idx-txt{
  margin:auto;
  padding:0 0 100px;
  max-width:1100px;
  text-align:left;
  font-size:16px;
}
.rwl-idx-txt small{
  display:block;
  padding:30px 0 0;
}
.rwl-idx-inf{
  margin:auto;
  padding:0 0 120px;
  max-width:1100px;
  text-align:left;
  display:flex;
  align-items:start;
  flex-direction:row-reverse;
  justify-content:space-between;
}
.rwl-idx-inf img{
  width:58.18%;
}
.rwl-idx-inf-list dt{
  font-size:18px;
  font-weight:bold;
  padding:40px 0 0;
}
.rwl-idx-inf-list dd small{
  padding:10px 0 0;
  display:block;
}
.rwl-idx-fot{
  padding:0 0 120px;
}

@media (max-width:640px) {

  .rwl-idx-tit{
    padding:0 0 10px;
    font-size:22px;
  }
  .rwl-idx-txt{
    padding:0 0 60px;
  }
  .rwl-idx-txt small{
    padding:10px 0 0;
  }
  .rwl-idx-inf{
    padding:0 0 60px;
    display:block;
  }
  .rwl-idx-inf img{
    width:80%;
    margin:auto;
    display:block;
  }
  .rwl-idx-inf-list dt{
    font-size:16px;
    padding:30px 0 0;
  }
  .rwl-idx-inf-list dd br{
    display:none;
  }
  .rwl-idx-fot{
    padding:0 0 60px;
  }

}