@charset "utf-8";

/*

	*リセット
	*コンテンツ
	*clearfix

*/


/* リセット
---------------------------------------------------- */
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, textarea, p, blockquote, pre, table th, td,button, address {
		padding: 0;
		margin: 0;
		font-style: normal;
		font-variant: normal;
		line-height: 1.8;
		text-decoration: none;
		font-size:14px;
		/*font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN',  'ＭＳ Ｐゴシック', sans-serif;*/
		font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN',  'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', sans-serif;
	}

	img {
		border: none;
	}


	li {
		list-style: none;
	}
	.imgRight {
		float: right
	}
	.imgLeft {
		float: left
	}
	* {
		box-sizing: border-box
	}
	header .unit,
	footer .unit{
		width: 960px;
		margin: 0 auto;
		position: relative
	}
	.main .unit {
		width: 960px;
		padding: 65px 0 100px 0;
		margin: 0 auto;
		position: relative;
		text-align: left
	}
	.main .unit .unit_inner {
		margin: 50px 30px 0 30px
	}
	.main .unit h2 {
		margin-bottom: 50px;
		line-height: 1
	}
	.main .unit h3 {
		text-align: center;
		margin: 50px 0 35px 0;
		font-size:25px
	}

	.center {
		text-align: center;
	}

	p.btn {
		margin:0 auto;
		font-size:24px;
		width:600px;
		text-align: center;
		display: inline-block;
		background:#000000
	}
	p.btn a:link,
	p.btn a:visited {
		color: #ffffff !important;
		padding: 10px;
		display: block;
		text-decoration: none;
	}
	p.btn a:hover {
		color:#000000 !important;
		background:#eeeeee
	}

	.fs16 {
		font-size:16px
	}
	.fs18 {
		font-size:18px
	}
	.fs20 {
		font-size:20px
	}
	.strong {
		font-weight: bold
	}
	.pb50 {
		padding-bottom: 50px
	}
	.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

/* Link
---------------------------------------------------- */
	a:link,
	a:visited {
		color: #ffffff;
		outline:none;
	}

	a:hover,
	a:active {
		color: #ffffff;
		text-decoration: none;
		outline:none;
	}


/*　画像ハイライト　あり */
	a:hover img {
		-moz-opacity:0.6;
		opacity:0.6;
		filter: alpha(opacity=60);
	}
	a:hover img.over {
		-moz-opacity:1;
		opacity:1;
		filter: alpha(opacity=100);
	}
	#page-top {
		position: fixed;
		bottom: 30px;
		right: 30px;
	}


/* Float Clear Style
---------------------------------------------------- */
.clear {
	clear: both !important;
}

.clearfix {   
	overflow: hidden;   
}     

* html .clearfix {   
	height: 1%;   
}


/* コンテンツ
---------------------------------------------------- */
/* header */
	.header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9999
	}
	header {
		min-height: 105px;
		background: #000;
		position: relative
	}
	header .unit .logo {
		position: absolute;
		top: 16px;
		left: 0;
		display: inline
	}
	header .unit .date {
		position: absolute;
		left: 295px;
		top: 30px
	}
	header .unit .sns {
		position: absolute;
		right: 0;
		top: 10px
	}
	header .unit .sns li {
		display: inline-block;
        vertical-align: top;
	}
	header .unit p.sale {
		position: absolute;
		top: 35px;
		right: 0;
		color: #ffffff;
		font-weight: bold;
		font-size:15px;
		background: #8f0008;
		padding: 0 10px;

	}
	/* nav */
	nav {
		min-height: 67px;
		background: url(../img/nav/bg_nav.jpg) repeat-x center top #000;
	}
	nav .gnav {
		font-size: 0;
		width: 960px;
		margin: 0 auto;
	}
	nav .gnav li {
		display: inline-block;
		color: #000;
		font-size: 14px;
		line-height: 0
	}

/* top */
	#top {
		background: url(../img/top/bg_top.jpg) no-repeat center top #000;
		min-height: 920px
		/*min-height: 850px*/	
	}
	#top .unit {
		padding:50px 0;
		position: relative
	}
	#top .top_right {
		float: right;
		width: 360px;
		margin-top: 115px;
	}
	#top .top_right_box {
		text-align: left;
		margin-bottom: 20px;
	}
	#top .info,
	#top .news {
		background: #000000;
		padding: 0 15px 15px 15px;
		border-bottom: 4px double #525252;
    	border-left: 4px double #525252;
    	border-right: 4px double #525252;
	}
	#top .top_right img {
		margin-bottom: -15px;
	}

	#top .info ul li {
		line-height: 1.4;
		color:#e60012
	}

	#top .news .inner dt,
	#top .news .inner dd {
		line-height: 1.4;
	}
	#top .news .inner dd {
		margin-bottom: 8px
	}
	#top .news h3 {
		display: none
	}
	#top .news dt {
		font-weight: bold;
		color: #e60012
	}
	#top .news dd {
	color:#ffffff;
	}
	#top .news dt span {
	margin-left:5px;
	background:#8f0008;
	padding: 0 3px;
	font-size:11px;
	color:#fff
	}
	#top .movie iframe {
		border: 1px solid #525252
	}
	.scrollgeneric {
		line-height: 1px;
		font-size: 1px;
		position: absolute;
		top: 0; 
		left: 0;
	}
	.vscrollerbase {
		width: 12px;
		background-color: #1f1f1f;
	}
	.vscrollerbar {
		width: 12px;
		background-color: #454545;
	}

	.flexcroll {
		height: 105px;
		margin-top: 5px
	}
	.flexcroll li{
		padding-bottom: 10px;
		text-indent:-1em;
		padding-left:1em;
	}
	.flexcroll li:before{
		content:"◆";
		margin-right:3px;
		color: #e60012
	}
	/*SNSバナー*/
	.sns_bnr ul li{
		display:inline-block;
		margin-right: 19px
	}
	.sns_bnr ul li:last-child {
		margin-right:0
	}
/*トップバナー*/
	.top_bnr {
		margin-bottom: 25px;
	}
	.top_bnr ul {
		margin-bottom:17px
	}
	.top_bnr ul:last-child {
		margin:0
	}
	.top_bnr ul li {
		display: inline-block;
		margin-right:5px
	}
	.top_bnr ul li:last-child {
		margin-right:0
	}
/* intro */
	#intro {
		background: #e7e1de;
	}
	#intro p {
		color: #000000;
	}
	.main .unit-intro {
		width: 960px;
		padding: 30px 0;
		margin: 0 auto;
		position: relative;
		text-align: left
	}
	.main .unit-intro .unit_inner {
		margin: 20px 30px 0 30px
	}
/* story */
	#story {
		background:url(../img/story/bg_story.jpg) no-repeat top center #000;
		min-height:765px
	}
	#story p {
	color:#ffffff
	}

/* cast */
	#cast {
		background: #e7e1de;
		color:#000000;
	}
	#cast .cast_box {
		padding:10px 0 30px 0
	}
/*#cast .cast_box p.cast_btn {
	margin-bottom: 20px;
}*/
	#cast .cast_box ul {
		margin:0 auto;
		padding-bottom: 60px;
		font-size:0
	}

	#cast .cast_box ul li{
		display:inline-block;
		vertical-align: top;
		margin-right: 6px;
		
	}
	#cast .cast_box ul li:last-child{
		margin-right: 0px;
		
	}
	#cast .cast_box ul li.cast_space{
		margin-right: 26px;
		
	}
	#cast p.name {
		margin:5px 0;
		font-size:18px; 
		font-weight:bold;
		text-align:center;
	}
	#cast p.role {
		text-align: center;
		margin-bottom:10px;
		font-size:13px
	}
	#cast .cast-other {
		text-align: center;
		padding-bottom:60px
	}
	#cast .cast-other p {
		font-size:16px;
		font-weight: bold;
		line-height: 2em;
	}
	#cast p.ttl_comment {
		background: #000000;
		color:#ffffff;
		font-size:20px;
		font-weight: bold;
		padding: 5px 0 5px 20px;
		margin-bottom: 30px;
	}
	
	#cast div.box_comment {
		background: #ffffff;
		padding:40px;
		margin-bottom:40px
	}
	#cast div.box_comment:last-child {
		margin-bottom:0px
	}
	#cast p.warn {
		text-align: center;
		margin-bottom: 100px;
		padding: 10px;
		border: #000 solid 1px;
	}
/* プロフィール*/
	#prof {
		width: 800px;
		color:#000000;
		background: #E7E1DE;
		border: #8F0008 solid 7px;
		padding:20px;
		min-height: 340px;
	}
	#prof p.name {
		font-size:24px;
		font-weight:bold;
	}
	#prof p.name span {
		font-size:16px;
	}
	#prof dl {
		overflow: hidden;
		_zoom:1;
		padding: 0 10px;
	}
	#prof dl dt {
		float: left;
		padding: 10px 30px 0 0;
	}

	#prof dl dd {
		text-align: left;
		/*padding-top: 10px;*/
		color:#000000;
	}

	#prof dl dd .prof_txt {
		padding: 10px 0 0 0;
		border-top: #bcb4b0 solid 1px;
		margin-top: 5px;
	}

/*staff*/
	#staff {
		background: #e7e1de;
		color:#000000;
	}
	.producer {
		margin:50px 0 35px 0
	}
	img.imgProducer {
		padding: 0 50px 30px 0
	}
	dl.box_staff{
		width:70%;
		margin:50px auto 0 auto;
		display:block
	}
	dl.box_staff dt{
		float:left;
		background:url(../img/cast/dotline.gif) repeat-x center;
	}
	dl.box_staff dd{
		text-align:right;
		background:url(../img/cast/dotline.gif) repeat-x center;
	}
	dl.box_staff span {
		background-color:#e7e1de;
		padding:0 10px;
	}
	#staff p.ttl_comment {
		background: #000000;
		color:#ffffff;
		font-size:20px;
		font-weight: bold;
		padding: 5px 0 5px 20px;
		margin-bottom: 30px;
	}
	
	#staff div.box_comment {
		background: #ffffff;
		padding:40px;
		margin-bottom:40px
	}
	#staff div.box_comment:last-child {
		margin-bottom:0px
	}
	#staff p.producer_comment span {
		background: #ffbfbf;
		padding: 2px;
		font-weight: bold
	}


/* schedule */
	#schedule {
		background: #b8aea7;
		color: #000
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.schedule th {
		color:#ffffff;
		font-weight:bold;
		padding:4px;
		text-align:center;
		background:#313131;
		border: #000000 solid 1px;
	}

	table.schedule td {
		padding:3px;
		background: #ffffff;
		border: #000000 solid 1px;
		text-align: center
	}
	table.schedule td.no-border {
		border:none;
	}
	table.no-border {
		border:none;
	}
	#schedule .info_box {
		background: #ffffff;
		margin: 50px 0;
		padding: 30px
	}
	#schedule .info_box dt {
		color: #e60012;
		font-weight: bold;
		width: 23%;
		display: inline-block;
		vertical-align: top
	}
	#schedule .info_box dd {
		display: inline-block;
		width: 76%
	}
	#schedule .info_box a:link,
	#schedule .info_box a:visited {
		color: #767676
	}
	.red-border {
		border: #e60012 solid 3px;
	}
	#schedule .detail_txt {
		text-align: center;
		padding:20px 0
	}
	table.schedule th.sun {
		color:#f17897
	}
	table.schedule th.sat {
		color:#93d1ff
	}
	.p_under_diagram {
		padding: 20px 0
	}
	.reserved {
		color: #ffffff;
		background: #649541;
		font-size: 11px;
		padding: 2px;
		margin-left: 3px;
		vertical-align: 0.1em;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
	.ic_event01 {
		color: #e60012
	}
	.ic_event02 {
		color: #4267b2
	}
/* special */
	#special {
		background: #000000;
		color: #ffffff
	}
	/*#speical .special_box {
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: #4e4e4e dotted 1px
	}
	#speical .special_box:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0
	}*/
	#special .border {
		margin-bottom: 50px;
		padding-bottom: 50px;
		border-bottom: #4e4e4e dotted 1px
	}
	#special ul.report {
		text-align: center;
		font-size: 0;
		margin-bottom: 20px
	}
	#special ul.report:last-child {
		margin-bottom: 0;
	}
	#special ul.report li {
		display: inline-block;
		margin-right: 25px
	}
	#special ul.report li:last-child {
		margin-right: 0
	}
	#special .cap {
		margin-top:20px;
		text-align:right !important
	}
	#special ul.report li img {
		border: #636363 solid 1px
	}
	#special ul.report iframe {
		border: #636363 solid 1px
	}
	#special ul.movie {
				text-align: center;
			margin-bottom: 40px;
	}
	#special ul.movie li {
		display: inline-block;
		margin-right: 25px
	}
	#special ul.movie li:last-child {
		margin-right: 0
	}
	#special .workshop {
		background:#ffffff;
		color:#000000;
		padding:40px
	}
	#special .cite_txt {
		padding: 20px;
		margin-bottom: 20px;
		color:#000000;
		border:#bdbdbd dotted 1px;
		font-family: "Hiragino Mincho ProN", "HG明朝E", YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif
	}
	#special img.imgRight-space {
		margin: 0 0 20px 20px
	}
/* stagepix */

	#stagepix ul.stagepix {
		font-size: 0;
	}
	#stagepix ul.stagepix li {
		display: inline-block;
		font-size: 14px;
		margin: 0 10px 10px 0;
		line-height: 0
	}
	#stagepix ul.stagepix li:nth-child(3n) {
		margin-right: 0
	}
	#stagepix ul.stagepix img {
	    border: #434343 solid 1px;
	}
	#stagepix .stage_cap {
		text-align: right;
		margin: 20px 0;
	}
	#colorbox {
		box-sizing: content-box !important
	}
/* access */
	#access {
		background: #000000;
		color: #ffffff
	}
	#access dt {
		display: inline-block;
		color: #ffffff
	}
	#access dd {
		float: left;
		width: 602px
	}
	#access dt span {
		position: relative;
		padding-left: 17px
	}
	#access dt span:before {
		content: "■";
		position: absolute;
		left: -3px;
		top: -8px;
		font-size: 21px;
	}

	p.divider {
		position:relative;
		z-index:10;
		margin-top:-40px;
		padding-bottom: 65px;
	}
	p.divider:before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 0;
		border-top: 1px solid #9d9794;
		border-bottom: 1px solid #f6f0ed;
	}
	p.divider-access {
		border-bottom:#636363 solid 1px;
		margin: 50px 0
	}
	/* footer */
	footer {
		background: #2b2b2b;
		padding: 30px 0 50px 0
	}
	footer ul {
		text-align: left
	}
	footer li {
		display: inline-block;
		margin-right: 10px
	}
	footer p.sponsor {
		float: right;
		color: #FFFFFF;
		font-size: 12px;
		text-align:left
	}
/* お知らせ（別枠） */
body {
    background: #000;
    color: #fff;
}
#notice {
	margin:100px 0
}
#notice .notice_inner {
	background: url("../img/common/bg_notice.jpg") repeat-x top #ffffff;
    color: #000;
    width: 900px;
    margin: 0 auto;
    padding: 80px;
}

#notice .notice_ttl {
    text-align: center;
    font-size: 22px;
}
#notice .date {
	text-align:right
}
#notice .notice_txt span {
	font-weight: bold;
    color: #E4000F;
	font-size:16px
}
.close {
	margin-top:50px;
	text-align: center
}
.close a {
    background: #666 none repeat scroll 0% 0%;
    color: #FFF;
    border-radius: 20px;
    padding: 10px 30px;
	text-decoration:none;
}
.close a:hover {
	background:#8e4f4f none repeat scroll 0% 0%;
	border-radius: 20px;
    padding: 10px 30px;
}

#notice h3.sttl {
    margin: 50px 0 30px 0;
    font-size: 30px;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    font-family: "Hiragino Mincho ProN", "HG明朝E", YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-weight: bold;
}