/*======================================================================
   language layout
======================================================================*/
#language #mainVisual {
 background-image: url(../img/language/mainimg.jpg);
}

#lead h3 {
 margin-bottom: 1em;
}

#lead .txtArea {
 height: auto;
 margin-bottom: 1em;
}

#lead .decotile {
 position: absolute;
 top: 0;
 left: 50%;
 -webkit-transform: translateX(40%);
 -ms-transform: translateX(40%);
 transform: translateX(40%);
 z-index: -5;
}

#lead .decotile1 {
 position: absolute;
 left: -25%;
 bottom: -95px;
 -webkit-transform: translateX(0%);
 -ms-transform: translateX(0%);
 transform: translateX(0%);
 opacity: .6;
 z-index: -5;
}

#meal {
 background-image: url(../img/bg_gara01.png);
}

#meal .txtArea {
 margin-bottom: 1em;
}

#facility {
 background-image: url(../img/bg_gara02.png);
}

#facility .txtArea {
 margin-bottom: 1em;
}

#facility .slide_wrap {
 width: 100%;
}

#facility .slide_wrap .item {
 max-width: 330px;
 width: 30%;
 height: auto;
}

#room .txtArea {
 margin-bottom: 2em;
}

#room .imgArea {
 text-align: center;
 margin-bottom: 2em;
}

#room .imgArea img {
 margin: 0 10px 10px 0;
}

#bath {
 background-image: url(../img/bg_gara02gr.jpg);
}

#bath .txtArea {
 margin-bottom: 1em;
}

#bath .imgArea {
 text-align: center;
}

#bath .imgArea img {
 margin: 0 10px 10px 0;
}

#info .container {
 display: table;
 width: auto;
}

#map {
 padding-bottom: 5em;
}

#map .mapArea {
 margin-bottom: 1.5em;
}

#map .txtArea {
 text-align: center;
}

#map .txtArea a {
 color: #fff;
}

@media screen and (min-width: 600px) {
 h3 {
  margin-left: auto;
  margin-right: auto;
 }
 .txtArea,
 .imgArea {
  text-align: center;
 }
 #lead .decotile {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
 }
 #lead .decotile1 {
  left: -5%;
 }
 #room .imgArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
 }
 #room .imgArea img {
  width: 48%;
  margin-right: 2%;
 }
 #info table th {
  white-space: nowrap;
 }
}

@media screen and (min-width: 992px) {
 h3 {
  margin-left: 0;
  margin-right: 0;
 }
 .txtArea, .imgArea {
  text-align: left;
 }
 #lead .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 #lead .container .txtArea {
  width: 45%;
 }
 #lead .container table {
  width: 45%;
 }
 #meal .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 #meal .container .txtArea {
  width: 49%;
 }
 #meal .container .slide_wrap {
  width: 49%;
 }
 #facility .txtArea {
  text-align: center;
 }
 #room .txtArea {
  display: inline-block;
  max-width: 50%;
  float: left;
 }
 #room .imgArea {
  width: 46%;
  float: right;
 }
 #room .amenity {
  width: 50%;
  float: left;
 }
 #room .amenity table {
  width: 100%;
 }
 #bath .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
 }
 #bath .container .txtArea {
  width: 40%;
 }
 #bath .container .imgArea {
  width: 55%;
 }
}
/*# sourceMappingURL=language.css.map */