@charset "UTF-8";
body{
    font-family: "Klee One",serif;
    font-family: "Zen Old Mincho", serif;
    background-color:hsla(240, 12%, 79%, 0.982);
    min-height: 100vh; 
    max-width: 100%;
    color: #6b7797;
}

.box{
    align-items: center;
    width: 85%;
    margin: 0 auto;
    text-align: center;

}

.link{
    font-size: 1.3em;
    color: #4d73a3;
    line-height: 150%;
    text-decoration: none;
}

.link:visited{
    font-size: 1.3em;
    color: #344776c9;
    line-height: 160%;
    text-decoration: none;
}

.link2{
    color: #4d73a3;
    line-height: 150%;
    text-decoration: none;
}

.link2:visited{
    color: #344776c9;
    line-height: 160%;
    text-decoration: none;
}

.henkan{
    margin: 4% 2% 4% 10%;
}

.henkan input[type=text] {
    width: 100px;  
    border: #404376 solid 1px;
    background-color: #d7e1e6;
    margin-right: 3px;
    color:#404376;
    font-family: inherit;
    display: inline-block;
}


#enterYZ1{
    display: inline-block;
    text-decoration: none;
    margin-left: 3px;
    width: 60px;
    padding: 2px 2px;
    border: 1px solid #353162;
    background: #353162;
    color: #c2ccd1;
}



#enterYZ1:hover {
    color: #c3ffde;
    border: #9ecbff;
    background: #242e38;
}