@charset "utf-8";

#mvBox #mvTtlBox {
    background:rgba(137,97,0,0.70);
}

#mvBox #mvTtlBox h2 {
  width: 40%;
  max-width: 319px;
  margin: auto;
}
#mvBox #mvTtlBox h2 span {
  width: 35%;
	max-width: 125px;
	right: -21%;
	top: -65%;
}
#contentNav{background: #fff;}
#contentNav ul li{
  border-right: 1px solid #e1601e;
}
#contentNav li a{
  color: #e1601e;
}

.stay_mapSec h3 {
  background: url("../img/bg-80.jpg") no-repeat center;
  padding: 43px 0; 
  margin-top: 20px;
	font-weight: normal;
}
.stay_mapSec h3 span{margin: 0;margin-bottom: 15px; color: #e1601e; font-size: 27px;font-weight: bold;}

.hotelSec{margin-top: 80px;}

.hotelSec h3{
  text-align: center;
  font-size: 23px;
  line-height: 87px;
  color: #e1601e;
  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:30px;}
.hotelArea h4 img{width: 100%;}

.hotelDetailTable{
	width: 100%;
	font-size: 12px;
	margin-bottom: 30px;
}
.hotelDetailTable td{
	padding:0 25px;
	vertical-align: top;
}
.hotelDetailTable td:first-child{color: #e1601e; width: 40%;}
#area02 .hotelDetailTable td:first-child,#area04 .hotelDetailTable td:first-child{color: #d79600;}
#area06 .hotelDetailTable td:first-child{color: #6ea223;}
.hotelDetailTable td.detailblock{
  padding: 10px;
  letter-spacing: -0.4em;
}
.hotelDetailTable td.detailblock{background: #fae7dd;}
#area02 .hotelDetailTable td.detailblock,#area04 .hotelDetailTable td.detailblock{background: #f7f0ce;}
#area06 .hotelDetailTable td.detailblock{background: #f0f4d9;}
.hotelDetailTable td.detailblock p{
  display: inline-block;
  width: 45%;
  letter-spacing: 0;
  vertical-align: top;
  box-sizing: border-box;
}
.hotelDetailTable td.detailblock p:last-child{
  border-left: 1px dotted;
  padding-left: 10px;
  width: 55%;
}

.hotelArea .hotelbox{
  width: 48%;
  border:1px solid #e1601e;
  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 #e1601e 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,#area04.hotelArea .hotelbox{
  border:1px solid #D7AC00;
}
#area02.hotelArea .hotelbox.wide::before,#area04.hotelArea .hotelbox.wide::before{
  border-color: transparent #D7AC00 transparent transparent;
}
#area06.hotelArea .hotelbox{
  border:1px solid #6ea223;
}
#area06.hotelArea .hotelbox.wide::before{
  border-color: transparent #6ea223 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.wide .imgBox{
  padding-top: 0;
}
.hotelArea .hotelbox .typeArea{margin: 10px 0;}
.hotelArea .hotelbox .typeArea img{
  margin-right: 5px;
}
.hotelArea .hotelbox .hotelname {
	font-size: 16px;
	margin-bottom: 15px;
	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%;
}
.moreArea:last-of-type{margin-bottom: 20px;}

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