@charset "utf-8";

/* ベース */
html,body{
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
line-height:1.5;
letter-spacing:1.5px;
background:#000000;
}

#wrapper{
width:100%;
min-width:1280px;
}

/*////////////////////////////////////////////////////////////////////////////////////////*/

/* init */
.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: center center;
    opacity: 0;
-webkit-background-size: cover;
        background-size: cover;
-webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
}
.show .background {
    opacity: 1;
}
/* design*/
#chara01_bg {background-image: url(../img/chara04-01_bg.jpg);}
#chara02_bg {background-image: url(../img/chara04-02_bg.jpg);}

/*
.text-box {
    padding: 50px 25px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}


#content01 .text-box .catch {
    margin: 0 0 10px;
}

*/


#chara01 .wrap {
    padding: 0vh 0vh 0vh;
    position: relative;
    z-index: 2;
}


#chara02 .wrap {
	margin-top:-1500px;
    padding: 0vh 0vh 0vh;
    position: relative;
    z-index: 2;

}


#chara03 .wrap {
	margin-top:-300px;
    padding: 0vh 0vh 0vh;
    position: relative;
    z-index: 2;
}




/*////////////////////////////////////////////////////////////////////////////////////////*/


#index{
	margin-right:auto;
	margin-left:auto;

}


/*////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
position: fixed; 
position:relative;
width:100%;
min-width:1260px;
padding-bottom:10px;
padding-top:10px;
z-index:1000;
margin-right:auto;
margin-left:auto;
background:rgba(0,0,0,1);
}

#footer p{
color:#FFFFFF;
font-size:10px;
text-align:center;
letter-spacing:4px;
margin-bottom:10px;
}

#footer ul{
font-size:10px;
text-align:center;
letter-spacing:-.40em;
margin-bottom:15px;

}

#footer ul li{
display:inline-block;
vertical-align:middle;
letter-spacing:normal;
padding-top:30px;
padding-bottom:30px;
padding-left:40px;
}

#footer li a:hover{
background:rgba(0,0,0,0.1);
}

#footer a:link{color:#FFFFFF;}
#footer a:visited{color:#FFFFFF;}
#footer a:hover{color:#FFF;}

#footer p a:hover{color:#FFF;}

/*////////////////////////////////////////////////////////////////////////////////////////*/


.page-back {
 position: fixed;
 bottom: 5px;
 right: 50px;
 z-index:2000;
}