@charset "UTF-8";
/* CSS Document */
/***********************************************************************
************************************************************************
　ランキング
************************************************************************
***********************************************************************/


/*
==============================================================================
ランク表示
==============================================================================
*/

#rankings .slick-slide:nth-child(1)::after {
    content: "1";
    background: #c5a23d;
    position: absolute;
    top: 0;
    width: 35px;
    height: 28px;
    text-align: center;
    padding-top: 6px;
    color: #fff;
    font-weight: bold;
}

#rankings .slick-slide:nth-child(2)::after {
    content: "2";
    background: #b0b0b0;
    position: absolute;
    top: 0;
    width: 35px;
    height: 28px;
    text-align: center;
    padding-top: 6px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(3)::after {
    content: "3";
    background: #947134;
    position: absolute;
    top: 0;
    width: 35px;
    height: 28px;
    text-align: center;
    padding-top: 6px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(4)::after {
    content: "4";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(5)::after {
    content: "5";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(6)::after {
    content: "6";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(7)::after {
    content: "7";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(8)::after {
    content: "8";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(9)::after {
    content: "9";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(10)::after {
    content: "10";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(11)::after {
    content: "11";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(12)::after {
    content: "12";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(13)::after {
    content: "13";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(14)::after {
    content: "14";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(15)::after {
    content: "15";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(16)::after {
    content: "16";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(17)::after {
    content: "17";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(18)::after {
    content: "18";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(19)::after {
    content: "19";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}
#rankings .slick-slide:nth-child(20)::after {
    content: "20";
    background: #000000;
    position: absolute;
    top: 0;
    width: 25px;
    height: 22px;
    text-align: center;
    padding-top: 3px;
    color: #fff;
    font-weight: bold;
}