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

html{ font-size: 62.5% } 

body{
	margin: 0;
	padding: 0;
	font-size:16px;
	font-size:1.6rem;
	line-height:180%;
    font-family:YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,sans-serif;
}

@media screen and (max-width: 480px) {
	body{ font-size:24px;font-size:2.4rem;}
}

p{
	margin: 0;	
}

p, ul{
	font-style:normal;
}

img    {border-style: none;}

a {color:#FFF000;text-decoration:none;}
a:hover{color:#FFF;text-decoration:none;}

#header h1, #pixels{
	color: #48941A;
}

h2{
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
	font-size:2.4rem;
	line-height:180%;
	color:#fff000;
	margin:50px 0;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 10px;
}

#nav li{
	margin: 0 0 0 0;	
}

#header, #intro{
	width: 100%;
}

#toppage{
	background:url(../img/firstBG.jpg) no-repeat;
	background-position: center center;
	background-size:cover;
	background-color:#1f3859;
	color: white;
	width:100%;
	min-height: 1000px;
	margin: 0 auto;
	padding: 0;
}

.toppage_title{
	float: left;	
	margin: 0;
}



#intro{
	background:url(../img/secondBG.jpg) repeat;
	background-position: center center;
	background-size:cover;
	background-color: #fff000;
	color: white;
	height: 100%;
	padding: 100px 0;	
}

#cast{
	background-color:#1f3859;
	color: white;
	width:100%;
	height: 100%;
	margin: 0 auto;
	padding: 100px 0;	
}

#data{
	background:url(../img/secondBG.jpg) repeat;
	background-position: center center;
	background-size:cover;
	background-color: #fff000;
	color: white;
	height: 100%;
	padding: 100px 0;	
}

#ticket{
	background-color:#1f3859;
	color: white;
	width:100%;
	height: 100%;
	margin: 0 auto;
	padding: 100px 0;	
}

#special{
	background:url(../img/secondBG.jpg) repeat;
	background-position: center center;
	background-size:cover;
	background-color: #fff000;
	color: white;
	height: 100%;
	padding: 20px 0;	
}

#movie{
	background: url(../img/movie.jpg) 50% 0 repeat-y fixed;
	background-color: #000;
	color: white;
	height: 1400px;
	padding: 100px 0 0 0;	
}

#archive{
	background:url(../img/firstBG.jpg) 50% 0 no-repeat fixed;
	background-color:#7c678f;
	color: white;
	width:100%;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
}

#footer{
	background:url(../img/footer.jpg) no-repeat;
	background-position: center bottom;
	background-size:cover;
	width:100%;
	min-height: 1200px;
	height: 100%;
	margin: 0 auto;
	text-align:center;
	font-size:24px;
	font-size:2.4rem;
	line-height:180%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
}

.story{
	margin: 0 auto;
	overflow: auto;
	padding:0 40px;
}

.cast{
	margin: 0 auto;
	overflow: auto;
	padding:0 40px;
	text-align:center;
}

.cast_wrapper{
	float:left;
	text-align:center;
	margin:20px;
	width:180px;
	height:30px;
}

.cast_name{
	font-size:24px;
	font-size:2.4rem;
}

.cast_sub{
	font-size:13px;
	font-size:1.3rem;
}

.cast_info{
	text-align:left;
	margin:30px 20px 0;
	font-size:13px;
	font-size:1.3rem;
	-webkit-text-size-adjust: 100%;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 600px;	
}

.ticket_wrapper{
	width:700px;
}

.ticket_container{
	float:left;
	margin-right:50px;
	width:300px;
	min-height:300px;
}

.ticket_cat{
	border:1px #666 solid;
	width:300px;
	margin:70px 0 20px 0;
	text-align:center;
}



a.btn{
	background-color:#FFF000;
	border:1px #FFF000 solid;
	width:280px;
	margin:5px 0;
	color:#000;
	padding:10px;
	text-align:center;
	text-decoration:none;
	display:block;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
}

/*a:hover.btn{
	background-color:inherit;
	border:1px #FFF000 solid;
	width:280px;
	margin:5px 0;
	color:#FFF000;
	padding:10px;
	text-align:center;
	text-decoration:none;
	display:block;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;	
}*/



/* accordion
===========================================================*/
ul{list-style-type: none;margin-left: 0px;}
li{list-style-type: none;margin-left: -40px;font-size:90%;line-height:160%;}
ul.accordion { width:80%; margin:30px auto;}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#000; font-weight:bold;}
ul.accordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion ul { display:none;}
ul.accordion > li { background:#FFF;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;}
ul.accordion > li > p { background: ;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;cursor:pointer;}
ul.accordion > li > ul > li { background:#FFF;color:#000;text-align:left;padding:20px;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;}
ul.accordion > li > ul > li > p { }
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

ul.accordion2 { width:260px; margin-top:5px;}
ul.accordion2 a { display:block; padding:10px;margin:5px 0;text-decoration:none; background-color:#FFF000;color:#000; font-weight:bold;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;}
ul.accordion2 span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold;}
ul.accordion2 ul { display:none;}
ul.accordion2 > li { background:#FFF;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;}
ul.accordion2 > li > p { -moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;cursor:pointer;}
ul.accordion2 > li > ul > li { background:#FFF;color:#000;text-align:left;padding:20px;overflow:hidden;-moz-border-radius: 0.4em;-webkit-border-radius: 0.4em;-o-border-radius: 0.4em;-ms-border-radius: 0.4em;}
ul.accordion2 > li > ul > li > p { }
ul.accordion2 > li > ul > li > ul > li:last-child { border:none;}




/*
ul.accordion > li > a { background-image:url(img/a_link.png);}
ul.accordion > li > ul > li > p span { background-image:url(img/b_close.png);}
ul.accordion > li > ul > li > p span.open { background-image:url(img/b_open.png);}
ul.accordion > li > ul > li > ul > li a { background-image:url(img/c_link.png); color:#333;} 
*/

dl.accordion { background:#DDD; width:80%; margin:0 auto 30px; padding:10px; font-size:16px;}
dl.accordion dt {
	background:url(../img/open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background:url(../img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
	border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
	background:url(../img/close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
	background:url(../img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}