@charset "utf-8";

/*---------------------------------------------------------------------------

common

---------------------------------------------------------------------------*/

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
    line-height: 1.8;
	background-color:#000;
}

.side,.naviList{
	background-color:#000;
}

.content {
	padding: 4%;
	padding-top:0;
	
}

nav span{
	font-family: 'Open Sans', sans-serif;
	color:#fff;
}

a{
	color:#e8570e;
}

nav span{
	letter-spacing: 1px;
	font-size:1.7rem;
}

.naviList .current,.naviList .current span{
	color:#e8570e;
}

.side #navTop{
	display:none;
}

footer{
	background-color:#fff;
}

#snsBlock{
	margin:20px 0;
	float:right;
}

.btn{
	text-align:center;
	margin:15px 0;
	display:inline-block;
}

.btn a{
	color:#e8570e;
	display:block;
	text-align:center;
	padding:5px 10px;
	font-size:80%;
	border:solid 1px #e8570e;
	max-width:280px;
	margin:0 auto;
	text-decoration:none;
}

.btn a:hover{
	background-color:#e8570e;
	color:#fff;
}

.btnAccess{
	display:block;
}

.picRight,.picLeft{
	text-align:left;
}

.caption{
	margin:10px 0;
	text-align:right;
}

.left{
	float:left;
}

.right{
	float:right;
}

.color1{
	background-color:#000;
}

.color2{
	background-color:#292929;
}

.ttl{
	text-align:center;
	font-size:100%;
	color:#fff;
	margin-top:5%;
	margin-bottom:5%;
}

.ttl span{
	font-family: 'Open Sans', sans-serif;
	font-size:8rem;
	display:block;
	line-height:1;
	color:#e8570e;
	font-weight:bold;
	letter-spacing:3px;
}

h1{
	margin:10px 0;
}

.main{
	line-height:1.6;
	color:#fff;
}

h2{
	text-align:center;
	font-weight:normal;
}

h2 img{
	width:74%;
}

a img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity:0.7;
}

.main .btn a{
	background-color:#fff;
	color:#000;
}

.main .btn a:hover{
	background-color:#b9b9b9;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

#menuBtn{
	color:#fff;
}

@media(max-width:480px){
	
	.ttl span{
		font-size:4rem;
	}
	footer .btnAccess{
		padding:0 10px;
	}
	
	h1 img{
		width:100px;
		vertical-align:middle;
	}

	h1{
		margin:0;
	}

}

@media(min-width:481px){
	footer{
		padding-bottom:2.0rem;
	}
}

@media(min-width:769px){
	.ttl span{
		font-size:5rem;
	}
	
	h1 img{
		width:150px;
	}
	
	.bnrOnline{
		text-align:center;
	}
}


@media(max-width:960px){
	body{
		/*background-color:#e8570e;*/
	}

	.side{
		border-bottom:solid 1px #eee;
	}
	
	.side nav{
		border-top: solid 1px #eee;
	}

	.naviFooter,.BnrTicket{
		border-top:solid 1px #ddd;
	}
}

@media(min-width:961px){
	.naviList{
		padding:10px 30px 30px 30px;
	}

	nav li{
		margin-bottom:4%;
	}
	
}

/*---------------------------------------------------------------------------

mainvisual

---------------------------------------------------------------------------*/
#mainvisual{
	text-align:center;
	background-size: cover;
}

#mainvisual .btn{
margin:40px 0;
}

#mainvisual > img{
	width:100%;
}

/*---------------------------------------------------------------------------

access

---------------------------------------------------------------------------*/

.bnrOnline{
	width:80%;
	text-align:center;
	margin:0 auto;
	margin-top:4%;
}

/*#mainvisual .btnAccess{
	margin-top:5%;
	float:left;
	width:49%;
	margin-right:2%
}*/

#mainvisual .btnAccess a{
	max-width:none;
	font-size:16px;
}

.btnFyler{
	margin-top:5%;
	float:left;
	width:49%;
}

.bnrBlock{
	width:80%;
	overflow:hidden;
	margin:0 auto;
}

@media(max-width:480px){
	#access .btnAccess a{
		font-size:1.4rem;
	}
	
	.bnrOnline{
	width:100%;
	}
	.bnrBlock{
	width:100%;
	}

	#mainvisual .btnAccess a{
		margin-right:5%;
		margin-left:5%;
	}

}

/*---------------------------------------------------------------------------

news

---------------------------------------------------------------------------*/
.news{
	font-size:1.4rem;
	line-height:1.6;
}

.news a{
	text-decoration:none;
}

.news li a{
	display:block;
}

.news li .pic{
	position:relative;
}

.news li .pic img{
	position:absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
}

.news .more{
	text-align:center;
	margin-top:10px;
}

.news .more a{
	display:inline-block;
	color:#000;
	border:solid 1px #000;
	padding:5px 30px;
	text-decoration:none;
	background-color:#fff;
}

.news .more a:hover{
	background-color:#e8570e;
	color:#fff;
}

@media(max-width:767px){
	.news li{
		clear:both;
		margin-bottom:10px;
		overflow:hidden;
	}

	.news li .pic{
		float:left;
		width:130px;
		height:90px;
		overflow: hidden;
		margin-right:10px;
	}
	
	.news li p{
		overflow:hidden;
	}

	.news li p span{
		display:block;
	}

}

@media(min-width:768px){
	.news ul{
		margin:0 auto;
		overflow:hidden;
		width:640px
	}

	.news li{
		margin-bottom:5px;
		width:200px;
		overflow:hidden;
		float:left;
	}
	
	.news li:nth-child(even){
		margin:0 20px;
	}
	
	
	.news li span{
		font-size:90%;
	}
	
	.news li a:hover{
		text-decoration:underline;
	}
	
	.news li .pic {
		height:130px;
		overflow: hidden;
		margin-bottom:10px;
	}

}


/*---------------------------------------------------------------------------

point

---------------------------------------------------------------------------*/
#point p{
	overflow:hidden;
}

#point .pic{
	text-align:center;
}

#point h3{
	text-align:center;
	font-size:2.2rem;
	margin-bottom:20px;
	color:#e8570e;
}

#pointBlock{
	color:#e8570e;
	border:double 1px #e8570e;
	padding:2% 5%;
	margin:20px 5%;
	clear:both;
}

/*---------------------------------------------------------------------------

cast

---------------------------------------------------------------------------*/
.profileBlock{
	overflow:hidden;
	margin-bottom:5%;
}

.profileBlock h3{
	color:#e8570e;
	border-bottom:1px solid #e8570e;
	margin-bottom:3%;
	font-size: 2rem;
}

.profileBlock h3 span{
	font-size:1.3rem;
}

.profileBlock .btn a{
	font-size:1.4rem;
	padding: 5% 28px;
	border:none;
}

.profileBlock .btn a:hover{
	background:#e8570e;
	color:#FFF;
}

.profileBlock .caption{
	text-align:right;
}

.profileBlock .picRight{
	max-width:640px;
}

.profileBlock #noname{
	max-width:640px;
	margin-right:auto;
	margin-left:auto;
}

#guest{
	background-color:#5a5a5a;
	padding:5%;
}

@media(max-width:480px){
	.profileBlock h3 .Ename{
		display:block;
	}
	
	.profileBlock .picRight{
		width:60%;
		margin-right:auto;
		margin-left:auto;
	}
}

@media(max-width:768){
	.profileBlock .picRight{
		margin-right:auto;
		margin-left:auto;
	}
}

/*---------------------------------------------------------------------------

ticket

---------------------------------------------------------------------------*/
#ticket{
	background-color:#292929;
}

#ticket h3{
	color:#FFF;
	text-align:center;
	font-weight:normal;
}

#ticket h4{
	color:#FFF;
	border-bottom:solid 1px #FFF;
	font-size: 1.8rem;
	font-weight:bold;
}

#ticket .eventSchedule table{
	background-color:#fff;
	color:#000;
}

.informationTab{
	display:none;
}
@media(max-width:480px){
    #program table.programTable{
		font-size: 1.3rem;
	}
}

/*---------------------------------------------------------------------------

topics

---------------------------------------------------------------------------*/
#topics .content{
	background-color:#292929;
}

#topics .topicsList li,#topicsEntry .text{
	background-color:#FFF;
	margin-bottom:20px;
	font-size:1.5rem;
	clear:both;
	overflow:hidden;
	color:#000;
}

#topics .topicsIn{
	overflow:hidden;
}

#topics .topicsIn,#topicsEntry .text{
	padding:3%;
}

#topics .main .btn a:hover {
	background:#000;
	color:#FFF;
}

#topics .topicsList li a{
	text-decoration:none;
	display:block;
	overflow:hidden;
	color:#000;
}

#topics .topicsList li a,#topics .text a{
	color:#000;
}

#topics .topicsList li a{
	border:1px solid #FFF;
}
#topics .topicsList li a:hover{
	border:1px solid #FFF;
}

#topics .topicsList li:last-child{
	margin-bottom:0;
}

#topics h2{
	color:#e8570e;
}

#topics .topicsList h2{
	margin-bottom:15px;
	text-align:left;
	color:#e8570e;
}

#topics .update{
	font-size:1.3rem;
	color:#999;
}

#topicsEntry .update{
	text-align:center;
}
#topics .topicsList h2
@media(max-width:480px){
	#topics h3{
		font-size:1.5rem;
	}
}

@media(max-width:768px){
	#topics .topicsList .pic{
		margin-bottom:15px;
	}
}

@media(min-width:769px){
	#topics .topicsList li{
		overflow:hidden;
	}

	#topics .topicsList .pic{
		width:40%;
		float:left;
	}

	#topics .topicsList .textBlock{
		width:55%;
		float:right;
		overflow:hidden;
	}

	#topics .topicsList .nopic{
		width:100%;
		float:none;
	}

	h2{
		font-size:2.4rem;
	}

}



/*---------------------------------------------------------------------------
pageTop
---------------------------------------------------------------------------*/
#pageTop{
	z-index:1;
	font-size:2.6rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#ffffff;
	padding:5px 10px;
	text-align:center;
	color:#000;
	clear:both;
}

@media(max-width:480px){
	#pageTop{
		text-align:center;
		margin:0 30%;
		padding:5px 10px 0 10px;
	}

}

@media(min-width:481px){
	#pageTop{
		position: fixed;
		right:10px;
		bottom:10px;
	}

	#pageTop:hover{
		background-color:#000;
		color:#fff;
		cursor:pointer;
	}

}

@media(max-width:960px){
	#topics .topicsList li .left,#topics .topicsList li .right{
		float:none;
		width:100%;
	}
}



.movie{
	text-align:center;
	margin:0 auto;
}

.movieBlock h3{
	color:#FFF;
	text-align:center;
	font-size: 2.2rem;
}