:root {
    --border-gray: #a3a3a3;
    --silver: linear-gradient(45deg, #848484 15%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    --silver_2: linear-gradient(138deg, rgba(142, 142, 142, 1) 0%, rgba(200, 200, 200, 1) 19%, rgba(171, 171, 171, 1) 39%, rgba(152, 152, 152, 1) 58%, rgba(181, 181, 181, 1) 71%, rgba(139, 139, 139, 1) 100%);
}




body {
    font-family: "Noto Serif JP", serif;
    background: #333;
}

header {
    background: rgba(0, 0, 0, 0.8);
}

nav {
    background: rgba(0, 0, 0, 0.8);
}

.visual-logo {
    filter: drop-shadow(2px 7px 3px rgba(0, 0, 0, 0.6))drop-shadow(2px 0px 3px rgba(0, 0, 0, 0.6));
}

.logo-area a {
    scale: 1.5;
}

.visual-logo img {
    width: 67%;
    /* filter: drop-shadow(0px 0px 0px white); */
    margin: 0 auto;
}

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

.content-box {
    background: #333;
}

.underlayer {
    background: #333;
}

.reserve-wrap li {
    border-bottom: none;
}

.news-text span {
    background: var(--silver);
    color: #1a1a1a;
    padding: 5px;
    text-shadow: 1px 1px 5px #333;
    border-radius: 3px;
}

.news-text {
    border-bottom: none;
}

.new-topics span.cat-ico {
    color: #2d2d2d;
    background: #ddd;
    font-weight: bold;
}

.more-list-btn a {
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #1a1a1a;
}

.more-btn a {
    text-shadow: 1px 1px 5px #1a1a1a;
    background: var(--silver);
    color: #1a1a1a;
    border: none;
}

.reserve-bnr a,
.qa-bnr a,
.recruit-bnr a {
    color: #1a1a1a;
    border-color: #1a1a1a;
}

.concept-wrap p {
    text-shadow: 1px 1px 4px #fff;
}

#pickup-slide {
    background: none;
    border: none;
}

.pick-wrap,
.staff-image {
    border: 2px solid;
    border-image: linear-gradient(45deg, #848484 15%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    border-image-slice: 1;

}

.pick-name {
    color: #fff;
    background: none;
}

.reserve-bnr,
.qa-bnr,
.recruit-bnr {
    background: linear-gradient(45deg, #848484 15%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    text-shadow: 1px 1px 5px #000;
    font-family: "Noto Serif JP", serif;
}

.mainvisual-under-logo a {
    justify-content: center;
}

/* @media screen and (max-width: 800px) {
    .mainvisual-under-logo img {
        margin-right: 0;
    }
} */
@media screen and (max-width: 800px) {
    #loader img {
        width: 70%;
    }
}

.sp-foot li a {
    color: #2d2d2d;
    background: #ddd;
}

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

.map-detail a {
    color: #fff;
}

.staff-text li.cond {
    background: #e7e7e7;
    color: #000;
    font-weight: bold;
    border-radius: 2px;
}

.ico01,
.ico02,
.ico03,
.ico04,
.ico05,
.ico06,
.ico07,
.ico08,
.ico09,
.ico010,
.ico011,
.ico012,
.ico013 {
    background: #1a1a1a;
    color: #fff;
    /* background: var(--silver_2); */
    /* color: #1a1a1a; */
    text-shadow: 1px 1px 5px #333;
    border: 1px solid #fff;
}

/* Topics  */
.hback-btn a {
    background: var(--silver);
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #333;
    border-radius: 2px;
}

.price-list dl,
.price-list dl dt {
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #333;
}

/* System  */
.price-list dl {
    margin: 8px;
}

/* Schedule */
.weekly-schedule li a.current {
    border: 2px solid;
    border-image: var(--silver);
    border-image-slice: 1;

}

.sch-tbl dl dt {
    background: var(--silver_2);
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #333;
}

.weekly-schedule .nextweek {
    background: var(--silver);
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #333;
}

.sch-tbl dl dt.sat,
.sch-tbl dl dt.sun {
    color: #1a1a1a;
}

/* Therapist  */
.filter-reset a {
    text-decoration: underline;
    color: #fff;
}


/* Q&A  */
.accordion>ul>li>div {
    border: 2px solid;
    border-image: var(--silver);
    border-image-slice: 1;
}

.accordion li .accordion_icon {
    background: none;
}

/* Reserve  */
.form-wrap {
    border: 8px solid;
    border-image: var(--silver);
    border-image-slice: 1;
}

/* Recruit  */
.job-box dl dt {
    background: linear-gradient(45deg, #959595 0%, #d3d3d3 50%, #7f7f7f 100%);
    text-shadow: 1px 1px 5px #fff;
    font-weight: bold;
    color: #1a1a1a;
}

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


/* border */
.contents-ttl h2,
.new-topics {
    border-bottom: 1px solid var(--border-gray);
}

.ranksel select {
    color: #333;
    padding: 0.5rem 1rem;
}

.bg-rank {
    text-shadow: 1px 1px 3px #000;
}

.bg-rank.BLACK,
.bg-rank.BLACK⁺ {
    background: linear-gradient(23deg, #000 0%, #333 45%, #666 70%, #333 85%, #000 90% 100%);
}

.bg-rank.GOLD,
.bg-rank.GOLD⁺ {
    background: linear-gradient(23deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
}

.bg-rank.SILVER,
.bg-rank.SILVER⁺ {
    background: linear-gradient(23deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
    
}

.bg-rank.FRESH,
.bg-rank.FRESH⁺ {
    background: linear-gradient(23deg, #f3ceae 0%, #fff0e2 45%, #ffffff 70%, #fff0e2 85%, #f3ceae 90% 100%);
    /* background: linear-gradient(23deg, #40b603 0%, #46da08 45%, #b2fea0 70%, #46da08 85%, #40b603 90% 100%); */
    color: #333;
    text-shadow: 1px 1px 3px #eee;
}

.bg-rank.SECRET,
.bg-rank.SECRET⁺ {
    background: #eee;
    color: #fff;
    background: linear-gradient(23deg, #5D3F6A 0%, #7A4B85 35%, #9E9E9E 60%, #b6b6b6 65%, #7A4B85 90%, #5D3F6A 100%);
    text-shadow: 1px 1px 3px #000;
}


.bg-rank.体験入店 {
    /* background: linear-gradient(23deg, #f3ceae 0%, #fff0e2 45%, #ffffff 70%, #fff0e2 85%, #f3ceae 90% 100%);
    color: #333;
    text-shadow: 1px 1px 3px #eee; */
    background: #eee;
    color: #333;
    text-shadow: 1px 1px 3px #000;

}

.bg-rank.RANK選択 {
    display: none;
}

@media screen and (min-width: 801px) {
    .reserve-wrap a {
        border: 3px solid;
        border-image: var(--silver);
        border-image-slice: 1;
    }

    .ranksel {
        flex-wrap: nowrap;
    }

    .ranksel select {
        margin-right: 0.5rem;
    }

    .ranksel .fliter-check-wrap {
        padding: 0;
    }

    .ranksel .filter-inner {
        width: auto;
    }
}


.tab-box {
    display: none;
}





/* テーブル全体のスタイル*/
.sch-work table {
    width: 100%;
    border-collapse: collapse;
}

/* セル内のパディング */
.sch-work th,
.sch-work td {
    padding: 0.5rem;
}

.sch-work tr {
    text-align: center;
}

/* ボーダー */
.sch-work th,
.sch-work td {
    border: 1px solid #ccc;
    vertical-align: middle;
}

.sch-work td:first-child {
    background: var(--silver);
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #333;

}

/* レスポンシブ対応 */
@media (min-width: 801px) {

    /* スマホ画面の場合 */
    .sch-work table,
    .sch-work thead,
    .sch-work tbody,
    .sch-work th,
    .sch-work td,
    .sch-work tr {
        display: block;
    }

    .sch-work thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .sch-work tr {
        border: 1px solid #ccc;
        flex: 1;
        margin-left: -1px;
    }

    .sch-work td {
        border: none;

        position: relative;
        /* padding-left: 50%; */
    }

    .sch-work td:first-child {
        border-bottom: 1px solid #ccc;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sch-work td:nth-child(2) {
        height: calc(100% - 2.5rem);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sch-work td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        content: attr(data-column);
        font-weight: bold;
    }

    .sch-work tbody {
        display: flex;
    }

    .twi-container {
        text-align: center;
    }

    .filter-inner label {
        padding-right: 0.8rem;
    }



}

.twitter-btn {
    width: 100%;
}


.twitter-btn a {
    display: flex;
    margin: 0 auto;
    width: 100%;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    background: linear-gradient(45deg, #848484 15%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    color: #1a1a1a;
    text-shadow: 1px 1px 5px #1a1a1a;
}

.twi-container p {
    text-align: center;
    text-shadow: 1px 1px 4px #fff;
    margin-bottom: 1rem;
}

.topics-wrap,
.blog-wrap {
    display: none;
}

.underlayer .topics-wrap,
.underlayer .blog-wrap {
    display: block;
}

.member-visual {
    margin-bottom: 2rem;
}

.member-txt {
    margin-bottom: 5rem;
}

.member-txt span {
    font-size: 1.5rem;
}

@media screen and (min-width: 801px) {
    .sns-icon {
        width: 40px;
        height: 40px;
        border-radius: 30%;
        margin-right: 10px;
    }


}

@media screen and (max-width: 801px) {
    .sns-icon {
        width: 38px;
        height: 38px;
        border-radius: 30%;
        margin-right: 8px;
    }

}

/* ツイッター X Twitterアイコン非表示 */
.ico-tw {
    /* display: none; */
}

/* ツイッター X プロフィール Twitter非表示 */
.prof-tw {
    display: none;
}

/***************************************************************************
*
*	追記
*
***************************************************************************/

/* ステータスによって文字色変える */
.text-color0 {
    color: white !important;
    background: #446da6 !important;
    border-radius: 100vh !important;
}

.text-color1 {
    color: #000000 !important;
    background: white!important;
    border-radius: 100vh !important;
}

.text-color2 {
    color: #000000 !important;
    background: white!important;
    border-radius: 100vh !important;
}

.text-color3 {
    color: white !important;
    background: #f4a261 !important;
    border-radius: 100vh !important;
}

.text-color4 {
    color: white !important;
    background: #f4a261 !important;
    border-radius: 100vh !important;
}

.text-color5 {
    color: white !important;
    background: #e75b51 !important;
    border-radius: 100vh !important;
}


@media screen and (max-width: 801px) {

    #staff-search .fliter-check-wrap .column-box {
        flex: 1 1 calc(25% - 1rem) !important;
        text-align: center !important;
        padding-left: 6px !important;
        margin-top: 0.1rem !important;
    }

        .filter-inner input[type="submit"] {
        border-left: 0;
        /* 上 | 右 | 下 | 左 */
        margin: 0px 1.1rem 0.4rem 1.4rem;
    }
    .filter-inner input[type="submit"] {
        padding: 0 0.75rem;
    }

}

@media screen and (min-width: 800px) {

    /* blueskyサイズ */
    .twi-container {
        width: 600px;
    }

    .twi-wrap {
        height: 500px !important;
    }
}

@media screen and (max-width: 800px) {

    .sch-tbl dl dt+dt,
    .sch-tbl dl dd+dd {
        border-top: 0;
    }

    /* blueskyサイズ */
    .sky-containe {
        width: 82%;
    }

     .twi-wrap {
        height: 500px !important;
        max-height: 600px !important;
    }

 
}

/* LINEボタンの色 */
.reserve-wrap li:nth-child(2) a {
    background: #00C300;
    border-image: none;
    border: 3px solid #ffffff;
}

.sp-foot li:nth-child(3) a {
    background: #00C300;
    color: #fff;
  }


  /* 見出し */
.contents-ttl p {
text-align: center;
}