main {
    margin-top: 50px;
}

.contents {
    margin-bottom: 20px;
    font-size: 0.8rem;
}

.infomations {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
}

.contents .info {
    width: 50%;
    padding: 10px;
}

.covid19 {
    width: 100%;
    font-size: 0.8rem;
}

.covid19 th {
    width: 50%;
    height: 40px;
    color: #3fffdc;
    background-color: #3e3939;
    border-bottom: 1px solid #FFFFFF;
}

.covid19 td {
    width: 50%;
    color: #000000;
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 20px;
    border-bottom: 1px solid #3e3939;
}

.covid19 tr:nth-child(4) > th {
    border-bottom: 0px;
}

.covid19 caption {
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 0px;
}

.covid19 caption span {
    width:49%;
    display: inline-block;
    text-align:right;
    font-size: 0.8rem;
}

.covid19 caption span.date {
    text-align: left;
    font-size: 0.75rem;
}


.gold {
    width: 100%;
    font-size: 0.8rem;
}

.gold td {
    width: 50%;
    color: #000000;
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 20px;
    border-bottom: 1px solid #3e3939;
}

.gold th {
    width: 50%;
    height: 40px;
    color: #3fffdc;
    background-color: #3e3939;
    border-bottom: 1px solid #FFFFFF;
}

.gold tr:nth-child(2) > th,td {
    border-bottom: 0px;
}

.gold caption {
    color: #FFFFFF;
    font-size: 0.8rem;
    padding: 0px;
}

.gold caption span {
    width:49%;
    display: inline-block;
    text-align:right;
    font-size: 0.8rem;
}

.gold caption span.date {
    text-align: left;
    font-size: 0.75rem;
}

@media screen and (max-width: 768px) {
    main {
        margin-top: 0px;
        flex-wrap: inherit;
    }

    .contents {
        height: 300px;
        overflow-y: scroll;
    }

    .menu-info {
        display: inline-flex;
        flex-direction: column;
    }

    .infomations {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .infomations .info {
        width: 100%;
    }

    p.subtitle {
        font-size: 0.95rem;
        text-align: center;
    }

    .covid19 th {
        font-size: 0.7rem;
        text-align: center;
        height: 25px;
    }

    .covid19 caption {
        font-size: 0.55rem;
    }

    .gold th {
        font-size: 0.7rem;
        text-align: center;
        height: 25px;
    }

    .gold caption {
        font-size: 0.55rem;
    }
}