@charset "utf-8";

/*----------------------------------------------------------
	seatmap01.html～seatmap08.html
----------------------------------------------------------*/

.view_image {
	width:960px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

.mainContentsArea {
	font-size: 108%;
}
.mainContentsArea h3{
	border-bottom: 4px solid #CCCCCC;
	background:none;
	padding:50px 0 15px;
	margin:0 0 15px 0;
	font-size:153.9%;
}
.mainContentsArea h3 span{ 
	border-left: 4px solid #C61217;
	padding-left:10px;
	display: block;
}

.mainContentsArea h4{
	margin:30px 0 15px 0;
}

.mainContentsArea h4 span{
	border-left: 4px solid #C61217;
}
.mainContentsArea th.titl{
	width:40%;
}
.mainContentsArea th.titl02{
	width:80%;
}
.mainContentsArea th.titl03{
	width:33.3%;
}

#view_image #copy{
	text-align:center;
}

.mainContentsArea .MoreLink a, 
.mainContentsArea .MoreLink a:link, 
.mainContentsArea .MoreLink a:visited{
	background: #C61217 url(/about/images/cl_list_about.gif) no-repeat 10px 50% ;
	border-bottom: 1px solid #7D0000;
	border-top:1px solid #C61217;
}

.img_area {
	float: left;
	width: 470px;
	margin-right: 20px;
}


.float_images p.left_images {
	float: left;
	width: 470px;
	margin-right: 20px;
}

.float_images p.right_images {
	width: 470px;
}

/* 2021.12.16 add */
div.images_3col {
	width: 960px;
}
div.images_3col .left_images,
div.images_3col .front_images,
div.images_3col .right_images {
	float: left;
	width: 310px;
}
div.images_3col .left_images,
div.images_3col .front_images {
	margin-right: 15px;
}
/* 2021.12.16 add end */

@media screen and (max-width:640px) {
	#SNSBox{
		display:none;
	}
	.view_image {
		width: 96%;
		margin: 0 2%;
	}
	.mainContentsArea_seatmap h3 , h3 span , th  ,p {
		background: #FFF;
	}
	#view_image h4 span , .grayBox p  {
		background: url(/common/images/bg_gray01.gif) repeat;
	}
	#view_image #copy {
		margin: 1em;
	}
	#view_image .tableArea {
		display: block;
	}
	#view_image .tableArea-cell {
		display: block;
		width: auto;
		border: none;
		border-bottom:1px solid #ccc;
		padding: 0 5px;
		margin-bottom: 20px;
	}

	.view_image .sub-text {
		text-align: right;
	}

	#view_image img {
		width:100%;
	}

	#view_image .tel_area img {
		width:auto;
	}

	.img_area {
		float: none;
		margin-bottom: 10px;
		width: 100%;
		margin-right: 0;
	}

	.float_images p.left_images {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.float_images p.right_images {
		width: 100%;
	}

/* 2021.12.16 add */
	div.images_3col {
		width: 100%;
	}
	div.images_3col .left_images,
	div.images_3col .front_images,
	div.images_3col .right_images {
		float: none;
		width: 100%;
	}
	div.images_3col .left_images,
	div.images_3col .front_images {
		margin: 0 0 20px 0;
	}
/* 2021.12.16 add end */

}
/* 20170411 end */