@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#ranklist .ranklist-body .f-wrap {
    background: rgba(204,204,204,1);
    border-radius: 10px 10px 0 0;
    border: none;
}

##ranklist .ranklist-body .frank {
    border-radius: 10px 10px 0 0;
}

#ranklist .ranklist-body .frank .b-beta {
    background: #000;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

#ranklist .ranklist-body .frslt {
    border-radius: 10px;
}

#ranklist .ranklist-body .frslt thead {
    background: rgba(0,0,0,0.85);
    color: #fff;
}

#ranklist .ranklist-body .frslt th span {
    border-left: 1px solid #fff;
    display: block;
    }

#ranklist .ranklist-body .frslt td span {
    border-left: 1px solid #333;
    display: block;
}

#ranklist .ranklist-body .frslt tbody {
    background: rgba(255,255,255,0.75);
}

#ranklist .ranklist-body .frslt .g-beta {
    background: rgba(255,255,255,0.75);
}

#ranklist .ranklist-body .frank .name {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #ccc;
    color: #fff;
    text-align: center;
}

#ranklist .ranklist-page {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    border: none;
}

#ranklist .rslt-back span {
    border: 1px solid #fff;
    color: #fff;
    background: #000;
}


@media screen and (max-width: 768px) {
/****************************************************************************************************************************************************************/
    
section .h1, section .h1 > * {
    text-align: center;
    font-size: 24px;
}

section .h2, section .h2 > * {
    text-align: center;
    font-size: 18px;
}

/**/


    
/****************************************************************************************************************************************************************/
}


@media screen and (min-width: 769px) {
/****************************************************************************************************************************************************************/

section .h1, section .h1 > * {
    text-align: center;
    font-size: 38px;
}

section .h2, section .h2 > * {
    text-align: center;
    font-size: 28px;
}

/**/



/****************************************************************************************************************************************************************/
}