@charset "utf-8";


/* タイトルとタイトルアイコン */
.title-ranking i,
.title-pickup i,
.title-history i,
.title-maker i,
.title-favorite i,
.title-search i,
.title-coupon i {
    font-size: 200%;
    padding-right: .5rem;
}

.title-ranking {
    color: var(--main-yellow-color);
    font-weight: bold;
}

.title-pickup {
    color: var(--main-red-color);
    font-weight: bold;
}

.title-history {
    color: var(--main-blue-color);
    font-weight: bold;
}

.title-maker {
    color: var(--main-green-color);
    font-weight: bold;
}

.title-favorite {
    color: var(--main-yellow-color);
    font-weight: bold;
}

.title-search {
    color: var(--main-red-color);
    font-weight: bold;
}

.title-coupon {
    color: var(--main-red-color);
    font-weight: bold;
}

/* ランキング */
.ranking-one .number,
.ranking-two .number,
.ranking-four .number,
.ranking-five .number,
.ranking-more .number {
    color: black;
}

.ranking-three .number {
    color: lightgray;
}

.ranking-one .icon {
    color: var(--main-yellow-color);
}

.ranking-two .icon {
    color: #c0c0c0;
}

.ranking-three .icon {
    color: #ac6b25;
}

.ranking-four .icon {
    color: #d3d3d3;
}

.ranking-five .icon {
    color: #d3d3d3;
}

.ranking-more .icon {
    color: #d3d3d3;
}


/* カード */
.items.history .itemimg img,
.items.recommend .itemimg img {
    max-height: 125px;
}

.items.ranking .itemimg img {
    max-height: 175px;
}

.ranking .price {
    font-size: 150%;
}
.price .small {
    font-size: 0.75rem;
}

/* アイコンの自由配置 */
.stack-ph {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.items.ranking .stack-ph {
    position: absolute;
    left: 14px;
    top: 8px;
}

.stack-ph i:first-child {
    position: relative;
}

.stack-ph i:not(:first-child) {
    position: absolute;
    display: inline-flex;
}

.items.ranking .stack-ph i:first-child {
    font-size: 2.5rem;
}


article.swiper.mb-2.card.px-3.px-md-5 {
    background-color: #f9f9f9;
}