@charset "UTF-8";

.inatoriso-winter-banner {
    display: none;
}

.inatoriso-winter-banner[hidden] {
    display: none !important;
}

@media (max-width: 640px) {
    .inatoriso-winter-banner {
        display: block;
        position: fixed;
        right: 2%;
        /* 黄色の下端20vw ＋ 直径28vw ＋ 間隔4vw。黄色を閉じても位置は維持。 */
        bottom: 52vw;
        width: 28%;
        z-index: 10;
    }

    .inatoriso-winter-banner__link {
        display: block;
        line-height: 0;
    }

    .inatoriso-winter-banner__link img {
        display: block;
        width: 100%;
        height: auto;
    }

    .inatoriso-winter-banner__close {
        position: absolute;
        right: 1%;
        top: 1%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 6vw;
        height: 6vw;
        min-width: 24px;
        min-height: 24px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background: #fff;
        cursor: pointer;
        appearance: none;
    }

    .inatoriso-winter-banner__close img {
        display: block;
        width: 50%;
        height: auto;
    }

    .inatoriso-winter-banner__close:focus-visible,
    .inatoriso-winter-banner__link:focus-visible {
        outline: 2px solid #244d73;
        outline-offset: 3px;
    }
}