/* =========================================
   結果発表セクション用
   ========================================= */
.badge-result-top {
    background-color: #ffd6e3; /* 画像に合わせた淡いピンク */
    color: #2c3e50;
    font-weight: bold;
    padding: 8px 30px;
    font-size: 1.1rem;
    letter-spacing: 0.15rem;
    display: inline-block;
}

/* =========================================
   受賞者一覧セクション用
   ========================================= */
.b-winner-section {
    background-color: #ffdce5;
}

/* 受賞者名の下線（蛍光イエローのマーカー風） */
.winner-name {
    display: inline-block;
    background: linear-gradient(transparent 65%, #dfff5a 65%);
    padding: 0 4px;
    letter-spacing: 0.15rem;
}

/* 王冠アイコン画像のサイズ指定 */
.winner-crown-img {
    width: 42px;
    height: auto;
    display: inline-block;
}

/* グランプリ左右のアイコン画像 */
.winner-rank-icon {
    width: 28px;
    height: auto;
}

/* 2位・3位 左右のアイコン画像 */
.winner-rank-icon-sub {
    width: 22px;
    height: auto;
}

/* 2位・3位の画像アスペクト比固定 */
.winner-sub-img {
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

/* PC表示時のヘッダー高さ揃え */
@media (min-width: 768px) {
    .winner-card-header {
        min-height: 120px;
    }
}

/* =========================================
   会場の様子ギャラリーセクション用
   ========================================= */
.b-gallery-section {
    background-color: #ff91ad; /* 画像に合わせた明るめのピンク背景 */
}

/* 見出し両脇の装飾アイコン */
.gallery-deco-icon {
    width: 24px;
    height: auto;
}

/* ギャラリー画像の縦横比統一 */
.gallery-img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* 白丸ボタン */
.gallery-btn {
    color: #2c3e50;
    min-width: 260px;
    letter-spacing: 0.15rem;
    transition: all 0.3s ease;
}

.gallery-btn:hover {
    background-color: #f8f9fa;
    color: #2c3e50;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* ギャラリースライダーの調整 */
.gallery-slider {
    margin: 0 auto;
}

.gallery-slide-item {
    outline: none;
}

/* スライダードットの色を白に調整 */
.gallery-slider .slick-dots li button:before {
    color: #ffffff;
    opacity: 0.5;
    font-size: 10px;
}

.gallery-slider .slick-dots li.slick-active button:before {
    color: #ffffff;
    opacity: 1;
}