@charset "UTF-8";
/*施設詳細ページ*/
footer{
	clear:both;
}
.facilities #box{
  width:100%;
  margin:20px auto 0;
}
#container.facilities #main{
  margin:10px 0 0 0;
}
.breadrumb{
  display: none;
}
#info .name{
  width:100%;
  background:rgb(231,231,232);
}
#info .name .inner{
  width:1000px;
  height: 150px;
  margin:0 auto 0;
}
#info .name .no{
  font-size: 50px;
  line-height: 140px;
  color: rgb(164,203,36);
}
#info h1,
#info h2,
#info h3,
#info h4{
  font-family: "UD新ゴ M",UD Shin Go Medium;
}
#info h1{
  display: inline-block;
  margin-left:10px;
  font-size:37px;
}
#info .block h2{
  border-left:solid 6px rgb(110,175,48);
  padding-left:12px;
  font-size:32px;
  margin-bottom:20px;
}
#info h3{
  color:rgb(111,184,44);
  font-size:22px;
  margin-bottom:5px;
}
#info h4{
  color:rgb(111,184,44);
  font-size:18px;
}
#info .stay_info h4{
  color:#fff;
  background:rgb(233,87,42);
  text-align: center;
  padding: 5px 10px;
  border-right: solid 1px rgb(142,145,153);
  border-left: solid 1px rgb(142,145,153);
  font-size:18px;
}
#info .name .huri{
  display: block;
  margin:-30px 0 10px 70px;
}
.main_content{
  width:1100px;
  margin:0 auto;
  /*display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
  flex-direction:row-reverse;*/
	display:block;
}
#info .right{
  width:720px;
  position: relative;
  display: block;
  margin:30px 0 0 60px;
	float:right;
}
#info .left{
  width:320px;
  position: relative;
  display: block;
  margin:30px 0 0 0;
	float:left;
}
#info .down{
	display:inline-block;
	width:320px;
}
#info .left>img{
  display: block;
  margin:0 0 10px 0;
  width:320px;
  min-width:320px;
}
#info .lead{
  margin: 0px auto 30px;
}
#info .lead+ul{
  margin:0 0 20px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
}
#info .base,
#info .detail{
  width:100%;
  margin:0 auto 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
}
#info .base{
  border-bottom:solid 1px rgb(142,145,153);
}
#info .block{
  clear:both;
  overflow:hidden;
  margin:50px 0 0 0 ;
}
#info .block:nth-of-type(1){
  margin:0px;
}
#info .naibu_name{
  border-top:solid 1px rgb(142,145,153);
  background:rgb(255,252,228);
  font-size: 18px;
  text-indent: 20px;
}
#info .naibu_name:nth-of-type(1){
  margin-top: 20px;
  }
#info .detail{
  margin:10px auto 50px;
  border-bottom:solid 1px rgb(142,145,153);
  font-size: 13px;
}
#info .naibu_name+.detail{
  margin:0px auto 50px;
}
#info .base dt,
#info .detail dt{
  width:270px;
  border-top:solid 1px rgb(142,145,153);
  padding:6px 20px;
}
#info .base dt{
  background:rgb(231,231,232);
}
#info .detail dt{
  background:rgb(229,239,198);
}
#info .base dd,
#info .detail dd{
  width:450px;
  border-top:solid 1px rgb(142,145,153);
  padding:6px 20px;
}
#info .sports_type{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
}
#info .sports_type li,
#info .lead+ul li{
  background:rgb(110,175,48);
  color:#fff;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  margin:0 5px 5px 0;
  text-align: center;
  letter-spacing: -1px;
  display: inline-block;
  padding: 0 3px 0 3px;
}
#info .video iframe{width:100%;}
#info .img_area{
  margin:10px 0 0px;
}
#info .img_area img{
  width:166px;
	height:100%;
  vertical-align:bottom;
  margin:0 0 5px 5px;
}
#info .img_area img:nth-of-type(1),
#info .img_area img:nth-of-type(5),
#info .img_area img:nth-of-type(9){
  margin:0 0 5px 0px;
}
#info .bihin{
  width:100%;
  margin:0 0 50px 0;
  border-bottom:solid 1px rgb(142,145,153);
}
#info .bihin ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
  font-size:13px;
}
#info .bihin ul li{
  border-top:solid 1px rgb(142,145,153);
  border-right:solid 1px rgb(142,145,153);
  padding:2px 5px;
}
#info .bihin ul li:nth-of-type(1){
  width:150px;
}
#info .bihin ul li:nth-of-type(2){
  width:50px;
  text-align:center;
}
#info .bihin ul li:nth-of-type(3),
#info .bihin ul li:nth-of-type(4){
  width:200px;
}
#info .bihin ul li:nth-of-type(5){
  width:120px;
  border-right:none;
}
#info .bihin .table_heading li{
  text-align: center;
  background:rgb(229,239,198);
}
#info .bihin .table_heading li:nth-of-type(2){
  letter-spacing: -2px;
  font-size: 11px;
}
#info .clear{
  clear:both;
}
#info .hutai,
#info .universal{
  width:360px;
  float:left;
}
#info .hutai dl,
#info .universal dl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap:wrap;
  font-size: 13px;
  letter-spacing: -0.5px;
  border-bottom:solid 1px rgb(142,145,153);
}
#info .hutai dt,
#info .universal dt{
  width:240px;
  background:rgb(231,231,232);
  border-top:solid 1px rgb(142,145,153);
  padding:6px 20px;
}
#info .hutai dd,
#info .universal dd{
  width:120px;
  border-top:solid 1px rgb(142,145,153);
  padding:6px 20px;
}
#info .performance{
  clear:both;
  margin-top:50px;
}
#info .performance dt{
  border-bottom:solid 1px rgb(142,145,153);
  color: rgb(111,184,44);
  font-size: 22px;
  margin: 0 0 5px 0;
}
#info .performance dd{
  padding: 0 10px;
  margin-bottom: 20px;
}
#info .window{
  font-family: "UD新ゴ M",UD Shin Go Medium;
  font-size:14px;
  line-height: 18px;
  margin-bottom:10px;
}
#info .window+ul{
  margin:0 0 30px 0;
}
#info aside{
  margin:30px 0 0 0;
}
#info aside p.item{
  font-size:18px;
  background:rgb(111,184,44);
  color:#fff;
  text-align:center;
  padding:5px 10px;
  border-right:solid 1px rgb(142,145,153);
  border-left:solid 1px rgb(142,145,153);
}
#info aside p.item span{
  font-size:12px;
}
#info aside .area_info,
#info aside .stay_info{
  border-bottom:solid 1px rgb(142,145,153);
}
#info aside .area_info{
  margin-bottom:20px;
}
#info aside .area_info dl,
#info aside .stay_info dl{
  padding:10px 10px 10px;
  border-right:solid 1px rgb(142,145,153);
  border-left:solid 1px rgb(142,145,153);
}
#info aside .area_info dt,
#info aside .stay_info dt{
  font-size:16px;
  margin-top:10px;
}
#info aside .area_info dt:nth-of-type(1),
#info aside .stay_info dt:nth-of-type(1){
  margin-top:0px;
}
#info aside .area_info dd,
#info aside .stay_info dd{
  font-size:13px;
}

/* 768px未満sp */
@media screen and (max-width:767px){
	#main{
		width: 100%;
		min-width:320px;
		padding:0 0px;
	}
	#info .name .inner{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		height:auto!important;
		padding:0 10px;
		margin-top:80px;
	}
	#info h1{
		width:100%;
		font-size:25px;
		line-height:30px;
		margin:0 0 7px;
	}
	#info .block h2{
		font-size:25px;
	}
	#info .name .no{
		display:block;
		line-height:50px;
		font-size:38px;
	}
	#info .name .huri{
		margin:0 0 10px 0;
	}
	.main_content{
		display:block;
		width:100%;
		min-width:320px;
		padding:0 10px;
	}
	#info .right{
		width:100%;
		margin-left:0px;
	}
	#info .down{
		width:100%;
	}
	#info .base dt,#info .detail dt,
	#info .hutai, #info .universal,#map{
		width:100%!important;
	}
	#info .base dd,#info .detail dd{
		width:100%;
		padding-bottom:20px;
	}
	#info .bihin ul{
		flex-wrap:nowrap;
	}
	#info .hutai dt, #info .universal dt{
		width:56%;
	}
	#info .hutai dd, #info .universal dd{
		width:44%;
	}
	#info .img_area {
	    margin: 10px 0 0px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	}
		#info .img_area img{
			margin:0 10px 10px 0!important;
		}
	#info .left{
		width:100%;
	}
	#info .left > img{
		width:100%;
		max-width:320px;
		min-width:0;
		margin: 0 auto 10px;
	}
}