@charset "UTF-8";

/*全体*/
body,
html {
	font-size: 16px;
	font-feature-settings: "palt";
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

li,
dt,
dd { list-style: none; }

h2,
h3,
h4,
h5 { margin: 0; }

p { margin: 0; }

#wrap {
	width: 100%;
	background: url(../img/bg_haikei.jpg) repeat;
	position: relative;
	z-index: 9999;
}

.container { padding: 0; }

.moNon { display: block; }

.pcNon { display: none; }

.flex_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex_center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.container::after {
	content: "";
	display: block;
	width: 30%;
}

/*お知らせ*/
.ly_news { padding: 2em; }

.bl_news {
	background: #fff;
	text-align:center;
}
.el_news {
	border-bottom:1px dashed #333;
	margin-bottom:1em;
	padding-bottom:1em;
	}
.el_news a { color: red; }
.el_news:last-of-type {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
	}
.el_news.el_news_black a {
	color:#000;
	}
.el_news_ttl {
	color: red; 
	font-size:2rem;
	line-height:1;
	margin:0;
	padding-bottom:1em;
	}
/*ヘッダー*/
.pcBgb {
	position: fixed;
	top: 0;
	background: -moz-linear-gradient(left, #0c1e3b, #000);
	background: -webkit-linear-gradient(left, #0c1e3b, #000);
	background: linear-gradient(to right, #0c1e3b, #000);
	width: 100%;
	padding: 1rem 2rem;
}

#header { margin-top: 5.8rem; }

#header h1 { margin-right: auto; }

.headerNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.headerNav li > a {
	display: inline-block;
	color: #fff;
	padding-right: 1em;
	white-space: nowrap;
	text-decoration: none;
}

.headerNav li > a:hover { color: #d3a928; }

.headerNav li > a::after {
	content: "|";
	padding-left: 1em;
}

.headerNav li > a:hover::after { color: #fff; }

.headerNav li:last-of-type > a::after {
	content: " ";
	padding-left: 0;
}

/*メインイメージ*/
#mainimage img {
	width: 100%;
	min-width: 1200px;
	height: atuo;
}

/*メイン全体*/
#main {
	width: 1200px;
	margin: auto;
	background: #000;
	position: relative;
	z-index: -10;
}

/*day*/
#day { padding: 64px 0; }

#day p { text-align: center; }

/*time*/
#time {
	padding-top: 32px;
	width: 550px;
	margin: auto;
}

.time {
	width: 100%;
	padding: 1rem 2rem;
	background: #d3a928;
	border-radius: 5px;
	text-align: center;
	font-size: 1.5rem;
}

.timeDetail { padding-top: 2rem; }

.timeDetail p {
	color: #ccc;
	font-size: 1.5rem;
	line-height: 1;
}

.timeDetail p:last-of-type {
	border-left: 1px solid #ccc;
	padding-left: 1rem;
}

.bracket { font-size: 1rem; }

.annotation {
	font-size: 14px;
	color: #a64b37;
}

/*story*/
#story {
	padding: 256px 0 0;
	position: relative;
}

#story::before {
	content: url(../img/pg_moon.png);
	position: absolute;
	left: 0;
	top: 7rem;
	z-index: -1;
}

/*タブ切り替え全体のスタイル*/

.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	width: 880px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.tabs h3 { padding-bottom: 1rem; }

.tab_item:first-of-type { margin-left: 15.3rem; }

.tab_item:last-of-type { margin-right: 0; }

.tab_item {
	width: calc(100%/6);
	height: 50px;
	background: #0c1e3b;
	border: 1px solid #d3a928;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin-right: 1rem;
	margin-bottom: 1rem;
	display: block;
	float: left;
	text-align: center;
	transition: all .2s ease;
	border-radius: 5px;
}

.tab_item:hover { opacity: 0.6; }

input[name="tab_item"] { display: none; }

.tab_content {
	display: none;
	padding: 2rem;
	clear: both;
	overflow: hidden;
	background: -moz-linear-gradient(top, #fff, #f6e386 );
	background: -webkit-linear-gradient(top, #fff, #f6e386);
	background: linear-gradient(to top, #fff, #f6e386);
	text-align: center;
	border-radius: 5px;
}

#japanese:checked ~ #japanese_content,
#english:checked ~ #english_content,
#chinese:checked ~ #chinese_content,
#korean:checked ~ #korean_content { display: block; }

.tabs input:checked + .tab_item {
	background: #d3a928;
	border: none;
	color: #fff;
}

/*cast*/
#cast {
	width: calc(100% - 4rem);
	margin: auto;
	padding: 64px 0;
}

#cast h2 {
	text-align: center;
	padding-bottom: 64px;
}

#cast ul { padding: 0; }

#cast li {
	display: block;
	width: 260px;
	margin-right: 2rem;
	margin-top: 2rem
}

#cast li:nth-of-type(4n) { margin-right: 0; }

.tichetBtn a {
	width: 6rem;
	height: 2rem;
	display: block;
	text-align: center;
	background: #d3a928;
	margin-top: 1rem;
	text-decoration: none;
	line-height: 2rem;
	color: #333;
	transition: ease-in-out .2s;
}

.tichetBtn a:hover {
	filter: alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity: 0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1; /*IE*/
}

.castName { padding: 1rem 0 2rem 0; }

.castName p {
	width: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	padding-bottom: 0;
	margin: 0;
}

.castName hr {
	background: none;
	height: 0;
	border-bottom: 1px dashed #fff;
	padding: 0;
}

.castName h4 {
	width: 100%;
	font-size: 1.5rem;
	color: #fff;
	font-weight: normal;
	line-height: 1;
}

.castCaption { color: #ccc; }

/*schedule*/
#schedule { padding: 128px 0; }

#schedule h2 { text-align: center }

#schedule #time { width: calc(100% - 4rem); }

.timeSchedule {
	color: #d3a928;
	background: #0c1e3b;
	border: 1px solid #d3a928;
	border-radius: 5px;
	text-align: center;
	padding: 1rem 0;
	font-size: 2rem;
}

.timeSchedule span { font-size: 1.5rem }

.cheduleContainer > dl {
	text-align: center;
	margin-top: 64px;
}

.cheduleContainer > dl dt {
	display: inline-block;
	width: auto;
	height: 3rem;
	background: #d3a928;
	color: #fff;
	border-radius: 5px;
	line-height: 3rem;
	padding: 0 1rem;
	vertical-align: middle;
}

.cheduleContainer > dl dd {
	display: inline-block;
	height: 3rem;
	color: #fff;
	font-size: 1.5rem;
	line-height: 3rem;
	vertical-align: middle;
	padding-left: 1rem;
}

.cheduleContainer > ol {
	width: 100%;
	margin: auto;
	margin-left: 2rem;
	padding-top: 2rem;
}

.cheduleContainer > ol li {
	width: calc((100%/3) - 2rem);
	margin-right: 1rem;
	background: #fff;
	margin-bottom: 1rem;
	border-radius: 5px;
}

.red,
.blue,
.yerrow {
	padding: .5rem 0 .5rem 1rem;
	border-radius: 5px 5px 0 0;
	color: #fff;
}

.red { background: #a64b37; }

.blue { background: #1c3a62; }

.yerrow { background: #d3a928; }

.mikado,
.ouji { width: 50%; }

.mikado dt,
.mikado dd,
.ouji dt,
.ouji dd { padding: .5rem 1rem; }

.mikado dt,
.ouji dt { color: #fff; }

.mikado dt { background: #80b44b; }

.ouji dt { background: #be8939; }

.cheduleCast { border-top: 1px solid #333; }

.cheduleCast ul { padding: 1rem; }

.cheduleCast ul li {
	width: auto;
	padding-right: .5rem;
	margin: 0;
}

.cheduleCast ul li::after {
	content: "/";
	padding-left: .5rem;
}

.cheduleCast ul li:last-of-type::after {
	content: none;
	padding-left: 0;
}

.rest { color: #a64b37; }

/*ticket*/
#ticket {
	padding: 64px 0;
	color: #ccc;
}

#ticket h2,
#ticket h3 { text-align: center; }

#ticket h2 { padding-bottom: 64px; }

#ticket h3 { padding: 32px; }

#ticket li {
	width: calc(100% - 4rem);
	margin: auto;
	margin-bottom: 1rem;
}

.priceDetail li dl {
	height: 6rem;
	background: #1c3a62;
	border-radius: 5px;
}

.priceDetail li dl dt {
	background: #0c1e3b;
	color: #d3a928;
	font-size: 1.5rem;
	line-height: 1;
	padding: 1.5rem 2rem;
	border-radius: 5px 0 0 5px;
	text-align: center;
}

.priceDetail li dl dt span { font-size: 1rem; }

.priceDetail li dl dd {
	padding-top: 1rem;
	padding-left: 1rem;
}

.priceDetail li dl dd > div p {
	font-size: 1.5rem;
	line-height: 1;
	padding-top: .5rem;
}

.priceDetail li dl dd > div p span { font-size: 1rem; }

.buyDetail li dl {
	width: 100%;
	background: #1c3a62;
	border-radius: 5px;
	line-height: 1;
}

.buyDetail li dl dt {
	font-size: 1.5rem;
	background: #0c1e3b;
	color: #d3a928;
	padding: 1.5rem 0 1.5rem 2rem;
	width: 10em;
	border-radius: 5px 0 0 5px;
}

.buyDetail li:nth-of-type(1) dl dt { }

.buyDetail li:nth-of-type(2) dl dt { padding-top: 3rem; }

.buyDetail li:nth-of-type(3) dl dt { padding-top: 2.7rem; }

.buyDetail li dl dd:first-of-type {
	padding: 0 0 0 1rem;
	margin-right: auto;
}

.buyDetail li dl dd:first-of-type p { font-size: 1.5rem; }

.buyDetail li:nth-of-type(1) dl dd:first-of-type p { padding-top: 1.6rem; }

.buyDetail li:nth-of-type(2) dl dd:first-of-type p:first-of-type { padding-top: 1.6rem; }

.buyDetail li:nth-of-type(3) dl dd:first-of-type p { padding-top: 2.5rem; }

.buyDetail li dl dd :first-of-type p span { font-size: 1rem; }

.buyDetail li dl dd :first-of-type p span a { color: #ccc; }

.buyDetail li dl dd:last-of-type {
	background: #fff;
	width: 11rem;
	padding: 1rem;
	text-align: right;
	border-radius: 0 5px 5px 0;
}

/*theater*/
#theater { padding: 64px 0; }

#theater h2 {
	text-align: center;
	padding-bottom: 64px;
}

.theaterContainer {
	width: calc(100% - 20rem);
	margin: auto;
}

.info { min-width: 20rem; }

.map {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 30%;
	margin-left: 2rem;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.theaterContent { padding-bottom: 1.5rem; }

.theaterContent h4 {
	color: #d3a928;
	font-size: 1.5rem;
	font-weight: normal;
	padding-bottom: .2rem;
}

.theaterContent h4 span {
	font-size: 1rem;
	padding-left: 1rem;
}

.theaterContent address {
	font-style: inherit;
	color: #ccc;
	font-size: 1rem;
}

.theaterContent address dl dd { padding-left: 1rem; }

.contactBtn p a {
	display: block;
	background: #d3a928;
	padding: 1rem 2rem;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	transition: all .2s ease;
}

.contactBtn p a:hover {
	filter: alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity: 0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1; /*IE*/
}

/*staff*/
#staff h3 {
	padding-bottom: 64px;
	text-align: center;
}

#staff {
	font-size: 14px;
	color: #ccc;
	padding: 64px 0 128px 0;
}

#staff p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/*フッター*/
#footer {
	width: 100%;
	min-width: 1200px;
	background: #0c1e3b;
	padding: 64px 0;
	color: #ccc;
}

.project h5 {
	text-align: center;
	padding-bottom: 1rem;
	font-size: 1rem;
}

.project ul {
	max-width: 1200px;
	margin: auto;
	padding: 2rem 0;
	background: #fff;
}

.project ul li { padding-right: 2rem; }

.project ul li:last-of-type { padding-right: 0; }

.sponsor {
	text-align: center;
	padding: 32px 0;
}

.sponsor p {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.main-footerSns { padding: 32px 0; }

.main-footerSns ul li a {
	display: block;
	padding-right: 2rem!important;
}

.main-footerSns ul li a:last-of-type { padding: 0; }

.footerNav { padding-bottom: 32px; }

.footerNav li a {
	color: #fff;
	text-decoration: none;
	padding-right: 1rem;
}

.footerNav li a::after {
	content: "|";
	padding-left: 1em;
}

.footerNav li:last-of-type a::after {
	content: " ";
	padding-left: 0;
}

.footerNav li a:hover { color: #d3a928; }

.footerNav li a:hover::after { color: #fff; }

.copyright {
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 750px) {

/*全体*/
body,
html {
	font-size: 14px;
	font-feature-settings: "palt";
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

li,
dt,
dd { list-style: none; }

h2,
h3,
h4,
h5 { margin: 0; }

#wrap {
	width: 100%;
	background: url(../img/bg_haikei.jpg) repeat;
	position: relative;
	z-index: 9999;
}

.container { padding: 0; }

.moNon { display: block; }

.pcNon { display: none; }

.flex_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex_center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*ヘッダー*/
.pcBgb {
	background: -moz-linear-gradient(left, #0c1e3b, #000);
	background: -webkit-linear-gradient(left, #0c1e3b, #000);
	background: linear-gradient(to right, #0c1e3b, #000);
	width: 100%;
	padding: 1rem 2rem;
}

#header { margin-top: 6rem; }

#header h1 { margin-right: auto; }

#header h1 img { max-height: 2em; }

.headerNav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.headerNav li > a {
	display: inline-block;
	color: #fff;
	padding-right: 1em;
	white-space: nowrap;
	text-decoration: none;
}

.headerNav li > a:hover { color: #d3a928; }

.headerNav li > a::after {
	content: "|";
	padding-left: 1em;
}

.headerNav li > a:hover::after { color: #fff; }

.headerNav li:last-of-type > a::after {
	content: " ";
	padding-left: 0;
}

/*メインイメージ*/
#mainimage img {
	width: 100%;
	min-width: 100%;
	height: atuo;
}

/*メイン全体*/
#main {
	width: 100%;
	margin: auto;
	background: #000;
	position: relative;
	z-index: -10;
}

.white a {
	color: #fff;
	text-decoration: none;
}

/*sns*/
.snsMain {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0;
}

.snsMain li a {
	display: block;
	margin-right: 0;
	margin-top: 2rem;
}

.snsMain li a:hover { opacity: .6; }

.snsMain li:last-of-type a {
	padding-right: 0;
	margin-right: 0;
}

/*day*/
#day { padding: 64px 0 0; }

#day p { text-align: center; }

#day p img {
	width: 70%;
	margin: auto;
}

/*time*/
#time {
	padding-top: 32px;
	width: 100%;
	margin: auto;
}

.time {
	width: calc(100% - 2rem);
	margin: auto;
	padding: 1rem 2rem;
	background: #d3a928;
	border-radius: 5px;
	text-align: center;
	font-size: 1.5rem;
}

.timeDetail { display: block; }

.timeDetail p {
	width: calc(100% - 2rem);
	margin: auto;
	color: #ccc;
	font-size: 1.5rem;
	line-height: 1;
	text-align: center;
}

.timeDetail p:first-of-type {
	padding-bottom: 1rem;
	padding-top: 2rem;
}

.timeDetail p:last-of-type {
	border-left: none;
	border-top: 1px solid #ccc;
	padding-top: 1rem;
	padding-left: 0;
}

.bracket { font-size: 1rem; }

.annotation {
	font-size: 14px;
	color: #a64b37;
}

/*story*/
#story {
	padding: 64px 0;
	position: relative;
	overflow: hidden;
}

#story::before {
	content: none;
	position: absolute;
	left: 0;
	top: -5rem;
	z-index: -1;
}

/*タブ切り替え全体のスタイル*/

.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	width: calc(100% - 2rem);
	margin: auto;
	position: relative;
	z-index: 100;
}

.tab_item:first-of-type { margin-left: 0; }

.tab_item:last-of-type { margin-right: 0; }

.tab_item {
	width: calc(100%/4);
	height: 50px;
	background: #0c1e3b;
	border: 1px solid #d3a928;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	margin-right: 0;
	margin-bottom: 1rem;
	display: block;
	float: left;
	text-align: center;
	transition: all .2s ease;
	border-radius: 5px;
}

.tab_item:hover { opacity: 0.6; }

input[name="tab_item"] { display: none; }

.tab_content {
	display: none;
	padding: 2rem;
	clear: both;
	overflow: hidden;
	background: -moz-linear-gradient(top, #fff, #f6e386 );
	background: -webkit-linear-gradient(top, #fff, #f6e386);
	background: linear-gradient(to top, #fff, #f6e386);
	text-align: center;
	border-radius: 5px;
}

#japanese:checked ~ #japanese_content,
#english:checked ~ #english_content,
#chinese:checked ~ #chinese_content,
#korean:checked ~ #korean_content { display: block; }

.tabs input:checked + .tab_item {
	background: #d3a928;
	border: none;
	color: #fff;
}

/*cast*/
#cast {
	width: calc(100% - 4rem);
	margin: auto;
	padding: 64px 0;
}

#cast h2 {
	text-align: center;
	padding-bottom: 64px;
}

#cast h2 img {
	width: calc(100% - 4rem);
	margin: auto;
}

#cast ul {
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center!important;
}

#cast ul::after {
	content: "";
	display: block;
	width: calc((100%/2) - 2rem);
}

#cast li {
	display: block;
	width: calc((100%/2) - 2rem);
	max-width: 260px;
	margin-right: 2rem;
	margin-top: 2rem
}

#cast li img { width: 100%; }

#cast li:nth-of-type(even) { margin-right: 0; }

.tichetBtn a {
	width: 6rem;
	height: 2rem;
	display: block;
	text-align: center;
	background: #d3a928;
	margin-top: 1rem;
	text-decoration: none;
	line-height: 2rem;
	color: #333;
	transition: ease-in-out .2s;
}

.tichetBtn a:hover {
	filter: alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity: 0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1; /*IE*/
}

.castName { padding: 1rem 0 2rem 0; }

.castName p {
	width: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	padding-bottom: 0;
	margin: 0;
}

.castName hr {
	background: none;
	height: 0;
	border-bottom: 1px dashed #fff;
	padding: 0;
}

.castName h4 {
	width: 100%;
	font-size: 1.5rem;
	color: #fff;
	font-weight: normal;
	line-height: 1;
}

.castCaption { color: #ccc; }

/*schedule*/
#schedule { padding: 128px 0; }

#schedule h2 { text-align: center }

#schedule h2 img {
	width: calc(100% - 4rem);
	margin: auto;
}

#schedule #time { width: calc(100% - 4rem); }

.timeSchedule {
	color: #d3a928;
	background: #0c1e3b;
	border: 1px solid #d3a928;
	border-radius: 5px;
	text-align: center;
	padding: 1rem 0;
	font-size: 2rem;
}

.timeSchedule span { font-size: 1.5rem }

.cheduleContainer > dl {
	text-align: center;
	margin-top: 64px;
}

.cheduleContainer > dl dt {
	display: inline-block;
	width: auto;
	height: 3rem;
	background: #d3a928;
	color: #fff;
	border-radius: 5px;
	line-height: 3rem;
	padding: 0 1rem;
	vertical-align: middle;
}

.cheduleContainer > dl dd {
	display: inline-block;
	height: 3rem;
	color: #fff;
	font-size: 1.5rem;
	line-height: 3rem;
	vertical-align: middle;
	padding-left: 1rem;
}

.cheduleContainer > ol {
	width: 100%;
	margin: auto;
	margin-left: 0;
	padding-top: 2rem;
}

.cheduleContainer > ol li {
	width: calc(100% - 2rem);
	margin: auto;
	background: #fff;
	margin-bottom: 1rem;
	border-radius: 5px;
}

.red,
.blue,
.yerrow {
	padding: .5rem 0 .5rem 1rem;
	border-radius: 5px 5px 0 0;
	color: #fff;
}

.red { background: #a64b37; }

.blue { background: #1c3a62; }

.yerrow { background: #d3a928; }

.mikado,
.ouji { width: 50%; }

.mikado dt,
.mikado dd,
.ouji dt,
.ouji dd { padding: .5rem 1rem; }

.mikado dt,
.ouji dt { color: #fff; }

.mikado dt { background: #80b44b; }

.ouji dt { background: #be8939; }

.cheduleCast { border-top: 1px solid #333; }

.cheduleCast ul { padding: 1rem; }

.cheduleCast ul li {
	width: auto;
	padding-right: .5rem;
	margin: 0;
}

.cheduleCast ul li::after {
	content: "/";
	padding-left: .5rem;
}

.cheduleCast ul li:last-of-type::after {
	content: none;
	padding-left: 0;
}

.rest { color: #a64b37; }

/*ticket*/
#ticket {
	padding: 64px 0;
	color: #ccc;
}

#ticket h2,
#ticket h3 { text-align: center; }

#ticket h2 { padding-bottom: 64px; }

#ticket h2 img {
	width: calc(100% - 4rem);
	margin: auto;
}

#ticket h3 { padding: 32px; }

#ticket li {
	width: calc(100% - 2rem);
	margin: auto;
	margin-bottom: 1rem;
}

.priceDetail li dl {
	height: 6rem;
	background: #1c3a62;
	border-radius: 5px;
}

.priceDetail li dl dt {
	width: 8em;
	background: #0c1e3b;
	color: #d3a928;
	font-size: 1rem;
	line-height: 1;
	padding: 1.5rem 0;
	border-radius: 5px 0 0 5px;
	text-align: center;
}

.priceDetail li dl dt span { font-size: 1rem; }

.priceDetail li dl dd {
	padding-top: 1rem;
	padding-left: 1rem;
}

.priceDetail li dl dd > div p {
	font-size: 1rem;
	line-height: 1;
	padding-top: .5rem;
}

.priceDetail li dl dd > div p span { font-size: 1rem; }

.buyDetail li dl {
	width: 100%;
	background: #1c3a62;
	border-radius: 5px;
	line-height: 1.5;
}

.buyDetail li dl dt {
	font-size: 1rem;
	background: #0c1e3b;
	color: #d3a928;
	padding: 1.5rem 0 1.5rem 1rem;
	width: 10em;
	border-radius: 5px 0 0 5px;
}

.buyDetail li:nth-of-type(1) dl dt { }

.buyDetail li:nth-of-type(2) dl dt { padding-top: 2rem; }

.buyDetail li:nth-of-type(3) dl dt { padding-top: 1rem; }

.buyDetail li dl dd:first-of-type {
	padding: 0 0 0 1rem;
	margin-right: auto;
}

.buyDetail li dl dd:first-of-type p { font-size: 1rem; }

.buyDetail li:nth-of-type(1) dl dd:first-of-type p { padding-top: 1.6rem; }

.buyDetail li:nth-of-type(2) dl dd:first-of-type p:first-of-type { padding-top: 1rem; }

.buyDetail li:nth-of-type(2) dl dd:first-of-type p:nth-of-type(2) { padding-bottom: 1rem; }

.buyDetail li:nth-of-type(3) dl dd:first-of-type p { padding-top: 1rem; }

.buyDetail li dl dd :first-of-type p span { font-size: 1rem; }

.buyDetail li dl dd :first-of-type p span a { color: #ccc; }

.buyDetail li dl dd:last-of-type { display: none; }

/*theater*/
#theater { padding: 64px 0; }

#theater h2 {
	text-align: center;
	padding-bottom: 64px;
}

#theater h2 img {
	width: 80%;
	margin: auto;
}

.theaterContainer {
	width: calc(100% - 2rem);
	margin: auto;
	display: block;
}

.info {
	min-width: 100%;
	width: 100%;
	margin: auto;
}

.map {
	margin: 0 auto;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-left: 0;
}

.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.theaterContent { padding-bottom: 1.5rem; }

.theaterContent h4 {
	color: #d3a928;
	font-size: 1.5rem;
	font-weight: normal;
	padding-bottom: .2rem;
}

.theaterContent h4 span {
	font-size: 1rem;
	padding-left: 1rem;
}

.theaterContent address {
	font-style: inherit;
	color: #ccc;
	font-size: 1rem;
}

.theaterContent address dl dd { padding-left: 1rem; }

.contactBtn p a {
	display: block;
	background: #d3a928;
	padding: 1rem 2rem;
	color: #333;
	text-decoration: none;
	white-space: nowrap;
	transition: all .2s ease;
}

.contactBtn p a:hover {
	filter: alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity: 0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1; /*IE*/
}

.castName { }

/*staff*/
#staff {
	width: calc(100% - 2rem);
	margin: auto;
	font-size: 14px;
	color: #ccc;
	padding: 64px 0 128px 0;
}

#staff h3 {
	padding-bottom: 64px;
	text-align: center;
}

#staff p {
	text-align: center;
	padding: 0;
	margin: 0;
}

/*フッター*/
#footer {
	width: 100%;
	min-width: 100%;
	background: #0c1e3b;
	padding: 64px 0;
	color: #ccc;
}

.project h5 {
	text-align: center;
	padding-bottom: 1rem;
	font-size: 1rem;
}

.project ul {
	width: 100%;
	margin: auto;
	padding: 2rem 0;
	background: #fff;
}

.project ul li { padding-right: 2rem; }

.project ul li:last-of-type { padding-right: 0; }

.sponsor {
	width: calc(100% - 2rem);
	margin: auto;
	text-align: center;
	padding: 32px 0;
}

.sponsor p {
	font-size: 14px;
	padding: 0;
	margin: 0;
}

.footerNav {
	padding-top: 32px;
	padding-bottom: 32px;
}

.footerNav ul {
	display: block;
	width: 100%;
	text-align: center;
}

.footerNav li a {
	display: block;
	font-size: 16px;
	color: #ccc;
	text-decoration: none;
	padding-right: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 1em;
}

.footerNav li a::after {
	content: none;
	padding-left: 0;
}

.footerNav li:last-of-type a::after {
	content: " ";
	padding-left: 0;
}

.footerNav li a:hover { color: #d3a928; }

.footerNav li a:hover::after { color: #fff; }

.copyright {
	text-align: center;
	color: #fff;
}
}