@charset "UTF-8";
/* CSS Document */

/* ぱんくず */
#breadcrumb{
	display: block;
	margin-left: 55px;
	font-size: 10px;
	text-align: left;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(73, 49, 1, 0.9);
}
#breadcrumb a{
	color: #FFF!important;
}
#breadcrumb a:hover{
	
}
#breadcrumb a:after{
	display: inline-block;
	content: "\003e";
	margin: 0 3px;
}
/* smart phone */
@media screen and (max-width: 640px) {
	#breadcrumb{
		margin-left: 10px;
		font-size: 9px;
	}
}




/* セクション */
section{
	padding: 30px 0;
}
section#actor{
	padding-top: 0;
	padding-bottom: 0;
}
section#a-japan{
	padding-bottom: 50px;
}
section.fill{
	background: white;	
}
/* セクションタイトル */
.secttl{
	position: relative;
	font-size: 30px;
	font-weight: bold;
	color: #E1524B;
	line-height: 1;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}
.secttl span{
	display: inline-block;
	font-size: 20px;
	margin: auto 10px;
	vertical-align: middle;
}
#ti-sale .secttl small{
	letter-spacing: 0;
	font-size: 20px!important;
	font-weight: normal;
}
#contents{
	padding: 0;
	text-align: center;
	background-image: url(../images/white.gif), url(../images/2nd_content_BG.gif);
	background-repeat: repeat-y, repeat;
	background-position: top center;
	box-sizing: border-box;
}
.cast #contents{
	width: 100%;
	margin: auto;
	padding: 0 calc((100% - 900px)/2);
}
.ticket #contents{
	background-image: url(../images/2nd_content_BG_opacity70.png), url(../images/2nd_content_BG2.gif);
}
/* smart phone */
@media screen and (max-width: 640px) {
	section{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#contents{
		padding-top: 0;
	}
	.cast #contents{
		width: 100%;
	}
	.secttl{
		position: relative;
		font-size: 21px;
		font-weight: normal;
		color: #E1524B;
		min-height: auto;
		line-height: 1em;
		padding: 0;
		margin-bottom: 10px;
	}
	.secttl span{
		font-size: 14px;
	}
	#ti-sale .secttl{
		padding: 0;
		margin-bottom: 10px;
	}
	#ti-sale .secttl small{
		font-size: 12px!important;
		line-height: 1;
	}
	#a-student .secttl{
		line-height: 24px;
	}
}



/* Movie */
#movie{
	display: block;
	height: 475px;
	background: url(../images/mov_wsk.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 50px
}
.m-title{
	font-size: 33px;
	font-weight: normal;
	margin-bottom: 30px;
	color: #B08007;
}
.m-tn{
	
}
#movie iframe{
	width: 560px;
	height: 310px;
}






/* ボタン */
.btna{
	position: relative;
	display: inline-block;
	width: 280px;
	height: 50px;
	padding: 15px 0px 16px 15px;
	border: solid 2px #C29A3C;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #bf973c!important;
	text-align: center;
	line-height: 1;
	font-feature-settings : "palt";
	box-sizing: border-box;
	
	-webkit-transition: none; 
	transition: none; 
}
.btna:before{
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.2);
	
}
.btna:after{
	content: url(../images/btna_arrow.png);
	position: absolute;
	left: 12px;
	top: 12px;
}
.btna:hover{
	text-decoration: underline;
	color: #a77825;
	background:rgba
}
.btna:hover:before{
	display: block;
}
/* smart phone */
@media screen and (max-width: 640px) {
	.btna{
		position: relative;
		display: block;
		border: solid 1px #bf973c;
		border-radius: 5px;
		font-size: 12px;
		width: 90%;
		height: 36px;
		padding: 11px 0px 9px 10px;
		margin: 0 auto 5px;	
	}
	.btna:before{
		left: 3px;
		top: -3px;
		transform: scale(0.5, 0.5);
	}
	.btna:after{
		left: 7px;
		top: 7px;
		transform: scale(0.8, 0.8);
	}
}




/* 公演リスト表*/
table.conlist{
	position: relative;
	width: 860px;
	border-collapse: collapse;
	margin: 30px auto 20px;
}
table.conlist tr{
	position: relative;
}
table.conlist th,
table.conlist td{
	padding: 10px;
	/*padding-bottom: 7px;*/
	border-right: dashed 1px #BB933C;
	border-bottom: dashed 1px #BB933C;
	width: auto;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.8;
}
table.conlist th:first-child,
table.conlist td:first-child{
	padding-left: 0;
}
table.conlist th:last-child,
table.conlist td:last-child{
	padding-right: 0;
	border-right: none;
}
table.conlist th{
	color: #BB933C;
	padding-top: 0px;
	padding-bottom: 15px;
	line-height: 1;
}
table.conlist td{
	text-align: left;
}
table.conlist td.cntr{
	text-align: center;
}
table.conlist th.hidecell,
table.conlist td.hidecell{
	/*display: block;
	width: 100%;
	background-color: rgba(255, 0, 0, 0.3);
	position: absolute;
	left: 0px;*/
}
table.conlist th.hidecell.active,
table.conlist td.hidecell.active{
	
}
table.conlist .date{
	color: #BB933C;
	font-weight: bold;
}
table.conlist .date:before{
	content: "▶︎";
	display: inline-block;
	margin-right: 2px;
}
.english table.conlist .date:before{
	content: none;
}
table.conlist .theater{
	font-weight: bold;
	color: black;
}
table.conlist .theater.japan{
	font-weight: normal;
}
table.conlist a.theater{
	display: inline-block;
	margin-right: 5px;
	text-decoration: underline;
	vertical-align: bottom;
}
table.conlist a.theater:hover{
	text-decoration: none;
}
table.conlist .access{
	
}
table.conlist img{
	vertical-align: middle;
}
.canon{
	display: inline-block;
	padding: 3px 6px;
	margin-right: 10px;
	font-size: 10px;
	line-height: 1;
	color: white;
	background: #666;
	vertical-align: middle;
}
.english .canon{
	margin: auto;
}
table.conlist .canon {
	float: right;
	margin: 5px auto;
}
table.conlist .btn{
	display: none;
}
.newline{
	display: none;
}
/* smart phone */
@media screen and (max-width: 640px) {
	section#a-tokyo{
		padding-top: 10px;
		padding-bottom: 0px;
	}
	section#a-japan{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	table.conlist{
		width: 90%;
		margin: 10px auto 20px;
	}
	#a-japan table.conlist{
		margin-bottom: 10px;
	}
	table.conlist img{
		width: 32px;
		height: auto;
	}
	table.conlist th{
		font-size: 11px;
		padding-bottom: 5px;
	}
	table.conlist td{
		font-size: 13px;
		line-height: 1.7;
	}
	table.conlist .date{
		font-size: 15px;
		line-height: 1.6;
	}
	.canon{
		margin-right: 4px;
		font-size: 11px;
	}
	table.conlist .canon {
		float: none;
		margin: auto;
		
	}
	table.conlist .hidecell{
		display: none;
		position: absolute;
		left: 0px;
		width: 90%;
		height: auto;
		background-color: rgba(0, 255, 0, 0.2);
		border: none;
	}
	table.conlist .btn{
		display: inline-block;
		border-radius: 3px;
		color: white;
		font-size: 12px;
		margin-top: 5px;
		padding: 1px 17px 1px 20px;
		background: url(../images/arrow_down.png) no-repeat left 8px center #BC943C;
	}
	table.conlist th:last-child,
	table.conlist td:last-child{
		min-width: 40px;
	}
	.newcell{
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		padding: 5px 10px;
		background-color: rgba(249,223,221,0.8);
		border-radius: 4px;
		margin-bottom: 0;
		box-sizing: border-box;
	}
	.newcell:after{
		content: "×";
		position: absolute;
		top: 2px;
		right: 10px;
		font-size: 20px;
		line-height: 1;
	}
	.newline{
		display: table-row;
		width: 100%;
		border-bottom: dotted 1px #BB933C;
		background-color: #FFF;
		padding: 0px!important;
		/*transition:all 0.3s ease-in;*/
	}
	.newline td{
		padding: 0px!important;
	}
	.newline.active td{
		padding: 0 0 12px!important;
	}
	.nlmaster td{
		border-bottom: 5px!important;
	}
}




/* タイトル・画像ヘッダ */
#headinfo{
	position: relative;
	height: 160px;
	width: 100%;
	padding: 5px calc((100% - 980px) / 2);
	background-repeat: no-repeat;
	background-color: #000;
	background-position: center bottom;
	box-sizing: border-box;
	border-bottom: solid 5px #e1524b;
}
.news #headinfo{
	background-image: url(../images/2nd_headimg_news.jpg);
}
.schedule #headinfo{
	background-image: url(../images/2nd_headimg_schedule.jpg);
}
.ticket #headinfo{
	background-image: url(../images/2nd_headimg_ticket.jpg);
}
.program #headinfo{
	background-image: url(../images/2nd_headimg_program.jpg);
}
.cast #headinfo{
	background-image: url(../images/2nd_headimg_cast.jpg);
}
.english #headinfo{
	background-image: url(../images/2nd_headimg_english.jpg);
}
#headinfo .title{
	display: block;
	position: absolute;
	top: 50px;
	left:calc(50% - 100px);
	width: 200px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
	/*font-weight: normal;*/
	z-index: auto;
	color: #FFF;
	text-shadow: 0px 0px 10px rgba(73, 49, 1, 0.9);
}
.english #headinfo .title{
	margin-top: 8px!important;
}
#headinfo .title span{
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-top: 16px;
}
/* smart phone */
@media screen and (max-width: 640px) {
	/* タイトル・画像ヘッダ */
	#headinfo{
		/*position: relative;*/
		height: 90px;
		padding-top: 2px;
		background-repeat: no-repeat;
		background-color: #000;
		background-position: center center;
		background-size: cover;
		border-bottom: solid 4px #e1524b;
	}
	.news #headinfo{
		background-image: url(../images/2nd_headimg_SP_news.jpg);
	}
	.schedule #headinfo{
		background-image: url(../images/2nd_headimg_SP_schedule.jpg);
	}
	.ticket #headinfo{
		background-image: url(../images/2nd_headimg_SP_ticket.jpg);
	}
	.program #headinfo{
		background-image: url(../images/2nd_headimg_SP_program.jpg);
	}
	.cast #headinfo{
		background-image: url(../images/2nd_headimg_SP_cast.jpg);
	}
	.english #headinfo{
		background-image: url(../images/2nd_headimg_SP_english.jpg);
	}
	#headinfo .title{
		top: 24px;
		font-size: 22px;
	}
	#headinfo .title span{
		font-size: 16px;
		margin-top: 0px;
	}
}




.caution{
	font-size: 14px;
	/*text-align: left;*/
	color: #666666;
}
.schedule .caution{
	text-align: left;
}
.english .caution{
	text-align: left;
}
/* smart phone */
@media screen and (max-width: 640px) {
	
	p.caution.mb50{
		margin-bottom: 30px!important;
	}
	.caution{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 11px;
		line-height: 1.8;
	}
}




/* ニュース一覧 */
.newsliat{
	
}
.n-list{
	display: block;
	width: 860px;
	margin: auto;
	margin-bottom: 32px;
	padding-bottom: 10px;
	text-align: left;
	background: url(../images/line_dotA.gif) left bottom repeat-x;
}
.n-info{
	font-size: 22px;
	
	color: #B08007;
}
.newest:after{
	content: "NEW";
	display: inline-block;
	padding: 2px 15px 0 16px;
	background: #e08079;
	font-size: 16px;
	font-family: "serif";
	color: #FFF;
	margin-left: 0.5em;
	
	vertical-align: text-top;
}
.n-desc{
	font-size: 16px;
	
	line-height: 2;
}
@media screen and (max-width: 640px) {
	/* ニュース */
	.n-list{
		width: 90%;
	}
	.n-desc{
		line-height: 1.6;
	}
	.n-info{
		font-size: 16px;
	}
	.ticket .n-list{
		margin-bottom: 10px;
		background: none;
	}
	.ticket .n-list:last-child{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
}



/* ページング */
#pagination .first,
#pagination .last,
#pagination .prev,
#pagination .next{
	display: none;
}
#pagination li{
	display: inline-block;
	padding: 0 20px;
	text-decoration: underline;
}
#pagination li a{
	font-size: 20px;
	color: #bf973c;
}
#pagination li.active  a{
	color: #000;
}
/* smart phone */
@media screen and (max-width: 640px) {
	#pagination li a{
		font-size: 14px;
	}
}


/* プログラム */
.program #pagenavi{
	background: white;
}
.program #pagenavi .ti-spmenu{
	margin-top: 30px;
}
#prog-a{
	background: #F9DFDD;
	padding: 40px 0;
}
#prog-b{
	background: #E1F3F9;
	padding: 35px 0 40px;
}
#prog-a .wrapper,
#prog-b .wrapper{
	position: relative;
	width: 860px;
	margin: auto;
	padding: 90px 0px 35px;
	background: url(../images/programA_BG.png) no-repeat center top;
	box-sizing: border-box;
}
#prog-b .wrapper{
	background: url(../images/programB_BG.png) no-repeat center top;
}
.english #prog-a .wrapper{
	background: url(../images/programA_BG_eng.png) no-repeat center top;
}
.english #prog-b .wrapper{
	background: url(../images/programB_BG_eng.png) no-repeat center top;
}

#prog-a .wrapper:before,
#prog-b .wrapper:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: 0;
	left: 0;
	background: url(../images/programA_BG_bottom.png) center bottom no-repeat;
	z-index: 0;
}
#prog-b .wrapper:before{
	background: url(../images/programB_BG_bottom.png) center bottom no-repeat;
}
#prog-a .wrapper .box,
#prog-b .wrapper .box{
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 3%;
}
#prog-a .wrapper .box:last-of-type,
#prog-b .wrapper .box:last-of-type{
	float: right;
	border-left: solid 1px #C29A3C;
}
#prog-a .concertttl,
#prog-b .concertttl{
	margin-bottom: 25px;
	font-size: 26px;
	font-weight: bold;
	color: #BB933C;
}
#prog-a .partttl,
#prog-b .partttl{
	display: inline-block;
	height: 26px;
	padding: 0 15px;
	margin-bottom: 20px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	border-radius: 13px;
	background: #E1524B;
	box-sizing: border-box;
}
#prog-b .partttl{
	background: #335E95;
}
#prog-a .wrapper .box p,
#prog-b .wrapper .box p{
	padding: 5px 0;
	margin: 0;
	font-size: 15px;
	line-height: 2;
	text-align: left;
	border-bottom: solid 1px #C29A3C;
}
#prog-a .wrapper .box p:first-of-type,
#prog-b .wrapper .box p:first-of-type{
	border-top: solid 1px #C29A3C;
}
#programbtmimg{
	width: 100%;
	height: 320px;
	background: url(../images/program_img1.jpg) center center no-repeat;
	background-size: cover;
}
@media screen and (max-width: 640px) {
	
	
	.program #pagenavi{
		background: white;
	}
	.program #pagenavi .ti-spmenu{
		margin-top: 30px;
	}
	#prog-a,
	#prog-b{
		padding: 15px 0 30px;
	}
	#prog-a .wrapper,
	#prog-b .wrapper{
		width: 90%;
		padding: 21% 0 30px;
		background: url(../images/programA_BG_SP.png) no-repeat center top;
		background-size: 100% auto;
	}
	#prog-b .wrapper{
		background: url(../images/programB_BG_SP.png) no-repeat center top;
		background-size: 100% auto;
	}
	.english #prog-a .wrapper{
		background: url(../images/programA_BG_SP_eng.png) no-repeat center top;
		background-size: 100% auto;
	}
	.english #prog-b .wrapper{
		background: url(../images/programB_BG_SP_eng.png) no-repeat center top;
		background-size: 100% auto;
	}
	#prog-a .wrapper:before,
	#prog-b .wrapper:before{
		height: 20px;
		background: url(../images/programA_BG_bottom_SP.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#prog-b .wrapper:before{
		background: url(../images/programB_BG_bottom_SP.png) center bottom no-repeat;
		background-size: 100% auto;
	}
	#prog-a .wrapper .box,
	#prog-b .wrapper .box{
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding: 0 6%;
	}
	#prog-a .wrapper .box:last-of-type,
	#prog-b .wrapper .box:last-of-type{
		float: none;
		border-left: none;
	}
	#prog-a .concertttl,
	#prog-b .concertttl{
		margin-bottom: 0px;
		font-size: 18px;
		line-height: 1.4;
	}
	#prog-a .partttl,
	#prog-b .partttl{
		height: 18px;
		padding: 0 15px;
		margin-bottom: 15px;
		margin-top: 15px;
		font-size: 11px;
		font-weight: bold;
		line-height: 18px;
		border-radius: 9px;
	}
	#prog-b .partttl{
		background: #335E95;
	}
	#prog-a .wrapper .box p,
	#prog-b .wrapper .box p{
		padding: 5px 0;
		margin: 0;
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
		border-bottom: solid 1px #C29A3C;
	}
	#prog-a .wrapper .box p:first-of-type,
	#prog-b .wrapper .box p:first-of-type{
		border-top: solid 1px #C29A3C;
	}
	#programbtmimg{
		width: 100%;
		height: 215px;
		background: url(../images/program_img1_SP.jpg) center center no-repeat;
		background-size: cover;
	}
	
	
	
	
}





/* 来日メンバー */
.cast #contents{
	padding-top: 20px;
	background: url(../images/cast_BG_AB.gif) center top repeat;
}

.a-list{
	display: inline-block;
	position: relative;
	width: 190px;
	height: 245px;
	margin: 15px 15px 40px;
	float: left;
}
.a-list:nth-child(4n+1){
	clear: both;	
}
.a-list:last-child{
	float: right;
	/*margin-top: 5px;*/
}
.a-list img{
	display: block;
	width: 190px;
	height: 190px;
	margin: 0 auto 15px;
	
}
.a-list .neng,
.a-list .njp{
	display: block;
	color: #00367A;
	line-height: 1.2;
	font-feature-settings : "palt";
}
.a-list .neng{
	font-size: 16px;
}
.a-list .njp{
	font-size: 13px;
}


.a-list iframe{
	/*width: 100%;*/
	max-width: 420px;
	/*height: auto;*/
	max-height: 237px;
}
@media screen and (max-width: 640px) {
	.cast #contents{
		padding-top: 0px;
		background: url(../images/cast_BG_AB_SP.gif) center top repeat;
		background-size: auto 440px;
	}
	.cast #contents:before{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 20px;
		background-color: white;
	}
	
	.cast .a-list{
		width: 135px;
		height: 195px;
		margin: 25px 3% 0px;
		float: none!important;
	}
	.cast .a-list:last-child{
		width: 180px;
		margin-top: 20px;
	}
	section#actor{
		position: relative;
		padding-bottom: 10px;
	}
	.cast section#actor:before{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 50px;
		bottom: 0;
		background-color: #F9DFDD;
	}
	.cast .a-list img{
		width: 135px;
		max-width: 135px;
		height: auto;
		margin-bottom: 5px;
	}
	.cast .a-list .neng{
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.cast .a-list .njp{
		font-size: 11px;
	}
	.cast .a-list:last-child .a-list .njp{
		width: 150%;
	}
	
}




/* チケット概要 */
.ticket #pagenavi{
	background: white;
}
.ticket #pagenavi .ti-spmenu{
	margin-top: 30px;
}
/* 発売日程 */
#ti-date{
	position: relative;
	height: 327px;
	padding: 40px calc((100% - 860px)/2);
	background: url(../images/ticket_selesdate_BG.png) no-repeat center top;
	background-size: 100% 327px;
	text-align: left;
	box-sizing: border-box;
}
#ti-date p{
	margin-left: 100px;
}
#ti-date .txt1{
	font-size: 22px;
	font-weight: bold;
	color: #AC8007;
}
#ti-date .txt2{
	font-size: 16px;
	line-height: 1.8em;
	color: #666;
}
#ti-date .txt3{
	font-size: 16px;
}
#ti-date .wax{
	position: absolute;
	left: calc(50% + 180px);
	top: 50px;
}
@media screen and (max-width: 640px) {
	#ti-date{
		height: 290px;
		padding: 30px 0;
		background: url(../images/ticket_selesdate_BG_SP.png) no-repeat center top;
		background-size: 100% 280px;
		text-align: left;
		box-sizing: border-box;
	}
	#ti-date .secttl{
		margin-bottom: 20px;
	}
	#ti-date div.wrapper{
		position: relative;
		width: 80%;
		min-width: 300px;
		margin: 0 auto;
	}
	#ti-date p{
		margin-left: 0;
		min-width: 240px;
	}
	#ti-date .txt1{
		font-size: 17px;
	}
	#ti-date .txt2{
		font-size: 12px;
	}
	#ti-date .txt3{
		font-size: 12px;
	}
	#ti-date .wax{
		width: 100px;
		height: auto;
		top: 110px;
		left: auto;
		right: 0;
		margin-right: -5px;
	}
}

/* チケット料金 */
#ti-price{
	position: relative;
}
#ti-price:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../images/ticket_img1.png) no-repeat center center;
}
.english #ti-price:after{
	background: url(../images/ticket_img1_eng.png) no-repeat center center;
}
.t-ticket{
	font-size: 26px;
	color: #B08007;
	font-weight: normal;
	margin-bottom: 20px;
	line-height: 1.2;
}
.t-cmember{
	font-size: 22px;
	
	font-weight: normal;
	margin-bottom: 20px;
}
/* チケット料金テーブル */
table.tb-price{
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	color: #b08007;
	border-collapse: collapse;
}
table.tb-price td{
	min-width: 172px;
	padding: 10px;
	border: solid 1px #bf973c;
	border-radius: -4px;
	box-sizing: border-box;
	line-height: 1.4em;
}
table.tb-price .cell-s{
	background-color: #f8e5e3;
}
table.tb-price .cell-a{
	background-color: #ffffd7;
}
table.tb-price .cell-b{
	background-color: #edffff;
}
table.tb-price .cell-c{
	background-color: #edfff6;
}
table.tb-price .cell-d{
	background-color: #f3eddd;
}
@media screen and (max-width: 640px) {
	
	.t-ticket{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.t-cmember{
		font-size: 14px;
		margin-bottom: 7px;
	}
	table.tb-price{
		width: 90%;
	}
	table.tb-price td{
		text-align: center;
		font-size: 14px;
		/*transform: scale(0.9, 1);*/
		width: auto;
		min-width: 25px;
		padding: 10px 6px;
	}
	table.tb-price.mb30{
		margin-bottom: 20px!important;
	}
	table.tb-price.mb10{
		margin-bottom: 5px!important;
	}
	
	table.tb-price.mb50{
		margin-bottom: 30px!important;
	}
	p.caution.mb10{
		margin-bottom: 0!important;
	}
	
}

/* オルガン演奏で聴ける特別プログラム */
#ti-spprogram{
	display: block;
	position: relative;
	padding: 0px 0 0px;
	margin: auto;
	background: #E1F3F9;
}
#ti-spprogram a{
	display: block;
	position: relative;
	width: 860px;
	margin: auto;
}
#ti-spprogram a:hover{
	filter: brightness(90%);
}
@media screen and (max-width: 640px) {
	#ti-spprogram a{
		width: 100%;
		padding: 5% 0;
	}
	#ti-spprogram a img{
		position: relative;
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
}




/*  割引チケット */
#ti-sale{
	background: white;
	padding: 50px 0;
}
#ti-sale p{
	text-indent: -20px;
	padding-left: 20px;
	font-size: 20px;
	color: #666;
	text-align: left;
}
#ti-sale a.ticket-link{
	
	margin-top: 30px;
	font-size: 18px;
	color: #E0524B;
	text-decoration: underline;
}
#ti-sale a.ticket-link:hover{
	text-decoration: none;
}
@media screen and (max-width: 640px) {
	#ti-sale{
		padding: 20px 0 30px;
	}
	#ti-sale p{
		width: 90%;
		margin: auto auto 6px;
		font-size: 12px;
		text-indent: -12px;
		padding-left: 12px;
	}
	#ti-sale a.ticket-link{
		font-size: 12px;	
	}
	#ti-sale p.mb30{
		margin-bottom: 10px!important;
	}
}




/*  託児サービス */
#ti-takuji{
	background: white;
	padding: 30px calc((100% - 860px)/2);
	background-color: #FFF9D8;
}
#ti-takuji div{
	float: right;
}
#ti-takuji p{
	text-align: left
}
#ti-takuji img.pc{
	margin-left: -100px;
	margin-top: -52px;
	float: left;
	/*margin-right: 30px;*/
}
#ti-takuji .txt1{
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #335E95;
	border-bottom: solid 1px #335E95;
}
#ti-takuji .txt2{
	font-size: 16px;	
}
#ti-takuji .txt3{
	font-size: 18px;
	font-weight: bold;
	color: #B38007;
	margin-bottom: 0.3em;
}
#ti-takuji .txt4{
	text-indent: -16px;
	margin-left: 16px;
	font-size: 13px;
}
#ti-takuji .txt4 b{
	font-size: 16px;
	color: #B38007;
}
@media screen and (max-width: 640px) {
	#ti-takuji{
		padding-bottom: 10px;
	}
	#ti-takuji img.sp{
		margin-top: -40px;
		margin-bottom: 30px;
	}
	#ti-takuji div{
		float: none;
		padding: 0 5%;
	}
	#ti-takuji .txt1{
		font-size: 16px;
		line-height: 1.2;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#ti-takuji .txt2{
		font-size: 12px;	
	}
	#ti-takuji .txt3{
		font-size: 14px;
	}
	#ti-takuji .txt4{
		text-indent: -12px;
		margin-left: 12px;
		font-size: 12px;
		
	}
	#ti-takuji .txt4 b{
		font-size: 12px;
	}
}




/* 3つのポイント */
#ti-point3{
	background: url(../images/2nd_point3_BG.png) no-repeat center top #F9DFDD;
	background-size: 100% 430px;
	height: 430px;
	box-sizing: border-box;
}
#ti-point3 img{
	margin: 20px auto;
}
#ti-point3 .txt1{
	font-size: 22px;
	font-weight: bold;
	color: #00367A;
}
#ti-point3 .txt2{
	font-size: 18px;
	font-weight: bold;
	color: #00367A;
}
#ti-point3 .txt3{
	font-size: 13px;
	color: #00367A;
}
@media screen and (max-width: 640px) {
	#ti-point3{
		background: url(../images/2nd_point3_BG_SP.png) no-repeat center bottom #F9DFDD;
		background-size: cover;
		height: auto;
	}
	#ti-point3 img{
		width: 96%;
		/*max-width: 220px;*/
		height: auto;
		margin: 10px auto;
	}
	#ti-point3 .txt1{
		font-size: 18px;
		line-height: 1.4;
	}
	#ti-point3 .txt2{
		font-size: 15px;
		line-height: 1.4;
	}
	#ti-point3 .txt3{
		font-size: 11px;
		line-height: 1.6;
	}
}




/*  チケット発売*/
#ti-sell{
	background: #F9DFDD;
}
.english #ti-sell{
	background: white;
}
#ti-sell .txt1{
	font-size: 22px;
	font-weight: bold;
	color: #E1524B;
}
#ti-sell .txt2{
	font-size: 20px;
	font-weight: bold;
	color: #666;
	border-bottom: solid 1px #E1524B;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#ti-sell .txt2 span{
	display: inline-block;
	margin-left: 10px;
	font-size: 34px;
	font-weight: normal;
	color: #666;
	letter-spacing: 0.05em;
}
#ti-sell .txt3 a{
	font-size: 22px;
	font-weight: bold;
	color: #858585;
}
#ti-sell .txt4{
	font-size: 20px;
	font-weight: bold;
	color: #666;
}
#ti-sell .txt4:first-of-type{
	margin-bottom: 15px;
}
#ti-sell .txt4 a{
	margin: 10px;
	font-size: 18px;
	max-width: 300px;
}
#ti-sell .txt4:last-of-type{
	border-bottom: solid 1px #E1524B;
	padding-bottom: 15px;
	margin-bottom: 15px;
	max-width:860px;
}
#ti-sell .txt5{
	font-size: 20px;
	color: #666;
	text-align: left;
	text-indent: -20px;
	padding-left: 20px;
}
#ti-sell .txt5 a{
	text-decoration: underline;
	color: #666;
}
#ti-sell .txt5 a:hover{
	text-decoration: none;
}
/* for ENGLISH page */
#ti-sell .txt11{
	position: relative;
	font-size: 32px;
	font-weight: normal;
	color: #C29939;
	letter-spacing: 0.1em;
}
#ti-sell .txt11 span{
	display: inline-block;
	position: relative;
	background: white;
	padding: 0 15px;
}
#ti-sell .txt11:before{
	border-top: solid 1px #C29939;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}
#ti-sell .txt12{
	font-size: 24px;
	color: #E1524B;
}
#ti-sell .txt12:before{
	border-top: solid 1px #E1524B;
}
.english #ti-sell .txt4:last-of-type{
	border-bottom:none;
}
#ti-sell .txt22{
	font-size: 18px;
	font-weight: bold;
	color: #666;
	line-height: 2;
}
#ti-sell .txt22 span{
	display: inline-block;
	margin-left: 10px;
	font-size: 180%;
	font-weight: normal;
	color: #C29939;
	letter-spacing: 0.1em;
	vertical-align: bottom;
	line-height: 1.8;
}
#ti-sell .txt23{
	font-size: 18px;
	color: #000;
}
#ti-sell .txt24{
	font-size: 18px;
	color: #666;text-align: left;
	text-indent: -18px;
	padding-left: 18px;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
	#ti-sell{
		
	}
	#ti-sell .secttl{
		margin: 20px auto;
	}
	#ti-sell .txt1{
		font-size: 16px;
	}
	#ti-sell .txt2{
		font-size: 14px;
		width: 90%;
		margin: 0 auto 15px;
	}
	#ti-sell .txt2 span{
		font-size: 19px;
	}
	#ti-sell .txt3 a{
		font-size: 14px;
	}
	#ti-sell .txt4{
		font-size: 14px;
	}
	#ti-sell .txt4:first-of-type{
		margin-bottom: 12px;
		width: 90%;
	}
	#ti-sell .txt4 a{
		margin: 10px;
	}
	#ti-sell .txt4:last-of-type{
		width: 90%;
		padding-bottom: 10px;
	}
	#ti-sell .ti-spmenu a{
		float: none;
		width: 80%;
		margin: 5px;
		font-size: 15px;
		background-image: url(../images/arrow_right.png);
	}
	#ti-sell .txt5{
		font-size: 14px;
		text-indent: -12px;
		padding-left: 12px;
		padding: 0 10%;
	}
	#ti-sell .txt5 a{
		text-decoration: underline;
		color: #666;
	}
	#ti-sell .txt5 a:hover{
		text-decoration: none;
	}
	
	#ti-sell .txt11{
		width: 90%;
		margin: 10px auto;
		font-size: 16px;
	}
	#ti-sell .txt12{
		font-size: 14px;
	}
	#ti-sell .txt22{
		font-size: 12px;
	}
	#ti-sell .txt23,
	#ti-sell .txt24{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.8;
	}
	#ti-sell .txt23{
		font-size: 12px;
		text-align: left;
	}
	#ti-sell .txt24{
		
		font-size: 12px;
		
		text-indent: -9px;
		padding-left: 9px;
	}
	section#ti-sell.clearfix{
		margin-top: 0;
	}
}


h3.t-ticket{
	font-weight: normal;
}
h3.t-ticket small{
	font-size: 70%!important;
}


/* 飾りタイトル */
.decottl{
	display: block;
	width: auto;
	max-width: 860px;
	height: auto;
	font-size: 26px;
	color: #00367A;
	margin: auto;
	letter-spacing: 0.1em;
}
.decottl.bg-a{
	
}
.decottl:before,
.decottl:after{
	content: "◆";
	transform: scale(0.5) translateX(12px);
	margin-left: -12px;
	display: inline-block;
	margin-right: 12px;
}
.decottl:after{
	margin-right: 0px;
	margin-left: -5px;
}
@media screen and (max-width: 640px) {
	.decottl{
		font-size: 18px;
		background-position: center center;
		background-size: contain;
		position: relative;
		width: 100%;
		max-width: 500px;
		height: auto;
		
		padding: 6px 0;
		
		line-height: 1.4;
		box-sizing: border-box;
	}
	.decottl:before, .decottl:after{
		
	}
}


.playguide h4{
	width: auto;
	max-width: 860px;
	font-weight: bold;
	margin: auto;
}
.playguide p{
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 1.8;
}
.playguide p:last-child{
	margin-bottom: 0;
}

.indent1{
	text-indent: -1em;
	margin-left: 1em;
}
.indent2{
	text-indent: -2em;
	padding-left: 2em;
}

/* ATTENTION */
#attension{
	background: url(../images/2nd_content_BG3.gif);
	padding: 70px 0 60px;
}
#attension .title{
	font-size: 35px;
	font-weight: normal;
	color: #E1524B;
	margin-bottom: 40px;
	letter-spacing: 0.1em!important;
}
#attension .lead{
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 30px;
	text-align: left;
}
.english #attension .lead{
	color: #666;
}
#attension p{
	font-size: 18px;
}
#attension p.text{
	text-indent: -30px;
	padding-left: 30px;
	font-size: 18px;
	color: #666;
	text-align: left;
	line-height: 1.8;
	box-sizing: border-box;
}
.english #attension{
	padding-top: 100px;
	background-image: url(../images/english_attention_BG.png), url(../images/2nd_content_BG3.gif);
	background-repeat: no-repeat, repeat;
	background-size: 100% 46px, auto;
}
.english #attension p.text{
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width: 640px) {
	#attension .lead, #attension p.text{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		font-size: 13px;
		box-sizing: border-box;
	}
	#attension p.text{
		text-indent: -20px;
		padding-left: 20px;
	}
	#attension .lead{
		margin-bottom: 15px;
	}
	#attension{
		padding: 30px 0 20px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#attension .title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.english #attension{
		padding-top: 40px;
		background-image: url(../images/english_attention_BG_SP.png), url(../images/2nd_content_BG3.gif);
		background-repeat: no-repeat, repeat;
		background-size: 100% 12px, auto;
	}
	.english #ti-sell .txt24{
		text-indent: -1em;
		padding-left: 1em;
	}
	
}



/* ENGLISH*/
.english section#a-tokyo{
	padding-top: 40px;
}
.subttl{
	margin: 15px auto 25px;
	font-weight: bold;
	color: #00367A;
}
.g-secttl{
	max-width: 100%!important;
	padding: 35px 0 40px;
	font-size: 32px;
	font-weight: normal;
	color: white;
	line-height: 1;
	background: #00367A;
}
.english #ti-price{
	padding: 75px 0;
	background-image: url(../images/2nd_content_BG_opacity70.png), url(../images/2nd_content_BG2.gif);
	background-repeat: repeat-y, repeat;
	background-position: top center;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	.english section#a-tokyo{
		padding-top: 20px;
	}
	
	.g-secttl{
		font-size: 22px;
	}
	.subttl{
		margin: 0 0 10px;
		font-size: 9px;
	}
	.engtoptitle{
		padding-bottom: 0;
		font-size: 16px;
	}
	.engtoptitle:before, .engtoptitle:after{
		display: none!important;
	}
	.english #ti-price{
		height: 400px;
		padding: 30px 0 20px;
	}
	.english #ti-price:after{
		position: absolute;
		background-image: url(../images/ticket_img1_eng_SP1.png), url(../images/ticket_img1_eng_SP2.png) ;
		background-repeat: no-repeat;
		background-position: center top, center bottom;
		background-size: 90%;
		z-index: 0;
	}
	
}






/* アコーディオン */
.acc_tgl{
	display: none;
}
.imgbox{
	width: auto;
	max-width: 860px;
	padding: 0;
	margin: auto;
	line-height: 0;
}
.imgbox img{
	float: left;
	margin-bottom: 10px;
}
/* smart phone */
@media screen and (max-width: 640px) {
	
	.acc_tgl{
		clear: both;
		display: block;
		width: calc(100% + 20px);
		font-size: 13px;
		color: #bf973c;
		border-top: solid 1px #bf973c;
		
		padding: 10px;
		background-color: #ede4ce;
		margin-top: 10px;
		margin-left: -20px;
		
	}
	.acc_tgl.active{
		margin-bottom: 20px;
		border-bottom: solid 1px #bf973c;
	}
	.acc_trg{
		display: none;
		
	}
	.imgbox img{
		float: none;
	}
}

ul#pagination.pagination{
	margin-bottom: 30px;
}
#a-local .n-info{
	line-height: 1.4;
}
#a-local .n-info:before{
	content: "▶︎";
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

/* チケット、ENGLISH＞アンカーメニュー */
.ti-spmenu{
	display: block;
	width: 94%;
	max-width: 1000px;
	margin: auto;
	text-align: center;
}
.ti-spmenu a{
	display: inline-block;
	width: 47%;
	max-width: 200px;
	margin: 0 3px;
	padding: 10px 0 10px 5px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/arrow_down.png) #BB933C no-repeat 12px center;
	box-sizing: border-box;
	border-radius: 5px;
}
/* smart phone */
@media screen and (max-width: 640px) {
	/* チケット、ENGLISH＞アンカーメニュー */
	.ti-spmenu{
		
	}
	.ticket #pagenavi .ti-spmenu,
	.program #pagenavi .ti-spmenu{
		margin-top: 0px;
	}
	.ti-spmenu a{
		width: 48%;
		background-position: 10px center;
		font-size: 13px;
		font-feature-settings : "palt";

		margin: 1%;
		float: left;
	}
	.ti-spmenu a:nth-child(2n+1){
		clear: both;
	}
}

/* PC */
@media screen and (min-width: 641px) {
	
	body{
		padding-top: 70px;
	}
	
	header #homebtn{
		display: block; 
		position: absolute;
		top: 16px;
		left: calc((100% - 980px) / 2);
		width: 165px;
		height: 33px;
		background: url(../images/pc_menu_logo.png) no-repeat;
		background-size: contain;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	header {
		display: block;
		height: 70px;
		margin-top: -70px;
		
		background-color: #00367a;
		background-size: auto 16px;
		font-size: 0;
		line-height: 0;
		border-bottom: solid 5px #c29a3c;
		box-sizing: border-box;
	}
	nav {
		margin-top: 18px;
		margin-left: calc((100% - 1000px) / 2);
	}
	header ul {
		/*font-size: 16px;*/
		line-height: 1;
		margin: 0;
		text-align: right;
	}
	header ul li {
		display: inline-block;
		float: none;
		padding: 0px 18px;
		line-height: 28px;
		border-right: none;
		width: auto;
		min-width: auto;
		margin-right: 0;
		text-align: center;
	}
	header ul li:first-child {
		border-left: none;
	}
	
	p{
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.6;
	}
	
	h1#title{
		display: none;
		height: 160x;
		width: 259px;
	}
	
	#snsicon{
		display: block;
	}
	
	#newslist{
		padding-top: 50px;
	}
}
/* smart phone */
@media screen and (max-width: 640px) {

}


/* smart phone */
@media screen and (max-width: 640px) {

	/* Movie */
	#movie{
		height: auto;
		min-height: 310px;
		padding: 10% 0% 7%;
	}
	.m-title{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.m-tn{
		width: 90%;
		height: auto;
	}
	#movie iframe{
		width: 90%;
		height: 210px;
	}
	
	section#movie.mb40,
	div.t-btnbox.mb60{
		margin-bottom: 30px!important;
	}

}