.common-sp-none {
    display: block;
}

.common-pc-none {
    display: none;
}

/* LINEバナー */
.line-banner {
    display: flex;
}

.line-banner-box {
    width: 90%;
    max-width: 1100px;
    margin: auto;
    padding: 50px 0;
}

.line-banner-box img {
    width: 100%;
    object-fit: contain;
}


/* 光エフェクトを付けるクラス */
.shine-effect {
    position: relative;
    overflow: hidden;
}

/* 光の筋 */
.shine-effect::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -60%;
    width: 40%;
    height: 160%;
    transform: rotate(20deg);

    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.55) 50%,
            rgba(255, 255, 255, 0) 100%);

    filter: blur(1px);
    opacity: 0.9;

    animation: shineMove 1.5s linear infinite;
    pointer-events: none;
}

@keyframes shineMove {
    0% {
        left: -60%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    30% {
        left: 120%;
        opacity: 1;
    }

    41% {
        opacity: 0;
    }

    100% {
        left: 120%;
        opacity: 0;
    }
}


@media(max-width:500px) {
    .common-sp-none {
        display: none;
    }

    .common-pc-none {
        display: block;
    }
}