#frame81 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

/* GAME NEW CARD*/
#main_game_box, #main_new_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    outline: var(--g) solid 0px;
    transition: outline 0.5s ease;
    &:hover {
        outline: var(--g) solid 15px;
    }
}

#frame66 {
    position: relative;
    z-index: 1;
    min-width: 360px;
    min-height: 224px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    & .logo {
        z-index: 2;
        width: 213px;
        height: 141px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
}

#frame65 {
    min-width: 360px;
    height: auto;
    line-height: 1.2;
    background-color: var(--g);
    color: var(--b);
    font-size: 24px;
    font-weight: 900;
    padding: 20px;
}

/* NEWS NEW CARD */
#frame110 {
    width: 560px;
    height: 314px;
    background-color: var(--w);

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    & .g {
        z-index: 2;
        width: 460px;
        padding: 10px 40px;
        background-color: var(--g);
        color: var(--b);
        font-weight: 900;
        font-size: 32px;
        line-height: 0.93;
        max-height: calc(32px * 1.05 * 3);

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
}

#frame93n2 {
    width: 560px;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--g);
    & .b {
        background-color: var(--b);
        color: var(--g);
        font-size: 18px;
        font-weight: 900;
        line-height: 1.2;
        padding: 10px 20px;
        &:hover {
            background-color: var(--g);
            color: var(--b);
            text-decoration: underline;
        }
    }
}

@media only screen and (max-width: 576px) {
    #frame66 {
        min-width: 100%;
        height: 336px;
    }
    #frame65 {
        min-width: 100%;
    }
    #frame110 {
        width: 100%;
        & .g {
            width: 100%;
        }
    }
    #frame93n2 {
        width: 100%;
    }
}