.menubar-wraparea[_fly-menu-bar1] {
    display: flex;
    flex-direction: column;
    margin: 2rem -20px;
}
@media (min-width:1060px) {
    .menubar-wraparea[_fly-menu-bar1] {
        margin: 2rem 0;
    }
}
.menubar-uxmenubar[_fly-menu-bar1] {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}
@media (min-width:1060px) {
    .menubar-uxmenubar[_fly-menu-bar1] {
        padding: 0;
    }
}
.menubar-bar__expander[_fly-menu-bar1] {
    position: absolute;
    right: 20px;
    top: 0px;
    display: flex;
    width: 2rem;
    height: 2rem;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
    appearance: none;
    background-color: transparent;
    z-index: 2;
    border-radius: 100%;
}
@media (min-width:1060px) {
    .menubar-bar__expander[_fly-menu-bar1] {
        right: 0px;
    }
}
.menubar-bar__expander[_fly-menu-bar1]:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0px;
    right: -20px;
    display: inline-block;
    width: calc(2.8rem + 20px);
    height: 100%;
    background: linear-gradient(90deg, rgb(var(--color-color0) / 0) 1.87%, rgb(var(--color-color0) / 90.38%));
}
@media (min-width:1060px) {
    .menubar-bar__expander[_fly-menu-bar1]:before {
        right: 0px;
        width: 2.8rem;
    }
}
.menubar-bar__expander[_fly-menu-bar1]:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    display: inline-block;
    width: 100%;
    height: 2rem;
    background: url(/pages/header/images/icon--menu-expand.svg) 0px 0px / 100% 100% no-repeat;
    border-radius: 100%;
}
.menubar-menulist[_fly-menu-bar1] {
    display: flex;
    gap: .5rem;
    flex-wrap: nowrap;
    margin: 0px 0px 1rem;
    overflow: auto hidden;
    scroll-behavior: smooth;
    /* padding-right: 2.5rem; */
}
@media (min-width: 1060px) {
    .menubar-menulist[_fly-menu-bar1] {
        gap: .5rem;
        padding-right: 0;
    }
}
.menubar-menulist[_fly-menu-bar1]::-webkit-scrollbar {
    display: none;
}
.menubar-menuitem[_fly-menu-bar1] {

}
.menubar-menulink[_fly-menu-bar1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    background-color: rgb(var(--color-desc));
    text-decoration: none;
    border-radius: 3rem;
    font-size: .8rem;
    line-height: 1.5;
    color: rgb(var(--color-desc1));
    white-space: nowrap;
}
@media (min-width: 1060px) {
    .menubar-menulink[_fly-menu-bar1] {
        min-width: 5rem;
        min-height: 2rem;
        padding: .5rem 1rem;
        font-size: 1rem;
    }
}
.menubar-menuitem[_fly-menu-bar1].-active .menubar-menulink[_fly-menu-bar1] {
    background-color: rgb(5, 23, 102);
    color: rgb(255, 255, 255);
    font-weight: 700;
}
.menubar-uxsubmenu[_fly-menu-bar1] {
    
}
.menubar-uxsubmenulist[_fly-menu-bar1] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: .625rem;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
    overflow-x: auto;
}
@media (min-width: 1060px) {
    .menubar-uxsubmenulist[_fly-menu-bar1] {
        padding: 0;
    }
}
.menubar-uxsubmenulist[_fly-menu-bar1]::-webkit-scrollbar {
    display: none;
}
.menubar-uxsubmenuitem[_fly-menu-bar1] {

}
.menubar-uxsubmenulink[_fly-menu-bar1] {
    min-width: max-content;
    padding: .5rem 1rem;
    border-radius: 50px;
    border: 1px solid rgb(var(--color-color5));
    background-color: rgb(var(--color-color0));
    display: flex;
    justify-content: center;
    align-items: center;
}
.menubar-uxsubmenuitem[_fly-menu-bar1].-active .menubar-uxsubmenulink[_fly-menu-bar1] {
    color: rgb(var(--color-desc));
    background-color: rgb(var(--color-color4));
}
.menubar-uxsubtab[_fly-menu-bar1] {
    margin-top: 1rem;
}
.menubar-uxsubtablist[_fly-menu-bar1] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
    justify-content: center;
    padding: 0 20px;
}
@media (min-width: 1060px) {
    .menubar-uxsubtablist[_fly-menu-bar1] {
        padding: 0;
    }
}
.menubar-uxsubtabitem[_fly-menu-bar1] {
    flex: 1;
    font-weight: 400;
    position: relative;
    transition: flex .7s ease;
}
.menubar-uxsubtabitem[_fly-menu-bar1].-active:after {
    background: transparent;
    bottom: 0;
    content: "";
    display: block;
    width: 95%;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    transition: all .3s ease-in;
    background-color: rgb(var(--color-color3));
}
.menubar-uxsubtabbutton[_fly-menu-bar1] {
    width: 100%;
    padding: .8rem .5rem;
}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}
.menubar-0000[_fly-menu-bar1] {

}


















.chlRanking-wrap[_chl-ranking] {
    position: relative;
    padding: 20px 0;
    margin-top: 2rem;
}
.chlRanking-title[_chl-ranking] {
    font-weight: 700;
    line-height: 1.25;
    font-size: 1.3rem;
    padding: 0px 0px 20px;
}
@media (max-width:1060px) {
    .chlRanking-title[_chl-ranking] {
        padding: 0px 10px 20px;
        font-size: 1.1rem;
    }
}
.chlRankingswiper-wraparea {

}
@media (max-width:1060px) {
    .chlRankingswiper-wraparea {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.chlRankingswiper-area {
    width: 100%;
}
@media (max-width:1060px) {
    .chlRankingswiper-area[_chl-ranking-swiper] {
        padding: 0 20px;
    }
}
.chlRankingswiper-list[_chl-ranking-swiper] {
    height: auto;
    padding: 5px 0;
}
.chlRankingswiper-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.chlRankingswiper-item[_chl-ranking-swiper] {
    width: 100%;
    /* aspect-ratio: 2 / 2.5;
    max-height: 250px; */
}
/* @media (min-width:1060px) {
    .chlRankingswiper-item[_chl-ranking-swiper] {
        aspect-ratio: 3 / 4;
    }
} */
.chlRankingswiper-link[_chl-ranking-swiper] {
    display: inline-block;
    display: flex;
    flex-direction: row;
    gap: 0;
    height: 100%;
    padding: 0;
    width: 100%;
    vertical-align: top;
}
.chlRankingswiper-linkarea[_chl-ranking-swiper] {
    aspect-ratio: 1.7 / 2.5;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    display: block;
    width: auto;
    max-width: 180px;
    height: 100%;
    max-height: 100%;
    position: relative;
    transition: transform .8s ease .1s;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--color-black));
}
@media (min-width:1060px) {
    .chlRankingswiper-linkarea[_chl-ranking-swiper] {
        aspect-ratio: 3 / 4;
    }
}
.chlRankingswiper-linkareaImg[_chl-ranking-swiper] {
    width: 100%;
    max-height: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0px;
    object-fit: cover;
    border: 1px solid rgb(var(--color-border) / .5);
}
@media (max-width:1060px) {
    .chlRankingswiper-linkareaImg[_chl-ranking-swiper] {
        width: 100%;
    }
}
.chlRankingswiper-linkarea_Number[_chl-ranking-swiper] {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 0;
    background-color: transparent;
    z-index: 0;
}
.chlRankingswiper-linkarea_Number_text[_chl-ranking-swiper] {
    height: 100%;
    display: flex;
    align-items: flex-end;
    color: hsla(0, 0%, 100%, .75);
    text-shadow: 0 0 4px rgba(0, 0, 0, .85);
    font-size: 48px;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -4px;
}
.chlRankingswiper-areaback[_chl-ranking-swiper] {
    opacity: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 100%;
    transition: opacity .2s ease-in-out;
    /* display: none; */
}
.chlRankingswiper-area[_chl-ranking-swiper]:hover .chlRankingswiper-areaback[_chl-ranking-swiper] {
    opacity: 1;
}
@media (max-width:1060px) {
    .chlRankingswiper-areaback[_chl-ranking-swiper] {
        display: block;
    }
}
.chlRankingswiper-areaback[_chl-ranking-swiper].-prev {
    left: 0;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), rgb(var(--color-background)));
}
.chlRankingswiper-areaback[_chl-ranking-swiper].-next {
    right: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), rgb(var(--color-background)));
}
/* ================================================================ */
fly-ranking-sirs .sirs__ctrl[_chl-ranking-sirs] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 10000;
    display: none;
}
@media (min-width:1060px) {
    .chlRankingswiper-area[_chl-ranking-swiper]:hover fly-ranking-sirs .sirs__ctrl[_chl-ranking-sirs] {
        display: block;
    }
}
fly-ranking-sirs .sirs__button[_chl-ranking-sirs] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px !important;
    height: 25px !important;
    border: 0;
    border-radius: 50px;
    background-color: rgb(var(--color-background) / .5);
    box-shadow: 0 0 8px #0003;
    font-size: 0 !important;
    color: rgb(var(--color-text)) !important;
    cursor: pointer;
    overflow: hidden;
    padding: 5px !important;
}
fly-ranking-sirs .sirs__button[_chl-ranking-sirs].swiper-button-disabled {
    display: none;
}
fly-ranking-sirs .sirs__button[_chl-ranking-sirs].-prev {
    left: 10px;
    transform: translateY(-50%);
}
fly-ranking-sirs .sirs__button[_chl-ranking-sirs].-next {
    left: auto;
    right: 10px;
    transform: translateY(-50%);
}



.chlRankingswiper-infosarea[_chl-ranking-swiper] {
    width: 100%;
    flex: 1;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.chlRankingswiper-infoshead[_chl-ranking-swiper] {

}
.chlRankingswiper-infosdesc[_chl-ranking-swiper] {

}
.chlRankingswiper-infostabs[_chl-ranking-swiper] {
    font-size: .7rem;
    color: rgb(var(--color-color) / .5);
}
.chlRankingswiper-infosuser[_chl-ranking-swiper] {
    margin-top: auto;
    font-size: .7rem;
    list-style: 1.2;
}
.chlRankingswiper-infosuser[_chl-ranking-swiper] a {
    display: inline;
}
.chlRankingswiper-infosstat[_chl-ranking-swiper] {
    margin-top: auto;
}
.chlRankingswiper-infosstatT[_chl-ranking-swiper] {
    font-size: 10px;
    font-weight: normal;
    color: rgb(var(--color-desc1));
    line-height: 1.5;
}
.chlRankingswiper-infosstatT[_chl-ranking-swiper]:not(:first-child):before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 1rem;
    vertical-align: middle;
    margin: 0 .3rem 0 .3rem;
    background: #d9d9d9;
}
.chlRankingswiper-000000[_chl-ranking-swiper] {

}
.chlRankingswiper-000000[_chl-ranking-swiper] {

}
.chlRankingswiper-000000[_chl-ranking-swiper] {

}
.chlRankingswiper-000000[_chl-ranking-swiper] {

}




[_fm-homepage-error] .pageerror {
    padding: 5rem 2rem;
    text-align: center;
}
@media (min-width: 1060px) {
    [_fm-homepage-error] .pageerror {
        padding: 213px 20px;
    }
}
[_fm-homepage-error] .pageerror__contents {
    background: url(/error/images/ico-error.svg) no-repeat center top;
    background-size: 48px 48px;
}
@media (min-width: 1060px) {
    [_fm-homepage-error] .pageerror__contents {
        background-size: 104px 104px;
    }
}
[_fm-homepage-error] .pageerror__title {
    margin-bottom: 12px;
    padding-top: 50px;
    color: rgb(var(--color-color1));
    font-weight: 700;
    font-size: 18px;
}
@media (min-width: 1060px) {
    [_fm-homepage-error] .pageerror__title {
        font-size: 18px;
        padding-top: 100px;
    }
}
[_fm-homepage-error] .pageerror__desc {
    color: rgb(var(--color-color1));
    font-size: 14px;
    line-height: 1.58;
}
@media (min-width: 1060px) {
    [_fm-homepage-error] .pageerror__desc {
        font-size: 15px;
        line-height: 1.5;
    }
}
[_fm-homepage-error] .pageerror__buttons {
    margin-top: 40px;
}
@media (min-width: 1060px) {
    [_fm-homepage-error] .pageerror__buttons {
        margin-top: 60px;
    }
}
[_fm-homepage-error] .pageerror__button {
    display: inline-block;
    min-width: 120px;
    margin: 0;
    min-height: 40px;
    padding: 5px 16px;
    border: 0;
    border-radius: 50px;
    background-color: transparent;
    border: 2px solid rgb(var(--color-color1));
    color: rgb(var(--color-color1));
    font-weight: 400;
    font-size: 14px;
    line-height: 1.58;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
/* ================================================================ */