html,body{
    
    width:100%;
    height:100%;
}
body{
    font-size:16px;
    background: #F4EFE5 url(../img/bg.jpg) repeat-x left top;
}


header{
    width:100%;
    max-width:1080px;
    margin:0 auto;
}

.main{
    width:90%;
    max-width:900px;
    margin:40px auto 10px;
    padding:40px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

h1{
    font-size:1.5em;
    color:#374255;
    margin-bottom:20px;
    text-align:center;
}

img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
}

.information{
    margin-top:2rem;
    word-break: break-all;
}

.information p{
    margin-bottom:1rem;
    text-align:justify;

}

.new_url{
    margin-top:3rem;
    margin-bottom: 3rem;
}

.navigation{
    margin-top:4rem;
    text-align:center;
}

.navigation span{
    display: inline-block;
    margin-top:2rem;
    font-size:14px;
    color:#888;
}

.attention{
    text-align:left;
}

@media screen and (min-width: 640px) {
    .attention{
        text-align:center;
    }
}