/**********
  So-netのバナー
**********/
.sonet__banner {
    display: none;
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 480px;
    height: 160px;
    z-index: 1000;
    transition: opacity 0.3s ease;
    opacity: 1;
}

.banner__img {
    width: 100%;
}

.banner__img-s {
    display: none;
}

.sonet__banner-wrapper {
    position: relative;
}

.banner__close-btn {
    width: 32px;
    position: absolute;
    top: -15px;
    right: 16px;
    z-index: 110;
    cursor: pointer;
}

@media (max-width: 500px) {

    /**********
    So-netのバナー
  **********/
    .sonet__banner {
        position: fixed;
        left: 50%;
        bottom: 15px;
        width: 365px;
        height: 124px;
        transform: translateX(-50%);
    }

    .banner__img {
        display: none;
    }

    .banner__img-s {
        display: block;
        width: 100%;
    }

    .banner__close-btn {
        width: 24px;
        top: -10px;
        right: 10px;
        z-index: 110;
        cursor: pointer;
    }
}