@charset "utf-8";
/*
--------------------------------------------------
FONT SIZE
--------------------------------------------------

***** Font Size *****
09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/
 
html {
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 13px;
}
a{color: #0099FF;}
a:hover{color: #FFFFFF;}

img {
	vertical-align: bottom;
}
body {
	line-height: 1;
	color:#FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* clearfix */
.clearfix {
	width:100%;
}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

.red{
	color : #F03;
}



/*ここから*/

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	background: url(../img_150206/bg_body.jpg) repeat-y center 40px #000;
	width: 100%;}

/*============================
#sns
============================*/
div#sns {
	overflow: hidden;
	height: 40px;
	background: url("../img_150206/snsbar_bg.gif");}

	div#sns div.inner {
		width: 960px;
		margin: 0 auto;}

		div#sns div.inner div {
			float: left;
			margin-left: 4px;}
		div#sns div.inner div.fb {
			margin-top: 9px;
			height: 22px;}
		div#sns div.inner div.tw {
			margin-top: 9px;
			height: 22px;}
		div#sns div.inner div.mixi {
			margin-top: 9px;
			height: 22px;}
		div#sns div.inner div.exlink {
			margin-top: 0;
			float: right;}
			div#sns div.inner div.exlink img {
				margin-top: 14px;}

iframe.twitter-share-button {
  width: 120px!important;
}

.fb-like {
  line-height: 1;
}

/*============================
#header_bg
============================*/
#header_bg{
	width:100%;
	overflow: hidden;
	height:720px;
	position: absolute;
	z-index: 0;
	top:40px;
}

#header_bg_img{
	background:url("../img_150206/bg_header.jpg");
	width	: 1920px;
	height	: 720px;
	position: absolute;
	top 	: 0;
	z-index : 1;
}

#header_bg_movie{
	position: absolute;
	width   : 1920px;
	height  : 920px;
	z-index : -1;
	top     : -100px;	/* vimeoのコントロールが消えないのでoverflowとheightの具合で隠す */
}

/*============================
#wrapper
============================*/
div#wrapper {
	position: relative;
	z-index : 1;
	margin: 0 auto;
	width: 960px;}


/*============================
#header
============================*/
div#wrapper div#header {
	border-bottom: solid 1px #FFF;
	height:280px;
}

/*============================
#title
============================*/
div#wrapper div#header div#title {
	margin: -6px 0 0 0;
	width : 630px;
	float : left;
}

/*============================
#gnavi
============================*/
div#wrapper div#header div#gnavi {
	margin-top: 60px;
	margin-bottom: 65px;
	line-height:1;
	}

	div#wrapper div#header div#gnavi ol {
		float:left;
		}

		div#wrapper div#header div#gnavi ol li {
			width  :150px;
			margin-bottom:55px;
			}
			

/*============================
#contents
============================*/
div#wrapper div#contents {
	border-bottom: solid 1px #FFF;
	width: 100%;
	overflow: hidden;}

div#wrapper div#contents div {

	float: left;
	margin: 0;
	width: 100%;}

/*============================
#left-pane
============================*/
div#wrapper div#contents div#left-pane {
	width: 600px;
}
div#wrapper div#contents div#left-pane h2 {
	margin: 35px 0;
}
div#wrapper div#contents div#left-pane h2 img.label {
}

/*============================
#news
============================*/
div#wrapper div#contents div#left-pane ol#news {
}
	div#wrapper div#contents div#left-pane ol#news li,
	#top_loadmore_container {
		
		padding: 50px 0;
		background: url("../img_150206/news_line.gif") top center repeat-x;
		padding-top: 51px;
		overflow: hidden;}
		div#wrapper div#contents div#left-pane ol#news li p.date {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 14px;
			font-weight: normal;
			letter-spacing: 0.05em;
		}
		div#wrapper div#contents div#left-pane ol#news li h3 {
			margin-top: 5px;
			font-size: 16px;
			line-height: 24px;
			letter-spacing: 0.05em;
			color: #FFF;}

		div#wrapper div#contents div#left-pane ol#news li div {
			color: #AAA;
			line-height: 20px;
			font-size: 100%;}

			div#wrapper div#contents div#left-pane ol#news li div p {
				margin-top: 18px;}
	#top_loadmore_container{
		text-align: center;
	}
div#wrapper div#contents div#left-pane div.more {
	display: none;
	text-align: center;
	width: 100%;	
	border-top: solid 1px #FFF;
	padding: 50px 0;
	overflow: hidden;}
div#wrapper div#contents div#left-pane div.more img {
}

/*============================
#right-pane
============================*/
div#wrapper div#contents div#right-pane {
	margin-left: 60px;
	width: 300px;
}

/*============================
#sidebar
============================*/
div#wrapper div#contents div#right-pane ul#sidebar {
	margin-top:60px;
	width: 100%;}

	div#wrapper div#contents div#right-pane ul#sidebar li {
		/*border-bottom: solid 1px #000;*/
		margin-top:5px;
		overflow: hidden;}

		div#wrapper div#contents div#right-pane ul#sidebar li a {
			}

				div#wrapper div#contents div#right-pane ul#sidebar li a img {
				}

div#wrapper div#contents div#right-pane div.likebox {
	border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
   	margin-top: 40px;
   	padding: 5px 5px 10px 5px;
	background-color: #fff;
	width: 300px;
	height: 62px;
	text-align: center;
	overflow: hidden;}


/*============================
#contents (Schedule)
============================*/
body.schedule div#wrapper div#contents div{
}

body.schedule div#wrapper div#contents {
	width: 100%;
	border-bottom: none;
}
	body.schedule div#wrapper div#contents>div.inner {
		width: 100%;
	}
		body.schedule div#wrapper div#contents div.inner div.label {
			font-size: 100%;
			font-weight: 600;
			color: #FFF;
			border-bottom: 1px solid #FFF;
			margin-top: 70px;
			padding-bottom: 10px;
		}

			/*ラベル・リスト要素共通*/
			body.schedule div#wrapper div#contents div.inner div.c1 {
				width: 95px;}
			body.schedule div#wrapper div#contents div.inner div.c2 {
				height: 10px;
				width: 240px;}
			body.schedule div#wrapper div#contents div.inner div.c3 {
				width: 300px;}
			body.schedule div#wrapper div#contents div.inner div.c4 {
				margin-left: 55px;
				width: 270px;}
			body.schedule div#wrapper div#contents div.inner div.c5 {
				width: 180px;}
			body.schedule div#wrapper div#contents div.inner div.c6 {
				width: 120px;}

			/*ラベルのみ*/
			body.schedule div#wrapper div#contents div.inner div.label div.c1 {
			}
			body.schedule div#wrapper div#contents div.inner div.label div.c2 {
			}
			body.schedule div#wrapper div#contents div.inner div.label div.c4 {
			}
			body.schedule div#wrapper div#contents div.inner div.label div.c5 {
			}
			body.schedule div#wrapper div#contents div.inner div.label div.c6 {
				text-align: center;
			}

		body.schedule div#wrapper div#contents div.inner ol {
			display: inline-block;
			margin-bottom: 20px;
			width: 100%;
		}
			body.schedule div#wrapper div#contents div.inner ol li {
				height: 100px;
				border-bottom: 1px solid #FFF;
			}
			body.schedule div#wrapper div#contents div.inner ol li hr{
				width: 635px;
				margin-left: 0;
			}
			body.schedule div#wrapper div#contents div.inner ol li.noborder {
				border-bottom: none;
			}
			body.schedule div#wrapper div#contents div.inner ol li div.venue {
			}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c1 ,
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c2 ,
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 {
					height: 100px;
					vertical-align: middle;
				}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c1 {
					font-size: 153.9%;
					line-height: 100px;
					font-weight: 600;
				}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c2 {
					font-size: 108%;
					line-height: 100px;
					font-weight: 600;
				}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c2.ml {
					line-height: 1em;
					padding-top: 36px;
					height: 64px;
				}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 {
					font-size: 100%;
				}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 div.inner {
						height: 50px;
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 div.inner:first-child {
						border-bottom: dotted 1px #FFF;
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 div.inner div.c5 {
						height: 50px;
						line-height: 50px;
						font-weight: 600;
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c3 div.inner div.c6 {
						height: 50px;
						line-height: 50px;
						text-align: center;
					}
				body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 {
					position: relative;}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 div.vname {
						height: 1.5em;
						margin-top: 35px;
					}
					body.schedule div#wrapper div#contents div.inner ol li.noborder div.venue div.c4 div.vname {
						/*margin-top: 75px;*/
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 div.vname a {
						color: #0088DD;
						font-size: 108%;
						font-weight: 600;
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 div.vname a:hover {
						color: #FFF;
					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 div.vname img {
						vertical-align: baseline;
						margin-left: 5px;

					}
					body.schedule div#wrapper div#contents div.inner ol li div.venue div.c4 p.tel {
						height: 10px;
						font-size: 100%;			
					}


/*============================
#contents(ticket)
============================*/
body.ticket div#wrapper div#contents{
}
body.ticket div#wrapper div#contents>div {
}
/*============================
#left(ticket)
============================*/
body.ticket div#wrapper div#contents div#left {
	margin-top: 85px;
	width: 255px;
	float: left;}
body.ticket div#wrapper div#contents div#left ol.smenu {
	padding-left: 1.5em;
	list-style-image: url(../img_150206/marker_list.png);
}
body.ticket div#wrapper div#contents div#left ol.smenu li {
	margin-bottom: 15px;
}
body.ticket div#wrapper div#contents div#left ol.smenu li a{
	font-size: 108%;
	font-weight: 600;
	color: #0088DD;
}
body.ticket div#wrapper div#contents div#left ol.smenu li a:hover{
	color: #FFF;
}

/*============================
#right(ticket)
============================*/
body.ticket div#wrapper div#contents div#right {
	float: right;
	margin-top: 85px;
	width: 700px;}
body.ticket div#wrapper div#contents div#right div.section {
	width: 100%;
	/*margin-bottom: 50px;*/
}
body.ticket div#wrapper div#contents div#right div.section div.title {
	width: 670px;
	border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px; 
    padding: 14px 15px 16px;
	line-height: 20px;
	font-size: 138.5%;
	font-weight: 600;
	color: #000;
	background: #FFF;
}
body.ticket div#wrapper div#contents div#right div.section table {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;}
	body.ticket div#wrapper div#contents div#right div.section table tbody{
	}
		body.ticket div#wrapper div#contents div#right div.section table tr td.notes {
			font-size: 93%;}

/*Ticket料金*/
body.ticket div#wrapper div#contents div#right div#sm0.section table tr td {
	font-size: 123.1%;
	line-height: 32px;
	padding-top:    30px;
	padding-bottom: 30px;
}
body.ticket div#wrapper div#contents div#right div#sm0.section table tr td.label {
	font-weight: 600;
	width: 200px;
	line-height: 1.5em;
}
	body.ticket div#wrapper div#contents div#right div#sm0.section table tr td.label span {
		font-size: 96%;
		display: block;
		margin-left: -5px;
		margin-top: -1.2em;
	}

/*チケット販売スケジュール*/
body.ticket div#wrapper div#contents div#right div#sm1.section table tr td {
	font-size: 108%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top : 1px solid #FFF;
}

body.ticket div#wrapper div#contents div#right div#sm1.section table tr:first-child td{
	border-top : none;
}

body.ticket div#wrapper div#contents div#right div#sm1.section table tr td.label {
	font-weight: 600;
	width: 200px;
}
body.ticket div#wrapper div#contents div#right div#sm1.section table tr td.note p,
body.ticket div#wrapper div#contents div#right div#sm1.section table tr p.note{
	border: 1px solid #999;
	line-height: 1.7em;
	margin: 0;
	padding: 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
}

body.ticket div#wrapper div#contents div#right div#sm1.section table tr p.note{
	margin-top:30px;
	color:#CCC;
}

body.ticket div#wrapper div#contents div#right div#sm1.section table tr td.nonote {
}

.playguide{
	width:auto !important;
	float:none !important;
	border: 1px solid #999;
	line-height: 1.7em;
	padding: 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	margin-bottom:10px !important;
}

.playguide_name{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	padding-bottom:10px;
	}
.playguide_name span{
	font-size:12px;
	margin-left:10px;
	font-weight: normal;
	}
.playguide dl{
	border-bottom:1px dotted #999;
	margin-bottom:10px;
	padding-bottom:10px;
	}
.playguide dl.eplus{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
	}
.playguide dl dt{
	float:left;
	width:150px;
	}
.playguide dl dd{
	margin-left:160px;
	color:#CCC;
	font-size:12px;
	line-height:1.4;
	}
.playguide dl dd strong{
	color:#fff;
	}
.playguide dl dd .fs10{
	font-size:10px;
	margin-left:5px;
	}
.playguide dl dd .boxL{
	float:left;
	color:#CCC;
	font-size:12px;
	line-height:1.4;
	margin-right:20px;
	}


.today_table{
	width:100% !important;
	}
.today_table tr th,
.today_table tr td{
	padding:5px;
	font-size:12px !important;
	line-height:1.6;
	border-bottom:1px solid #999;
	border-left:1px dotted #999;
	text-align:left;
	padding:10px 15px !important;
	}
.today_table tr th{
	padding-top:0 !important;
	}
.today_table tr th.t_left,
.today_table tr td.t_left{
	padding-left:0 !important;
	border-left:none;
	}
.today_table tr td.t_left strong{
	font-size:14px;
	}
	



/*チケットに関する注意事項*/
/*席種に関する注意事項*/
body.ticket div#wrapper div#contents div#right div#sm2.section table,
body.ticket div#wrapper div#contents div#right div#sm3.section table
{
	margin-top: 0;}
	body.ticket div#wrapper div#contents div#right div#sm2.section table tr td,
	body.ticket div#wrapper div#contents div#right div#sm3.section table tr td
	 {
		font-size: 108%;
		padding: 30px 0;
		line-height: 1.6em;
		border-top: 1px solid #FFF;}
	body.ticket div#wrapper div#contents div#right div#sm2.section table tr:first-child td,
	body.ticket div#wrapper div#contents div#right div#sm3.section table tr:first-child td{
		border-top : none;
	}
	body.ticket div#wrapper div#contents div#right div#sm3.section table tr:last-child td
	 {
		border-bottom: none;}
	body.ticket div#wrapper div#contents div#right div#sm2.section table tr td.label,
	body.ticket div#wrapper div#contents div#right div#sm3.section table tr td.label
	 {
		font-weight: 600;
		width: 200px;
	}
body.ticket div#wrapper div#contents div#right div#sm2.section>p {
	margin-top: 30px;
	margin-left: 5px;
}
body.ticket div#wrapper div#contents div#right div#sm2.section>p>span {
	/*font-size: 108%;*/
	font-weight: 600;
}


/*親子席について*/

body.ticket div#wrapper div#contents div#right div#sm4.section ul.attention
{	
	font-size: 100%;
	margin-top: 22px;
	display: inline-block;
	padding-left: 1.5em;
	list-style-image: url(../img_150206/marker_list.png);
	padding-bottom: 30px;
	border-bottom: 1px dotted #000;
	line-height: 1.5em;
	margin-top: 0;}
body.ticket div#wrapper div#contents div#right div#sm4.section ul.attention li{
	margin-top: 1.5em;
}

body.ticket div#wrapper div#contents div#right div#sm4.section p.subtitle{
	border-top: 1px solid #FFF;
	padding-top:30px;
	font-size: 108%;
	font-weight: 600;
}

body.ticket div#wrapper div#contents div#right div#sm4.section ol.pattern{
	margin-top: 30px;
	margin-bottom: 50px;
	list-style-type: decimal;
	padding-left: 1.5em;
}
body.ticket div#wrapper div#contents div#right div#sm4.section ol.pattern li{
	margin-top: 1.5em;
}




/*============================
#mailnews
============================*/

.mailnews_login{
	margin:75px 0 0 !important;
	border:1px solid #777;
	padding:25px;
	width:248px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.8em;
	}

.mailnews_login h3{
	font-size:16px;
	font-weight:600;
	margin-bottom:25px;
	}

.mailnews_login .botton{
	text-align:center;
	margin:25px 0;
	}
.mailnews_login .reminder{
	text-align:center;
	font-size:14px !important;
	font-weight:600;
	}



ol.mailnews_list {
	padding-left: 1.5em;
	line-height: 1.5em;
	list-style-image: url(../img_150206/marker_list.png);
	margin-bottom:40px;
}
ol.mailnews_list li {
	margin-bottom: 15px;
}
ol.mailnews_list li a{
	font-size: 108%;
	font-weight: 600;
	color: #0066aa;
}

div#wrapper div#contents div#left-pane h2.mailnews_title{
	font-size:18px;
	margin: 75px 0 40px;
	font-weight:600;
	}
.border{
	border-top:1px solid #FFF;
	padding-top:40px;
	}

.button_policy{
	margin:20px 0 60px;
	text-align:center;
	}
.text_policy{
	font-weight:600;
	font-size:14px;
	}
.button_regist{
	margin:20px 0 60px;
	text-align:center;
	}

/*============================
#access
============================*/

.access_header{
	position: relative;
	width:700px !important;
	height:120px;
	}

.access_header div{
	float:none !important;
	width:auto !important;
	}

.access_title{
	position:absolute;
	padding:0;
	margin:0 !important;
	left:0;
	top:0;
	}
	.access_title ol li{
		font-size:22px;
		font-weight:normal;
		line-height:1.6;	
		display: none;
	}
	.access_title ol li:first-child{
		display: block;
	}
.access_arealist{
	position: absolute;
	right:0;
	top:0;
	}
.access_arealist_title{
	background:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	padding: 5px;
	float:none;
	}
.access_arealist_title a{
	border:1px solid #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:15px 30px 15px 15px;
	line-height:1;
	display:block;
	color:#333;
	width:260px !important;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	background:url(../access/img/access_arealist_arrow.png) 275px 15px no-repeat;
	}
.access_arealist_link{
	width:300px;
	margin:0;
	padding:0;
	display: none;
	}
.access_arealist_link ul{
	width:260px;
	background:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:20px;
	}
.access_arealist_link ul li{
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
	clear:both;
	}
.access_arealist_link ul li:last-child{
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}
.access_arealist_link ul li p{
	width:4em;
	float:left;
	margin-bottom:2em;
	}
.access_arealist_link ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#0066AA;
	display:block;
	line-height:1.6;
	}
.access_arealist_link ul li a:hover{
	color:#000;
	}

.access_map{
	margin-bottom:50px !important;
	}

.access_info{
	border:1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:10px !important;
	width:650px !important;
	padding:25px;
	font-size:14px;
	color:#ccc;
	line-height:1.6;
	}

.access_info strong{
	margin-right:10px;
	color:#FFF;
	}

.access_info .attention{
	color:#f03;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
	}

.access_info ul{
	list-style: disc;
	margin-left: 1.5em;
}
.access_bnr{
	padding:60px 0 0;
	}
.access_navi_text{
	padding:20px 0;
	font-size:14px;
	color:#DD0000;
	font-weight:bold;
	line-height:1.6;
	}
.access_navi_list li{
	margin-bottom:20px;
	line-height:1.6;
	}


/*============================
#footer
============================*/
div#footer {
	width: 100%;
	height: 72px;
}
	div#footer div.inner{
		width: 960px;
		overflow: hidden;
		margin: 15px auto 0;}

		div#footer div.inner>img {
		}
		div#footer div.inner>a {
			margin-left: 16px;
		}
		div#footer div.inner>a img{
		}
		div#footer div.inner>a#scrolltop {
			float: right;
			margin-top: 0;}