@charset "UTF-8";
/* CSS Document */
.mainImg {
  height: 530px;
  width: 100%;
}
.mainBox h2 {
  display: inline-block;
  font-size: 5.5rem;
  color: #111111;
  position: relative;
  bottom: 21px;
  right: auto;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7);
  left: 90px;
}
.mainBox_slider li img {
  margin: 0 auto !important;
}
/* 小さいスマホ調整用 */
@media(max-width: 374px) {
  .mainBox h2 {
    left: 60px;
  }
}
.sabBox {
  width: 100%;
  max-width: 590px;
  display: block;
  margin: 40px auto 0;
  justify-content: space-between;
}
.sabBox .sabBoxLeft {
  position: relative;
}
.sabBox .sabBoxRight {
  width: 100%;
}
.sabBox .sabBoxRight div {
  position: relative;
}
.sabBox .sabBoxRight div:nth-child(2) {
  margin-top: 20px;
}
.sabBox h2 {
  display: inline-block;
  font-size: 3.0rem;
  color: #111111;
  position: absolute;
  top: -9px;
  left: 0px;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.7);
}
.sabBox .sabBoxRight div:nth-child(1) h2:nth-child(2) {
  top: auto;
  bottom: -6px;
  left: auto;
  right: 0px;
  z-index: 10;
}
.sabBox .sabBoxRight div:nth-child(2) h2:nth-child(2) {
  top: auto;
  bottom: -5px;
  left: 0px;
  z-index: 10;
}
.sabBox .sabBoxRight div:nth-child(2) img:nth-child(1) {
  height: 55px;
}
.manuImg {
  width: 100%;
  height: 160px;
}
.locatImg {
  width: 100%;
  height: 160px;
}
.bookBaordImg {
  max-width: 290px;
}
.bookingMSG{
width: 85%;
	max-width: 320px;
    left: 57%;
    top: 20px;
}
@media(min-width: 460px) {
.bookingMSG{
    left: 54%;
	}}
/* TABLET */
@media(min-width: 750px) {
  .mainImg {
    max-width: 590px;
    height: auto;
  }
  .mainBox h2 {
    right: 200px;
    left: auto;
    bottom: 30px;
  }
  .sabBox {
    display: flex;
  }
  .sabBox h2 {
    left: -30px;
  }
  .manuImg {
    max-width: none;
    width: 250px;
    height: auto;
  }
  .sabBox .sabBoxRight {
    width: 50%;
  }
  .sabBox .sabBoxRight div:nth-child(1) h2:nth-child(2) {
    right: -30px;
  }
  .sabBox .sabBoxRight div:nth-child(2) h2:nth-child(2) {
    left: -30px;
  }
  .sabBox .sabBoxRight div:nth-child(2) {
    margin-top: 35px;
  }
  .locatImg {
    width: 290px;
    height: 245px;
  }
  .bookBaordImg {
    max-width: none;
    width: 290px;
  }
	.bookingMSG{
	width: 100%;
		max-width: none;
    left: 60%;
    top: 20px;
}

}