@charset 'utf-8';


#contents .inner{
    padding-bottom: 30px;
    overflow: hidden;
}


#main{
    min-height: 550px;
}


.page_ttl{
    padding-top: 40px;
    text-align: center;
}

.newchara{
    padding-top: 0;
    text-align: center;
}
.sub_ttl{
    padding-top: 20px;
    text-align: center;
}




/*----------------------------------------*/
/* [TOP] */

.chara #main{
    background: url('../img/bg.jpg') no-repeat center top;
    background-size:cover;
}

.topBtns{
    position: relative;
    height: 250px;
}

.topBtns .devil{
    position: absolute;
    left:25%; top:50%;
    width:33%;
}

.topBtns .devil img{
    margin-left: -50%;
    margin-top: -50%;
}


.topBtns .ph9{
    position: absolute;
    left:75%; top:50%;
    width:26.5%;
}

.topBtns .ph9 img{
    margin-left: -50%;
    margin-top: -50%;
}




/*----------------------------------------*/
/* [DEVILMAN & PH009 共通] */

.charaSuper{
    margin-top: 66px;
    text-align: center;
}

.charaSuper .chara_txt{
    margin-top: 55px;
}

.charaSuper .chara_img{
    margin-top: 45px;
}

.btnReturn{
    width:98%;
    margin: 60px auto 0 auto;
    text-align: right;
}

.btnReturn img{
    width:25%;
}



/*----------------------------------------*/
/* [DEVILMAN] */

.devilman #main{
    background: url('../img/devil/bg.jpg') no-repeat center top;
    background-size:contain;
}



/*----------------------------------------*/
/* [Ph009] */

.ph9 #main{
    background: url('../img/ph9/bg.jpg') no-repeat center top;
    background-size:contain;
}

.other #main{
    background: url('../img/other/bg.jpg') no-repeat center top;
    background-size:contain;
}