@charset "UTF-8";

.schedule__details {

    & + & {
        margin-block-start: 2.88rem;
    }

    .schedule__details__toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.62rem 1.44rem;
        border: 1px solid var(--c-border);
        background-color: #EBF4FF;
        list-style: none;
        cursor: pointer;
        &::-webkit-details-marker {
            display: none;
        }
        &::marker {
            display: none;
        }
    }

    .schedule__details__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex-shrink: 0;
        width: 0.75rem;
        height: 0.75rem;

        span {
            display: inline-block;
            width: 0.75rem;
            height: 2px;
            border-radius: 100vmax;
            background-color: var(--c-accent);

            &:nth-of-type(2) {
                rotate: 90deg;
                margin-block-start: -2px;
            }
        }
    }

    .schedule__details__title {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.6875;
    }

    .schedule__details__contents {
        display: none;
        padding-block-start: 2.5rem;

        img {
            margin-block-end: 2.5rem;
        }

        .note {
            font-size: 0.75rem;
            line-height: 1.58;
        }
    }

    &[open] {

        .schedule__details__icon span:nth-of-type(2) {
            display: none;
        }

        .schedule__details__contents {
            display: block;
            animation: fadeIn 0.8s ease forwards;
        }
    }
}