:root {
    --color-warm1: #b97f4e;
    --color-bk1: #666;
    --color-border: #c5c5c5;
    --color-gr: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
    --color-pink: #ffd4d4;
    --color-blue: #b3f7ff;
}


/* Top  */
nav {
    background: #fff;
}

nav ul li {
    border-bottom: 1px solid var(--color-border);
}

nav ul li a {
    color: var(--color-bk1);
}

#nav-toggle span {
    background: var(--color-bk1);
}

main:before {
    content: "";
    display: block;
    /* background: linear-gradient(to right, rgba(255, 255, 255, 0.5) -100%, rgba(255, 255, 255, 1.5) 100%), url(../img/bg.jpg); */
    background: url(../img/bg.jpg);
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

main:before {
    content: "";
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0.4) -100%, rgba(255, 255, 255, 0.4) 100%), url(../img/bg.jpg);
    /* background: url(../img/bg.jpg); */
    /* background: linear-gradient(-14deg, rgb(255 246 253), rgb(255, 255, 255)); */
    /* background-blend-mode: lighten; */
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.contents-ttl {
    position: relative;
}

@media screen and (max-width:800px) {
    .contents-ttl {
        margin-top: 20px;
    }

}

.contents-ttl h2 {
    /* font-family: 'Oswald', sans-serif; */
    padding: 0.8rem 0 2rem;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 2rem;
    position: relative;
    font-weight: 100;
    /* background: -webkit-linear-gradient(90deg, #5d5c5c 25%, #eae9e9 35%, #d4a8a8 53%, #716e6e 77%); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    color: #666;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fbd3d3;
}

.contents-ttl:before {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    background: url(../img/ice.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 47px;
    z-index: -1;
    opacity: 0.6;
}

.ico01,
.ico02,
.ico03,
.ico04,
.ico05,
.ico06,
.ico07,
.ico08,
.ico09,
.ico010,
.ico011,
.ico012,
.ico013 {
    background: rgb(182 247 255 / 80%);
    color: var(--color-bk1);
}

.more-list-btn a {
    color: var(--color-bk1);
    background: var(--color-pink);
    border-radius: 9px;
}

.sp-foot {
    background: rgb(255, 255, 255, 0.8);
}

.sp-foot li a {
    background: var(--color-pink);
    color: #666;
}

#section02,
#section04,
#section06,
#section08,
#section10 {
    background: none;
}

.navi-contact,
.navi-contact a,
.navi-contact a i {
    font-weight: bold;
    color: var(--color-bk1);
}

.banner-content {
    background: none;
}

.reserve-bnr,
.qa-bnr,
.recruit-bnr {
    background-image: linear-gradient(52deg, #e9fffc -43%, #daf3ff 100%);
    box-shadow: 1px 1px 7px #d1d1d1;
}

.reserve-bnr a,
.qa-bnr a,
.recruit-bnr a {
    color: var(--color-bk1);
    border: var(--color-bk1) 1px solid;
}

.blog-box+.blog-box {
    border-top: 1px solid var(--color-border);
}

.marquee,
.new-topics,
.topics-ttl,
.staff-text,
.blog-text p,
.clamp-text3,
.clamp-text2,
.concept-wrap p,
.map-detail h3,
.map-detail,
.map-detail a,
footer p,
footer a,
.fab,
.blog-text p a,
.contents-ttl p,
.topics-detail-info {
    color: var(--color-bk1);
}

.news-text,
.contents-ttl h2,
.new-topics {
    border-bottom: 1px solid var(--color-border);
}

/* Topics  */
.hback-btn {
    border-top: 1px solid var(--color-border);
}

.hback-btn a {
    background: var(--color-pink);
    color: var(--color-bk1);
    border-radius: 9px;
}

.topics-detail-wrap .contents-ttl::before {
    background: none;
}

/* Schedule  */
.weekly-schedule li a.current {
    background: var(--color-pink);
    color: var(--color-bk1);
}

.weekly-schedule .nextweek {
    background: var(--color-blue);
    color: var(--color-bk1);
    border-radius: 9px;
}

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

.prof-info-box h2,
.prof-list dl dt,
.prof-list dl dd,
.prof-list dl .shop-cmt+dd {
    color: var(--color-bk1);
}

.profile-wrap .contents-ttl:before {
    background: none;
}

.profile-box {
    /* margin-top: 72px; */
}


.sch-tbl {
    color: var(--color-bk1);
}

.sch-tbl dl dt {
    background: var(--color-pink);
    color: var(--color-bk1);
}

/* System  */
.price-list dl dt {
    background: var(--color-pink);
    color: var(--color-bk1);
    text-shadow: none;
    font-weight: bold;
}

.price-list dl dd {
    background: #fff;
    text-shadow: none;
    color: var(--color-bk1);
}

.price-list dl {
    margin: 10px 0 10px 0;
    border: 1px solid var(--color-pink);
}

.price-box+.price-box {
    border-top: 1px solid var(--color-border);
    color: var(--color-bk1);
}

.price-box h3,
.price-box h3,
.price-dsc {
    color: var(--color-bk1);
}

/* Therapist  */
.fliter-check-wrap {
    color: var(--color-bk1);
}

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

/* Q&A  */
.accordion>ul>li>div {
    background: var(--color-pink);
    color: var(--color-bk1);
    border: 1px solid var(--color-pink);
}

.accordion>ul>li>p {
    color: var(--color-bk1);
}

.accordion li .accordion_icon {
    background: #fff;
}

.accordion li .accordion_icon span {
    background: var(--color-pink);
}

/* Reserve  */
.form-wrap {
    border: 4px solid var(--color-pink);
}

/* Recruit  */
.job-box dl dt {
    background: var(--color-pink);
    color: var(--color-bk1);
}

.reserve-intro {
    color: var(--color-bk1);
}

.job-box dl dt+dd,
.job-box dl dt a,
.job-box dl dd a {
    color: var(--color-bk1);
}

.recruit-ban {
    margin-bottom: 24px;
}

.job-box a {
    text-decoration: underline;
}

@media screen and (min-width: 801px) {
    header {
        background: none;
    }

    nav {
        background: none;
    }
}