.wrap {
    overflow: hidden;
}

a {
    text-decoration: none;
}

footer {
    background-color: #D6E7D6;
}

.card-image-top {
    width: 150px;
    height: 100px;
}

.vote-image {
    width: 300px;
    height: 200px;
}

.rank-image img {
    width: 150px;
    height: 100px;
}

td {
    vertical-align: middle;
}

.container {
    max-width: 700px;
}

@media screen and (max-width: 480px) {

    /* 480px以下に適用されるCSS（スマホ用） */
    .card-image-top {
        width: 150px;
        height: 100px;
    }

    .vote-image {
        width: 300px;
        height: 200px;
    }

    .rank-image img {
        width: 150px;
        height: 100px;
    }

    td {
        font-size: 77%;
    }


}