@charset "utf-8";

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

common

---------------------------------------------------------------------------*/
.main{
	background-color:#FFF;
	background-size:contain;
}

.bg{
	background-repeat:no-repeat;
	background-position:top;
	background-size:contain;
}

nav span,h2 span{
	font-family: 'Oswald', sans-serif;
	color:#1d2760;
}

h2{
	text-align:center;
	font-size:1.6rem;
	margin-bottom:5%;
	color:#c39e5a;
}

h2 span{
	font-weight:normal;
	font-size:6.0rem;
	line-height:1;
	color:#000;
}

a{
	color:#000;
}

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

.side #navTop{
	display:none;
}

footer{
	background-color:#fff;
}

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

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

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

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

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

.caption{
	margin:10px 0;
}

.left{
	float:left;
}

.right{
	float:right;
}

.commentary{
	padding:20px;
	background-color:#eff6db;
	overflow:hidden;
}

.ttl{
	margin-bottom:10px;
	text-align:center;
}

.ttl span{
	font-family: 'Dosis', sans-serif;
	font-size:3.6rem;
	display:block;
	line-height:1;
	letter-spacing: 3px;
	color:#1d2760;
}

@media(max-width:480px){
	h2 span{
		font-size:4.0rem;
	}

	footer .btnAccess{
		padding:0 10px;
	}
}

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

@media(min-width:769px){
	.ttl span{
		font-size:5.2rem;
	}	
}

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

	.side{
		border-bottom:solid 1px #eee;
	}
	
	.side h1 img{
		width:65%;
		max-width:400px;
		padding:2% 0;
		vertical-align:middle;
	}

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

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

@media(min-width:961px){
	.side h1 img{
		width:90%;
	}

	.side h1{
		margin-bottom:20px;
	}

	.naviList{
		padding:10px 30px 30px 30px;
	}

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

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

top

---------------------------------------------------------------------------*/
#top .main{
	background-color:#8e1e23;
	color:#fff;
}

#top .main .content:first-child{
	padding-top:2%;
}

#top .intro{
	font-size:2.4rem;
	font-weight:bold;
}

#top .main .btnAccess a{
	max-width:700px;
	box-sizing:border-box;
	text-decoration:none;
	font-size:2.0rem;
}


#top .movie{
	/*max-width:700px;*/
	margin:5% auto;
}


#top h1 img,#top .pic img{
	width:100%;
}

#top .list{
	margin-top:20px;
}

#top .list dt{
	background-color:#fff;
	color:#8e1e23;
	clear:both;
	padding:3px 10px;
	font-size:11px;
	text-align:center;
	margin-top:5px;
	vertical-align:top;
	display:block;
	width:5em;
}

#top .list dd{
	display:inline-block;
	margin-top:5px;
	vertical-align:top;
}

#distribution{
	width:250px;
}

@media(min-width:768px){
	#top .bnrOnline{
		text-align:center;
	}

	#top .list dt{
		display:inline-block;
		margin-right:1%;
		margin-top:5px;
		vertical-align:top;
		width:8%;
	}
	
	#top .list dt span{
		display:block;
	}
	
	#top .list dd{
		width:80%;
	}

	#distribution{
		float:left;
	}
	
	#snsBlock{
		clear:none;
		margin-top:0;
	}

}


/*---------------------------------------------------------------------------
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;
	}

}