@charset "UTF-8";

/*=================
演奏会
==================*/
.next-concert {
    margin-top: 64px;
}

.next-concert .section-inner {
    max-width: 1000px;
    text-align: center;
}

.concert-table-wrapper {
    max-width: 800px;
    margin-inline: auto;
    padding: 12px 16px;
    text-align: left;
}

.concert-table {
    margin-top: 24px;
    width: 100%;
    border-collapse: collapse;
}

.concert-table th {
    text-align: left;
    font-weight: 600;
    width: 20%;
    padding: 10px 0;
}

.concert-table td {
    padding: 10px 0;
}

.next-concert .flyer {
    margin-top: 40px;
    display: flex;
    gap: 60px;
}

.flyer img {
    width: 100%;
    height: auto;
}

/*=================
終了した演奏会
==================*/
.past-concert {
    margin-top: 120px;
    margin-bottom: 80px;
}

.past-concert .section-inner {
    max-width: 1000px;
}

.past-concert h2 {
    text-align: left;
    position: relative;
}

.past-concert h2::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    width: 100%;
    height: 2px;
    background-color: var(--brown)
}

.pastconcert-info {
    margin-top: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    justify-content: space-around;
    padding-left: 32px;
    padding-right: 32px;
}

.pastconcert-info .concert-table-wrapper {
    width: 100%;
}

.pastconcert-info .flyer img {
    width: 70%;
    height: auto;
    display: inline-block;
}

.pastconcert-info .flyer {
    text-align: right;
}

@media screen and (max-width:768px) {
    .next-concert {
        margin-top: 40px;
        font-size: 14px;
    }

    .next-concert .section-inner {
        max-width: calc(100vw - 32px);
        margin-left: 16px;
        margin-right: 16px;
    }

    .concert-table {
        margin-top: 12px;
    }

    .concert-table th {
        width: 25%;
    }

    .next-concert .flyer {
        margin-top: 32px;
        display: block;
        text-align: center;
    }

    .flyer img {
        width: calc(100% - 64px);
        height: auto;
        display: inline-block;
    }

/*=================
終了した演奏会
==================*/
    .past-concert {
        margin-top: 64px;
        margin-bottom: 80px;
        font-size: 14px;
    }

    .past-concert .section-inner {
        max-width: calc(100vw - 32px);
        margin-left: 16px;
        margin-right: 16px;
    }

    .past-concert h2 {
        padding-left: 12px;
    }

    .pastconcert-info {
        margin-top: 48px;
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .pastconcert-info .flyer img {
        width: 70%;
        height: auto;
        display: inline-block;
    }

    .pastconcert-info .flyer {
        text-align: center;
    }

}