@charset "utf-8";
*{
	margin:0;
	padding:0;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position: relative;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: url(../images/common/bg.jpg) no-repeat,#EA92C1;
	-webkit-text-size-adjust: 100%;
}
img{
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#btnArea{
	position:relative;
	height:305px;
	margin:24px 0 0;
}
#btnArea .news{
	position:absolute;
	top:0;
	left:31px;
}
#btnArea .info{
	position:absolute;
	top:0;
	left:207px;
}
#btnArea .character{
	position:absolute;
	top:0;
	left:382px;
}
#btnArea .csg{
	position:absolute;
	top:0;
	left:552px;
}
#btnArea .game{
	position:absolute;
	top:158px;
	left:30px;
}
#btnArea .special{
	position:absolute;
	top:158px;
	left:205px;
}
#btnArea .movie{
	position:absolute;
	top:158px;
	left:384px;
}
#btnArea .theater{
	position:absolute;
	top:158px;
	left:562px;
}


#footer{
	text-align:center;
	padding:35px 0;
}
#banner {
	overflow: hidden;
	width: 640px;
	margin: 0 auto;
}
#banner a {
	padding: 0 10px 20px;
	display: block;
	float: left;
	width: 300px;
}



/*second*/
#wrapSecond #header{
	position:fixed;
	top:0;
	width:750px;
	height:117px;
	background:#E3007F;
	z-index:2000;
}
#wrapSecond #header .headContent{
	position:relative;
}
#wrapSecond #header h1{
	position:absolute;
	top:0;
	left:0;
	z-index:2050;
}
#wrapSecond #contentArea{
	margin-top:150px;
}
#wrapSecond #contentArea .ttl,
#wrapSecond #contentArea .imgBlock{
	text-align:center;
}
#wrapSecond #contentArea #menuArea{
	margin-bottom:200px;
}
#wrapSecond #contentArea #news,
#wrapSecond #contentArea #game,
#wrapSecond #contentArea #paperArea{
	background: url(../images/common/bg_frame_bottom.png) center bottom no-repeat;
	padding-bottom:99px;
}
#wrapSecond #contentArea .contentWrap .secondRepeat{
	background: url(../images/common/bg_frame.png) center top repeat-y;
}
/*キャスト・スタッフ・ゲスト*/
#csg .ttl{
	position:relative;
}
#csg .ttl .guestBtn{
	position:absolute;
	top:168px;
	left:53px;
}
#csg .ttl .staffBtn{
	position:absolute;
	top:168px;
	left:378px;
}

/* hamburger*/
#toggle,
#toggle span {
	transition: all .4s;
	box-sizing: border-box;
}
#toggle {
	position: absolute;
	width: 68px;
	height: 60px;
	top:30px;
	right:20px;
	z-index:2050;
}
#toggle span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 10px;
	background-color:#FFF;
}
#toggle span:nth-of-type(1) {
	top: 0;
}
#toggle span:nth-of-type(2) {
	top: 25px;
}
#toggle span:nth-of-type(3) {
	bottom: 0;
}
#toggle.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-315deg);
	transform: translateY(25px) rotate(-315deg);
}
#toggle.active span:nth-of-type(2) {
	opacity: 0;
}
#toggle.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(315deg);
	transform: translateY(-25px) rotate(315deg);
}
#headMenu {
	position:absolute;
	width: 100%;
	margin: 0 auto;
	top:120px;
	z-index:2050;
}
#headMenu li {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#overLay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	background:#E3007F;
	z-index:1500;
}
/*news*/
#news #divRss {
	padding-bottom:18px;
}
#news #divRss .updates {
	padding-top:20px;
}
#news #divRss .updates li {
	width:643px;
	margin:0 auto 20px;
	background:url("../images/news/bg_news_ttl.png") center bottom no-repeat;
}
#news #divRss .updates li p{
	padding:2px 0 30px 55px;
}
#news #divRss .updates li span{
	display:block;
	color:#E95098;
	font-size:12px;
	font-weight:normal;
}
#news #divRss .updates li a{
	font-size:20px;
	font-weight:bold;
	color:#E95098;
	text-decoration:none;
}
/*game*/
#game .secondRepeat div:first-child img,
#paperArea .secondRepeat div:first-child img{
	margin-top:-50px;
}
#game div,
#paperArea div{
	text-align:center;
}
#game .btn01{
	margin:-30px 0 20px;
}
#game .btn02{
	margin:20px 0;
}
#clearArea .clearBtn{
	position:relative;
}
#clearArea .clearBtn div{
	position:absolute;
	top:17px;
	left:0;
	right:0;
	text-align:center;
}
#clearArea .clearBtn div img{
	margin-bottom:-75px;
}
#paperArea{
	display:none;
}
#paperArea .btnPaper{
	margin:30px 0 15px;
}
#paperArea .btnMore{
	margin:40px 0;
}
#game .secondRepeat div:last-child img,
#paperArea .secondRepeat div:last-child img{
	margin-bottom:-30px;
}
/*special*/
#special .ttl{
	position:relative;
}#special .ttl .twBtn{
	position:absolute;
	top:615px;
	left:282px;
}