@charset "UTF-8";

/* フラッシュ */

[data-flash-box] {
    background-color: #fff;
    display: block;
    padding: 0;
    position: relative;
    margin: auto;
    width: 100%;
    z-index: 0;
}

[data-flash-list] {
    display: block;
    margin: auto;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}

[data-flash-list]>li {
    width: 100%;
}

[data-flash-list]>li:first-child {
    display: block;
}

[data-flash-list="off"]>li:not(:first-child) {
    display: none;
}

[data-flash-list="on"]>li:not(:first-child) {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

[data-flash-list="on"]>li {
    transition: opacity 3s ease;
}

[data-flash-list] img {
    max-width: 100%;
}


/** text */

.flash_text {
    font-family: "Noto Serif JP", serif;
}

@media not all and (max-width: 700px) {
    .flash_text {
        background-color: rgba(7, 30, 17, 0.76);
        color: #fff;
        display: block;
        font-size: 2.5vw;
        left: 2.8em;
        margin: 0;
        padding: 0.4em;
        position: absolute;
        top: 2.8em;
        z-index: 1;
    }
    .flash_text>span {
        border: 1px solid #fff;
        display: block;
        padding: 1.4em 0.6em;
    }
    .flash_text::after {
        border: 1px solid #fff;
        bottom: -0.6em;
        content: '';
        display: block;
        height: 1.5em;
        position: absolute;
        right: -0.6em;
        width: 2.2em;
    }
}

@media (max-width: 700px) {
    .flash_text {
        display: block;
        margin: 30px auto;
        padding: 0;
        width: max-content;
        max-width: calc(100% - 40px);
        font-size: 1.5rem;
    }
}