@charset "Shift_JIS";
/* トップページ　共通 */
h1 { background: url("../top.png") no-repeat bottom right; border-radius: 30px; padding-top: 37.5%; background-size: cover;
    width: 100%; margin: 10px 0px; }
h2 { background: url("../icon_h2.png") no-repeat top left; font-size: 1.25rem; height: 27px; padding: 20px 0px 0px 25px;
    margin: 50px 0px 5px; }


.column { display: grid; }

.rank { color: var(--main-gray); font-size: 0.75rem; text-align: center;
    border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 5px 0px; margin-top: 100px; }





/* ---------------------------------------------------------------------------------------------------- */
/* スマホ対応用 */
@media (max-width: 480px) {
    .main-box { margin: 0px; }
    h1 { border-radius: 10px; }
    
    .rank { margin: 100px 10px 0px; }
    .tip { margin: 0px 10px; }
}
/* ---------------------------------------------------------------------------------------------------- */