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

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

#content{
background: url("../images/bg.jpg") repeat-y;
background-size: 100% auto;
width: 375px;
margin: 0 auto;
}

#mainAll {
width: 375px;
height: 535px;
background:#FFF;
position: relative;
margin: 0 auto;
padding: 0;
z-index: 1;
overflow: hidden;
}


@-webkit-keyframes bgAnm {
0% { transform: scale(1.4, 1.4); }
100%   { transform: scale(1.0, 1.0); }
}

@keyframes bgAnm {
0% { transform: scale(1.4, 1.4); }
100%   { transform: scale(1.0, 1.0); }
}

#mainBg{
background: url("../images/top2/main_bg.jpg") no-repeat;
background-size: 100% 100%;
width: 375px;
height: 535px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
backface-visibility:hidden;
transform-origin:center top;
-webkit-animation: bgAnm 5s ease;
animation-duration: bgAnm 5s ease;
}


@-webkit-keyframes logoRotate {
0% { transform: scale(0.1, 1.0); }
100%   { transform: scale(1.0, 1.0); }
}

@keyframes logoRotate {
0% { transform: scale(0.1, 1.0); }
100%   { transform: scale(1.0, 1.0); }
}

#logo{
background: url("../images/top2/main_logo.png") no-repeat;
background-size: 100% 100%;
width: 64px;
height: 260px;
position: absolute;
top: 72px;
left: 155px;
z-index: 10;
backface-visibility:hidden;
-webkit-backface-visibility: hidden;
-webkit-animation: logoRotate 2s ease-out;
animation-duration: logoRotate 2s ease-out;
}

@-webkit-keyframes charaAnm {
0% { transform: scale(1.2, 1.2); }
100%   { transform: scale(1.0, 1.0); }
}

@keyframes charaAnm {
0% { transform: scale(1.2, 1.2); }
100%   { transform: scale(1.0, 1.0); }
}

#mainChara01{
background: url("../images/top2/main_chara01.png") no-repeat center;
background-size: 100%;
width: 121px;
height: 220px;
position: absolute;
bottom: -25px;
left: 129px;
z-index: 3;
transform-origin:center top;
-webkit-animation: charaAnm 3s ease-out;
animation-duration: charaAnm 3s ease-out;
}

#mainChara02{
background: url("../images/top2/main_chara02.png") no-repeat center;
background-size: 100%;
width: 156px;
height: 209px;
position: absolute;
bottom: -25px;
left: -3px;
z-index: 2;
/*backface-visibility:hidden;
-webkit-backface-visibility: hidden;
-webkit-animation: charaAnm 2s ease-out;
animation-duration: charaAnm 2s ease-out;*/
}

#mainChara03{
background: url("../images/top2/main_chara03.png") no-repeat center;
background-size: 100%;
width: 154px;
height: 226px;
position: absolute;
bottom: -25px;
right: 0px;
z-index: 3;
/*backface-visibility:hidden;
-webkit-backface-visibility: hidden;
-webkit-animation: charaAnm 2s ease-out;
animation-duration: charaAnm 2s ease-out;*/
}

@-webkit-keyframes cthAnm {
0% { transform: translate(0,20px);}
100%   { transform: translate(0,0); }
}

@keyframes cthAnm {
0% { transform: translate(0,20px);}
100%   { transform: translate(0,0); }
}

#catch{
background: url("../images/top2/main_catch.png") no-repeat center;
background-size: cover;
width: 85px;
height: 195px;
position: absolute;
top: 25px;
left: 0;
transform-origin:center bottom;
-webkit-animation: cthAnm 1s ease-out;
animation-duration: cthaAnm 1s ease-out;
z-index: 3;
}

#onairinfo{
background: url("../images/top2/main_onair.png") no-repeat;
background-size: cover;
width: 100px;
height: 190px;
position: absolute;
top: 120px;
right: 30px;
z-index: 6;
}

#cover{
background: url("../images/top2/main_cover.png") repeat-x center;
background-size: 100% 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
/*backface-visibility:hidden;
-webkit-backface-visibility: hidden;
-webkit-animation: leafAnm 5s ease;
animation-duration: leafAnm 5s ease;*/
}

#sakura{
background: url("../images/top2/main_sakura.png") no-repeat center;
background-size: cover;
width: 113px;
height: 149px;
position: absolute;
top: 0;
right: 0;
backface-visibility:hidden;
-webkit-backface-visibility: hidden;
z-index: 5;
}

@-webkit-keyframes skrAnm {
0% { transform: translate(250px,50px);}
100%   { transform: translate(0,0); }
}

@keyframes skrAnm {
0% { transform: translate(250px,50px);}
100%   { transform: translate(0,0); }
}

#sakura_part{
background: url("../images/top2/main_sakura_part.png") no-repeat center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 11;
-webkit-animation: skrAnm 2s ease;
animation-duration: skrAnm 2s ease;
}

#mainSakura{
	width:38%;
	height:70%;
	position:absolute;
	top: 15%;
	opacity:0.8;
	right: 0;
	z-index: 1;
}

#buil{
background: url("../images/top2/main_buil.png") no-repeat center;
background-size: cover;
width: 375px;
height: 168px;
position: absolute;
bottom: 78px;
left: 0;
backface-visibility:hidden;
-webkit-backface-visibility: hidden;
z-index: 1;
-webkit-animation: ease-in;
animation-duration: ease-in;
}

#MainSakura{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
/*

menu

*/
.menuline1{
background: url("../images/line2.png") no-repeat;
background-size: 100% 100%;
width:100%;
height:6px;
line-height:0;
margin: 0 auto;
}

#menuTopAll{
width: 100%;
padding: 5px 0;
}

#menuBtnTopArea{
width: 350px;
margin: 0 auto;
padding: 5px 0;
}

.menuBtn{
width: 100%;
padding: 5px 0;
line-height: 0;
}

#aboutTopAll{
width: 350px;
margin: 0 auto;
display: none;
}

#aboutTopM{
background: url("../images/top/m_about.png") no-repeat center;
background-size: contain;
width: 95%;
height: 100px;
margin: 0 auto;
padding: 10px 0 0;
}

#aboutTopTxt{
width: 95%;
margin: 0 auto;
padding: 5px 0 10px;
line-height: 1.5em;
font-size: 100%;
}

.fontS{
font-size: 80%;
}


/*

bnr

*/

#bnrSarea{
width: 100%;
text-align: center;
padding: 0 0 20px;
}

#bnrSarea img{ margin: 2px;}


/*

sns

*/

#snsall{
width: 297px;
height:20px;
padding:20px 0;
margin: 0 auto;
}

#snsall #sns{
display:inline;
margin:0;
float:left;
}

#snsall #sns li{
height:20px;
display:inline;
float:left;
padding:0;
margin-right:5px;
}

#snsall #sns li.fbbtn{ width:137px;}
#snsall #sns li.twitterbtn{ width:75px;}
#snsall #sns li.linebtn{ width:70px;}