@charset "UTF-8";

body{
    font-size: 1em;
    background-color:hsla(34, 76%, 94%, 0.982);
    min-height: 100vh; 
    margin: 0;
    font-family: serif;
}

#hedder{
    color: #b91900;
    font-style: normal;
    border-bottom: solid #b91900;
    margin-top: 10px;
    padding: 10px 0 0 30%;
}

.honbun{
    margin:1% 1% 0 1%;
    width: 99%;
    display: inline-block;
}

.link{
    font-family: arial;
    color: #a53131;
    line-height: 200%;
    text-decoration: none;
    list-style:circle 2px solid #b91900;
    margin: -1% 0 6px 7%;
}

input[type],
text {
    width: 6em;
    padding: 3px;
    border: #bf3c21 solid 2px;
    background-color: #ffffff;
    margin: 2% 0 3% 1%;
    color: inherit;
    font-family: inherit;
    font-size: 70%;
    letter-spacing: 0.8em;
    text-align: center;
}

.henkan{
    width: 80%;
    height: 2.1em;

}


@media screen and (min-width:700px){
    
.bou::before{
    content:'' ;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 88%;
    right: 10%;
    background-color: #b91900;
    z-index: -1;
    height: 190%;
}
}


@media screen and (max-width:650px){
    
.bou::before{
    content:'' ;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 88%;
    right: 10%;
    background-color: #b91900;
    z-index: -1;
    height: 150%;
}



}