@charset "utf-8";

/*===========================================================
メニューランキング
===========================================================*/

.ranking02Block {
    margin: 60px 0 0;
    position: relative;
}

.ranking02Block:first-child {
    margin: 0;
}

.ranking02Block .ranking02Item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px 20px;
}

.ranking02TextContainerBx {
    display: contents !important;
}

.ranking02ImgBox {
    mask: url(/system_panel/uploads/images/ranking_mask.svg) no-repeat center / cover;
    -webkit-mask: url(/system_panel/uploads/images/ranking_mask.svg) no-repeat center / cover;
    overflow: hidden;
}

.rankingNo1,
.rankingNo2_3 {
    order: -1;
    margin: 20px 0 0;
}

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


    /*===========================================================

===========================================================*/



}

/* min-width: 414px ここまで */


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


    /*===========================================================

===========================================================*/



}

/* min-width: 544px ここまで */


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


    /*===========================================================

===========================================================*/

    .ranking02Block {
        margin: 80px 0 0;
    }

    .ranking02Block .ranking02Item {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .ranking02Item.ranking02ItemRev {
        flex-direction: row-reverse;
    }

    .ranking02TextContainerBx {
        display: flex !important;
    }

    .rankingNo1,
    .rankingNo2_3 {
        margin: 0;
    }

}

/* min-width: 768px ここまで */


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


    /*===========================================================

===========================================================*/

    .ranking02Block {
        margin: 120px 0 0;
    }

}

/* min-width: 1024px ここまで */


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


    /*===========================================================

===========================================================*/



}

/* min-width: 1200px ここまで */


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


    /*===========================================================

===========================================================*/



}

/* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {}

/* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */