@import url(common/layout.css);

body {
    background-image: none ;
}
#contents-header {
    padding: 0.8rem 0.8rem 0.5rem;
    background-color: #823296;
    overflow: hidden;
}
#contents-header div {
    display: inline-block;
}
#contents-header .logo {
    width: 19.55rem;
    margin-right: 0.8rem;
    display: block;
}
#contents-header .manual {
    margin-top: 0;
    font-size: 1.6rem;
    color: #fafa00;
}
#contents-header .logomark {
    width: 8rem;
    line-height: 0.4rem;
}
@media screen and (max-width: 420px) {
    #contents-header .manual {
        line-height: 3.0rem;
    }
}

#index #contents {
    background: #000 url(../img/index/bg.jpg) center top;
    background-size: 100% auto;
}
#index #contents #visual {
    position: relative;
    background: url(../img/index/bg_planet.png) left bottom no-repeat;
    background-size: 100% auto;
}
#index #contents #visual .img {
    display: none;
    width: 100%;
    position: absolute;
}
#index #contents #visual h1 {
    top: 0;
    left: 0;
    z-index: 1;
}
#index #contents #visual .arwing {
    bottom: 61%;
    left: 0;
    text-align: center;
    z-index: 1;
}
#index #contents #visual .arwing img {
    width: 0;
}
#index #contents #visual .boss {
    top: 5%;
    left: 0;
    margin: 0 auto;
    z-index: 0;
}
#index #contents #visual .char {
    left: 0;
    bottom: 0;
    z-index: 1;
}
#index #contents #visual .bg_char {
    position: static;
    visibility: hidden;
}
#contents:before {
    height: 0;
    width: 0;
    content: " ";
    background: none;
    visibility: ;
}
#localnavi {
    width: 100%;
    line-height: 4.0rem;
    text-align: center;
}
#localnavi li {
    font-size: 1.8rem;
}
#localnavi li a {
    -moz-transition: -moz-transform 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    display: block;
}
#localnavi li a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
#footer-navi .wrap {
    background: #823296;
}
.pagetop {
    bottom: 0;
}