@charset "UTF-8";
body{
    margin: 0;
    font-family: "Klee One", cursive;
    background-color:hsla(180, 23%, 76%, 0.982);
    min-height: 100vh; 
    width: center 50%;
      
}
.atama{
    text-align: center;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #003366;
    margin: 2% 0 2% 0;
    border-bottom: solid 1px #bfbfbf;
    transform: skewY(max-width) translateY(20px);

}

.midasi{
    max-width: 650px;
    text-align: center;
    font-family: "Zen Antique", serif;
    font-weight: bold;
    font-size: larger;
    margin: 7% 30% 1% 30% ;
}

.hako{
    width: 90%;
    margin: 0 auto;
    text-decoration: solid 1px #0328a2;
    border-bottom: solid 1px #0328a2;
    padding: 3px 0 10px 3px;
}


.link{
    max-width: 650px;
    line-height: 150%;
    color: rgba(0, 89, 161, 0.866);
    border-bottom:dotted 2px #31a0cc;
    text-decoration: none;
}

.link:hover{
    max-width: 650px;
    line-height: 150%;
    color: rgb(8, 65, 105);
    text-decoration: none;
    border-bottom:dotted 2px #31a0cc;
}

.link:visited{
    max-width: 650px;
    line-height: 150%;
    color: rgb(0, 22, 120);
    background-color:#fff;
    text-decoration: none;
    border-bottom:dotted 2px #31a0cc;
}

.a{color: hsla(180, 23%, 76%, 0.982);
}



.henkan input[type=text] {
    text-align: center;
    width: 110px;
    margin: 4px 0 3px 4px;
    border: #ffffff;
    display: inline-block;
}

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


#enterYZ1{
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
    width: 90px;
    padding: 2px 2px;
    font-weight: bold;
    border: 1px solid #ffffff;
    background: #748eca;
    color: #f6fbff;
}

#enterYZ1:hover {
    color: #a40000;
    border: #000000;
    background: #000000;
}