@charset "utf-8";
/*
 * ================================================
 *
 * [content]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * 表示・非表示
 * ---------------------------------------------------
 */
.pcDspNone {
	display: none !important;
}



/**
 * ---------------------------------------------------
 * 幅指定
 * ---------------------------------------------------
 */
.w5p { width: 5% !important; }
.w33p { width: 33% !important; }
.w45p { width: 45% !important; }
.w49p { width: 49% !important; }
.w50p { width: 50% !important; }
.w90p { width: 90% !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w420 { width: 420px !important; }
.w440 { width: 440px !important; }
.w480 { width: 480px !important; }
.w510{ width: 510px !important; }
.w640 { width: 640px !important; }
.w1em { width: 1em !important; }
.w2em { width: 2em !important; }
.w3em { width: 3em !important; }
.w3hem { width: 3.5em !important; }
.w4em { width: 4em !important; }
.w4hem { width: 4.5em !important; }
.w5em { width: 5em !important; }
.w5hem { width: 5.5em !important; }
.w6em { width: 6em !important; }
.w6hem { width: 6.5em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w9em { width: 9em !important; }
.w10em { width: 10em !important; }
.w11em { width: 11em !important; }
.w12em { width: 12em !important; }
.w13em { width: 13em !important; }
.w14em { width: 14em !important; }
.w15em { width: 15em !important; }
.w16em { width: 16em !important; }
.w17em { width: 17em !important; }
.w18em { width: 18em !important; }
.w19em { width: 19em !important; }
.w20em { width: 20em !important; }



/**
 * ---------------------------------------------------
 * レイアウト
 * ---------------------------------------------------
 */
.mL1hem { margin-left: 1.5em !important; }
.mL2em { margin-left: 2em !important; }
.mL2hem { margin-left: 2.5em !important; }
.mL3em { margin-left: 3em !important; }
.mL3hem { margin-left: 3.5em !important; }
.mL4em { margin-left: 4em !important; }
.mL4hem { margin-left: 4.5em !important; }
.mL5em { margin-left: 5em !important; }
.mL6em { margin-left: 6em !important; }
.mL7em { margin-left: 7em !important; }
.mL8em { margin-left: 8em !important; }
.mL9em { margin-left: 9em !important; }
.mL10em { margin-left: 10em !important; }
.mL11em { margin-left: 11em !important; }
.mL12em { margin-left: 12em !important; }
.mL17em { margin-left: 17em !important; }
.mL70 { margin-left: 70px !important; }
.mB55 { margin-bottom: 55px !important; }
.mB60 { margin-bottom: 60px !important; }
.mB70 { margin-bottom: 70px !important; }
.mB80 { margin-bottom: 80px !important; }
.mB90 { margin-bottom: 90px !important; }

.pL1em { padding-left: 1em;}
.pL2em { padding-left: 2em;}
.pL3em { padding-left: 3em;}
.pL4em { padding-left: 4em;}
.pL5em { padding-left: 5em;}
.pL6em { padding-left: 6em;}
.pL7em { padding-left: 7em;}
.pL8em { padding-left: 8em;}
.pL9em { padding-left: 9em;}
.pL10em { padding-left: 10em;}



/**
 * ---------------------------------------------------
 * 文字装飾
 * ---------------------------------------------------
 */
/**
 * フォント
 */
.fontNotoSanMed { font-family: 'NotoSanMed' !important; }
.fontNotoSanReg { font-family: 'NotoSanReg' !important; }
.fontRobotoMed { font-family: 'RobotoMed' !important; }
.fontRobotoReg { font-family: 'RobotoReg' !important; }
.fontMincho { font-family: "ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, "HGS明朝E", Verdana, "ＭＳ Ｐ明朝", serif; }


/**
 * 文字色
 */
.c835EA5 { color: #835EA5; }
.cC1AED2 { color: #C1AED2; }
.cED2087 { color: #ED2087; }
.cFF3399 { color: #FF3399; }
.cE50057 { color: #E50057; }
.c036EAB { color: #036EAB; }
.c522B8C { color: #522B8C; }
.cFCEE96 { color: #FCEE96; }
.cD94A03 { color: #D94A03; }
.cE7421F { color: #E7421F; }


/**
 * 文字揃え
 */
table.alignLeftTH th { text-align: left; }
table.alignLeftTD td { text-align: left; }
table.alignCenterTH th { text-align: center; }
table.alignCenterTD td { text-align: center; }
table.alignRightTH th { text-align: right; }
table.alignRightTD td { text-alian: right; }
table.valignTopTH th { vertical-align: top; }
table.valignTopTD td { vertical-align: top; }
table.valignMiddleTH th { vertical-align: middle; }
table.valignMiddleTD td { vertical-align: middle; }
table.valignBottomTH th { vertical-align: bottom; }
table.valignBottomTD td { vertical-align: bottom; }



/**
 * ---------------------------------------------------
 * フォーム
 * ---------------------------------------------------
 */
input.formText[type=text],
input.formText[type=password],
input.formText[type=number],
input.formText[type=email],
textarea.formText,
select.formSelect {
	padding: 5px;
	border: 1px solid #A9A8A8;
	background: #FFF;
}
input.formText[type=text]:focus,
input.formText[type=password]:focus,
input.formText[type=number]:focus,
input.formText[type=email]:focus,
textarea.formText:focus,
select.formSelect:focus {
	border: 1px solid #444;
}



/**
 * ---------------------------------------------------
 * リスト
 * ---------------------------------------------------
 */
.listTypeDecimal li {
	margin-left: 15px;
}


.listTypeDisc li {
	margin-left: 15px;
}


/**
 * 矢印リスト
 */
.listTypeArrow li {
	list-style-type: none;
	background: url(../../images/content/content/ico_arrow02_blue.png) no-repeat 15px 8px;
	padding-left: 35px;
}



/**
 * ---------------------------------------------------
 * ページ内リンクの位置調整
 * ---------------------------------------------------
 */
.pagelinkAjust {
	padding-top: 80px;
	margin-top: -80px;
}



/**
 * ---------------------------------------------------
 * 見出し
 * ---------------------------------------------------
 */
/**
 * ページタイトル
 */
.pageTitle {
	color: #1D50A2;
	font-size: 200%;
	font-family: 'NotoSanMed';
	line-height: 1.2;
	vertical-align: bottom;
	margin-bottom: 10px;
}
	.pageTitle span {
		font-size: 80%;
		font-family: 'NotoSanReg';
	}


/**
 * 中見出し
 */
.headSubject01 {
	font-family: 'NotoSanMed';
	font-size: 150%;
	color: #1D50A2;
	margin-bottom: 15px;
	line-height: 1.2;
}


/**
 * 小見出し
 */
.subHeading01 {
	color: #1D50A2;
	font-size: 130%;
	font-family: 'NotoSanMed';
	line-height: 1.3;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #A9A8A8;
}
.subHeading02 {
	color: #fff;
	font-family: 'NotoSanMed';
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 10px;
	margin-bottom: 15px;
	background: #898989;
}
	.subHeading02 a {
		color: #fff;
		text-decoration: none;
	}
.subHeading03 {
	color: #1D50A2;
	font-size: 130%;
	font-family: 'NotoSanMed';
	line-height: 1.3;
	border-top: 5px solid #1D50A2;
	border-bottom: 1px dashed #A9A8A8;
	padding: 10px 0px;
	margin-bottom: 15px;
}
.subHeading04 {
	color: #1D50A2;
	font-family: 'NotoSanMed';
}
.subHeading05 {
	color: #1D50A2;
	font-weight: bold;
	background-color: #DBDEE8;
	padding: 10px;
	margin-bottom: 10px;
}


/**
 * 青背景見出し
 */
.headBlue {
	display: inline-block;
	color: #fff;
	font-family: RobotoMed;
	text-align: center;
	text-transform: uppercase;
	line-height: 50px;
	letter-spacing: .2em;
	background-color: #1D50A2;
}



/**
 * ---------------------------------------------------
 * テーブル
 * ---------------------------------------------------
 */
/**
 * 共通装飾
 */
tr.bgBlue th,
tr.bgBlue td {
	background: #d2dcec;
}
th.bgBlue,
th.bgGreen,
th.bgGray,
td.bgBlue,
td.bgGreen,
td.bgGray,
caption.bgBlue,
caption.bgGreen,
caption.bgGray {
	color: #fff;
	font-weight: bold;
	padding: 3px 15px;
}
th.bgBlue,
td.bgBlue,
caption.bgBlue {
	background: #7c99c9;
}
th.bgGreen,
td.bgGreen,
caption.bgGreen {
	background: #57bda8;
}
th.bgGray,
td.bgGray,
caption.bgGray {
	background: #808080;
}


.normalTable {
	width: 100%;
	border-collapse: collapse;
}
	.normalTable th,
	.normalTable td {
		padding: 0px 15px 5px 0px;
	}
	.normalTable th {
		color: #1D50A2;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
	}


.normalTable2 {
	width: 100%;
	border-collapse: collapse;
}
	.normalTable2 th,
	.normalTable2 td {
		border-bottom: 1px dashed #A9A8A8;
		padding: 10px;
	}
	.normalTable2 tr:first-child th,
	.normalTable2 tr:first-child td {
		padding-top: 0px;
	}
	.normalTable2 th {
		color: #1D50A2;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
	}


.borderTable {
	width: 100%;
	border-collapse: collapse;
}
	.borderTable th,
	.borderTable td {
		font-weight: normal;
		line-height: 1.3;
		border: 1px solid #a9a8a8;
		padding: 5px 15px;
	}
	.borderTable .odd th,
	.borderTable .odd td {
		background: #f0f1f2;
	}
	.borderTable thead th {
		color: #fff;
		font-size: 90%;
		text-align: center;
		background: #808080;
		padding: 5px;
	}
	.borderTable tbody th {
		text-align: left;
	}



/**
 * ---------------------------------------------------
 * ボックス
 * ---------------------------------------------------
 */
.boxBlue {
	background: #D3EDFB;
	padding: 10px;
}


.borderBlueBox2 {
	border: 1px solid #1d50a2;
	padding: 10px 15px;
}


.blackBox {
	color: #fff;
	background: #000;
	padding: 10px 15px;
	margin-bottom: 20px;
}


/**
 * コンサート・チケット共通
 */
.boxFlyer {
	width: 130px;
	float: left;
}
	.boxFlyer .btnLink {
		display: block;
	}
.boxTxt {
	width: 510px;
	float: right;
}



/**
 * ---------------------------------------------------
 * ボタン
 * ---------------------------------------------------
 */
.btnLink {
	display: inline-block;
	text-align: center;
	background-color: #DBDEE8;
}
	.btnLink a,
	.btnLink a[target="_blank"],
	.btnLink a[href$=".pdf"] {
		display: block;
		text-decoration: none;
		padding: 10px 15px;
		background-repeat: no-repeat;
	}


/**
 * 矢印付リンク・ボタン
 */
.arrow a {
	background-image: url(../../images/content/content/ico_arrow02_blue.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	padding-left: 35px;
}
.arrow input {
	cursor: pointer;
	color: #1D50A2;
	font-family: NotoSanMed;
	background-image: url(../../images/content/content/ico_arrow02_blue.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	padding : 10px 10px 10px 35px;
	border: none;
}


/**
 * 外部リンク
 */
a.blank {
	background-repeat: no-repeat;
	background-image: url(../../images/content/content/ico_blank.png);
	background-position: right center;
	padding-right: 25px;
}
.arrow a[target="_blank"] {
	background-image: url(../../images/content/content/ico_arrow02_blue.png), url(../../images/content/content/ico_blank.png);
	background-position: left center, right center;
	padding-right: 25px;
}


/**
 * PDFリンク
 */
.btnLink a[href$=".pdf"],
a[href$=".pdf"] {
	background-image: url(../../images/content/content/ico_pdf.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	padding: 10px 15px 10px 35px;
}


/**
 * PDF・拡大リンク（座席表拡大）
 */
.enlarge a {
	background-image: url(../../images/content/content/ico_enlarge.png), url(../../images/content/content/ico_pdf.png) !important;
	background-position: left center, right center;
	padding: 0px 25px;
}


/**
 * ダウンロードリンク
 */
.btnLink.download a {
	font-size: 70%;
	text-align: center;
	line-height: 1.3;
	background-image: url(../../images/content/content/ico_pdf_dl.png);
	background-position: left center;
	padding: 0px 0px 0px 25px;
}



/**
 * ---------------------------------------------------
 * リンク
 * ---------------------------------------------------
 */
.arrowLink {
	display: inline-block;
	background: url(../../images/content/content/ico_arrow02_blue.png) no-repeat left center;
	padding-left: 15px;
}

/**
 * ---------------------------------------------------
 * タブ
 * ---------------------------------------------------
 */
.monthTab {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}
	.monthTab li {
		list-style-type: none;
		color: #e5e5e5;
		width: 52px;
		float: left;
		text-align: center;
		margin-right: 4px;
	}
	.monthTab li:last-child {
		margin-right: 0px;
	}
		.monthTab li a,
		.monthTab li span {
			display: block;
			font-weight: bold;
			text-decoration: none;
		}
		.monthTab li a,
		.monthTab li span {
			color: #B0C2DE;
			border-bottom: 7px solid #B0C2DE;
		}
		.monthTab li span {
			color: #E5E5E5;
			border-bottom: 7px solid #E5E5E5;
		}
		.monthTab li a:hover,
		.monthTab li .selected {
			color: #1D50A2;
			border-bottom: 7px solid #1D50A2;
		}



/**
 * ---------------------------------------------------
 * 問い合わせ先
 * ---------------------------------------------------
 */
.contactBox {
	border-top: 1px solid #1D50A2;
	border-bottom: 1px solid #1D50A2;
	padding: 15px 0px;
}
.contactBox .title {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	line-height: 1.3;
	background-color: #1D50A2;
	padding: 5px 10px;
	margin-bottom: 5px;
}



/**
 * ---------------------------------------------------
 * PDF一覧
 * ---------------------------------------------------
 */
.pdfListWrapper {
	border: 1px solid #A9A8A8;
}
	.pdfListWrapper .subHeading02 {
		margin-bottom: 0px;
	}
	.pdfListWrapper ul li {
		list-style-type: none;
		padding: 5px 10px;
	}
	.pdfListWrapper ul.pdfList li {
		border-bottom: 1px solid #A9A8A8;
	}
	.pdfListWrapper ul.pdfList li:last-child {
		border-bottom: none;
	}
		.pdfListWrapper ul li a[href$=".pdf"] {
			background-color: transparent;
			padding-top: 0px;
			padding-bottom: 0px;
		}



/**
 * ---------------------------------------------------
 * ページング
 * ---------------------------------------------------
 */
.pagination {
	text-align: center;
	padding-top: 30px;
	overflow: hidden;
}
	.pagination h2 {
		display: none;
	}
	.pagination .nav-links {
		display: inline-block;
	}
		.pagination .page-numbers {
			display: block;
			height: 30px;
			font-weight: bold;
			line-height: 30px;
			text-decoration: none;
			padding: 0px 10px;
			margin: 0px 3px;
			float: left;
		}
		.pagination .current,
		.pagination a:hover {
			background-color: #1D50A2;
			color: #fff
		}
		.pagination .prev {
			text-indent: -99999px;
			background: url(../../images/content/content/ico_arrow_cal_l.png) no-repeat 0px 50%;
			margin-right: 10px;
		}
		.pagination .prev:hover {
			color: #1D50A2;
			background-color: #fff;
		}
		.pagination .next {
			text-indent: -99999px;
			background: url(../../images/content/content/ico_arrow_cal_r.png) no-repeat 0px 50%;
			margin-left: 10px
		}
		.pagination .next:hover {
			color: #1D50A2;
			background-color: #fff;
		}



/**
 * ---------------------------------------------------
 * SNSボタン
 * ---------------------------------------------------
 */
#snsBox {
	overflow: hidden;
	text-align: right;
	margin-bottom: 10px;
}
	#snsBox .twitter {
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
	}
	#snsBox .facebook {
		display: inline-block;
	}
		#snsBox .facebook span {
			vertical-align: top !important;
		}



/**
 * ---------------------------------------------------
 * ポップアップ
 * ---------------------------------------------------
 */
/**
 * alphaBg
 */
#alphaBg {
	display: none;
	width: 100%;
	min-height: 100%;
	background: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2000;
}
.popupWrapper {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2100;
}
	.popupWrapper .popupCloseBt {
		width: 48px;
		height: 48px;
		text-indent: -9999px;
		background: scroll url(../../images/content/content/popupClose.png) no-repeat center center;
		position: absolute;
		top: -60px;
		right: 0px;
	}
/**
 * ---------------------------------------------------
 * 年間ラインナップ
 * ---------------------------------------------------
 */
#seasonLineupWrapper {}
	#seasonLineupWrapper h2 {
		background: #404040 url("../../images/content/concerts/concerts_bg_title.png") no-repeat scroll left top;
		color: #fff;
		font-size: 120%;
		line-height: 40px;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	#seasonLineupWrapper .pageJumper {
		margin-bottom: 20px;
	}
		#seasonLineupWrapper .pageJumper ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		#seasonLineupWrapper .pageJumper li {
			display: inline-block;
			width: 160px;
			vertical-align: top;
			margin-right: 5px;
		}
		#seasonLineupWrapper .pageJumper li:last-child {
			margin-right: 0;
		}
			#seasonLineupWrapper .pageJumper li a {
				display: table;
				padding: 5px 0;
				text-align: center;
				color: #FFFFFF;
				width: 100%;
			}
			#seasonLineupWrapper .pageJumper li a.item01 {
				background-color: #9D6A0D;
			}
			#seasonLineupWrapper .pageJumper li a.item02 {
				background-color: #C71042;
			}
			#seasonLineupWrapper .pageJumper li a.item03 {
				background-color: #008E3A;
			}
			#seasonLineupWrapper .pageJumper li a.item04 {
				background-color: #1D50A2;
			}
				#seasonLineupWrapper .pageJumper li a span {
					background: scroll url(../../images/content/content/ico_arrow03.png) no-repeat center bottom;
					padding-bottom: 20px;
					vertical-align: middle;
					display: table-cell;
					line-height: 1.2;
				}
	#seasonLineupWrapper .sectionVox {
		margin-bottom: 30px;
	}
		#seasonLineupWrapper .sectionVox h3 {
			padding: 10px;
			color: #FFFFFF;
		}
		#seasonLineupWrapper .sectionVox .articleTable {
			border: 1px solid #A9A8A8;
			width: 100%;
		}
			#seasonLineupWrapper .sectionVox .articleTable tr {}
				/*#seasonLineupWrapper .sectionVox .articleTable tr:nth-child(even) td {
					background: #F5F5F5;
				}*/
			#seasonLineupWrapper .sectionVox .articleTable td {
				border: 1px solid #A9A8A8;
				width: 50%;
				vertical-align: top;
			}
			#seasonLineupWrapper .sectionVox .articleTable td.none {
				border: 1px solid #FFFFFF;
			}
				#seasonLineupWrapper .sectionVox .articleTable td .content {
					padding: 10px 10px 20px;
				}
			#seasonLineupWrapper .sectionVox .articleTable h4 {
				font-weight: bold;
				margin-bottom: 5px;
				font-size: 110%;
			}
				#seasonLineupWrapper .sectionVox .articleTable .title {
					display: inline-block;
					padding: 2px 0.5em;
					background: #DBDEE8;
					margin-bottom: 5px;
					/*border-bottom: 1px dotted #999999;*/
				}
				#seasonLineupWrapper .sectionVox .articleTable ul {
					list-style: outside;
					margin: 0 0 15px 1em;
					padding: 0;
				}
		#seasonLineupWrapper #section01 h3 {
			background-color: #9D6A0D;
		}
		#seasonLineupWrapper #section02 h3 {
			background-color: #C71042;
		}
		#seasonLineupWrapper #section03 h3 {
			background-color: #008E3A;
		}
		#seasonLineupWrapper #section04 h3 {
			background-color: #1D50A2;
		}