@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;color:#666666 !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 */
#contents.top{
  background-color: #fff;
  }
  

/*
#contents.top h2 {
	background-color: #000;
	font-size: 24px;
	padding: 15px 15px 10px;
}
*/

#contents.top th {background-color:#000;}


/* ======== MQ 769px ====== */
@media screen and (max-width: 640px) {

	#contents.top h2 {
	font-size: 16px;
	padding: 10px 0px 5px;
	}

/* ======== MQ End ====== */
}

#contents {
	color:#000;
	font-size:15px;
	line-height:1.5em;
	padding:0 0 12px;
}
	#contents .section {
		margin:0 12px 20px;
	}
	#contents .article {
		padding:0px;
		background-color:#fff;
	}



/* ■タイトル */
#contents.top p.title {
	margin-bottom:5px;
}
#contents.top p.title img {
	vertical-align:bottom;
}



/* ======== Media Queries 769px ====== */
@media screen and (max-width: 640px) {

#contents.top p.title {
	margin:10px 10px 0;
}
#contents.top p.btn.notice {
	margin:0 10px;
	padding-top:1.0em;
}
#contents.top p.btn.notice a {
	font-size:15px;
	line-height:1.0em;
	display:block;
	padding:5px 10px 10px;
	margin:0 15px;
}
#contents.top .btn.sales-today {
	margin:0 10px;
	padding-top:1.0em;
}
#contents.top .btn.sales-today a {
	font-size:20px;
	line-height:1.0em;
	display:block;
	border-radius:5px;
	padding:5px 10px 10px;
	margin:0 15px;
}

#contents .information .stage .btn_en {
			color:#333;
			text-align:center;
			font-size:20px;			
			background-color:#EBF2F4;
			border:1px solid #A2E0F2;
			margin:0px;
			padding:18px 18px ;
			
		}
		
#contents .information .stage .btn_en a {
			color:#333;
			display:block;
		}

/* ======== 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,
			#contents ul.anchor li p span {
				background:transparent url("icn_anchor01.png") no-repeat left center;
				padding-left:18px;
			}
		#contents ul.anchor li p {
			text-align:center;
			padding:20px 10px;
			display:block;
			color:#fff;
			background: #e8e8e8;
			background: -moz-linear-gradient(top, #e8e8e8 1%, #8c8c8c 100%);
			background: -webkit-linear-gradient(top, #e8e8e8 1%,#8c8c8c 100%);
			background: linear-gradient(to bottom, #e8e8e8 1%,#8c8c8c 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#8c8c8c',GradientType=0 );
		}

/* facility.html */
#contents ul.anc_facility {
	width:932px;
	border:1px solid #9dd5fa;
	background-color:#fff;
	margin-bottom:20px;
	font-size:18px;
	display:table;
}
	#contents ul.anc_facility li {
		display:table-cell;
		border-right:1px solid #9dd5fa;
	}
	#contents ul.anc_facility li:last-child {
		border-right:0 solid #9dd5fa;
	}
	#contents ul.anc_facility li a {
		text-align:center;
		padding:20px 0;
		text-decoration:none;
		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.anc_facility li a:hover {
		opacity:0.8;
	}
		#contents ul.anc_facility li a span {
			background:transparent url("icn_anchor01.png") no-repeat left center;
			padding-left:18px;
		}


	/* 注釈 */
	#contents .precede ul.note {
		text-align:center;
		color:#333;
	}



/* 見出し */
/*
#contents h2 {
	font-size:16px;
	line-height:1.2em;
	padding:10px 15px 5px;
*/

/* フェーズ1カラー
	background-color:#b81b2c;
	border-bottom:4px solid #931623;
	padding:10px 15px;
*/
}



/* ■開催情報 */
#contents .information {}
	#contents .information p {
		margin-bottom:1.0em;
	}
	#contents .information p.lead {
		font-size:22px;
		color:#489469;
		line-height:1.2em;
		margin-bottom:0.5em;
	}
	#contents .information p.photo {
		xfloat: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 .stage {
		clear:both;
		margin-bottom:10px;
	}
		
		
#contents .information .stage .btn {
			color:#fff;
			text-align:center;
			font-size:20px;			
			background-color:#0074be;
			margin:0px;
			padding:18px 18px ;
			
		}
		
#contents .information .stage .btn a {
			color:#fff;
			display:block;
		}

#contents .information h1 {
		color:#000;
		font-weight:bold;
		font-size:18px;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}

#contents .information div.english {
		color:#333;
		font-size:12px;
		margin:5px;
		tex-align:right;
	}


#contents .information .stage h2,
#contents .information .stage h3 {
			font-weight:bold;
			color:#A16D11;
			margin-top:1.5em;
			margin-bottom:0px;
			float : none; 
			border-bottom: 1px dotted #A16D11;
		}	

#contents .information .stage h2.date,
#contents .information .stage h3.date {
			margin:5px 0 0 0;
			font-weight:normal;
			color:#000;
			border:0px;
			font-size:14px;
		}	
	
	
h1.heading01 {
	background-color:#fff;
}


#contents .information .stage .btn_en {
			color:#333;
			text-align:center;
			font-size:20px;			
			background-color:#EBF2F4;
			border:1px solid #A2E0F2;
			margin:0px;
			padding:18px 18px ;
			
		}
		
#contents .information .stage .btn_en a {
			color:#333;
			display:block;
		}


/* ■お気に入り登録 */
#contents .favorite {
	margin-top:30px;
	margin-bottom:20px;
	}

#contents .favorite div.lead{
		font-size:18px;
		color:#3bbbb6;
		background-color:#f5f5f5;
		line-height:1.8em;
		padding:5px;
		border-left:5px solid #3bbbb6;
		margin-bottom:20px;
	}
	
	#contents .favorite p.lead{
		font-size:18px;
		color:#489469;
		line-height:1.2em;
		padding:5px;
		border:1px solid #dddddd;
	    background-color:#f5f5f5;
		
	}
	#contents .favorite ul {
		
	}
		#contents .favorite ul li {
			display:inline-block;
			font-size:14px;		
		}
		#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:14px;
			margin:0px;
			
		}
			#contents .favorite ul dd a {
				color:#fff;
				background-color:#3bbbb6;
				border-radius:5px;
				padding:6px 10px;
				white-space:nowrap;
			}

#contents .favorite .btn {
			color:#fff;
			text-align:center;
			font-size:20px;			
			background-color:#3bbbb6;
			margin-bottom:15px;
			padding:18px 18px ;
			
		}

#contents .favorite .btn a {
			color:#fff;
			display:block;
		}

#contents .favorite .links {
			color:#fff;
			text-align:left;
			font-size:16px;			
			background-color:#000;
			margin-top:20px;
			margin-bottom:15px;
			padding:10px 10px ;
		}
		
#contents .favorite .links ul li dt{
           font-size:14px;
           }
           

#contents  ul {margin-top:5px;
		
	}
		#contents  ul li {			
			font-size:14px;		
		}


/* ■公演ピックアップ最新 */
#contents .information .stage .pick_red {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#ff3300;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
	}
	
#contents .information .stage .pick2 {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#333;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
	}

#contents .information .stage .pick2_glay {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#666;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
		border:1px solid #666;

	}

#contents .information .stage .pick2_orange {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#EB8400;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
		border:1px solid #EB8400;

	}

#contents .information .stage .pick2_chri {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#ff0000;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
		border:1px solid #ff0000;

	}

#contents .information .stage .pick2_red2 {
		font-size:16px;
		font-weight:bold;
		color:#fff;
		background-color:#cc0000;
		margin-top:1em;
		padding:10px 0px 10px 10px ;
		border:1px solid #cc0000;

	}

#contents .information .stage .pick {
		border:1px solid #333;
		padding:0.5em;
		margin-bottom:1em;
		}

#contents .information .stage .pick_orange {
		border:1px solid #EB8400;
		padding:0.5em;
		margin-bottom:1em;
		}

#contents .information .stage .pick_chri {
		border:1px solid #ff0000;
		padding:0.5em;
		margin-bottom:1em;
		}

#contents .information .stage .pick_red2 {
		border:1px solid #cc0000;
		padding:0.5em;
		margin-bottom:1em;
		}

#contents .information .stage .pick img.gazou {
		width:100px;
		height:100px;
		float:left;
		margin-right:5px;
		}

#contents .information .stage .pick img.gazou2 {
		width:100px;
		height:auto;
		float:left;
		margin-right:5px;
		}

#contents .information .stage .pick_red2 img.gazou {
		width:100px;
		height:100px;
		float:left;
		margin-right:5px;
		}

#contents .information .stage .pick_orange img.gazou2 {
		width:100px;
		height:auto;
		float:left;
		margin-right:5px;
		}

#contents .information .stage .pick_chri img.gazou2 {
		width:100px;
		height:auto;
		float:left;
		margin-right:5px;
		}

#contents .information .stage .pick p.txt{
       padding:0 0 0 5px;
       margin:0 0 0 5px;
       }
       
#contents .information .stage .pick2_red {
		border:1px solid #ff3300;
		padding:0.5em;
		margin-bottom:1em;
		}


       

.clear{ clear: both;}

#contents .information .stage .pick:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* ======== Media Queries 769px ====== */
@media screen and (max-width: 640px) {

.pc {display:none;}
.smp {display:inline;}




#contents {}

#contents .article {
	padding:10px;
}


/* 見出し */

/* 2018/1/6 CommentOut H.H
#contents h2 {
	font-size:16px;
	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,
	#contents.facility ul.anchor li:last-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 .favorite {
	margin-top:20px;
	margin-bottom:20px;
	}

#contents .favorite div.lead{
		font-size:18px;
		color:#3bbbb6;
		background-color:#f5f5f5;
		line-height:1.2em;
		padding:5px;
		border-left:5px solid #3bbbb6;
		margin-bottom:20px;
	}
	
	#contents .favorite p.lead{
		font-size:18px;
		color:#489469;
		line-height:1.2em;
		padding:5px;
		border:1px solid #dddddd;
	    background-color:#f5f5f5;
		
	}
	#contents .favorite ul {
		
	}
		#contents .favorite ul li {
			display:inline-block;
			font-size:14px;		
		}
		#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:14px;
			margin:0px;
			
		}
			#contents .favorite ul dd a {
				color:#fff;
				background-color:#3bbbb6;
				border-radius:5px;
				padding:6px 10px;
				white-space:nowrap;
			}

#contents .favorite .btn {
			color:#fff;
			text-align:center;
			font-size:20px;			
			background-color:#3bbbb6;
			margin-bottom:15px;
			padding:18px 18px ;
			
		}

#contents .favorite .btn a {
			color:#fff;
			display:block;
			
		}


#contents .favorite .links {
			color:#fff;
			text-align:left;
			font-size:16px;			
			background-color:#000;
			margin-top:20px;
			margin-bottom:15px;
			padding:10px 10px ;
		}

#contents .favorite .links ul li dt{
           font-size:14px;
           }	


/* ======== Media Queries End ====== */
}


#static{
	width:665px;
	padding:0;
	margin:0 auto;
	font-size:75%;
}

#contents p.main{
	font-size:x-small;
}

#contents p{
	margin-bottom:20px;
}
#contents p.main{
	text-align:center;
}

#contents ul.relatedlinks{
	list-style-type:disc!important;
}
#contents ul.relatedlinks li{
	float:left;
	margin-right:1em;
}

.paragraph{
  border-bottom:solid 1px #999;
  margin:10px 12px 10px 12px;  
  }

h4.paragraph{
  border-bottom:solid 1px #999;
  margin:10px 12px 10px 12px; 
  }

@media screen and (min-width:600px){
  /*600px以上で適用する内容*/
  
#contents p.main img{
	margin:5px auto;
	display:block;
	width:640px;
  }

  
}