body,img,div,h1,ul {
    margin: 0;
    padding: 0;
}
img {
    vertical-align: bottom;
}

body {
    background: url("../img/bg_pattern.png") repeat;
}

#wrapper {
    width: 750px;
    margin: 0px auto;
}

#regist {
    width: 750px;
    height: 453px;
    background: url("../img/resist_bg.png") no-repeat;
    background-size: cover;
}

#regist h1 {
    text-align: center;
    padding: 38px 0 0 0;
}

#regist .regist-buttons img{
    padding: 0 0 38px 38px;
}

#characters {
    width: 750px;
    text-align: center;
}

#characters h1 {
    margin: 0 0 40px;
}

#characters .icons {
    background: url("../img/character/bg_pattern_02.png") repeat;
    padding: 40px 0 0;
}

#characters .icons .icons-row {
    height: 160px;
    position: relative;
    text-align: center;
    align-items: start;
    display: flex;
    justify-content: center;
}

.character-info {
    width: 750px;
    height: 1620px;
    background-image: url("../img/character/detail_bg_sp.jpg");
    background-repeat: no-repeat;
    background-position-y: 725px;
}

#characters .prev {
    position: relative;
    top: 500px;
    left: -300px;
}

#characters .next {
    position: relative;
    top: 500px;
    right: -300px;
}

#voice {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.voice-intro-title {
    padding: 0 0 0 24px;
}

.another-voice1 {
    position: relative;
    left: 196px;
    top: -60px;
}

.another-voice2 {
    position: relative;
    left: 266px;
    top: -60px;
}

#regist2 {
    width: 750px;
    height: 687px;
    background: url("../img/resist_bg_2.jpg") no-repeat;
    background-size: cover;
}

#regist2 h1 {
    text-align: center;
    padding: 38px 0 0 0;
}

#regist2 .regist-buttons img{
    padding: 0 0 38px 38px;
}

#regist2 #button-to-top {
    text-align: center;
}

.copyright {
    text-align: center;
    background: #1a3061;
    color: #ffffff;
    font-size: 1.4em;
}

#register-nav{
    width: 750px;
    margin:0 auto;
    position:fixed;
    -webkit-transition:.3s;transition:.3s;opacity:0
}

#register-nav h1{
    padding: 0 0 0 24px;
}

#register-nav .register-body {
    text-align: center;
    padding: 24px;
    background: #1a3061;
}

#register-nav.on{
    bottom:0;
    right:0;
    left: 0;
    opacity:1
}

.balloon {
    position: relative;
    top: -70px;
    left: -220px;
}