/* 修正以下 */

body.loadingFinish #container {
    opacity: 1 !important;
    background: url(../img/additional/pattern-black.png);
}

#container section.archiveArea {
    background: url(../img/additional/bg_dots-black.png) center center #f3f3f3;
}

/* ヘッダー */
.globalArea .logo {
    width: 8.25rem;
}

.globalArea .menu {
    align-items: center;
}
.globalArea .garafes img {
    width: 5rem !important;
    height: 4rem !important;
}

#container section.page .inFrame { 
    max-width: 1124px;
}

#modalMenu .garafes img {
    width: 6rem !important;
    height: 5rem !important;
    max-height: unset !important;
}

#loader #loadingCircle .tent::before {
    background: url("../img/additional/logo-garapagos-black.svg") center center no-repeat;
}

#loader #loadingCircle .tent {
    transform: translate(-50%, -27%);
    width: 10.875rem;
    height: 6.875rem;
}

.globalArea .menu li.twitter a {
    background: unset !important;
    /* background: url(../img/additional/icon_X.png) center center no-repeat !important; */
}
.menu .X {
    width: 2.5rem !important;
    height: 2.5rem !important;
}
.menu .X * {
    width: 100% !important;
    height: 100% !important;
    max-height: unset !important;
}

/* トップページ */

.entryBody {
    color: white;
}

.bannerWrap {
    background: #ffffffbd;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#container section.page .global_inner.lineB {
    border-bottom: solid 1px white;
}

.entryBoxList .box dd.image .imageData {
    background-size: cover !important;
}

/* ABOUTページ */
.about__logo-garapagos {
    width: 20rem;
    margin: 0 auto;
    display: block !important;
}

.about__logo-garafes {
    width: 8rem;
}

/* フッター */
#globalFooter .logo {
    width: 7rem;
    margin: 0 auto 3.5rem;
}

@media screen and (max-width: 750px) {
    .globalArea .logo {
        width: 6.25rem;
    }
}



/* 反転 */

/* ヘッダー */
.menu .home,
.menu .news,
.menu .artist,
.menu .about,
.menu .contact,
.menu .youtube,
.menu .twitter,
.menu .X,

/* トップページ */
.global_inner > h2,

.moreBtn,
.arrowIcon::after
{
    filter: invert(1);
}

/* 反転打消し */
#globalFooter .menu .home,
#globalFooter .menu .news,
#globalFooter .menu .artist,
#globalFooter .menu .about,
#globalFooter .menu .contact,
#globalFooter .menu .youtube,
#globalFooter .menu .twitter,

#modalMenu .menu .home,
#modalMenu .menu .news,
#modalMenu .menu .artist,
#modalMenu .menu .about,
#modalMenu .menu .contact,
#modalMenu .menu .youtube,
#modalMenu .menu .twitter
{
    filter: unset;
}


/* お問い合わせフォーム */
.contact__txt {
    font-size: 1rem;
    margin-bottom: 2rem !important;
}

.contact__dl {
    margin-bottom: 2.5rem;
}

.contact__dt {
    width: 100%;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5;
    font-size: 1rem;
    color: white;
    letter-spacing: 0.1em;
}

.contact__dt::after {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    width: 2.7rem;
    height: 1.5rem;
    background-color: #D91404;
    color: white;
    margin-left: 1rem;
}
.contact__dt.not-must::after {
    opacity: 0;
}


/* ddフォームパターン */
.contact__dd.dd-input > p > span > input {
    padding: 0.5rem;
    border: none;
    width: 100%;
}

/* ddテキストエリアパターン */
.contact__dd.dd-txtara > p > span > textarea {
    padding: 0.5rem;
    border: none;
    height: 15rem;
    width: 100%;
}

/* 送信ボタン */
.contact__btn > p > input, .contact__btn-t {
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20rem;
    height: 4rem;
    border-radius: 50px;
    margin: 4rem auto 0;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    position: relative;
    cursor: pointer;
    font-family: YakuHanJP, "M PLUS 1p", sans-serif;
    font-weight: 500;
}

.contact__btn {
    width: fit-content;
    margin: 0 auto;
    position: relative;
}

.contact__thanks {
	text-align: center;
    line-height: 1.5;
    color: white;
    margin-bottom: 5rem;
    font-size: 1.3rem;
}

.contact__a-thanks {
    font-size: 1.5rem;
    width: 20rem;
    height: 4rem;
    background-color: white;
    color: black !important;
    text-decoration: unset !important;
    margin: 0 auto;
    display: flex ! IMPORTANT;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}

.wpcf7-spinner {
    display: none !important;
}