@charset "UTF-8";


main.p-bbs-page-main {
    background-color: unset;
}


body#js-anchor,
body#admin {
    background-image: unset;
    background-color: unset;
}

/*!* 共通化 *!*/
body#js-anchor,
body#admin {
    color: var(--body-text-color);
    background-color: initial;
    background-position: center;
    background-repeat: repeat;
    background-size: 100% auto;
    display: block;
    background-image: url("../img/PC_250908.png");
    background-image: -webkit-image-set(
            url("../img/PC_250908.webp") 1x,
            url("../img/PC_250908.png")  1x
    );
    background-image: image-set(
            url("../img/PC_250908.webp") type("image/webp") 1x,
            url("../img/PC_250908.png")  type("image/png")  1x
    );
}

/* ベース（本文側） */
/*body#js-anchor,*/
/*body#admin{*/
/*    color: var(--body-text-color);*/
/*    margin: 0;*/
/*    min-height: 100dvh;*/
/*    position: relative;*/
/*    z-index: 0;*/
/*    background: none;*/
/*}*/

/*!* 固定背景レイヤ（端末問わず安定） *!*/
/*body::before,*/
/*body#js-anchor::before,*/
/*body#admin::before{*/
/*    content: "";*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    z-index: -1;*/
/*    pointer-events: none;*/

/*    !* 画像（フォールバック→image-set の順） *!*/
/*    background-image: url("../img/background.png");*/
/*    background-image: image-set(*/
/*            url("../img/background.webp") type("image/webp"),*/
/*            url("../img/background.png") type("image/png")*/
/*    );*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/


.comment-item {
    border-bottom: 1px solid transparent;
    margin-bottom: 4rem;
}

.comment-item__inner {
    background-color: rgba(255, 255, 255, 0.7);

}

.comment-wrapper .p-faq-latest-comment .title {
    color: #fff;
}

#login_area h3 {
    color: #fff;
}

body {
    background-attachment: fixed;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    position: relative;
}

a.btn_01 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 60%;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    /*border: 2px solid var(--title-color);*/
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    transition: 0.5s;
}
a.btn_01:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);

}

#admin .form_wrap .ticket-form input[type=submit],
.ticket-form input[type=submit] {
    all: unset;
    display: inline-block;
}

.ticket-form {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 60%;
    margin: auto;
    padding: 1rem 4rem;
    font-weight: bold;
    /*border: 2px solid var(--title-color);*/
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    transition: 0.5s;
}
.ticket-form:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);

}


.band-btn.color-reverse {
    margin-top: auto;
}

.freearea_title {
    color: #eb5d22;
}

@media screen and (min-width: 768px) {
    .p-faq-comment-inner .comment-content {
        font-size: 14px;
        margin-bottom: 3.8rem;
    }
}

@media screen and (max-width: 1024px) {
    html, body { overscroll-behavior: none; }

    html { background-color: transparent !important; }
    body[bgcolor], body#js-anchor, body#admin, body#TOP, body {
        background-image: none !important;
        background-color: transparent !important;
    }

    body { position: relative; z-index: 1; }

    html::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background-image: url("../img/SP_250908.png");
        background-image: -webkit-image-set(
                url("../img/SP_250908.webp") 1x,
                url("../img/SP_250908.png")  1x
        );
        background-image: image-set(
                url("../img/SP_250908.webp") type("image/webp") 1x,
                url("../img/SP_250908.png")  type("image/png")  1x
        );
        background-repeat: repeat;
        background-position: center;
        background-size: 100% auto;
        height: 100vh;
    }
    @supports (height: 100dvh) { html::before { height: 100dvh; } }
    @supports (height: 100lvh) { html::before { height: 100lvh; } }



    header {
        height: 45px;
    }
    header #IMG_logo {
        height: 25px;
    }
    header > ul li {
        padding: 0 5px;
        font-size: 12px;
    }
    header nav #IMG_menubtn {
        position: absolute;
        top: 10px;
        right: 15px;
        width: auto;
        height: 24px;
    }
    header a  {
        text-decoration: none;
        color: var(--body-text-color);
        display: block;
    }

}

/*#IMG_fc_logo {*/
/*    background-color: rgba(255, 255, 255, 0.7);*/
/*    display: inline-block;*/

/*}*/