body {
    font-family: "Kosugi Maru", sans-serif;
}

@media screen and (min-width: 769px) {
    .mainvisual {
        background: none;
    }

    main {
        background: rgba(255, 255, 255, 0.7);
    }
    
    
    header {
        top: 0rem;
    }

    .todays-wrap {
        background: none;
    }

    .mainvisual-bg:before {
        margin-top: 67px;
        background-size: cover;
        background-position: 0% 0%;
    }

    .under-bg:before {
        margin-top: 56px;
        background-position: 0% 0%;

    }
    

    .news-btn a {
        color: #fff;
        background: #6699CC;
    }

    .weekly-schedule {
        background: none;
    }

    .weekly-schedule ul {
        border-top: 1px solid #6699CC;
        border-bottom: 1px solid #6699CC;
    }

    .weekly-schedule ul:before {
        border-top: 1px solid #6699CC;
    }

    .weekly-schedule ul:after {
        border-top: 1px solid #6699CC;
    }

    .under-wrap {
        padding-top: 2rem;
        background: rgba(224, 224, 224, 0.7);
    }

    .footer-logo {
        background-size: contain;
        padding: 50% 0;
    }

    .visual-logo {
        animation: none;
        height: 40vh;
    }

    #nav a {
        color: #6699CC;
    }

}

@media screen and (max-width: 769px) {
    .mainvisual-bg:before {
        margin-top: 56px;
    }

    .visual-logo {
        animation: none;
        height: 30vh;
    }

    main {
        background: rgba(255, 255, 255, 0.7);
    }

    .under-wrap {
        background: #e8f4ff;
    }


}


.mainvisual p {
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white);
}

#nav a {
    color: #6699CC;
    font-size: 1.2rem;
}

#nav li {
    border-bottom: 1px solid #6699CC;
}

.logo-area a {
    scale: 2;
}


.todays-wrap {
    background: none;
}

.contents-ttl {
    background: none;
}

.reserve-bnr {
    background: none;
}

.qa-bnr {
    background: none;
}
.recruit-bnr {
    background: none;
}

.reserve-bnr a, .qa-bnr a, .recruit-bnr a {
    color: #ffffff;
    background: #6699CC;
}


header {
    background: #ffffff;
}

.header-bg {
    background: #ffffff;
}

.mainvisual-bg:before {
    background-image: url(../img/mainvisual.jpg);

}

.contents-ttl h2,
.todays-wrap h2,
.concept-wrap h3 {
    text-transform: uppercase;
    color: #6699CC;
}

.concept-wrap h3 + p {
    color: #6699CC;
}

.mainvisual p {
    color: #ff58d2;
}

.mainvisual a {
    color: #ff58d2;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white);
}

.news-text-wrap li span {
    background: #6699CC;
    color: #fff;
}

.more-btn a {
    color: #6699CC;
    border: 1px solid #6699CC;
}

.todays-wrap {
    color: #6699CC;
}

.contents-ttl p {
    color: #6699CC;
}


footer {
    background: rgba(255, 255, 255, 0.6);
    color: #ff58d2;
}

.under-h {
    background: #ffffff;
}

.list-wrap h3 {
    border-top: 1px solid #6699CC;
    border-bottom: 1px solid #6699CC;
    color: #6699CC;
}

.list-wrap h3:before {
    border-top: 1px solid #6699CC;
}

.list-wrap h3:after {
    border-bottom: 1px solid #6699CC;
}

.list-wrap dt {
    background: #6699CC;
    color: #fff;
}

.news-ico {
    background: #6699CC;
    color: #fff;
}

.news-text-wrap li:first-child {
    color: #6699CC;
}

.archive h3 {
    background: #6699CC;
    color: #fff;
}


.archive li {
    border: 1px solid #6699CC;

}

.archive li a {
    color: #6699CC;
}


.filter-wrap select {
    border: 1px solid #6699CC;
    color: #333;
    background-color: #fff;
    background-image: url(../img/filter-arrow.svg), linear-gradient(to bottom, #6699CC 0%, #6699CC 100%);
}


.filter-inner {
    border: 1px solid #6699CC;
    background: #fff;
}

.check-point:before {
    background: #fff;
    border: 1px solid #6699CC;
}

.filter-inner input[type="checkbox"]:checked+.check-point:after,
.reserve input[type="checkbox"]:checked+.check-point:after {
    border-bottom: 3px solid #6699CC;
    border-right: 3px solid #6699CC;
}

.filter-inner input[type="submit"] {
    background: #6699CC;
    color: #fff;
}

.filter-wrap .filter-reset a {
    color: #333;
}

.ico-area li {
    color: #fff !important;
}
.staff-box>ul li+li {
    border-top: 1px solid #6699CC;

}

.staff-box ul li:nth-child(1) {
    color: #333;
}

.staff-box ul li:nth-child(2) {
    color: #333;
}

.staff-box ul li:nth-child(3) {
    background: #6699CC;
    color: #fff;
}

.blog-update {
    color: #6699CC;
}

.blog-detail a {
    color: #fff;
    background: #6699CC;
}

.blog-box + .blog-box {
    border-top: 1px solid #ff58d2;
}

.reserve>div {
    background: none;
}

.clamp-text3 {
    background: none;

}

.reserve input[type="text"],
.reserve input[type="number"],
.reserve input[type="tel"],
.reserve input[type="email"],
.reserve input[type="date"],
.reserve select {
    border: 1px solid #6699CC;
}

.reserve #schedule {
    border: 1px solid #6699CC;
    background-color: #fff;
    background-image: url(../img/calendar.svg), linear-gradient(to bottom, #6699CC 0%, #6699CC 100%);
}


.ui-widget-header {
    border: 1px solid #6699CC !important;
    background: #6699CC !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #6699CC !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #6699CC !important;
    background: #6699CC !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #6699CC !important;
    background: #6699CC !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #6699CC !important;
    background: #fff;
    font-weight: normal;
    color: #333 !important;
}

.reserve input[type="time"] {
    border: 1px solid #6699CC;
}

.reserve select {
    background-image: url(../img/select-arrow.svg), linear-gradient(to bottom, #6699CC 0%, #6699CC 100%);
}

.reserve input[type="radio"]+label:before {
    border: 1px solid #6699CC;

}

.reserve input[type="radio"]:checked+label:after {
    background: #6699CC;
}

.reserve textarea {
    border: 1px solid #6699CC;

}

.reserve input[type="submit"][disabled] {
    background: #a4aaaf;
    color: #e0e0e0;
}

.reserve input[type="submit"] {
    background: #6699CC;
}

.job-box dl dt {
    background: #6699CC;
    color: #fff;
}

.main-contact {
    background: #6699CC;
    color: #fff;
}

#nav-toggle span {
    background: #3f6a96;
}

#nav-circle-bg {
    background: #fff;
}

.sp-foot {
    background: #6699CC;
}

footer a i {
    color: #ff58d2;
}


.footer-logo {
    background-size: contain;
    height: 30vh;
}

.tab-switch:checked+.tab-label {
    background: #6699CC;
}

.tab-label {
    color: #333;
    background: #ffffff;
}

.detail-tbl thead {
    background: #6699CC;
}

@media screen and (min-width: 769px) {
    .detail-tbl tr td {
        background: #ffffff;
    }

}

.news-detail-info:after,
.blog-detail-info:after {
    border-bottom: 1px solid #6699CC;
    border-top: 1px solid #6699CC;
}

.end-line {
    border-bottom: 1px solid #6699CC;
    border-top: 1px solid #6699CC;
}

.prev-btn a {
    background: #6699CC;
    color: #fff;
}

.accordion>ul>li>div {
    color: #fff;
    background: #6699CC;
    border: 1px solid #6699CC;
}

.accordion li .accordion_icon span {
    background: #6699CC;
}

.weekly-schedule li a.current {
    background: #6699CC;
}

.weekly-schedule li a {
    border: 1px solid #6699CC;
}

.shop-cmt {
    border-bottom: double #333;
}

.close-btn {
    color: #3f6a96;
}

.news-under-wrap {
    border-bottom: 1px solid #3f6a96;
}

.recruit-main {
    background: #e8f4ff;
}