body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#aa0003;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	margin: 0px;
  padding: 0;
}

#wrap{
	width: 100%;
  height: 100%;
}

#contentAll{
width: 100%;
}


#mainNewAll{
background: url(../images/top/bg01.jpg) no-repeat;
background-size: 100% 100%;
width: 640px;
height: 853px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

#kamiAll{
width: 640px;
height: 853px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#mainNewCast01{
background: url(../images/top/cast01.png) no-repeat;
z-index: 5;
}

#mainNewCast02{
background: url(../images/top/cast02.png) no-repeat;
z-index: 4;
}

#mainNewCast03{
background: url(../images/top/cast03.png) no-repeat;
z-index: 3;
}

#mainNewLogomask{
background: url(../images/top/bg02.png) no-repeat;
z-index: 9;
}

#mainNewCatch{
background: url(../images/top/roadshow.png) no-repeat;
z-index: 10;
}

#mainNewCatch_b{
background: url(../images/top/roadshow2.png) no-repeat;
z-index: 10;
}

#mainNewCatch_c{
background: url(../images/top/roadshow3.png) no-repeat;
z-index: 10;
}

@-webkit-keyframes scaleLogo {
    from { transform: scale(1.5, 1.5) translateY(-50px);}
    to   { transform: scale(1.0, 1.0) translateY(0);}
}

@keyframes scaleLogo {
    from { transform: scale(1.5, 1.5) translateY(-50px);}
    to   { transform: scale(1.0, 1.0) translateY(0);}
}

#mainNewLogo{
background: url(../images/top/logo.png) no-repeat;
z-index: 6;
-webkit-animation:scaleLogo 0.5s;
animation:scaleLogo 0.5s;
}

#mainNewCast01,#mainNewCast02,#mainNewCast03,#mainNewLogo,#mainNewCatch,#mainNewLogomask,#mainNewCatch_b,#mainNewCatch_c{
background-size: 100% 100%;
width: 640px;
height: 853px;
position: absolute;
top: 0;
left: 0;
}

@-webkit-keyframes reflection {
    from { transform: translateX(-640px);}
    to   { transform: translateX(4000px);}
}

@keyframes reflection {
    from { transform: translateX(-640px);}
    to   { transform: translateX(4000px);}
}

#mainNewKira{
background: url(../images/top/kira.png) no-repeat;
background-size: cover;
width: 640px;
height: 335px;
position: absolute;
bottom: 70px;
left: 0;
z-index: 8;
animation: reflection 3s ease-in-out infinite;
-webkit-animation: reflection 3s ease-in-out infinite;
}


#topMainAll{
background:linear-gradient(#fd0005, #aa0003);
width: 640px;
padding: 20px 0;
margin: 0 auto;
}


#mainSubAll{
width: 640px;
height: 145px;
line-height: 0;
margin: 0 auto;
}

@-webkit-keyframes subBg01 {
 0% {background-position: 0 0;}
 100% {background-position: -640px 0;}
}

@keyframes subBg01 {
 0% {background-position: 0 0;}
 100% {background-position: -640px 0;}
}

#mainSub01{
background: url(../images/top/img_sub1.jpg) repeat-x;
background-size: 640px 74px;
width: 640px;
height: 74px;
-webkit-background-size: 640px 74px;
-webkit-animation: subBg01 20s linear infinite;
animation: subBg01 20s linear infinite;
}

@-webkit-keyframes subBg02 {
 0% {background-position: -640px; 0;}
 100% {background-position: 0 0;}
}

@keyframes subBg02 {
 0% {background-position: -640px; 0;}
 100% {background-position: 0 0;}
}

#mainSub02{
background: url(../images/top/img_sub2.jpg) repeat-x;
background-size: 640px 71px;
width: 640px;
height: 71px;
-webkit-background-size: 640px 71px;
-webkit-animation: subBg02 20s linear infinite;
animation: subBg02 20s linear infinite;
}






/*

bnr

*/

#bnrAll{
width: 576px;
padding: 0 0 20px;
overflow: hidden;
margin: 0 auto;
z-index: 10;
}

.bnrImg,.bnrImg2{
width: 100%;
line-height: 0;
margin: 0 0 5px;
text-align: center;
}

.bnrImg2 img{ margin: 4px;}

#bnrS,#udcast{
width: 100%;
text-align: center;
padding: 0 0 30px 0;
}

#bnrS img{ margin: 2px;}


/*

share

*/

#shareAll{
width: 640px;
margin: 0 auto;
text-align: center;
line-height: 0;
}



/*

sns btn

*/

#twitterBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:15px;
	left:20px;
	z-index:50;
}

#instaBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:15px;
	left:115px;
	z-index:50;
}

#snsBtn{
	width:100%;
  padding: 30px 0;
  margin: 0 auto;
	line-height:0;
	text-align: center;
}

#snsBtn img{
	margin:10px;
}



/*

footer

*/

#billing{
background: url(../images/top/billing.png) no-repeat center;
background-size: contain;
width: 90%;
height: 180px;
margin: 0 auto;
}

#copyright{
	background: url(../../images/copyright.png) no-repeat center;
	background-size:contain;
	width:250px;
	height:60px;
  margin: 0 auto;
}