@charset "UTF-8";
table,td{
    border: 0.3vh solid rgb(255, 255, 255);
    background-color: rgb(122, 182, 136);
    border-collapse:collapse;
    font-size: 3vh;
    padding: 0.25vw;
    padding-left: 0.01vw;
    padding-right: 0.01vw;
}
table:hover{
    background-color: rgb(162, 202, 171);
}
td:hover{
    background-color: rgb(162, 202, 171);
}



.acd-check{
    display: none;
}
.acd-label{
    background-color: rgb(122, 182, 136);
    color: #fff;
    height: 6vh;
    width: auto;
    display: block;
    font-size: 3vh;
    margin: 0px;
    padding-top: 1.2vh;
    padding-left: 2vw;
    transition: background-color 0.2s;
}
.acd-label:hover{
    cursor: pointer;
    background-color: rgb(162, 202, 171);
}
.acd-content{
    visibility: hidden;

}
.acd-check:checked + .acd-label + .acd-content{
    visibility: visible;
}

#hbtn{
    background-color: rgb(0, 153, 255);
    color: #fff;
    border-radius: 0.5vw;
    font-size: 4vh;
    height: 20vh;
    width: 20vw;
    position: absolute;
    top: 65vh;
    left: 60vw;
    transition: background-color 100ms;
    border: none;
    font-weight: 500;
    font-size: 8vh;

}
#hbtn:hover{
    background-color: rgb(92, 190, 255);
    color: #fff;
    cursor: pointer;
}
#hbtn:active{
    background-color: rgb(81, 152, 199);
    color: #fff;
    cursor: pointer;
}
#kekka{
    display: block; 
    text-align: center;
    width: 50vw;
    height: 50vh;
    background-color: rgb(121, 207, 121);
    position: absolute;
    top: 10vh;
    left: 30vw;
    border-radius: 2vw;
}
#name{
    font-size: 11vh;
    position: relative;
    bottom: 2vh;
}
#kakuritu{
    font-size: 5vh;
}
#kagakusiki{
    font-size: 8vh;
    position: relative;
    bottom: 5vh;
}
html,body{
    overflow: hidden;
}

.divvv{
    position: absolute;
    padding-left: 1vw;
    top: 60vh;
    left: 27vw;
    width: 32vw;
    height: 40vh;
    border-radius: 1vh;
    font-size: 2vh;

}
.list{
    position: absolute;
    top: 0vh;
    left: 80vw;
    height: 89vh;
    width: 20vw;
    text-align: center;
    background-color: rgb(176, 220, 255);
    border: 2px solid rgb(255, 255, 255);
    overflow-y: scroll;
}
h3{
    padding-left: 5vw;
    padding-right: 5vw;
    border: 2px solid rgb(255, 255, 255); 
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 2.4vh;
}
#number{
    position: absolute;
    top: 10vh;
    left: 32vw;
    z-index: 1000;
    font-size: 5vh;
}
#saveCookie{
    position: absolute;
    top: 89.5vh;
    left: 80.15vw;
    height: 10vh;
    width: 19vw;
    text-align: center;
    background-color: rgb(121, 207, 121);
    border: 0px solid;
    border-radius: 1vh;
    transition: all 0.1s;
    color: rgb(255, 255, 255);
    font-size: 3.5vh;
    font-weight: 700;
}
#saveCookie:hover{
    cursor: pointer;
    background-color: rgb(152, 212, 152);
}
#deleteCookie{
    position: absolute;
    top: 89.5vh;
    left: 61vw;
    height: 10vh;
    width: 19vw;
    text-align: center;
    background-color: rgb(121, 207, 121);
    border: 0px solid;
    border-radius: 1vh;
    transition: all 0.1s;
    color: rgb(255, 255, 255);
    font-size: 3.5vh;
    font-weight: 700;
}
#deleteCookie:hover{
    cursor: pointer;
    background-color: rgb(152, 212, 152);
}