@charset "utf-8";
/* CSS Document */


@media only screen and (min-width: 751px) {

    .redwin_navi {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
        max-width: 1000px;
        padding: 0 30px;
        margin: 85px auto 0;
        color: #fff;
        font-family: "FP-ヒラギノ角ゴ StdN W8", sans-serif;
        font-weight: 800;
        font-size: 14px;
        transition-delay: 0.8s;
    }

    .redwin_navi li {
        text-align: center;
    }
    
    .redwin_navi a {
        display: block;
        padding: 17px 0;
        color: #173b67;
        background-color: #fff;
        transition-duration: 0.2s;
    }

}


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

    .redwin_navi {
        display: grid;
        grid-template-columns: repeat(4, auto);
        gap: 1px;
        padding: 0 4%;
        margin: 40px auto 0;
        color: #fff;
        font-family: "FP-ヒラギノ角ゴ StdN W8", sans-serif;
        font-weight: 800;
        font-size: 11px;
        transition-delay: 0.8s;
    }

    .redwin_navi li {
        text-align: center;
    }
    
    .redwin_navi a {
        display: block;
        padding: 10px 0 11px;
        color: #173b67;
        background-color: #fff;
    }

}