@charset "UTF-8";

body{
    font-family: 'BIZ UDMincho', serif;
    background-color:hsla(10, 97%, 76%, 0.982);
    margin: 0;
    height: 100%;
    min-height: 100vh; 
    color: #feffe0;
}

.top{
    width:65%;
    height:30px;
    -webkit-transform: rotate(-5%);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin: 5px auto 0;
    font-size: 1.3em;
    color: #0c7402;
}

.midasi{
    border-left: double 4px rgb(60, 60, 60);
    padding: 2px 4px 2px 2px;
    margin: 5% 0 2% 0;
    font-size: 1.1em;

}

.link{
    background-position: left 2em;
    position: absolute;
    font-family: arial;
    color: #0c7402;
    line-height: 150%;
    text-decoration: none;
    margin: 0 0 2% 0%;
    line-height: 140%;
}

.link:visited{
    font-family: arial;
    color: #275b06;
    line-height: 160%;
    text-decoration: none;
    margin: 0 0 2% 0%;
    line-height: 140%;
}

@media (min-width:551px){
    .hako{
        margin: 2% 5%;
        padding: .1em;
        border: solid 1px #da0901;
        line-height: 120%;
    }
}

@media (max-width:550px){

.hako{
    font-size:larger;
    margin: 2% 1%;
    padding: .1em;
    border: solid 1px #da0901;
    line-height: 150%;
}
}