@charset "UTF-8";
/*イベント一覧*/
#container.hotel_list #box{
  width:100%;
}
#container.hotel_list h1 p{
  width:300px;
  height: 112px;
  margin:0 0;
  background:rgb(163,202,35);
  padding-left:60px;
}
#container.hotel_list #main{
  width:925px;
  margin:0 auto;
}
#hotel_map{
  width:100%;
  height:700px;
  position: relative;
  display: block;
  margin:40px 0 25px 0;
  background:#c7edff;
}
#hotel_map p{
  margin:10px 0 0 20px;
}
#hotel_map a{
  width:19px;
  height: 19px;
  border-radius: 20px;
  display: inline-block;
  position: absolute;
}
#hotel_map .u_01{
  top:57px;
  right:148px;
}
#hotel_map .u_02{
  top:159px;
  right:246px;
}
#hotel_map .u_03{
  top:152px;
  right:227px;
}
#hotel_map .u_04{
  top:176px;
  right:230px;
}
#hotel_map .u_05{
  top:176px;
  right:210px;
}
#hotel_map .u_06{
  top:176px;
  right:192px;
}
#hotel_map .u_07{
  top:201px;
  right:260px;
}
#hotel_map .u_08{
  bottom:296px;
  left:363px;
}
#hotel_map .u_09{
  bottom:283px;
  left:351px;
}
#hotel_map .u_10{
  bottom:257px;
  left:351px;
}
#hotel_map .u_11{
  bottom:217px;
  left:350px;
}
#hotel_map .u_12{
  bottom:160px;
  right:264px;
}
#hotel_map .u_13{
  bottom:160px;
  right:242px;
}
#hotel_map .u_14{
  bottom:160px;
  right:222px;
}
#hotel_map .u_15{
  bottom:140px;
  right:282px;
}
#hotel_map .u_16{
  bottom:140px;
  right:262px;
}
#hotel_map .u_17{
  bottom:140px;
  right:242px;
}
#hotel_map .u_18{
  bottom:140px;
  right:222px;
}
#hotel_map .u_19{
  top:20px;
  right:475px;
}
#hotel_map .u_20{
  top:218px;
  right:415px;
}
#hotel_map .u_21{
  top:218px;
  right:395px;
}
#hotel_map .u_22{
  top:218px;
  right:375px;
}
#hotel_map .u_23{
  top:218px;
  right:355px;
}
#hotel_map .u_24{
  top:218px;
  right:335px;
}
#hotel_map .u_25{
  top:238px;
  right:395px;
}
#hotel_map .u_26{
  top:238px;
  right:376px;
}
#hotel_map .u_27{
  top:238px;
  right:356px;
}
#hotel_map .u_28{
  top:238px;
  right:336px;
}
#hotel_map .u_29{
  top:286px;
  right:276px;
}
.hotel_icon{
  width:440px;
  margin-left:auto;
  margin-bottom:60px;
  overflow: hidden;
}
.hotel_icon li{
  width:145px;
  float:left;
  margin-bottom:5px;
}
.hotel_icon img,
.hotel_icon span{
  display: inline-block;
  vertical-align: bottom;
}
.hotel_icon span{
  width:95px;
  font-size:12px;
  letter-spacing:-1px;
  margin-left:3px;
  line-height: 13px;
}
.unit{
  width:892px;
  margin:0 auto 30px;
  position: relative;
  display: block;
}
.unit .area{
  width:auto;
  height: 25px;
  line-height: 16px;
  display: inline-block;
  text-align: center;
  color:#fff;
  font-size: 12px;
  padding:5px 10px;
  margin-bottom:5px;
  background:rgb(111,184,44);
}
.unit .no{
  width:22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  border-radius:22px;
  color:#fff;
  text-align: center;
  background:#323644;
  font-size:13px;
  vertical-align: middle;
  margin-right:5px;
}
.unit .name{
  font-size:1.8rem;
  margin:0 0 10px 0;
  border-bottom:solid 1px rgb(163,202,35);
  font-family:"UD新ゴ M",UD Shin Go Medium;
  font-size:22px;
  font-size:1.3rem;
  padding:0 300px 0 0px;
}
.service{
  position: absolute;
  top:10px;
  right:0;
}
.service li{
  width:45px;
  float:left;
  margin-right:5px;
}
.service li:last-child{
  margin:0;
}
.unit dl{
  clear:both;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
}
.unit dt{
  width:158px;
  padding:5px 10px 5px 15px;
  text-align:left;
  background:rgb(229,239,198);
  margin-bottom: 5px;
}
.unit dd{
  width:728px;
  padding-left:20px;
  margin-bottom: 5px;
}
/* 768px未満sp */
@media screen and (max-width:767px){
	#main{
		width: 100%;
		min-width:320px;
	}
	#hotel_map{
		height:60%;
		background:none;
	}
		#hotel_map img{
			width:100%;
		}
		#hotel_map p{
			margin-left:0px;
			padding: 0 5px;
		}
	.hotel_icon{
		width:100%;
		margin-bottom:30px;
	}
		.hotel_icon li{
			width:50%;
		}
		.hotel_icon span{
			width:60%;
		}
	.unit{
		width:100%;
	}
		.unit .name{
			padding-right:0px;
		}
		.unit dt{
			width:28%;
		}
		.unit dd{
			width:72%;
		}
	.service{
		position: static;
		overflow: hidden;
		margin-bottom: 10px;
	}
}