/* ----------------------------------------
   room.css
---------------------------------------- */
/* #hero
---------------------------------------- */
body.sub-cnt #hero {
  padding: 75px 0 70px;
}
body.sub-cnt #hero h1 {
  margin-bottom: 0;
}

/* main
---------------------------------------- */
body.sub-cnt main.m1 {
  padding-bottom: 120px;
}
body.sub-cnt main.m1 > section article {
  display: block;
  text-align: center;
}
body.sub-cnt main.m1 #lead {
  margin-bottom: 60px;
}
body.sub-cnt main.m1 #lead .txt {
  line-height: 2.0;
  font-size: 1.8rem;
}
body.sub-cnt main.m1 #lead .hours {
  line-height: 2.0;
}
body.sub-cnt main.m1 #lead .btns {
  max-width: 550px;
  margin: 35px auto 0;
}
body.sub-cnt main.m1 #map {
  margin-bottom: 70px;
}
body.sub-cnt main.m1 #map article div {
  max-width: 776px;
  margin: 0 auto;
}
body.sub-cnt main.m1 #rooms article {
  max-width: 920px;
}
body.sub-cnt main.m1 #rooms article h3 {
  margin-bottom: 15px;
  line-height: 1.1;
  color: #8c6960;
  font-size: 2.2rem;
}
body.sub-cnt main.m1 #rooms article h3 + p {
  font-size: 1.4rem;
}
body.sub-cnt main.m1 #rooms article .ph {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}
body.sub-cnt main.m1 #rooms article .ph li {
  flex: 0 0 auto;
  width: calc(50% - 1.5px);
}
body.sub-cnt main.m1 #rooms article + article {
  margin-top: 105px;
}

/* ----------------------------------------
   @media : SP
---------------------------------------- */
@media screen and (max-width: 768px) {
  body.sub-cnt #hero {
    padding: 40px 0 30px;
  }

  body.sub-cnt main.m1 {
    padding-bottom: 50px;
  }

  body.sub-cnt main.m1 #lead,
  body.sub-cnt main.m1 #map {
    margin-bottom: 30px;
  }

  body.sub-cnt main.m1 #lead .link,
  body.sub-cnt main.m1 #rooms article .ph {
    margin-top: 20px;
  }

  body.sub-cnt main.m1 #rooms article + article {
    margin-top: 50px;
  }
}
@media screen and (max-width: 480px) {
  body.sub-cnt main.m1 #lead .txt {
    line-height: 1.8;
    font-size: 1.6rem;
  }

  body.sub-cnt main.m1 #lead .hours {
    line-height: 1.5;
  }

  body.sub-cnt main.m1 #rooms article h3 {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }

  body.sub-cnt main.m1 #rooms article .ph {
    display: block;
    margin-top: 15px;
  }
  body.sub-cnt main.m1 #rooms article .ph li {
    width: 100%;
  }
  body.sub-cnt main.m1 #rooms article .ph li + li {
    margin-top: 5px;
  }
}