@charset "UTF-8";

#wrapper{
	background:url("../../images/paper.jpg") center top repeat-y;
}
.cateTitle{
	margin:0px auto;
	padding:60px 0;
}
#theaters{
	width:95%;
	max-width:800px;
	min-height:400px;
	margin:60px auto 100px auto;
	}

@media screen and (max-width: 980px) and (min-width: 641px) {
	#wrapper{
		padding-top:60px  ;
	}
	.cateTitle{
	margin:0px auto 40px auto !important;
	}
}
@media screen and (max-width: 640px)  {
	#wrapper{
		padding:25% 0 0 0;
	}
	.cateTitle{
		padding:0;
	}
	.cateTitle img{
	}
	#theaters{
		width:95%;
		max-width:90%;
		margin:20% auto 10% auto;
		}
}

#theater table{
	width:100%;
	}
	#theater table td{
		padding:1.5% 3%;
		background:rgba(255,255,255,0.9);
		color:#000;
		text-align:left;
		}
	#theater table tr{
		}
	#theater table td.tel{
		font-size:90%;
	}
	#theater table td.detail{
		text-align:center;
	}
@media screen and (max-width: 640px)  {
	#theater table td{
		font-size:10px;
		font-weight:500;
		letter-spacing:0;
		padding:1.5% 1.5%;
		}
	
}
	#theater table tr:nth-child(even),
	#theater table tr:nth-child(even) td{
		background:rgba(255,255,255,1);
	}
	#theater table a{ color:#5a6f6d;  text-decoration:none; font-weight:700; }
	#theater table a:hover{ color:#5a6f6d;  text-decoration:underline; }
	#theater table th{
		color:#5a6f6d;
		border-bottom:2px solid #5a6f6d;
		padding:1.5% 3%;
		text-align:left ;
		font-size:12px;
		background:none;
		}
@media screen and (max-width: 640px)  {
	#theater table th{
		font-size:10px;
		padding:1.5% 1.5%;
		font-weight:500;
		}
	.telNum{ display:none;}
}	
	#theater table th.area{
		padding:12px 5px;
		text-align:center;
		font-size:13px;
		background:#000;
		color:#5a6f6d;
		
		border-top:2px solid #5a6f6d;
		}