

@charset "UTF-8";

/* 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:#040404;
		color:#fff;
		padding:8px;
		font-weight:normal;
	}
	#contents td {
		color:#333;
		padding:8px;
	}

/* Note */
#contents .note {
	font-size:12px;
	line-height:1.4em;
	}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#contents {
	background-color:#222;
	color:#333;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 20px;
	}
	#contents .section:last-child {
		margin-bottom:0;
	}
		#contents .article {
			padding:20px;
			background-color:#fff;
		}


/* ■タブ */
#contents ul.tab {
	width:934px;
	border-bottom:5px solid #eee;
	background-color:#fff;
}
	#contents ul.tab li {
		display:inline;
	}
	#contents ul.tab li:first-child{
		margin-right:6px;
	}

	#contents ul.tab li a,
	#contents ul.tab li img {
		vertical-align:bottom;
	}

/* ■メインビジュアル */
#contents #mainimage {
	margin-bottom:30px;
}

/* ■先行枠  */
#contents .precede {
	margin-bottom:30px;
}
	#contents .precede table {
		margin:0 auto 3px;
	}
		#contents .precede caption{
			border-top:1px solid #28211c;
			border-left:1px solid #28211c;
			border-right:1px solid #28211c;
		}
		#contents .precede th {
			border:1px solid #28211c;
			color:#fff;
			font-weight:bold;
			font-size:18px;
		}

		/* LEncore先行 */
		#contents .precede th.len {
			background: #ff0084;
			background: -moz-linear-gradient(top,  #ff0084 0%, #e20376 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0084), color-stop(100%,#e20376));
			background: -webkit-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: -o-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: -ms-linear-gradient(top,  #ff0084 0%,#e20376 100%);
			background: linear-gradient(to bottom,  #ff0084 0%,#e20376 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#e20376',GradientType=0 );
		}
		/* プレリク先行 */
		#contents .precede th.prereq {
			background: #2c539e;
			background: -moz-linear-gradient(top,  #2c539e 0%, #183572 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#183572));
			background: -webkit-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -o-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -ms-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: linear-gradient(to bottom,  #2c539e 0%,#183572 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#183572',GradientType=0 );
		}
		/* ローチケ先行 */
		#contents .precede th.lawson {
			background: #39bbf1;
			background: -moz-linear-gradient(top,  #39bbf1 0%, #009ee0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39bbf1), color-stop(100%,#009ee0));
			background: -webkit-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: -o-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: -ms-linear-gradient(top,  #39bbf1 0%,#009ee0 100%);
			background: linear-gradient(to bottom,  #39bbf1 0%,#009ee0 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bbf1', endColorstr='#009ee0',GradientType=0 );
		}

		/* そのほか */
		#contents .precede th.other {
			background: #91a81f;
			background: -moz-linear-gradient(top,  #91a81f 0%, #667908 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91a81f), color-stop(100%,#667908));
			background: -webkit-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: -o-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: -ms-linear-gradient(top,  #91a81f 0%,#667908 100%);
			background: linear-gradient(to bottom,  #91a81f 0%,#667908 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91a81f', endColorstr='#667908',GradientType=0 );
		}
		
		/* 地域あり */
		/* LEncore先行 */
		#contents .precede th.areaLen {
			background-color:#fedfef;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* プレリク先行 */
		#contents .precede th.areaPre {
			background-color:#dfeafe;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* ローチケ先行 */
		#contents .precede th.areaLaw {
			background-color:#d0f9fe;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		/* そのほか */
		#contents .precede th.areaOther {
			background-color:#c8fac3;
			color:#333;
			font-weight:normal;
			font-size:16px;
		}
		#contents .precede td {
			border:1px solid #28211c;
			padding:5px;
			text-align:center;
			font-weight:bold;
			background-color:#fff;
		}

	/* 注釈 */
	#contents .precede ul.note {
		text-align:center;
		color:#333;
	}

/* ■NEWS */
#contents .news {}
	#contents .news ul {
		overflow-y: scroll;
		overflow-x: hidden;
		padding-right:10px;
	}
		#contents .news li {
			padding:8px 0;
			border-bottom:1px dotted #b3b2b2;
		}
			#contents .news li dt{
				background:transparent url("http://cdn.l-tike.com/cinema/cdj2018-lv/icn_arrow01.gif") no-repeat left 0.3em;
				font-size:20px;
				color:#489469;
				padding-left:12px;
				margin-bottom:5px;
			}
			#contents .news li dd{
				padding-left:12px;
			}
			#contents .news li dd.link {
				color:#ff9900;
			}
				#contents .news li dd.link a {
					padding-left:5px;
				}
			#contents .news li:last-child {border:none;}

/* ■紹介文 */
#contents .about {}
	#contents .about table {
		margin-bottom:8px;
	}
	#contents .about p.text{
		margin-bottom:1.5em;
	}


/* ■上映劇場 */
#contents .theater {}
	#contents .theater table {}
		#contents .theater table td {
			text-align:center;
		}

/* ■発売情報 */
#contents .release {}

	/* table */
	#contents .release table {
		margin-bottom:8px;
	}
		#contents .release table caption {
			border-left: 1px solid #898989;
			border-right: 1px solid #898989;
			border-top: 1px solid #898989;
			color:#fff;
			font-weight:bold;
			font-size:20px;
			padding:10px 0;
			
			/* 背景 */
			background: #2c539e;
			background: -moz-linear-gradient(top,  #2c539e 0%, #183572 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#183572));
			background: -webkit-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -o-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: -ms-linear-gradient(top,  #2c539e 0%,#183572 100%);
			background: linear-gradient(to bottom,  #2c539e 0%,#183572 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#183572',GradientType=0 );
		}

		#contents .release table th {
			padding: 10px;
		}	
		#contents .release table td {
			padding: 10px;
			text-align:center;
		}

	#contents .release h3 {
		color:#489469;
		font-size:30px;
		margin-bottom:20px;
	}
		/* table */
		#contents .release table.general {}
		#contents .release table.general td {
			text-align:left;
		}
		#contents .release table.general td p {
			font-weight:bold;
			margin-bottom:5px;
		}

		p.event-link {
			text-align:center;
			padding:0.5em 0;
			background-color:#eee;
		}

/* ■注意事項 */
#contents .notes {}
	#contents .notes ul {
		padding-left:1.0em;
		}
		#contents .notes li {
			text-indent:-1.0em;
			margin-bottom:5px;
			line-height:1.3em;
		}
		#contents .notes li:last-child{
			margin-bottom:0;
		}
			#contents .notes ul em {
				font-weight:normal;
			}

/* ■DISC情報 */
#contents .disc {
	font-size:20px;
	font-weight:bold;
}

/* ■お気に入り登録 */
#contents .favorite {
	margin-bottom:0;
}
	#contents .favorite p.lead {
		color:#489469;
		font-size:18px;
		margin-bottom:20px;
	}
	
	/* 登録枠 */
	#contents .favorite ul.register {
		overflow:hidden;
	}
		#contents .favorite ul.register li {
			width:430px;
			height:250px;
			border-radius:8px;
		}
			#contents .favorite ul.register dl {
				text-align:center;
				padding:0 20px;
			}
			#contents .favorite ul.register dt {
				font-size:21px;
				padding-top:25px;
				margin-bottom:15px;
			}
			#contents .favorite ul.register li dl li{
				width:auto;
				height:auto;
			}
			#contents .favorite ul.register li dt+dd {
				margin-bottom:10px;
			}

		/* 既に会員の方 */
		#contents .favorite ul.register li.member{
			float:left;
			background-color:#fff6ba;
		}
			#contents .favorite ul.register li.member ul.note {
				text-align:left;
				line-height:1.4em;
			}
				#contents .favorite ul.register li.member ul.note li {
					text-indent:-1.0em;
					padding-left:1.0em;
				}

		/* 会員でない方 */
		#contents .favorite ul.register li.notmember{
			float:right;
			background-color:#d7eeff;
		}
		#contents .favorite ul.register li.notmember p.note {
			text-align:left;
			line-height:1.4em;
		}




