@charset "utf-8";

:root {
    --main-pink-color: #FC92B0;
    --main-white-color: white;
    --sub-pink-color: #eba0d2;
}

body {
    font-family: "Hiragino maru Gothic Pro",
        "ヒラギノ角ゴ Pro W3",
        Osaka,
        sans-serif,
        "メイリオ",
        Meiryo,
        "MS Pゴシック";


}

/* PC表示 */
@media screen and (min-width: 769px) {

    header {
        top: 0;
        background: rgb(255 255 255 / 90%);
    }

    .header-bg {
        /* background: rgba(0, 0, 0, 0.5); */
        background: rgb(255 255 255 / 100%);
    }

    .under-wrap {
        background: rgba(255, 255, 255, 0.7);
    }

    .todays-wrap {
        background: none;
    }

    .weekly-schedule {
        background: var(--main-pink-color);
    }

    .weekly-schedule li a {
        color: var(--main-white-color);

    }

    .weekly-schedule li a.current {
        color: var(--main-white-color);
    }

    .detail-tbl tr th {
        border-top: none !important;
    }

    .detail-tbl tr th,
    .detail-tbl tr td {
        border: 1px solid var(--sub-pink-color);
    }

    .job-box dl dt,
    .job-box dl dd {
        width: 100%;
        padding: 1rem;
        border: 1px solid var(--sub-pink-color);
    }

    .job-box dl+dl dd {
        border-top: none !important;
    }

    .job-box dl dt+dd {
        border-top: 1px solid var(--sub-pink-color);
        border-bottom: 1px solid var(--sub-pink-color);
    }

    .job-box dl:last-child dt+dd {
        border-bottom: 1px solid var(--sub-pink-color);
    }


    .visual-logo {
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        padding: 10% 0;
    }

    .footer-logo {
        background-size: 330px;
    }
}

/* スマホ表示 */
@media screen and (max-width: 769px) {

    .weekly-schedule li a.current {
        background: var(--main-pink-color);
    }

    .weekly-schedule li a {
        border: 1px solid var(--sub-pink-color);
    }

    .detail-tbl tr th,
    .detail-tbl tr td {
        border: 1px solid var(--sub-pink-color);
    }

    .job-box dl dt,
    .job-box dl dd {
        border: 1px solid var(--sub-pink-color);
    }


    .job-box dl:last-child dt+dd {
        border-bottom: 1px solid var(--sub-pink-color);
    }

    .sp-foot li {
        border: 1px solid var(--main-pink-color);
        width: 50%;
    }

    .sp-foot li+li {
        border-left: none;
    }

    .close-btn {
        color: var(--main-pink-color);
    }

    .footer-logo {
        background-size: 300px;
    }


}

#nav a {
    text-transform: uppercase;
}

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

.visual-logo {
    animation: none;
}

.mainvisual p {
    color: var(--main-pink-color);
}

.mainvisual a {
    color: var(--main-pink-color);
}

.contents-ttl {
    color: var(--main-pink-color);
    text-transform: uppercase;
}

.more-btn a {
    text-transform: uppercase;
}

.todays-wrap h2 {
    text-transform: uppercase;
}

.concept-bg {
    color: var(--main-pink-color);
    background-image: url(../img/ribbon.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 15%;
}

.blog-text p:first-of-type {
    color: var(--main-pink-color);
}

.blog-detail-update {
    color: var(--main-pink-color);
}

.reserve-bnr a,
.qa-bnr a,
.recruit-bnr a {
    text-transform: uppercase;
}

.filter-wrap select {
    border: 1px solid var(--main-pink-color);
    color: var(--main-pink-color);
    background-image: url(../img/filter-arrow.svg), linear-gradient(to bottom, var(--main-pink-color) 0%, var(--main-pink-color) 100%);
}


.filter-inner {
    color: var(--main-pink-color);
}

.check-point:before {
    background: #fff;
    border: 1px solid var(--main-pink-color);
}

.filter-inner input[type="checkbox"]:checked+.check-point:after,
.reserve input[type="checkbox"]:checked+.check-point:after {
    border-bottom: 3px solid var(--main-pink-color);
    border-right: 3px solid var(--main-pink-color);
}

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

.staff-box>ul>li {
    color: var(--main-pink-color);
}

.staff-box ul li:first-child {
    background: var(--main-pink-color);
    color: var(--main-white-color);
}

.tab-switch:checked+.tab-label {
    background: var(--main-pink-color);
    color: var(--main-white-color);
}

.tab-label {
    color: var(--main-pink-color);
    background: var(--main-white-color);
}

.detail-tbl thead {
    background: var(--main-pink-color);
}


.detail-wrap ul,
.detail-wrap h3 {
    color: var(--main-pink-color);
}

.weekly-ttl {
    color: var(--main-pink-color);
}

.shop-cmt {
    color: var(--main-pink-color);
    border-bottom: double var(--main-pink-color);
}

.shop-cmt:after {
    border-bottom: 1px solid var(--main-pink-color);
    border-top: 1px solid var(--main-pink-color);
}

.list-wrap h3 {
    color: var(--main-pink-color);
}

.list-wrap p {
    color: var(--main-pink-color);
}

.list-wrap dt,
.list-wrap dd {
    border: 1px solid var(--sub-pink-color);
}

.list-wrap dd {
    color: var(--main-pink-color);
}

.list-wrap li {
    color: var(--main-pink-color);
}

.recruit-main {
    background: var(--main-white-color);
}


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

.job-box dl dd {
    color: var(--main-pink-color);
}


.form-caution {
    color: var(--main-pink-color);
}

.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 var(--main-pink-color);

}

.ui-widget-header {
    border: 1px solid var(--main-pink-color) !important;
    background: var(--main-pink-color) !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: var(--main-pink-color) !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 var(--main-pink-color) !important;
    color: #333 !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 {
    background: var(--main-pink-color) !important;
}

.reserve>div {
    background: var(--main-white-color);
    color: var(--main-pink-color);
}

.reserve input[type="time"] {
    border: 1px solid var(--main-pink-color);
}


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

.reserve input[type="radio"]+label:before {
    border: 1px solid var(--main-pink-color);

}

.reserve input[type="radio"]:checked+label:after {
    background: var(--main-pink-color);

}

.reserve select {
    background-image: url(../img/select-arrow.svg), linear-gradient(to bottom, var(--main-pink-color) 0%, var(--main-pink-color) 100%) !important;
}

.reserve textarea {
    border: 1px solid var(--main-pink-color);
}

.reserve input[type="submit"] {
    background: var(--main-pink-color);
}

.accordion>ul>li>div {
    color: #fff;
    background: var(--main-pink-color);
    border: 1px solid var(--main-pink-color);

}

a.js-modal-close {
    background: var(--main-pink-color);
}

/* 追記 */
@media screen and (min-width: 769px) {
    .sp-hide {
        display: none;
    }
}

@media screen and (max-width: 769px) {
    .pc-hide {
        display: none;
    }
}