.banner {
    background: linear-gradient(135deg, #ffa500, #ff8c00);
    color: #111;
    padding: 28px 0 24px 0;
    text-align: center;
    font-family: 'Segoe UI', 'Meiryo', sans-serif;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 600px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.banner-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 0.3em;
    letter-spacing: 0.04em;
}

.banner-date {
    font-size: 1.8rem;
    /* margin-bottom: 0.7em; */
    letter-spacing: 0.03em;
    font-weight: bold;
}

.banner-detail {
    font-size: 2rem;
    /* text-decoration: underline; */
    cursor: pointer;
    margin-top: 0.2em;
    letter-spacing: 0.02em;
}

@media (max-width: 500px) {
    .banner {
        padding: 10px 0 8px 0;
        max-width: 100%;
    }

    .banner-title {
        font-size: 1.2rem;
    }

    .banner-date {
        font-size: 1rem;
    }

    .banner-detail {
        font-size: 0.95rem;
    }
}