@charset 'UTF-8';

/* 背景色 */
.window-scroll .header,
body,
footer,
.bg::before,
body:not(.page--home) .wrap,
.page--home.window-scroll .header,
.window-scroll .header,
.page--home .block--content-wrap,
.page--blog .block--comment .list--comment li form input,
.page--movie .block--comment .list--comment li form input,
footer,
footer .bg {
    background: #FBE8EF;
}
.bg::before {
    opacity: 1 !important;
}

/* 文字色 */
body,
a,
.page--home .block--content-wrap,
.page--home .block--contents a,
.copyright,
.page--movie .section--detail .btn .btn--sub,
.page--faq .block--faq-detail span.icon--q,
.page--faq .section--detail .block--contact a,
.page--home .section--hero-img .block--login nav a,
.page--home footer .list-tit,
.list--support .list__item a,
.btn-delete input,
#form__search .searchBox input[type=submit] {
    color: #333;
}

/* アクセントカラー */
.tit .limited::after,
.btn .btn--main,
.block--login .nav__list--login li a,
.limited .section-tit::after,
.page--feature .page--introduction .block--service .block--service__contents li .inner span,
.page--schedule .section--list .block--refine label p,
.page--faq .block--faq-detail span.icon--a,
.block__answer,
.page--blog .wrap--action .reply-form .btn .btn--main,
.page--movie .wrap--action .reply-form .btn .btn--main {
    background: #0c909b;
}
/* NEW */
.list__item.new .tit::after {
    color: #0c909b;
}

@media screen and (min-width: 1px) and (max-width: 820px) {

    .header .drawer, /* ハンバーガーメニュー */
    .page--home .section--hero-img, /* KV背景 */
    .page--home .block--content-wrap { 
        background: #FBE8EF;
    }

    .page--home .section--hero-img .block--login .g-nav--item__login::before {
        background: #354a54;
    }
}

/* footer */
.footer {
    position: relative;
    z-index: 1;
}
@media screen and (max-width:1023px) {
    body:not(.page--home) footer {
        padding: 5rem 5% 1rem;
    }
}

/* footer猫 */
.footer::before {
    display: block;
    content: '';
    height: 10vw;
    width: 20vw;
    background: url(/static/fcopen/fanplakit/artist/danrei_9k5EBffq/img/footer__image.png) no-repeat top left / contain;
    position: absolute;
    top: 0;
    right: 3%;
    z-index: 2;
}
@media screen and (max-width:767px) {
    .footer::before {
        height: 20vw;
        width: 40vw;
        top: -10%;
        right: 3%;
    }
    /* 猫の位置調整 */
    body:not(.page--home) footer::before {
        top: -5%;
    }
}

/* footer下部余白 */
@media screen and (min-width: 961px) {
    .wrap {
        padding-bottom: 0!important;
    }
}
@media screen and (min-width: 1px) and (max-width: 960px) {
    body:not(.page--home) .wrap {
        padding-bottom: 50px!important;
    }
}