/* ----- ヘッダー ----- */
header {
    background-image: linear-gradient(135deg, rgb(11 78 163 / 1.0), rgb(9 69 156 / 1.0));
}





/* ----- トップページ ----- */
.home {
    .hero-link-area {
        .menu-item {
            a {
                background-image: image-set(url(../img/circle-img_sp2x_pc1x.png) 1x,
                        url(../img/circle-img_sp4x_pc2x.png) 2x);
            }

            &:first-child span::before {
                background-image: image-set(url(../img/news-icon_sp2x_pc1x.png) 1x,
                        url(../img/news-icon_sp3x_pc2x.png) 2x);
            }

            &:nth-child(2) span::before {
                background-image: image-set(url(../img/profile-icon_sp2x_pc1x.png) 1x,
                        url(../img/profile-icon_sp3x_pc2x.png) 2x);
            }

            &:nth-child(3) span::before {
                background-image: image-set(url(../img/office-icon_sp2x_pc1x.png) 1x,
                        url(../img/office-icon_sp3x_pc2x.png) 2x);
            }

            &:nth-child(4) span::before {
                background-image: image-set(url(../img/shop-icon_sp2x_pc1x.png) 1x,
                        url(../img/shop-icon_sp3x_px2x.png) 2x);
            }

            &:last-child span::before {
                background-image: image-set(url(../img/contact-icon_sp2x_pc1x.png) 1x,
                        url(../img/contact-icon_sp3x_pc2x.png) 2x);
            }
        }
    }

    .bgm-link {
        .bgm-img {
            background-image: image-set(url(../img/bgm-button_pc1x.png) 1x,
                    url(../img/bgm-button_pc2x.png) 2x);
        }
    }

    .l-bubble-pillar,
    .r-bubble-pillar {
        background-image: image-set(url(../img/bubble-pillar_pc1x.png) 1x,
                url(../img/bubble-pillar_pc2x.png) 2x);
    }
}





/* ----- フッター ----- */
footer {
    background-image: image-set(url(../img/f-background_pc1x.png) 1x,
            url(../img/f-background_pc2x.png) 2x);

    .sns-link {
        .x-link {
            background-image: image-set(url(../img/x_pc1x.png) 1x,
                    url(../img/x_pc2x.png) 2x);
        }

        .insta-link {
            background-image: image-set(url(../img/instagram_pc1x.png) 1x,
                    url(../img/instagram_pc2x.png) 2x);
        }

        .facebook-link {
            background-image: image-set(url(../img/facebook_pc1x.png) 1x,
                    url(../img/facebook_pc2x.png) 2x);
        }
    }
}








/* ----- プロフィール 各カテゴリー一覧ページ ----- */
.bloglist-page, .infolist-page, .con_livelist-page, .profile-page .profile-area, .newinfo-page, .office-page {
    background-image: image-set(url(../img/bubble_pc1x.png) 1x,
            url(../img/bubble_pc2x.png) 2x);
}





/* ----------投稿ページ ---------- */
.single {
    .post-area {
        background-image: image-set(url(../img/bubble_pc1x.png) 1x,
                url(../img/bubble_pc2x.png) 2x);
    }
}

/* ----- 投稿ページ　ナビゲーション ----- */
.post-navigation {
    .arrow-area {
        .prev-arrow {
            background-image: url(../img/prev-arrow.svg);
        }

        .next-arrow {
            background-image: url(../img/next-arrow.svg);
        }
    }
}