@charset "utf-8";
/* CSS Document */


/* ==========================================================================//
//
//　SP 750px以下
//
// ========================================================================== */

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


/* area_ttl
---------------------------------------------------------- */
.area_ttl.page_rooston_hotel {
  background: url(/business/rooston_hotel/img/mainimg_01_sp.jpg) center no-repeat;
  height: 500px;
}
.area_ttl.page_rooston_hotel .box_txt {
  width: 440px;
  height: 170px;
  padding: 25px 0 0;
}
.area_ttl.page_rooston_hotel .box_txt .ttl_01 {
  font-size: 41px;
}
.area_ttl.page_rooston_hotel .box_txt .txt_01 {
  font-size: 18px;
}





/* area_info_01
---------------------------------------------------------- */
.area_info_01 {
  padding: 85px 0 50px;
}
.area_info_01 .ttl_01 {
  font-size: 34px;
  margin-bottom: 50px;
}
.area_info_01 .box_info {
  width: 90%;
  margin: 0 auto;
}
.area_info_01 .box_info ul {
  display: block;
}
.area_info_01 .box_info ul li {
  width: 100%;
  text-align: center;
}
.area_info_01 .box_info ul li img {
  width: 520px;
  height: auto;
  margin-bottom: 15px;
}
.area_info_01 .box_info ul li p {
  margin-bottom: 40px;
  text-align: center;
}

/* area_info_02
---------------------------------------------------------- */
.area_info_02 {
  padding: 85px 0 50px;
}
.area_info_02 .ttl_01 {
  font-size: 34px;
  margin-bottom: 50px;
}
.area_info_02 .box_info {
  width: 90%;
  margin: 0 auto;
}
.area_info_02 .box_info ul {
  display: block;
}
.area_info_02 .box_info ul li {
  width: 100%;
  text-align: center;
}
.area_info_02 .box_info ul li img {
  width: 520px;
  height: auto;
  margin-bottom: 15px;
}
.area_info_02 .box_info ul li p {
  margin-bottom: 40px;
  text-align: center;
}


/* area_info_03
---------------------------------------------------------- */
.area_info_03 {
  padding: 75px 75px;
  margin-top: 0;
}
.area_info_03 .ttl_01 {
  font-size: 24px;
  margin-bottom: 30px;
}
.area_info_03 ul {
  display: block;
}
.area_info_03 ul li {
  margin:0 auto 25px ;
  box-shadow: 0 0 12px rgba(0, 0, 0, .1);
}
.area_info_03 ul li img {
  width: 600px;
  height: auto;
}


/* area_room
---------------------------------------------------------- */
.area_room {
  padding: 70px 0 50px;
}
.area_room  p {
}
.area_room .ttl_01 {
  font-size: 34px;
  margin-bottom: 25px;
}
.area_room .box_room_01 {
  width: 690px;
  margin:0 auto 65px;
  display: flex;
  justify-content: space-between;
}
.area_room .box_room_01 dl {
  width: 130px;
  padding: 20px 40px;
  font-size: 24px;
}
.area_room .box_room_01 dl dt {
  padding: 0 0 10px;
  margin: 0 0 10px;
}
.area_room .box_room_01 dl dd {
}


/* area_access
---------------------------------------------------------- */
.area_access {
  padding: 60px 0 30px;
}
.area_access p {
}
.area_access .ttl_01 {
  font-size: 34px;
  margin-bottom: 25px;
}
.area_access .gmap {
  width: 750px;
  height: 750px;
  margin: 0 auto 40px;
}
.area_access .tel_link {
  font-size: 34px;
  margin: -10px 0 0;
}
.area_access .tel_link a {
}
.area_access .tel_link span {
  font-size: 24px;
}
.area_access dl {
  width: 670px;
  margin: 60px auto 70px;
  display: block;
}
.area_access dl dt {
  border-bottom: none !important;
  width: 100%;
  padding: 15px 0 0;
}
.area_access dl dd {
  padding:0 0 15px;
  width: 100%;
}
.area_access dl dt,
.area_access dl dd {
}


/* area_service
---------------------------------------------------------- */
.area_service {
  padding: 70px 0 80px;
}
.area_service p {
  width: 90%;
  margin: 0 auto;
}
.area_service .ttl_01 {
  font-size: 34px;
  margin-bottom: 25px;
}
.area_service dl {
  width: 670px;
  margin: 60px auto 0;
  display: block;
  flex-wrap: wrap;
}
.area_service dl dt {
  border-bottom: none !important;
  width: 100%;
  padding: 15px 0 0;
}
.area_service dl dd {
  padding:0 0 15px;
  width: 100%;
}
.area_service dl dt,
.area_service dl dd {
}



/* area_yoyaku
---------------------------------------------------------- */
.area_yoyaku {
  /*background-image: none;*/
  margin-bottom:0;
  padding: 50px 0 40px;
}
.area_yoyaku .txt_01 {
}
.area_yoyaku ul {
  display: flex;
  justify-content: center;
}
.area_yoyaku ul li {
  margin: 0 25px;
}





}