@charset "utf-8";

#mvBox{width: 100%;}
#mvBox #mvTtlBox {
    background:rgba(18,42,63,0.50);
}

#mvBox #mvTtlBox h2 {
  width: 40%;
  max-width: 357px;
  margin: auto;
}
#mvBox #mvTtlBox h2 span {
  width: 30%;
	max-width: 125px;
	right: -12%;
  top: -65%;
}
#contentNav{background: #fff;}
#contentNav ul li{
  border-right: 1px solid #0072B2;
}
#contentNav li a{
  color: #0072B2;
}

.stay_mapSec h3 {
  background: url("../img/bg-80.jpg") no-repeat center;
  padding-bottom: 45px;
}
.stay_mapSec h3 span{margin: 0; padding: 15px 0; color: #0072B2; font-size: 30px;}
.stay_mapSec h3 img {
    width: 592px;
}

.hotelSec{margin-top: 80px;}
.hotelSec h3{
  text-align: center;
  font-size: 23px;
  line-height: 87px;
  color: #0084B6;
  font-family:"YuMincho","Yu Mincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  background: url("../img/ttlBg@2x.png") no-repeat;
  background-size: 100%;
}
.hotelArea {margin-top: 20px;}
.hotelArea{display: flex; flex-wrap: wrap; justify-content: space-between;}
.hotelArea h4{width: 100%; margin-bottom:40px;}
.hotelArea h4 img{width: 100%;}
.hotelArea .hotelbox{
  width: 48%;
  border:1px solid #0084B6;
  padding: 25px 30px 5px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.hotelArea .hotelbox.wide{
  width: 100%;
  padding: 40px 30px 5px;
  position: relative;
}
.hotelArea .hotelbox.wide::before{
  position: absolute;
  right: -1px;
  top: -1px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent #1e5514 transparent transparent;
}
.hotelArea .hotelbox.wide::after{
  position: absolute;
  right: -2px;
  top: -1px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent #ffffff transparent transparent;
}
#area02.hotelArea .hotelbox{
  border:1px solid #6AB6CD;
}
#area02.hotelArea .hotelbox.wide::before{
  border-color: transparent #6AB6CD transparent transparent;
}

.hotelArea .hotelbox.wide .hotelCont{
  display: flex;
}
.hotelArea .hotelbox.wide .hotelCont .detail{
  padding-left: 30px;
}
.hotelArea .hotelbox.wide address{
  width: 90%;
  margin:20px auto 0;
}
.hotelArea .hotelbox .imgBox{
  text-align: center;
}
.hotelArea .hotelbox .typeArea{margin: 10px 0;}
.hotelArea .hotelbox .typeArea img{
  margin-right: 5px;
}
.hotelArea .hotelbox .hotelname{
  font-size: 16px;
  margin-bottom: 25px;
	font-weight: bold;
}
.hotelArea .hotelbox .hoteltxt{
  font-size: 12px;
  margin-bottom: 25px;
}
.hotelArea .hotelbox .packageBlock{
  background: #E6E3D2;
  padding: 15px;
  margin-bottom: 10px;
	box-shadow: 3px 3px 2px 0px #8f8b79;
}
.hotelArea .hotelbox .packageBlock h4{
  margin-bottom: 10px;
}
.hotelArea .hotelbox .packageBlock .price{
  display: block;
  font-size: 115%;
  color: #FF0004;
  text-align: right;
  font-weight: bold;
  margin-top: 5px;
}
.hotelArea .hotelbox .btnBox{
  text-align: center;
}
.hotelArea .hotelbox .btnBox img{
  width: 100%;
}
.hotelArea .hotelbox.wide .btnBox{
  display: flex;
  justify-content: space-around;
}
.hotelArea .hotelbox.wide .btnBox a{
  display: block;
  width: 49%;
}

.moreArea{margin: 25px 0 100px;}
.moreArea h4{
  text-align: center;
  margin-bottom: 20px;
}
.moreArea .btnBox{
  display: flex;
  justify-content: center;
}
.moreArea .btnBox a{
  display: block;
  margin: 0 0.5%;
}


.stay_gadget h3{
  margin:0 auto 20px;
  width: 614px;
}