/***** PC表示用 *****/

@media (min-width: 1000px) {

/* レイアウト修正 */
#content:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

#leftContents {
	float: left;
	width: 730px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}


/* ホール詳細 */
#hallDetail {
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#hallDetail h2 {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 20px;
	color: #FFFFFF;
	font-size: 1.4rem;
	background-image:url(/img/titleBackH2.jpg);
}

#hallDetail .twoCol {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#hallDetail .twoCol:after {
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	content: "";
	display: block;
	clear: both;
}

#hallDetail .twoCol .left {
	float: left;
	width: 40%;
	margin: 0px;
	padding: 0px;
}

#hallDetail .twoCol .right {
	float: right;
	width: 60%;
	margin: 0px;
	padding: 0px;
}

#hallDetail img.logo {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#hallDetail img.pict {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#hallDetail ul.detailInfo {
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#hallDetail ul.detailInfo li {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#hallDetail ul.detailInfo li span.head {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	color: #000000;
	font-size: 1.0rem;
	line-height: 140%;
	vertical-align: top;
	background-color: #fcdf00;
	border-radius: 5px 5px 0px 0px;
}

#hallDetail ul.detailInfo li span.body {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	color: #000000;
	font-size: 1.0rem;
	line-height: 140%;
	background-color: #EEEEEE;
	border-radius: 0px 0px 5px 5px;
}

#googleMaps {
	width: 100%;
	height: 400px;
	margin: 0px;
	border-radius: 0px 0px 5px 5px;
}







}
/* PC表示ここまで */





/***** スマホ表示用 *****/

@media (max-width: 999px) {



	/* レイアウト修正 */
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}

	#leftContents {
		margin: 0px 10px 30px 10px;
		padding: 0px;
	}


	/* ホール詳細 */
	#hallDetail {
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}

	#hallDetail h2 {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 5px 0px 5px 10px;
		color: #FFFFFF;
		font-size: 1.4rem;
		background-image:url(/img/titleBackH2.jpg);
	}

	#hallDetail .twoCol {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	#hallDetail .twoCol:after {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 0px;
		content: "";
		display: block;
		clear: both;
	}

	#hallDetail .twoCol .left {
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	#hallDetail .twoCol .right {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

	#hallDetail img.logo {
		display: inline-block;
		max-width: 40%;
		height: auto;
		margin: 0px 10px 10px 10px;
		padding: 0px;
	}

	#hallDetail img.pict {
		display: inline-block;
		max-width: 40%;
		height: auto;
		margin: 0px 10px 10px 10px;
		padding: 0px;
	}

	#hallDetail ul.detailInfo {
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}

	#hallDetail ul.detailInfo li {
		display: block;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	#hallDetail ul.detailInfo li span.head {
		display: block;
		margin: 0px;
		padding: 5px 10px;
		color: #000000;
		font-size: 1.0rem;
		line-height: 140%;
		vertical-align: top;
		background-color: #fcdf00;
		border-radius: 5px 5px 0px 0px;
	}

	#hallDetail ul.detailInfo li span.body {
		display: block;
		margin: 0px;
		padding: 5px 10px;
		color: #000000;
		font-size: 1.0rem;
		line-height: 140%;
		background-color: #EEEEEE;
		border-radius: 0px 0px 5px 5px;
	}

	#googleMaps {
		width: 100%;
		height: 200px;
		margin: 0px;
		border-radius: 0px 0px 5px 5px;
	}






}
/* スマホ表示ここまで */