@charset "UTF8";
body.page-top .header {
    position: static; /* fixedを解除し、通常の配置に戻す */
}

.fadeArea {
    padding-top: 0;  /* 例: ヘッダーの下に少し余白が欲しい場合 */
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.fadeItemBox {
    position: relative;
    width: 100%;
    height: 228px;
    overflow: hidden;
}

.fadeItem img {
    width: 100%;
    height: auto;
    object-fit:cover;
    position: absolute;
    top: 50%;
    transform: translateY(-46%);
}

.fadeItem {
    position: absolute;
    inset: 0;
    opacity: 0;
    z-index: 0;
    animation: sliderAnime 30s linear infinite;
}

.fadeItem:nth-child(1) {
    animation-delay: 0s;
}

.fadeItem:nth-child(2) {
    animation-delay: 7.5s;
}

.fadeItem:nth-child(3) {
    animation-delay: 15s;
}

.fadeItem:nth-child(4) {
    animation-delay: 22.5s;
}

@keyframes sliderAnime {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }

    8% {
        opacity: 1;
        animation-timing-function: ease-out;
    }

    20% {
        opacity: 1;
        transform: scale(1.1);
    }

    40%,
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.footer__btnGroup {
    padding: 40px 7.6% 0 7.6%;
}

.spFooter-snsIcon {
    display: none;
}

/* sp版instaアイコン表示 */
/* .spFooter-snsIcon {
    display: flex;
} */

/* pagetop 非表示 */
.topBackbtn {
    display: none;
}

.scroll-infinity__wrap {
    margin-top: 20px;
}

.copy {
    margin-top: -32px;
    padding: 0;
}


/* =========================
top PC
========================= */
@media screen and (min-width: 769px) {
    .fadeArea {
        padding-top: 0;
        padding-left: 22.5%;
        padding-right: 22.5%;
        padding-bottom: 0;
    }

    /* ★★★ TOPページ専用のPCヘッダー設定 ★★★ */
    body.page-top .header {
        position: static; /* ← TOPページ(PC)だけ固定を解除 */
        height: auto; /* 固定時の高さ指定を解除し、paddingで調整する場合が多い */
        /* 例：固定解除時の上下paddingを再設定 */
        /* padding-top: 40px; */
        padding-bottom: 12px;
        /* 必要に応じて他のスタイル調整 */
    }

    /* ★★★ TOPページ専用のPCメインエリア設定 ★★★ */
    body.page-top main { /* common.cssで指定したセレクタに合わせる */
        padding-top: 0; /* ← TOPページ(PC)ではpadding-topを0にする */
    }

    .spFooter-snsIcon {
        display: none;
    }

    .fadeItemBox {
        position: relative;
        max-width: 790px;
        height: 420px;
        overflow: hidden;
        margin: 0 auto;
    }

    .fadeItem img {
        width: 100%; 
        height: auto;
        object-fit:cover;
        transform: translate(4, -48%);
    }

    .contactBox {
        margin: 0;
    }

    .contactTxt__shop {
        display: block;
    }

    .spBr {
        display: none;
    }

    .btn--webstore {
        margin-top: 0;
    }

    .footer__btnGroup {
        padding: 30px 0 0 0;
    }

    .footerAnime {
        margin-top: 0;
    }

    .scroll-infinity__wrap {
        margin-top: 16px;
    }

    .copy {
        padding: 20px 0 20px 0;
    }
    
}/* PC 769px */