html,body{
    width:100%;
    height:100%;
}
.wrapper{
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
#songlist{
    font-family: "garamond-premier-pro";
    font-size:5vw;
    padding:20px;
    margin: 0;
    list-style: none;
}
#songlist li{
    /*height:32px;*/
}
#songlist .bonus{
    margin-top:10px;
    height:20px;
    font-size:0.9em;
    color:#9d9d9d;

}
#songlist li.bonus-title{
    height:20px;
}
.kana{
    font-size:0.7em;
    color:#9d9d9d;
    padding-left:7px;
}

@media (min-width: 768px) {
    #songlist{
        font-size:20px;
    }
}