

@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 .mb15 {margin-bottom:15px !important;}
#contents .mb20 {margin-bottom:20px !important;}
#contents .mb25 {margin-bottom:25px !important;}
#contents .mb30 {margin-bottom:30px !important;}
#contents .mb40 {margin-bottom:40px !important;}
#contents .fz10 {font-size:10px !important;}
#contents .fz11 {font-size:11px !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;
	border-top:1px solid #787878;
	border-left:1px solid #787878;
}
	#contents caption {}
	#contents th,
	#contents td {
		border-right:1px solid #787878;
		border-bottom:1px solid #787878;
	}
	#contents th {
		background-color:#18978c;
		color:#fff;
		padding:8px;
		font-weight:normal;
	}
	#contents td {
		color:#333;
		padding:8px;
	}

/* Note */
#contents .note {font-size:12px;}

/* Clearfix */
#contents .clearfix {
	zoom:100%;
}
#contents .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

/* TOP・公演別 */

/* TOP */
#contents.top {background:#040404 url("http://cdn.l-tike.com/play/dokurojo/bg_contents_top01.jpg") repeat center 768px;}
#contents.top h2 {
	background-color: #000;
	font-size: 24px;
	padding: 15px 15px 10px;
}
#contents.top th {background-color:#000;}


/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {

	#contents.top h2 {
	font-size: 20px;
	padding: 10px 15px 5px;
	}

/* ======== Media Queries End ====== */
}


/* 花 */
#contents.kansai {background:#040404 url("http://cdn.l-tike.com/play/dokurojo/bg_contents_hana01.jpg") repeat center 768px;}
#contents.kansai th {background-color:#FFD700;}
#contents.kansai .information .schedule table thead th{background-color:#FFD700;}

/* 鳥 */
#contents.tori {background:#040404 url("http://cdn.l-tike.com/play/dokurojo/bg_contents_tori01.jpg") repeat center 392px;}
#contents.tori th {background-color:#18978c;}
#contents.tori .information .schedule table thead th{background-color:#18978c;}


#contents {
	color:#333;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 20px;
	}
		#contents .article {
			padding:20px;
			background-color:#fff;
		}


#contents a.btn_yellow {
	color:#6e3a08;
	border:1px solid #6e3a08;
	background: #ffc579;
	background: -moz-linear-gradient(top,  #ffc579 0%, #fb9d23 100%);
	background: -webkit-linear-gradient(top,  #ffc579 0%,#fb9d23 100%);
	background: linear-gradient(to bottom,  #ffc579 0%,#fb9d23 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc579', endColorstr='#fb9d23',GradientType=0 );
	border-radius:8px;
	display:inline-block;
	text-align:center;
	padding:10px 18px;
}


/* =============================================

Page  CSS

================================================ */


/* ■ヘッダー告知 */
.promotionArea{
	border:5px solid #18978c;
	background:#FFFFFF;
}
.promotionArea .title{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background:#18978c;
	padding:16px 0px 20px 0px;
}
.promotionArea .photo{
	width:480px;
	float:left;
}
.promotionArea .photo img{
	max-width:480px;
}

.promotionArea .text{
	width:420px;
	padding:12px;
	float:right;
}
.promotionArea .text dd{
	padding-bottom:6px;
}
.promotionArea .text dt span{
	color:#DD0000;
}


/* お気に入り登録 */
#contents .promotionArea .favorite {
	margin-bottom:0;
}
	#contents .promotionArea .favorite p.lead{
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:30px;
	}

	#contents .promotionArea .favorite p.lead{
		font-size:12px;
		color:#FFFFFF;
		background:#489469;
		line-height:1.2em;
		padding:4px 0px;
		margin-bottom:6px;
		text-align:center;
	}
	#contents .promotionArea .favorite ul {
		xtext-align:center;
	}
		#contents .promotionArea .favorite ul li {
			display:inline-block;
			width:98px;
			margin-right:4px;
			margin-bottom:0;
		}
		#contents .promotionArea .favorite ul li:nth-child(4n) {
			margin-right:0px;
		}

		#contents .promotionArea .favorite ul li:nth-child(n+6) {
			margin-bottom:0;
		}
		#contents .promotionArea .favorite ul li:last-child {
			margin-right:0;
		}
	#contents .promotionArea .favorite ul dt,
	#contents .promotionArea .favorite ul dd {
	}
	#contents .promotionArea .favorite ul dt {
		font-size:12px;
		line-height:120%;
	}
		#contents .promotionArea .favorite ul dd a {
			font-size:10px;
			color:#fff;
			background-color:#3bbbb6;
			border-radius:5px;
			padding:5px 14px;
		}



/* ■タイトル */
#contents.top p.title {
	margin-bottom:0;
}

/* 当日券販売方法について */
#contents.top p.btn.sales-today {
	background-color:#000;
	text-align:center;
	padding-bottom:1.0em;
}
#contents.top p.btn.sales-today a {
	font-size:30px;
	line-height:1.0em;
	display:inline-block;
	text-align:center;
	color:#61400f;
	border:1px solid #ac8a02;
	border-radius:5px;
	padding:10px 36px 20px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #fce6ae 2%, #f8b707 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fce6ae 2%,#f8b707 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#fce6ae 2%,#f8b707 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8b707',GradientType=0 );
}
#contents.top p.btn.sales-today a:hover {
	opacity:0.9;
}
#contents.top p.btn.sales-today a span {
	font-size:16px;
	line-height:1.4em;
}


/* ■公演リスト */
#contents.top ul.Performance {
	display:table;
	margin-bottom:1.0em;
	border:7px solid #000;
}
	#contents.top ul.Performance>li {
		display:table-cell;
		width:230px;
	}

	/* タグ */
	#contents.top ul.Performance ul.tag {margin-bottom:0.5em;}
	#contents.top ul.Performance ul.tag li {
		display:inline-block;
		font-size:10px;
		color:#fff;
		padding:0 5px;
	}
	#contents.top ul.Performance ul.tag li.blue{background-color:#2c539e;}
	#contents.top ul.Performance ul.tag li.pink{background-color:#f64e83;}
	#contents.top ul.Performance ul.tag li.gray{background-color:#a09f9f;}

	#contents.top ul.Performance li dd.period {
		color:#fff;
		font-size:12px;
		text-align:center;
		padding:5px 0;
	}
	#contents.top ul.Performance li dd.period+dd {
		background-color:#fff;
		padding:10px;
	}
	
	#contents.top ul.Performance ul.anchorlink {
		margin-bottom:1.0em;
	}
	#contents.top ul.Performance ul.anchorlink li {
		background:transparent url("http://cdn.l-tike.com/play/dokurojo/icn_arrow02.gif") no-repeat left center;
		padding-left:14px;
		line-height:1.9em;
		color:#b3b2b2;
	}
	#contents.top ul.Performance ul.anchorlink li a:link {
		color:#494949;
		text-decoration:underline;
	}
	#contents.top ul.Performance ul.anchorlink li a:visited {
		color:#494949;
		text-decoration:underline;
	}
	#contents.top ul.Performance ul.anchorlink li a:hover {
		color:#31a2da;
		text-decoration:none;
	}


	#contents.top ul.Performance li.hana dd.period {background-color:#811425;}
	#contents.top ul.Performance li.tori dd.period {background-color:#10675f;}
	#contents.top ul.Performance li.kaze dd.period {background-color:#59631d;}
	#contents.top ul.Performance li.tsuki dd.period {background-color:#723649;}
	#contents.top ul.Performance li.hana dd.period+dd {border:5px solid #ac1b32;}
	#contents.top ul.Performance li.tori dd.period+dd {border:5px solid #18978c;}
	#contents.top ul.Performance li.kaze dd.period+dd {border:5px solid #737f2a;}
	#contents.top ul.Performance li.tsuki dd.period+dd {border:5px solid #944c63;}


/* ボタン 特集ページへ */
#contents.top ul.Performance p.btn {
	padding:0 10px 5px;
}
#contents.top ul.Performance p.btn a:link {
	display:block;
	text-align:center;
	color:#61400f;
	border:1px solid #ac8a02;
	border-radius:5px;
	padding:10px 0;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #fce6ae 2%, #f8b707 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fce6ae 2%,#f8b707 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#fce6ae 2%,#f8b707 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8b707',GradientType=0 );	
}
#contents.top ul.Performance p.btn a:visited {
	color:#61400f;
	border:1px solid #ac8a02;
}
#contents.top ul.Performance p.btn a:hover {
	opacity:0.8;
}

/* ボタン 特集ページへ リンクなし */
#contents.top ul.Performance p.btn span {
	display:block;
	text-align:center;
	color:#898989;
	border:1px solid #a0a0a0;
	border-radius:5px;
	padding:10px 0;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 1%, #e8e8e8 1%, #b9b9b9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 1%,#e8e8e8 1%,#b9b9b9 100%);
	background: linear-gradient(to bottom,  #ffffff 1%,#e8e8e8 1%,#b9b9b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b9b9',GradientType=0 );
}


/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {

#contents.top p.title {
	margin:10px 10px 0;
}
#contents.top p.btn.sales-today {
	margin:0 10px;
	padding-top:1.0em;
}
#contents.top p.btn.sales-today a {
	font-size:20px;
	line-height:1.0em;
	display:block;
	border-radius:5px;
	padding:5px 10px 10px;
	margin:0 15px;

}

/* 当日券販売方法について */
#contents.top p.btn.sales-today a span {
	font-size:12px;
	line-height:1.4em;
}
	#contents.top ul.Performance {
		display:block;
		margin:0 10px 1.0em;
		background-color:#000;
	}
		#contents.top ul.Performance>li {
			display:block;
			width:auto;
		}
		#contents.top ul.Performance li {
			margin-bottom:7px;
		}
		#contents.top ul.Performance li:last-child {
			margin-bottom:0;
		}
		

	#contents.top ul.Performance dt {
		float:left;
		width:50%;
		text-align:right;
		background-color:#000;
	}
	#contents.top ul.Performance dt+dd {
		width:50%;
		float:right;
		background-color:#000;
	}
	#contents.top ul.Performance dd.period {
		clear:both;
	}

	#contents.top ul.Performance ul.anchorlink li {
		display:inline-block;
		font-size:12px;
		padding-left:10px;
		margin-right:0.5em;
	}
	#contents.top ul.Performance p.btn {
		padding:0 8px;
	}


/* ======== Media Queries End ====== */
}


/* ■メインビジュアル */
#contents #mainimage {
	margin-bottom:0;
	text-align:center;
}

/* パンくず */
#contents p.breadcrumb {
	background-color:#fff;
	margin:0;
	color:#333;
	font-size:14px;
	padding-bottom:0.5em;
}


/* ■アンカー */

/* index.html */
#contents ul.anchor {
	display:table;
	width:932px;
	border:1px solid #9dd5fa;
	background-color:#fff;
	margin-bottom:20px;
}
	#contents ul.anchor li {
		display:table-cell;
		vertical-align:middle;
		width:186px;
		border-right:1px solid #9dd5fa;
	}
/*
	#contents ul.anchor li:nth-child(-n+2) {
		width:310px;
		border-bottom:1px solid #9dd5fa;
	}
	#contents ul.anchor li:nth-child(n+4) {
		width:232px;
	}
	#contents ul.anchor li:last-child {
		width:233px;
	}
*/
	#contents ul.anchor li:nth-child(3) {
		font-size:12px;
	}
	#contents ul.anchor li:last-child {
		border-right:none;
		width:184px;
	}
		#contents ul.anchor li a {
			text-align:center;
			padding:20px 10px;
			display:block;
			color:#fff;
			background: #009afc;
			background: -moz-linear-gradient(top,  #009afc 0%, #001757 100%);
			background: -webkit-linear-gradient(top,  #009afc 0%,#001757 100%);
			background: linear-gradient(to bottom,  #009afc 0%,#001757 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009afc', endColorstr='#001757',GradientType=0 );
			}
		#contents ul.anchor li a:hover {
			opacity:0.8;
		}
			#contents ul.anchor li a span {
				background:transparent url("icn_anchor01.png") no-repeat left center;
				padding-left:18px;
			}



/* ■先行枠  */
#contents .precede {
	margin-bottom:30px;
}
	#contents .precede p.tagline {
		font-size:40px;
		color:#ffeb00;
		line-height:1.0em;
		padding:20px 0 3px;
		font-weight:bold;
		text-align:center;
		margin-bottom:0.5em;
	}
	#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;
	}


	/* ■先行枠 BOX 2 */
	#contents .precede {
		margin:10px 30px 20px;
	}
	#contents .precede .inner {
		padding:2px;
		background-color:#fff;
		text-align:center;	
	}
		#contents .precede p.title {
			text-align:center;
			color:#ffef00;
			font-size:38px;
			line-height:1.0em;
			font-weight:bold;
			margin-bottom:0.3em;
		}
		#contents .precede h2 {
			color:#fff;
			background-color:#004ea1;
			font-size:32px;
			border-bottom:none;
		}
		#contents .precede p.date {
			font-size:24px;
			padding:20px 0;
		}
		#contents .precede p.btn {
			text-align:center;
			padding-bottom:10px;
		}
			#contents .precede p.btn a {
				display:inline-block;
				color:#6e3a08;
				border:2px solid #6e3a08;
				border-radius:10px;
				padding:10px 50px;
				font-size:24px;
				text-align:center;
				font-weight:bold;

				background: #ffc579;
				background: -moz-linear-gradient(top,  #ffc579 0%, #fb9d23 100%);
				background: -webkit-linear-gradient(top,  #ffc579 0%,#fb9d23 100%);
				background: linear-gradient(to bottom,  #ffc579 0%,#fb9d23 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc579', endColorstr='#fb9d23',GradientType=0 );
			}

/* 見出し */
#contents h2 {
	font-size:24px;
	color:#fff;
	line-height:1.2em;
	background-color:#000;
	border-bottom:4px solid #333;
	padding:10px 15px 5px;

/* フェーズ1カラー
	background-color:#b81b2c;
	border-bottom:4px solid #931623;
	padding:10px 15px;
*/
}

#contents h3 {
	font-size:22px;
	color:#489469;
	line-height:1.2em;
	margin-bottom:20px;
}

/* ■NEWS */
#contents .news {}
	#contents .news .article {}
		#contents .news ul {
			overflow-y: scroll;
			overflow-x: hidden;
			height:120px;
			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/play/dokurojo/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 {border:none;}


/* ■TOPICS */
#contents .topics {}
	#contents .topics .article {
		padding:0;
	}
		#contents .topics ul {
			overflow-y: scroll;
			overflow-x: hidden;
			height:170px;
		}
		#contents .topics li:first-child {
			padding:20px;
		}
		#contents .topics li:last-child {
			border-bottom:none;
		}
		#contents .topics li {
			font-size:16px;
			padding:15px 20px;
			border-bottom:1px dotted #b3b2b2;
		}
		#contents .topics li dl {
			display:table;
		}
		#contents .topics li dl dt {
			display:table-cell;
			min-width:105px;
			border-right:3px solid #00509f;
		}
		#contents .topics li dl dd {
			display:table-cell;
			padding-left:16px;
		}
		#contents .topics a:link {
			color:#333;
			text-decoration:underline;
		}

/* ■インタビュー＆レポート */
#contents .report {}
	#contents .report .article {overflow:hidden;}
		#contents .report p.title {
			font-size:22px;
			color:#489469;
			line-height:1.2em;
			margin-bottom:16px;
		}
		#contents .report .text {
			float:left;
			width:520px;
			margin-bottom:1.0em;
		}
		#contents .report p.more {
			text-align:right;
		}
		#contents .report p.more a:before {
			content:">> ";
		}
		#contents .report p.image {
			float:right;
			margin-bottom:1.0em;
		}

		/* アーカイブ */
		#contents .report .archive {
			clear:both;
			margin-top:40px;
		}
			#contents .report .archive h3 {
				background-color: #000;
				color: #fff;
				padding: 8px 18px;
				margin-bottom:20px;				
			}
		
			#contents .report .archive ul {}
				#contents .report .archive li {
					display:inline-block;
					width:210px;
					margin-right:10px;
					margin-bottom:0;
				}
				#contents .report .archive li:last-child {
					margin-right:0;
				}
					#contents .report .archive dl {
						text-align:center;
					}
					#contents .report .archive dt {
						margin-bottom:5px;
					}



/* ■紹介文 */
#contents .about {}
	#contents .about h2 {
		font-size:22px;
	}
	#contents .about p.lead {
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:20px;
	}
	#contents .about p {
		margin-bottom:20px;
	}
	#contents .about dt {
		font-weight:bold;
	}



/* ■開催情報 */
#contents .information {}
	#contents .information p {
		margin-bottom:1.0em;
	}
	#contents .information p.lead {
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:20px;
	}
	#contents .information p.photo {
		float:right;
	}
	#contents .information .detail {
		float:left;
		margin-bottom:1.0em;
	}

	#contents .information .detail .period {
		font-weight:bold;
		margin-bottom:20px;
		font-size:18px;
		line-height:1.5em;
	}


	/* 価格 */
	#contents .information dl.price {
		color:#c00;
		margin-bottom:0.2em;
	}
		#contents .information dl.price dt {
			margin-bottom:0px;
		}
		#contents .information dl.price dd {}

	/* 注釈 */
	#contents .information ul.note {
		font-size:12px;
		margin-bottom:15px;
		line-height:1.4em;
	}
	#contents .information .detail ul.note em{
		color:#d00;
		font-weight:normal;
	}

	/* IHIステージアラウンド東京 */
	#contents .information .stage {
		clear:both;
		margin-bottom:30px;
	}
		#contents .information .stage h3 {
			color:#fff;
			background-color:#004ea2;
			padding:8px 18px;
		}


	#contents .information h3 {
		color:#fff;
		background-color:#000;
		padding:8px 18px;
		margin-bottom:0.5em;
	}

	/* 公演スケジュール */
	#contents .information .schedule {
		clear:both;
		margin-bottom:30px;
	}
		#contents .information .schedule h4 {
				font-size:24px;
				color:#489469;
				text-align:left;
				padding-bottom:10px;		
		}


		/* 星取表 table */
		#contents .information .schedule table {
			font-size:12px;
			margin-bottom:30px;
		}
				#contents .information .schedule table th {
					padding:10px 5px;
					text-align:center;
				}
				#contents .information .schedule table td {
					padding:10px 0;
					text-align:center;
				}
			#contents .information .schedule table tr.day {}
			#contents .information .schedule table tr.day th,
			#contents .information .schedule table td.time {
				background-color:#004e9d;
				color:#fff;
			}
				#contents .information .schedule table thead th{
					background-color:#18978c;
					color:#fff;
				}
				#contents .information .schedule table .day th{
					background-color:#004E9D;
					color:#fff;
					border-right:1px solid #787878;
				}
				#contents .information .schedule table .day th.weekend{
					background-color:#03356b !important;
				}

				#contents .information .schedule table .time{
					font-weight:bold;
					color:#fff;
				}
				#contents .information .schedule table td.off{
					background-color:#787878;
					color:#fff;
				}


	/* 発売情報 */
	#contents .information .release {
		clear:both;
		margin-bottom:2.0em;
	}
		#contents .information .release h3 {
		}
	#contents .information .release p {
		font-size:18px;
	}
		#contents .information .release td {
			padding:10px 1.0em;
		}
		#contents .information .release td p.note {
			font-size:12px;
			margin-bottom:0;
		}

		#contents .information .release td dt {
			color:#d00;
		}
		#contents .information .release a.buy {
			color:#6e3a08;
			border:1px solid #6e3a08;
			background: #ffc579;
			background: -moz-linear-gradient(top,  #ffc579 0%, #fb9d23 100%);
			background: -webkit-linear-gradient(top,  #ffc579 0%,#fb9d23 100%);
			background: linear-gradient(to bottom,  #ffc579 0%,#fb9d23 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc579', endColorstr='#fb9d23',GradientType=0 );

			border-radius:8px;
			display:inline-block;
			text-align:center;
			padding:8px 14px;
		}



	/* スタッフ・キャスト */
	#contents .information table.staffCast {
		width:440px;
		margin-bottom:20px;
	}
		#contents .information table.staffCast th {
			padding:10px 5px;
		}
		#contents .information table.staffCast td {
			padding:10px 15px;
		}
/*
		#contents .information table.staffCast td .lh2 {
			margin-bottom: 10px;
		}
		#contents .information table.staffCast td .lh3 {
			margin-bottom: 20px;
		}
*/
		#contents .information table.staffCast td .lh1 {
			margin-bottom: 1em;
		}
		#contents .information table.staffCast td .lh2 {
			margin-bottom: 2em;
		}
		#contents .information table.staffCast td .lh3 {
			margin-bottom: 3em;
		}

	/* チケット購入 */
	#contents .information table.buyTicket {
		font-size:12px;
		margin-bottom:20px;
	}
		#contents .information table.buyTicket tr.heading th{
			background-color:#2e3641;
			color:#fff;
		}
		#contents .information table.buyTicket th {
			background-color:#c5cfd8;
			padding:8px 5px;
			color:#333;
		}

		#contents .information table.buyTicket td {
			text-align:center;
			padding:8px 5px;
		}
			/* 注釈 */
			#contents .information table.buyTicket td span {
				font-size:12px;
				color:#d00;
			}


/* ■Movie */
#contents .movie {}

	#contents .movie ul {}
		#contents .movie li {
			display:inline-block;
			margin-right:15px;
			text-align:center;
		}
		#contents .movie li:last-child {
			margin-right:0;
		}


/* ■お気に入り登録 */
#contents .favorite {
	margin-bottom:20px;
}
	#contents .favorite p.lead{
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:30px;
	}
	#contents .favorite ul {
		xtext-align:center;
		margin-bottom:-20px;
	}
		#contents .favorite ul li {
			display:inline-block;
			width:250px;
			margin-right:50px;
			margin-bottom:20px;
			vertical-align:top;
		}
		#contents .favorite ul li:nth-child(3n) {
			margin-right:0;
		}

		#contents .favorite ul li:last-child {
			margin-right:0;
		}



	#contents .favorite ul dl {
		display:table;
	}
		#contents .favorite ul dt,
		#contents .favorite ul dd {
			display:table-cell;
		}
		#contents .favorite ul dt {
			font-size:16px;
			width:140px;
			vertical-align:top;
		}
			#contents .favorite ul dd a {
				color:#fff;
				background-color:#3bbbb6;
				border-radius:5px;
				padding:6px 10px;
				white-space:nowrap;
			}

	#contents .promotionArea .favorite ul li {
		display: inline-block;
		margin-bottom: 0;
		margin-right: 4px;
		width: 98px;
	}
	#contents .promotionArea .favorite ul dl,
	#contents .promotionArea .favorite ul dt,
	#contents .promotionArea .favorite ul dd {
		display:block;
	}

	#contents .promotionArea .favorite ul dt {
		font-size: 12px;
		line-height: 120%;
		overflow-wrap: break-word;
	}
	#contents .promotionArea .favorite ul {
		margin-bottom:0;
	}



/* ■公演 */
#contents .performance {
	margin:0 0 -12px;
}
	#contents .performance .article {
		padding:0;
	}
	#contents .performance ul {
		display:table;
		width:100%;
	}
		#contents .performance li {
			display:table-cell;
			table-layout:fixed;
			width:auto;
		}
		#contents .performance li:last-child {
			width:auto;
		}
		#contents .performance li img {
			max-width:100%;
		}



/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {

.pc {display:none;}
.smp {display:inline;}


/* ■ヘッダー告知 */
.promotionArea{
	border:5px solid #18978c;
	background:#FFFFFF;
}
.promotionArea .title{
	font-size:21px;
	line-height:130%;
	font-weight:normal;
	padding:6px 6px 10px 6px;
}
.promotionArea .photo{
	width:auto;
	float:none;
	text-align:center;
}
.promotionArea .photo img{
	max-width:100%;
}
.promotionArea .text{
	width:auto;
	padding:12px;
	float:none;
}
.promotionArea .text dd:last-child{
	padding-bottom:0px;
}

h1.heading01 {
	background-color:#fff;
}

#contents {}

#contents .article {
	padding:10px;
}


/* 見出し */
#contents h2 {
	font-size:20px;
	padding:5px 10px;
	line-height:1.2em;
}

#contents p.breadcrumb {
	margin:0;
	font-size:12px;
	padding:0.5em;
}

#contents #mainimage {
	margin-bottom:0;
	background-color:#000;
}


/* ■アンカー */
#contents ul.anchor {
	display:flex;
	width:auto;
	flex-wrap:wrap;
	border-bottom:none;
}

	#contents ul.anchor li:nth-child(-n+3) {}
	#contents ul.anchor li:nth-child(n+4) {}
	#contents ul.anchor li:last-child {
		width:auto;
	}
	#contents ul.anchor li:nth-child(2n){
		width:50%;
	}
	#contents ul.anchor li:nth-child(2n+1){
		width:50%;
	}
	#contents ul.anchor li:first-child {
		width:100%;
	}
		#contents ul.anchor li a {
			padding:14px 1px;
			display:block;
			background:none;
			border-right:1px solid #9dd5fa;
			}
		#contents ul.anchor li:nth-child(2n+1) a {
			border-right:0;
		}

	#contents ul.anchor li {
		display:block;
		width:50%;
		border-right:none;
		background: #009afc;
		background: -moz-linear-gradient(top,  #009afc 0%, #001757 100%);
		background: -webkit-linear-gradient(top,  #009afc 0%,#001757 100%);
		background: linear-gradient(to bottom,  #009afc 0%,#001757 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009afc', endColorstr='#001757',GradientType=0 );
		border-bottom:1px solid #9dd5fa;
	}
	#contents ul.anchor li:nth-child(3) {
		font-size:12px;
	}

	/* ■先行枠 BOX 2 */
	#contents .precede {
		margin:10px 12px 20px;
	}
	#contents .precede p.title {
		font-size:20px;
	}

	#contents .precede p.tagline {
		font-size:20px;
		margin-bottom:0.5em;
		padding-top:0;
	}
	#contents .precede h2 {
		font-size:16px;
	}
	#contents .precede p.date {
		font-size:18px;
		padding:10px 0;
	}
	#contents .precede p.btn {
		text-align:center;
		padding-bottom:10px;
	}
		#contents .precede p.btn a {
			border:1px solid #6e3a08;
			border-radius:5px;
			font-size:18px;
		}


/* ■TOPICS */
#contents .topics {}
	#contents .topics .article {
		padding:0;
	}
		#contents .topics ul {
			overflow-y: scroll;
			overflow-x: hidden;
			height:170px;
		}
		#contents .topics li:first-child {
			padding:15px 5px;
		}
		#contents .topics li:last-child {
			border-bottom:none;
		}
		#contents .topics li {
			font-size:14px;
			padding:15px 5px;
			border-bottom:1px dotted #b3b2b2;
			margin:0 20px 0 10px;
		}
		#contents .topics li dl {
			display:block;
		}
		#contents .topics li dl dt {
			display:block;
			min-width:inherit;
			border-right:none;
		}
		#contents .topics li dl dd {
			display:block;
			padding-left:0;
		}
		#contents .topics a:link {
			color:#333;
			text-decoration:underline;
		}


/* ■インタビュー＆レポート */
#contents .report {}
	#contents .report .article {overflow:hidden;}
		#contents .report p.title {
			font-size:18px;
			margin-bottom:8px;
		}
		#contents .report p.more {
			text-align:right;
			margin-bottom:10px;
		}
		#contents .report p.more a:before {
			content:">> ";
		}
		#contents .report .text {
			float:none;
			width:auto;
		}
		#contents .report p.image {
			float:none;
			text-align:center;
		}

/* ■Movie */
#contents .movie {}
	#contents .movie ul {}
		#contents .movie li {
			display:block;
			margin-right:0;
			margin-bottom:1.0em;
		}
		#contents .movie li:last-child {
			margin-bottom:0;
		}


/* ■紹介文 */
#contents .about {}
	#contents .about h2 {
		font-size:20px;
	}
	#contents .about p.lead {
		font-size:18px;
		margin-bottom:20px;
	}


/* ■開催情報 */
#contents .information {}
	#contents .information p.lead {
		font-size:18px;
		margin-bottom:18px;
	}
	#contents .information p.photo {
		display:none;
	}
	#contents .information .detail {
		float:none;
	}

	#contents .information .detail .period {
		margin-bottom:1.0em;
		font-size:14px;
	}

	#contents .information p {
		margin-bottom:1.0em;
	}

	/* スタッフ・キャスト */
	#contents .information table.staffCast {
		width:100%;
		border-bottom:1px solid #787878;
	}
	#contents .information table.staffCast th,
	#contents .information table.staffCast td{
		display:block;
		text-align:center;
	}
	#contents .information table.staffCast th,
	#contents .information table.staffCast td {
		border-bottom:none;
	}
	#contents .information table.staffCast th {
		padding:5px 0;
	}

		#contents .information table.staffCast td .lh1 {
			margin-bottom: 0px;
		}
		#contents .information table.staffCast td .lh2 {
			margin-bottom: 10px;
		}
		#contents .information table.staffCast td .lh3 {
			margin-bottom: 20px;
		}
	#contents .information h3 {
		font-size:16px;
		padding:5px 10px;
	}

	/* 公演スケジュール */
	#contents .information .schedule {
		margin-bottom:0;
	}
		#contents .information .schedule h4 {
			cursor:pointer;
			font-size:24px;
			padding: 0 5px;
			margin-bottom:10px;
			color:#489469;
			border:1px solid #b3b3b3;
			background: #ffffff;
			background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 52%, #e1e1e1 52%, #f1f1f1 52%, #e1e1e1 52%, #e1e1e1 53%, #f3f3f3 100%);
			background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 52%,#e1e1e1 52%,#f1f1f1 52%,#e1e1e1 52%,#e1e1e1 53%,#f3f3f3 100%);
			background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 52%,#e1e1e1 52%,#f1f1f1 52%,#e1e1e1 52%,#e1e1e1 53%,#f3f3f3 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
		}
		#contents .information .schedule h4 span {
			display:block;
			padding:8px 0;
			background:transparent url("icn_toggle01.png") no-repeat right center;
		}
		#contents .information .schedule h4.active span {
			background:transparent url("icn_toggle02.png") no-repeat right center;			
		}
		#contents .information .schedule .calendar {
			display:none;
		}


	/* 星取表 table */
	#contents .information .schedule table {
		width:100%;
		border:none;
	}
		#contents .information .schedule table,
		#contents .information .schedule table caption,
		#contents .information .schedule tbody,
		#contents .information .schedule thead,
		#contents .information .schedule td,
		#contents .information .schedule th {display:block;}

			#contents .information .schedule thead tr{
				float: left;
			}
				#contents .information .schedule thead th {
					width:auto;
					padding: 8px 6px;
				}

		#contents .information .schedule tbody {
			overflow-x: auto; 
			white-space: nowrap;
			width:auto;
		}
			#contents .information .schedule tbody tr{
				display: inline-block; 
				margin: 0 -3px;
			}
				#contents .information .schedule tbody td{
					padding:8px 10px;
				}


	/* 発売情報 */
	#contents .information .release {}
		#contents .information .release h3 {
			font-size:18px;
			padding:5px 10px;
			margin-bottom:10px;
		}
		#contents .information .release p {
			font-size:16px;
		}

		#contents .information .release table {
			width:100%;
			border-bottom:1px solid #787878;
		}
			#contents .information .release table th,
			#contents .information .release table td {
				display:block;
				text-align:center;
				border-bottom:none;
			}
			#contents .information .release table th {
				padding:5px 0;
			}
			#contents .information .release table dl {
				text-align:left;
			}

				#contents .information .release a.buy {
					display:block;
				}


	/* IHIステージアラウンド東京 */
	#contents .information .stage {
		margin-bottom:0;
	}

		#contents .information .stage h3 {
			font-size:18px;
			padding:5px 10px;
			margin-bottom:10px;
		}

/* ■お気に入り登録 */
#contents .favorite {
	margin-bottom:20px;
}
	#contents .favorite p.lead{
		font-size:18px;
		margin-bottom:20px;
	}
	#contents .favorite ul {
		xtext-align:center;
	}
		#contents .favorite ul li {
			display:block;
			width:auto;
			margin-right:0;
			margin-bottom:20px;
		}
		#contents .favorite ul li:nth-child(n+6) {
			margin-bottom:20px;
		}

	#contents .favorite ul dl {
		display:block;
	}
		#contents .favorite ul dt,
		#contents .favorite ul dd {
			display:inline-block;
		}
		#contents .favorite ul dt {
			font-size:16px;
			xwidth:110px;
			width:40%;
		}

/* ■公演 */
#contents .performance {
	margin-bottom:-12px;
}
	#contents .performance .article {
		background-color:transparent;
	}
	#contents .performance ul {
		display:table;
		table-layout:fixed;
		width:100%;
	}
		#contents .performance li {
			display:table-cell;
			width:auto;
		}
		#contents .performance li:last-child {
			width:auto;
		}
		#contents .performance li img {
			max-width:100%;
		}

/* ======== Media Queries End ====== */
}

h1.heading01{
	color:#FFFFFF;
}
p.lead strong.caution{
	color:#c00000;
}
#contents ul li {
	text-indent:-1.0em;
	padding-left:1.0em;
}

/* 当日券販売方法について */
#contents .section.tickets-today {
	margin-top:10px;
	border:5px solid #000;
}

#contents .section.tickets-today h2 {
	text-align:center;
	font-size:38px;
	padding-top:30px;
	font-weight:bold;
	border-bottom:none;
	background-color:#fff;
	color:#333;
}

.section.tickets-today p.lead {
	margin-bottom:1.0em;
	font-size:16px;
	text-align:center;
}
.section.tickets-today p.lead a {
	padding:0 0.3em;
	font-weight:bold;
	font-size:1.4em;
}
.section.tickets-today ul.point {
	margin-bottom:2.0em;
}

#contents .section.tickets-today ul.point li.indent {
	text-indent:-7.0em;
	padding-left:7.0em;
}

/* 公演期間、会場 */
.section.tickets-today ul.date {
	font-size:20px;
	line-height:1.5em;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	background-color:#CCF2FE;
	border-radius:5px;
}
.section.tickets-today ul.date li {
	display:inline-block;
	margin-right:1.0em;
}
.section.tickets-today ul.date li:last-child {
	display:inline-block;
}

/* ①公演前日《WEB販売》 */
.section.sale-web {}
	.section.sale-web p.lead {
		margin-bottom:1.0em;
		font-size:18px;
	}
	.section.sale-web ul li em {
		color:#c00000;
	}
	.section.sale-web p.btn {
		margin:2.0em 0 1.0em;
		text-align:center;
	}
	#contents p.btn a.btn_yellow {
		font-size:30px;
		padding:20px 50px;
	}
	.section.sale-web ul.notes {
		margin-bottom:1.0em;
	}


/* ②公演当日《窓口販売》 */
.section.sale-window {
	margin-bottom:0 !important;
}
	.section.sale-window p.lead {
		margin-bottom:1.0em;
		font-size:18px;
	}
	.section.sale-window ul.notes {
		margin-bottom:1.0em;
	}
	.section.sale-window ul li em {
		color:#c00000;
	}
	.section.sale-window ul.point {
		margin-bottom:1.5em;
	}


	.sale-window dl.guide {
		padding-left:1.0em;
		font-size:18px;
	}
	.sale-window dl.guide dt {
		font-weight:bold;
		display:inline-block;
	}
	.sale-window dl.guide dt:after {

	}
	.sale-window dl.guide dd {
		display:inline-block;
	}
	.sale-window dl.guide dd:before {
		content:" ≫ ";
	}



/* ======== Media Queries 769px ====== */
@media screen and (max-width: 769px) {

#contents h2 {
	font-size:16px;
}

#contents .section.tickets-today h2 {
	font-size:22px;
	padding-top:20px;
}
.section.tickets-today p.lead {
	margin-bottom:1.0em;
	font-size:14px;
	text-align:left;
}
.section.tickets-today p.lead a {
	padding:0;
	font-weight:bold;
}
.section.tickets-today p.lead a {
	font-size:1.2em;
}

/* 公演期間、会場 */
.section.tickets-today ul.point {
	margin-bottom:1.0em;
}
.section.tickets-today ul.date {
	font-size:14px;
	text-align:left;
	padding:5px 10px;
}
#contents .section.tickets-today ul.date li {
	display:block;
	margin-right:0;
	text-indent:0;
	padding-left:0;
}
.section.tickets-today ul.date li:last-child {
	display:block;
}
#contents .section.tickets-today ul.point li.indent {
	text-indent:0em;
	padding-left:0em;
}

/* ①公演前日《WEB販売》 */
.section.sale-web p.lead {
	font-size:16px;
}
	.section.sale-web p.btn {
		margin:2.0em 0 0;
	}
	#contents p.btn a.btn_yellow {
		font-size:24px;
		padding:15px 10px;
		display:block;
	}

/* ②公演当日《窓口販売》 */
	.section.sale-window p.lead {
		font-size:16px;
	}

	.sale-window dl.guide {
		padding-left:0;
		font-size:16px;
	}
	.sale-window dl.guide {
		text-align:center;
	}
	.sale-window dl.guide dt {
		font-weight:bold;
		display:inline-block;
	}
	.sale-window dl.guide dt:after {
	}
	.sale-window dl.guide dd {
		display:block;
	}
	.sale-window dl.guide dd:before {
		content:"≫ ";
	}


/* ======== Media Queries 769px ====== */
}



