/* CSS Document */



.ttl_red{
	background:#ffe2d9;
	border:1px solid #c9370a;
	padding:10px 5%;
	text-align:center;
	color:#c9370a;
	font-size:140%;
	margin-bottom:40px;
}

h4.hd02 a,
h4.hd02 a:link,
h4.hd02 a:visited {
	color:#2470b3 !important;
}


tr.center_t td{
	text-align:center;
}

.col02{
	color:#c9370a !important;

}

.venue_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

	.venue_area li{
		width: 100%;
		display: flex;
		position: relative;
	}

	.venue_area.venue_area01 li{ width: calc((100% - 30px) / 3)}
	.venue_area.venue_area02 li{ width: calc((100% - 60px) / 5)}
	.venue_area.venue_area03 li{ width: calc((100% - 45px) / 4)}

		#wrap .venue_area li{
			display: block;
			text-decoration: none !important;
		}

			.venue_area li img{
				width: 100%;
				height: 150px;
				object-fit: cover;
				font-family: 'object-fit: cover;'
			}

			.venue_area li span{
				width: 100%;
				display: block;
				background: #333333;
				position: relative;
				bottom: 0;
				left: 0;
				z-index: 2;
				padding: 16px;
				color: #fff;
				font-weight: bold;
			}



/* table
--------------------------------------------------------------------------- */

.tblStyle03{
		border-collapse		: collapse;
		border-spacing		: 0;
		empty-cells			: show;
		border				: 1px solid #2470b3;
		width				: 100%;
}


.tblStyle03 th{
		background		: #d4e8fa;
		text-align		: center;
	}

	.tblStyle03 th,.tblStyle03 td{
		border				: 1px solid #2470b3;
		padding:15px;
	}


@media screen and (max-width:768px){
	.ttl_red{
		padding:10px 1%;
		margin-bottom:20px;
	}

	.venue_area{
		flex-wrap: wrap;
	}

	.venue_area li{
		width: 49% !important;
		margin: 0 0 15px;
	}

	.table_wrap {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
	}

	.tblStyle03 {
		min-width: 980px;
	}
}

/*---------------------- responsive styles -----------------------*/
@media screen and (max-width:480px) {
	.venue_area li a img{
		height: 120px;
	}
}