:root {
    --color--silver: linear-gradient(45deg, #848484 -31%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    --color--par: #B09BD1;
    --color--font--bk: #333;
}

body {
    background: #000;
}

.new-topics span.cat-ico {
    background: var(--color--par);
}

.visual-logo {
    height: calc(100% + 5rem);
}

#loader img {
    width: 70%;
}

@media (min-width : 801px) {
    #loader img {
        width: 30%;
    }

    .visual-logo {
        height: 100%;
    }

    .twi-container {
        width: 75%;
    }
}

.twi-container {
    margin: 0;
    margin-left: auto;
    padding: 1rem 1rem;
}

.mainvisual-under-logo {
    height: 100%;
}


.sp-foot li a {
    background: var(--color--par);
}

.ico01,
.ico02,
.ico03,
.ico04,
.ico05,
.ico06,
.ico07,
.ico08,
.ico09,
.ico010,
.ico011,
.ico012,
.ico013 {
    background: var(--color--par);
}

.more-btn a,
.more-list-btn a {
    background: var(--color--silver);
    color: var(--color--font--bk);
}

.reserve-bnr,
.qa-bnr,
.recruit-bnr {
    background: var(--color--par);
}

#section08 {
    background: #000;
}

.hback-btn a {
    background: var(--color--par);
}

.weekly-schedule li a.current {
    background: var(--color--silver);
    color: var(--color--font--bk);
}

.weekly-schedule .nextweek {
    background: var(--color--par);
}

.filter-inner input[type="submit"] {
    background: var(--color--silver);
    color: var(--color--font--bk);
}

.sch-tbl dl dt {
    background: var(--color--silver);
    color: var(--color--font--bk);
}

.sch-tbl dl dd {
    background: #111;
}

.tab-wrap li.active {
    background: var(--color--par);
}

.accordion>ul>li>div {
    background: var(--color--silver);
    color: #111;
}

.form-wrap {
    background: var(--color--silver);
}

.form-wrap button[disabled] {
    background: #a7a6a6;
}

.job-box dl dt {
    background: var(--color--par);
}

.job-box dl dt+dd {
    background: #111;
}