@charset "UTF-8";

.main__title {
    margin-bottom: 5.089vw;
}
.ranking {
    display: flex;
    flex-direction: column;
    gap: 5.089vw;
    margin-bottom: 10.178vw;
    padding-inline: 1.272vw;
}
.ranking__title {
    margin-bottom: 2.545vw;
    padding-bottom: 1.272vw;
    color: #EE6C98;
    border-bottom: 2px solid #EE6C98;
    text-align: center;
    font-size: 3.562vw;
    font-weight: bold;
}
.ranking__item__wrap {
    display: flex;
    gap: 2.545vw;
    padding: 1.272vw;
    text-decoration: none;
    border-radius: 4px;
}
.ranking__item:not(:last-child) {
    margin-bottom: 2.545vw;
    padding-bottom: 2.545vw;
    border-bottom: 1px dashed #999;
}
.ranking__item:nth-child(1) .ranking__item__wrap {
    background: url(/smp/img/ranking/bg.png), -webkit-gradient(linear, left bottom, left top, from(#e5c966), to(#f6e9c6));
    background-size: cover;
}
.ranking__item:nth-child(2) .ranking__item__wrap,
.ranking__item:nth-child(3) .ranking__item__wrap {
    background: url(/smp/img/ranking/bg.png), -webkit-gradient(linear, left bottom, left top, from(#cdcdcd), to(#dadada));
    background-size: cover;
}
.ranking__item:nth-child(4) .ranking__item__wrap,
.ranking__item:nth-child(5) .ranking__item__wrap {
    background: url(/smp/img/ranking/bg.png), -webkit-gradient(linear, left bottom, left top, from(#d19b83), to(#dcb6a3));
    background-size: cover;
}
.ranking__item__tmb {
    width: 22.901vw;
}
.ranking__item__tmb__img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
}
.ranking__item__info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1;
    gap: 1.272vw;
}
.ranking__item__info__no {
    margin-bottom: 1.272vw;
    font-size: 4.58vw;
    font-weight: bold;
    color: #EE6C98;
    border-bottom: 1px solid #EE6C98;
    text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
.ranking__item__info__name__text {
    color: #B000B0;
    font-size: 3.562vw;
    font-weight: bold;
    line-height: 1.1;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.ranking__item__info__size {
    font-size: 3.562vw;
    color: #333;
    line-height: 1.1;
}
.ranking__item__info__msg {
    margin-top: auto;
    height: 100%;
    font-size: 3.562vw;
    background: white;
    border-radius: 4px;
    padding: 1.272vw;
    color: #333;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.ranking__notFound {
    padding-block: 10.178vw;
    text-align: center;
    font-size: 3.562vw;
    color: var(--color-gray);
}