@charset "UTF-8";

/* =============================================

Page Common CSS

================================================ */

/* Reset */
#contents h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {margin:0px;padding:0px;}
#contents li,dt,dd {list-style:none;}
#contents img {border:none;}

/* Utility Class */
#contents .tL {text-align:left !important;}
#contents .tR {text-align:right !important;}
#contents .tC {text-align:center !important;}
#contents .fL {float:left !important;}
#contents .fR {float:right !important;}
#contents .mb00 {margin-bottom:0 !important;}
#contents .mb05 {margin-bottom:5px !important;}
#contents .mb10 {margin-bottom:10px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz12 {font-size:12px !important;}
#contents .fz14 {font-size:14px !important;}
#contents .fz16 {font-size:16px !important;}
#contents .fwB {font-weight:bold !important;}


/* Link */
#contents a:link {color:#3366CC;}
#contents a:visited {color:#3366CC;}
#contents a:hover {color:#d00;text-decoration:none;}
#contents a:active {color:#d00;}

/* Table */
#contents table {
	border-collapse:collapse;
}
	#contents caption {}
	#contents th,
	#contents td {
		border:1px solid #787878;	
	}
	#contents th {
		background-color:#595142;
		color:#fff;
		padding:5px;
		font-weight:normal;
	}
	#contents td {
		color:#333;
		padding:5px;
	}


/* Clearfix */
#contents .clearfix {zoom: 100%;}
#contents .clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/* Note */
#contents .note {font-size:12px; line-height:140%;}

#contents ul.list li{
	padding:4px 0px;
	margin-left:1em;
	text-indent:-1em;
}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#contents {
	background-color:#040404;
	color:#cdcdcd;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 20px;
	}
		#contents .article {
			padding:20px;
			background-color:#1a1a1a;
		}


#contents ul.note {
	font-size:12px;
}
	#contents ul.note li {
		text-indent:-1.0em;
	}

.new{
	font-size:12px;
	color:#9A1400;
	border:1px solid #9A1400;
	padding:2px 4px;
	margin:0px 0px 0px 4px;
}

/* =============================================

Page  CSS

================================================ */

/* メインビジュアル */
#contents .mainimage {
	margin-bottom: 20px;
}


/* 紹介文 */
#contents .about {}
	#contents .about h3 {
		color:#e4db74;
		font-size:28px;
		line-height:1.2em;
		margin-bottom:10px;
	}
	#contents .about p {
		padding-bottom:8px;
	}
		#contents .about p:last-child {
			padding-bottom:0px;
		}

/* 公演・発売情報 */
#contents .information {
	margin-bottom:0;
}
	#contents .information p.title {
		color:#e4db74;
		font-size:28px;
		line-height:1.0em;
		margin-bottom:10px;
	}

	#contents .information dl{
		margin-bottom:10px;
	}
	#contents .information dt{
		color:#e74e79;
		font-size:18px;
		margin-bottom:4px;
	}
	#contents .information dd.lead{
		color:#FFFF00;
		margin-bottom:8px;
	}
	#contents .information ul.note em {
		color:#ff6600;
		font-weight:normal;
	}



	/* プログラム */
	#contents .article.program {}
		#contents .article.program h3 {
			margin-bottom:20px;
		}

		#contents .article.program .detail {
			margin-bottom:40px;
		}
		#contents .article.program .detail p.photo {
			float:left;
			margin-right:20px;
		}

		#contents .article.program .detail h4 {
			margin-bottom:10px;
		}
		#contents .article.program .detail p.lead {
			font-size:18px;
			color:#e74e79;
			margin-bottom:16px;
			line-height:1.3em;
		}
		/* table */
		#contents .article.program .detail table {
			font-size:12px;
		}
		#contents .article.program .detail table th{
			color: #1a1a1a;
			background-color:#857a4c;
			padding:1px 0;
			border:none;
			border-bottom:solid 3px #1a1a1a;
		}
		#contents .article.program .detail table td{
			color:#cdcdcd;
			padding:1px 10px;
			border:none;
			border-bottom:solid 3px #1a1a1a;
		}
		#contents .article.program .detail table td.term {font-weight:bold;}
		#contents .article.program .detail table td.lead {color:#900;}
		#contents .article.program .detail table td p{ margin: 0; }
		#contents .article.program .detail table td p.copy {font-size: 10px; color: #999; margin-top: 5px; }







/* 上映スケジュール */
#contents .article.schedule {}
	#contents .article.schedule h3 {
		margin-bottom:20px;
	}
	#contents .article.schedule h4 {
		color:#e4db74;
		font-size:28px;
		margin-bottom:20px;
	}
	#contents .article.schedule p.lead {
		color:#e74e79;
		font-size:18px;
		margin-bottom:10px;
	}

	/* table */
	#contents .article.schedule table.sche {
		font-size:14px;
		margin-bottom:5px;
	}
		#contents .article.schedule table.sche tr.head th {
			background-color:#3f3f3f;
			color:#fff;
		}
		#contents .article.schedule table.sche th{
			padding: 5px 0;
			background-color:#e3d8c4;
			color:#333;
		}
		#contents .article.schedule table.sche td{
			padding:8px 10px;
			text-align: center;
			background-color:#fff;
		}

		#contents .article.schedule table.sche td span.premiered {
			color:#fff;
			background-color:#ba1900;
			font-size:10px;
			display:inline-block;
			padding:2px 8px;
			border-radius:5px;
			line-height:1.5em;
			margin-left:5px;
			vertical-align:bottom;
		}

	#contents .article.schedule span.star01 {color:#ff6600;}
	#contents .article.schedule span.star02 {color:#90c31f;}
	#contents .article.schedule span.star03 {color:#dd10aa;}