@charset "UTF-8";
/* =====================================================================
*
*    loader Layout
*
* =================================================================== */
p#premiumLoader {
	position: absolute;
	top: -650px;
	left: 50%;
	margin: 0 0 0 -342px;
	z-index: 6000;
}
div#container {
	padding: 0 0 100px 2px !important;
}
/* =====================================================================
*
*    Top Panel
*
* =================================================================== */
div#panelTop {
	margin: 0 auto 12px auto;
	width: 940px;
	height: 430px;
	position: relative;
	background: url(../img_2015/top/top_main_cover.png) no-repeat 0 0;
	display: none;
}
div#topSlideContainer {
	height: 364px;
	position: relative;
	overflow: hidden;
	width: 928px;
	top: 6px;
	left: 6px;
}
p#coverTopPC {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}
p#coverTopSP {
	display: none;
}
div#panelTopInner {
}
div.topSlideInner {
	position: absolute;
	width: 928px;
	height: 364px;
}
p#arrowLeft {
	position: absolute;
	left: -33px;
	top: 215px;
	cursor: pointer;
}
p#arrowRight {
	position: absolute;
	right: -33px;
	top: 215px;
	cursor: pointer;
}
div#fukubukuroContainer {
	left: 940px;
	top: 0;
}
div.inContainer {
	left: 0;
	top: 0;
}
div.outContainer {
	left: 100%;
	top: 0;
}
.mainTopSP {
	display: none;
}
p#slidePointList {
	width: 940px;
	position: absolute;
	left: -2px;
	top: 430px;
	text-align: center;
}
p#slidePointList img {
	margin: 0 0 0 5px;
}
p#slidePointList img.active {
	filter: alpha(opacity=40) !important;
	-moz-opacity: 0.4 !important;
	opacity: 0.4 !important;
}
div#newsContainer {
	width: 928px;
	height: 54px;
	overflow: hidden;
	position: absolute;
	top: 370px;
	left: 6px;
}
div#newsContainer ul {
	position: relative;
}
div#newsContainer ul li {
	position: absolute;
	/*top:18px;*/
	top: -25px;
	left: 24px;
	color: #FFF;
	font-size: 110%;
	/*white-space: nowrap;*/
}
div#newsContainer ul li img {
	vertical-align: top;
	margin: 0 15px 0 0;
}
div#newsContainer ul li span {
	margin: 0 15px 0 0;
}
/* =====================================================================
*
*    Contents Layout
*
* =================================================================== */
.topPanel {
	display: none;
}
div#topNaviContainer {
	width: 950px;
	height: 1030px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
div#topNaviContainer p#btnHistory {
	position: absolute;
	width: 475px;
	top: 0;
	left: 0;
}
div#topNaviContainer p#btnCharacter {
	position: absolute;
	width: 475px;
	top: 0;
	right: 0;
}
div#topNaviContainer div#panelNews {
	position: absolute;
	width: 465px;
	top: 98px;
	left: 6px;
}
div#topNaviContainer div#panelNewsSP {
	display: none;
}
/*div#topNaviContainer p#btnGametitle {
	position: absolute;
	width: 222px;
	top: 98px;
	left: 484px;
}
div#topNaviContainer p#btn3rdSeason {
	position: absolute;
	top: 98px;
	left: 724px;
}*/

div#topNaviContainer p#btnSnavi01 {
	position: absolute;
	width: 222px;
	top: 95px;
	left: 484px;
}
div#topNaviContainer p#btnSnavi02 {
	position: absolute;
	width: 222px;
	top: 95px;
	left: 724px;
}
div#topNaviContainer p#btnSnavi03 {
	position: absolute;
	width: 222px;
	top: 333px;
	left: 484px;
}
div#topNaviContainer p#btnSnavi04 {
	position: absolute;
	width: 222px;
	top: 333px;
	left: 724px;
}
div#topNaviContainer p#btnSnavi05 {
	position: absolute;
	width: 222px;
	top: 572px;
	left: 484px;
}
div#topNaviContainer p#btnSnavi06 {
	position: absolute;
	width: 222px;
	top: 572px;
	left: 724px;
}
div#topNaviContainer p#btnMaterial {
	position: absolute;
	width: 462px;
	top: 808px;
	left: 484px;
}
div#topFooterNavi {
	width: 940px;
	margin: 30px auto 0 auto;
	position: relative;
}
div#topFooterNavi ul {
	background: url(../img_2015/top/top_footer_line.gif) no-repeat right 0;
}
div#topFooterNavi ul li {
	text-align: center;
	width: 230px;
	float: left;
	padding: 0 0 0 4px;
	background: url(../img_2015/top/top_footer_line.gif) no-repeat 0 0;
	_position: relative;
}
/* =====================================================================
*
*    character
*
* =================================================================== */
p#topChara01 {
	position: absolute;
	top: 566px;
	left: -200px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
p#topChara02 {
	position: absolute;
	top: 836px;
	left: -165px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
p#topChara03 {
	position: absolute;
	bottom: -40px;
	left: -175px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
p#topChara03 img {
	vertical-align: bottom;
}
p#topChara04 {
	position: absolute;
	top: 370px;
	right: -206px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
p#topChara05 {
	position: absolute;
	top: 667px;
	right: -180px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
p#topChara06 {
	position: absolute;
	top: 1004px;
	right: -217px;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
/* =====================================================================
*
*    hint
*
* =================================================================== */
div#hintContainerBG{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:6000;
	background:#141414 url(../img_2015/hint/hint_bg.png) repeat 0 0;
	display:none;
	cursor:pointer;
}
div#hintContainerPC{
	width:930px;
	height:500px;
	position: fixed;
	top:50%;
	left:50%;
	margin:-250px 0 0 -465px;
	z-index:7000;
	display:none;
}
div#hintContainerPC p#hintLogo{
	text-align:center;
}
div#hintContainerPC div#hintInner{
	position:relative;
	width:930px;
}
div#hintContainerPC div#hintInner p{
	position:absolute;
	top:-38px;
	left:242px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width:447px;
	height:348px;
}
div#hintContainerPC div#hintInner p img{
	width:100%;
	height:auto;
}
p#hintClose{
	position: fixed;
	top:50%;
	left:50%;
	margin:-310px 0 0 435px;
	z-index:7000;
	cursor:pointer;
	display:none;
}
div#hintContainerSP{
	display:none;
}
/* =====================================================================
*
*    SP Style
*
* =================================================================== */
@media screen and (max-width: 800px) {
div#container {
	padding: 0 0 0 0 !important;
}
p#premiumLoader {
	width : 300px;
	top: -350px;
	left: 50%;
	margin: 0 0 0 -150px;
}
p#premiumLoader img {
	width: 100%;
	height: auto;
}
div#panelTop {
	margin: 15px auto 0 auto;
	width: 290px;
	height: 305px;
	background: url(../img_2015/top/top_main_cover_sp.png) no-repeat 0 0;
	background-size: contain;
}
div#topSlideContainer {
	width: 282px;
	height: 246px;
	top: 4px;
	left: 4px;
}
p#coverTopPC {
	display: none;
}
p#coverTopSP {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	width: 290px;
	height: 10px;
	background: url(../img_2015/top/top_main_cover_top_sp.png) no-repeat 0 0;
	background-size: cover;
}
p#coverTopSP img {
	width: 100%;
	height: auto;
	display: none;
}
div.topSlideInner {
	width: 282px;
	height: 246px;
}
div.topSlideInner img {
	width: 282px;
	height: 246px;
}
.mainTopPC {
	display: none;
}
.mainTopSP {
	display: block;
}
p#arrowLeft, p#arrowRight {
	display: none;
}
p#slidePointList {
	width: 282px;
	top: 296px;
}
div#newsContainer {
	width: 282px;
	height: 45px;
	top: 236px;
	left: 4px;
}
div#newsContainer ul li {
	width: 277px;
	top: -25px;
	left: 10px !important;
	line-height: 0.9;
	padding: 0 5px 0 0;
}
div#newsContainer ul li p {
	position: relative;
	padding: 0 0 0 31px;
}
div#newsContainer ul li span {
	margin: 0 15px 0 0;
}
div#newsContainer ul li p img {
	vertical-align: bottom;
	position: absolute;
	margin: 0;
	top: 5px;
	left: 0;
	width: 25px;
	height: 17px;
}
div#newsContainer ul li span {
	font-size: 8px;
	margin: 0 5px 0 0;
	padding: 0;
}
div#topNaviContainer {
	width: 320px;
	height: auto;
	margin: 10px auto 0 auto;
}
div#topNaviContainer div#panelNews {
	display: none !important;
}
div#topNaviContainer div#panelNewsSP {
	width: 290px;
	margin: 10px auto 15px auto;
	height: 250px;
	overflow: hidden;/*display: block;*/
}
div#topNaviContainer div#topNaviSp {
	width: 290px;
	margin: 0 auto;
}
div#topNaviContainer p#btnHistory, div#topNaviContainer p#btnCharacter {
	position: static;
	width: 93%;
	margin: 5px auto 0 auto;
}
div#topNaviContainer p#btnSnavi01, div#topNaviContainer p#btnSnavi02, div#topNaviContainer p#btnSnavi03, div#topNaviContainer p#btnSnavi04, div#topNaviContainer p#btnSnavi05, div#topNaviContainer p#btnSnavi06, div#topNaviContainer p#btn3rdSeason, div#topNaviContainer p#btnGametitle, div#topNaviContainer p#btnMaterial {
	position: static;
	width: 100%;
	margin: 5px 0 0 0;
}
div#topNaviContainer p#btnSnavi01 {
	width: 100%;
	height: auto;
	float: none;
	margin: 5px 0 3px 0;
}
div#topNaviContainer p#btnSnavi03 ,div#topNaviContainer p#btnSnavi05 {
	width: 48%;
	float: left;
	margin: 5px 0 10px 0;
}
div#topNaviContainer p#btnSnavi02, div#topNaviContainer p#btnSnavi04, div#topNaviContainer p#btnSnavi06 {
	width: 48%;
	float: right;
	margin: 5px 0 10px 0;
}
div#topNaviContainer p#btnHistory img, div#topNaviContainer p#btnCharacter img, div#topNaviContainer p#btnSnavi01 img, div#topNaviContainer p#btnSnavi02 img, div#topNaviContainer p#btnSnavi03 img, div#topNaviContainer p#btnSnavi04 img, div#topNaviContainer p#btnSnavi05 img, div#topNaviContainer p#btnSnavi06 img, div#topNaviContainer p#btn3rdSeason img, div#topNaviContainer p#btnGametitle img, div#topNaviContainer p#btnMaterial img {
	width: 100%;
	height: auto;
}
div#topFooterNavi {
	width: 290px;
	margin: 0 auto 0 auto;
	padding: 0 0 60px 0;
}
div#topFooterNavi ul {
	width: 290px;
	background: none;
}
div#topFooterNavi ul li {
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../img_2015/top/top_footer_line.gif) no-repeat 0 0;
	background-size: contain;
	position: relative;
	z-index: 600;
}
div#topFooterNavi ul li.lineR {
	background-image: url(../img_2015/top/top_footer_line.gif), url(../img_2015/top/top_footer_line.gif);
	background-repeat: no-repeat, no-repeat;
	background-position: 0 0, right 0;
	background-size: contain;
}
div#topFooterNavi ul li img {
	width: 90%;
	height: auto;
}
div#hintContainerPC{
	display:none;
}
div#hintContainerSP{
	width:266px;
	height:200px;
	position: fixed;
	top:50%;
	left:50%;
	margin:-100px 0 0 -133px;
	z-index:7000;
	display:none;
	text-align:center;
}
p#hintClose{
	top:10px;
	left:280px;
	margin:0;
}
div#hintContainerSP img{
	width:266px;
	height:199px;
}
}