@charset "UTF-8";
body{
    font-family: serif;
    background-color:hsla(0, 0%, 100%, 0.982);
    min-height: 100vh; 
    width: center 50%;
}
.atama{
    text-align: center;
    border-top: solid 1px #aaa;
    font-family: "メイリオ" 4px;
    color: #003366;
    margin: 5% 0 2% 0;
    border-top: solid 1px #bfbfbf;
    transform: skewY(-4deg) translateY(0px);

}

.midasi{
    max-width: 650px;
    text-align: center;
    font-family: monospace;
    font-weight: bold;
    font-size: larger;
    margin: 7% 30% 1% 30% ;
}
.link{
    max-width: 650px;
    line-height: 140%;
    font-family: monospace;
    color: rgb(16, 54, 222);
    text-decoration: none;
    padding-bottom: -30%;
    border-bottom: solid #222;
    margin: 10% 3px 20px 8%;
}

.henkan input[type=text] {
    text-align: center;
    color: #67c1e8;
    width: 110px;
    margin: 4px 0 3px 4px;
}

.henkan input[type=button] {
    padding: 3px 15px;
    margin: 4px 0;
}

.henkan .submit {
    text-align: center;
    display: inline-block;
}


#enterYZ1{
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
    width: 90px;
    padding: 2px 2px;
    font-weight: bold;
    border: 2px solid #27acd9;
    background: #27acd9;
    color: #fff;


}
#enterYZ1:hover {
    color: #27acd9;
    background: #fff;
}