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

    /* ここにSP向けのCSS指定 */
    .pc {
        display: none;
    }
}

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

    /* ここにPC向けのCSS指定 */
    .sp {
        display: none;
    }
}


body {
    font-family: serif;
    background: #efeded;
}

header,
.footer,
.breadcrumb_font {
    display: none;
}

.tourist_header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10vw;
    justify-content: space-between;
    text-align: center;
    padding: 1.2vw 26vw;
    font-size: 1.6vw;
    letter-spacing: 4px;
    background: #fff;
    align-items: center;
    box-shadow: 0px 0px 15px -5px #777777;
    z-index: 1111111;
    position: sticky;
}

.girls-name {
    font-size: 25px;
    text-align: center;
    margin-bottom: ;
}

.girls-info {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0.3vw;
}

._schedule {
    text-align: center;
    background: #000;
    color: #fff;
    width: 10vw;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 1vw;
    margin-bottom: 0.7vw;
}

img.lang-select-img {
    width: 1.4vw;
}

.tourist_header h1 {
    width: 26vw;
    color: #9c8a15;
}

select#select_lang {
    font-size: 1.3vw;
}

select#select_lang option {
    background: none;
    text-align: left;
    padding: 1vw;
    border: 1px solid #fff;
}

.language.acc_language {

    text-align: right;
    border: 1px solid #fff;
    border-radius: 0.2vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #fff9f2;
    color: #9c8a15;
    border: 1px solid #9c8a15;
    position: absolute;
    top: 0.3vw;
    left: 82vw;
    color: #fff;
    padding: 0 1vw;
    display: flex;
}

.tourist_wrapper {
    width: 88vw;
    margin: 0 auto;
    padding-bottom: 10vw;
    background: #fff;
    padding: 1vw 3vw;
}

.tourist_wrapper .intro {
    background: #fff9f2;
    padding: 1vw;
    line-height: 1.5;
    font-size: 1.7vw;
    margin-bottom: 2vw;
    margin-top: 1vw;
    border: 1px solid #9c8a15;
    color: #9c8a15;
    border-radius: 1vw;
}

.fare_other {
    display: grid;
    grid-template-columns: 2.5fr 3fr;
    gap: 0 3vw;
}

.fare_other .fare .fare_head,
.fare_other .other .other_head,
.access .access_head,
.twitter .twitter_head,
.casts .casts_head {
    font-size: 2.4vw;
    letter-spacing: 1px;
    margin-bottom: 1.5vw;
    line-height: 0.8;
    font-weight: bold;
    color: #9c8a15;
}

.fare_other .fare .fare_head img,
.fare_other .other .other_head img,
.access .access_head img,
.twitter .twitter_head img,
.casts .casts_head img {
    width: 1.5vw;
}

.fare_other .other dl,
.fare_other .fare dl {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-bottom: 1vw;
    border: 1px solid #9c8a15;
}

.fare_other .other dl dt,
.fare_other .fare dl dt {
    font-size: 1.7vw;
    padding: 0.4vw;
    background: #9c8a15;
    color: #fff;
    text-align: center;
    border: 1px solid #9c8a15;
}

.fare_other .other dl dd,
.fare_other .fare dl dd {
    font-size: 1.7vw;
    padding: 0.4vw;
    color: #000;
    text-align: center;
    border: 1px solid #fff;
    background: #fff;
}



.fare_other .fare p {
    font-size: 1.9vw;
    margin: 2vw 0 0.4vw;
}

.twitter .twitter_head p {
    background: #c6a035;
    width: 100%;
    text-align: center;
    color: #fff;
    padding:0.7vw 0 0.8vw;
    border-radius: 0.3vw;
    font-weight: bold;
    font-size: 2.7vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.twitter .twitter_head p span {
    font-size: 1.6vw;
}

.section {
    margin-bottom: 50px !important
}

.transportation dl {
    display: grid;
    grid-template-columns: 20% 1fr;
    border: solid 1px #9c8a15;
    margin-bottom: 0.5vw;
}

.transportation dt {
    background: #9c8a15;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4vw;
    font-weight: 600;
}

.transportation dd {
    display: flex;
    justify-content: left;
    align-items: center;
    color: #9c8a15;
    font-size: 20px;
    font-weight: 600;
    padding: 0.5vw 1vw;
}

.girls-section {
    display: block;
}

.girls-list-bg {
    width: 100%;
    margin: 0;
}

.girls-list-row.rightnow-casts.cast_view_page {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    padding: 0;
}

.girls-list-row.rightnow-casts li {
    margin: 0;
    list-style: none;
    background: #fff9f2;
    line-height: 1.4;
    border: 1px solid #9c8a15;
}

.newface-list-row {
    width: auto;
    padding: 0;
    background: none;
}

img.cast_img {
    width: 100%;
}

.schedule-dates {
    margin: 0.5vw 0;
    font-size: 1vw;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5vw;
    text-align: center;
}

.schedule-dates .date {
    background: #c2c2c2;
    border-radius: 7px;
    color: #fff;
    padding: 0.4vw;
}

.head_img {
    mix-blend-mode: difference;
}

.schedule-dates .date.date-active {
    background: #9c8a15;
    color: #fff;
}

p.girls-category.category-3p img {
    width: 5vw;
}

.girls-category {
    height: auto !important;
}

.caution_block {
    position: relative;
    margin: 0 auto;
    width: 100%;
    letter-spacing: 0.9px;
    font-size: 16px;
}

.caution_box {
    border: 7px solid red;
    background: #fff;
}

.caution_mein {
    background: red;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

p.caution_head {
    color: red;
    font-size: 31px;
    margin: 18px 30px;
    font-weight: bold;
    font-family: auto;
    display: flex;
    align-items: center;
    word-break: normal
}

.caution_ddst {
    margin: 0px 19px 30px;
}

p.caution_head {
    color: red;
    font-size: 31px;
    margin: 18px 30px;
    font-weight: bold;
    font-family: auto;
    display: flex;
    align-items: center;
}

p.caution_sub {
    margin: 3px 27px 26px;
}

.caution_block p {
    word-break: normal;
}

.caution_ddst span {
    width: 16px;
    display: block;
}

.caution_ddst dd {
    display: flex;
    justify-content: left;
}

.caution_sub,
.caution_ddst {
    color: #000;
    line-height: 1.8;
    font-size: 17px;
}

.girls-age {
    font-size: 1.4vw;
}

.choice-btn .slick-track {
    width: 100% !important;
}

.tourist_wrapper .cast_img ul {
    grid-template-columns: unset !important;
}

.cv_area {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 1vw 0;
    width: 100%;
    box-shadow: 0px 0px 15px -5px #777777;
}

.cv_area ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 49.1vw;
    margin: 0 auto;
}

.cv_area ul li {
    background: #616161;
    text-align: center;
    padding: 0.5vw;
    font-size: 1.4vw;
    letter-spacing: 1px;
    color: #fff;
}

.cv_area ul li.line {
    background: #11cc11;
}

.cv_area ul li.mail {
    background: #67cde5;
}

.cv_area ul li.weChat {
    background: #78ab32;
}

.cv_area ul li.kakao {
    background: #3c1e1e;
}

.cv_area ul li.whatsApp {
    background: #25d366;
}


/* プロフィール */
.tourist_wrapper h2 {
    text-align: center;
    font-size: 2vw;
    padding: 2vw 0;
    margin-top: 3vw;
}

.tourist_wrapper .cast_info {
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.7;
    margin-bottom: 2vw;
}

/* .tourist_wrapper .cast_img ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.3vw;
} */

.tourist_wrapper .cast_img {
    margin-top: 0;
    margin-bottom: 5vw;
}

.tourist_wrapper h3 {
    text-align: center;
    font-size: 2.8vw;
    margin-bottom: 2vw;
    margin-top: 4vw;
}

.tourist_wrapper .cast_img {
    margin-bottom: 0;
}


.tourist_wrapper .schedule-day {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    text-align: center;
    line-height: 1.6;
}

.tourist_wrapper .reserve-button {
    width: auto;
    margin-bottom: 2vw;
    border: 1px solid #9c8a15;
    padding: 0.5vw;
}

.reserve-date {
    background: #9c8a15;
    color: #fff;
    padding: 0.5vw;
}

.slick-slide {
    margin: 0 4px;
}

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

    /* ここにSP向けのCSS指定 */
    .tourist_header {
        width: 100vw;
        padding: 2vw 3vw;
        grid-template-columns: 6fr 2fr;
    }

    .tourist_header h1 {
        width: auto;
        font-size: 4vw;
    }

    .language.acc_language {
        padding: 1vw;
        font-size: 8vw;
    }

    img.lang-select-img {
        width: 5.4vw;
    }

    select#select_lang {
        font-size: 5.3vw;
    }

    .tourist_wrapper {
        width: 100%;
        padding-bottom: 40vw;
    }

    .tourist_wrapper .intro {
        font-size: 4.4vw;
        padding: 2vw;
        margin-bottom: 7vw;
    }

    .tourist_wrapper .fare_other {
        display: block;
    }

    .fare_other .fare .fare_head,
    .fare_other .other .other_head,
    .access .access_head,
    .twitter .twitter_head,
    .casts .casts_head {
        font-size: 6.8vw;
        margin-bottom: 6vw;
        margin-top: 8vw;
        line-height: 1;
    }

    .fare_other .fare .fare_head img,
    .fare_other .other .other_head img {
        width: 5.2vw;
    }

    .fare_other .fare dl dt,
    .fare_other .fare dl dd,
    .fare_other .other dl dt,
    .fare_other .other dl dd {
        font-size: 6vw;
        padding: 2vw 0;
    }

    .fare_other .fare .fare_head img,
    .fare_other .other .other_head img,
    .access .access_head img,
    .twitter .twitter_head img,
    .casts .casts_head img {
        width: 5vw;
    }

    .twitter .twitter_head p {
        font-size: 10vw;
        padding: 2.7vw 0;
    }

    .twitter .twitter_head p span {
        font-size: 6.7vw;
    }

    .schedule-dates {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        justify-content: space-around;
        font-size: 5vw;
        padding: 1vw 0;
        gap: 2vw;
        margin-bottom: 3vw;
    }
    ._schedule{
        width:96%;
    }
    .schedule-dates a {
        width: 100% !important;
    }

    .schedule-dates .date {
        margin-bottom: 0;
        padding: 2vw 0;
    }

    .girls-age {
        font-size: 3.7vw;
    }

    .girls-list-row.rightnow-casts.cast_view_page {
        grid-template-columns: repeat(2, 1fr);
    }

    .cast_view_page .girls-cell .cast_img,
    .cast_view_page .newface-list-row .cast_img {
        width: 100% !important;
    }

    p.girls-category.category-3p img {
        width: 19vw;
    }

    .tourist_wrapper h2 {
        font-size: 7vw;
    }

    .tourist_wrapper .cast_info {
        font-size: 6vw;
        margin-top: 3vw;
    }

    .tourist_wrapper .cast_img {
        width: 100% !important;
    }

    .fare_other .fare p {
        font-size: 7.9vw;
        margin: 8vw 0 1.4vw;
    }

    dl.reserve-date,
    dl.reserve-hours {
        width: auto;
    }

    .tourist_wrapper .schedule-day {
        grid-template-columns: repeat(2, 1fr);
    }

    dl.reserve-button {
        font-size: 4.7vw;
    }

    .tourist_wrapper h2 {
        margin: 17vw 0 5vw;
    }
    .girls-list-row.rightnow-casts li {
        margin: 0;
        border: 1px solid #fff;
    }
    .size{
        font-size: 4vw!important;
        margin: 1vw 0!important;
    }
    p.shift {
        font-size: 4.8vw !important;
    }
    .cv_area ul {
        width: 94vw;
        gap: 1vw;
        padding: 1vw 0;
    }

    .cv_area ul li {
        font-size: 5vw;
        padding: 2vw 0;
    }

}

.language.acc_language img.lang-select-img {
    width: 2vw;
    margin-right: 1vw;
}

.language.acc_language select#select_lang {
    font-size: 1.2vw;
    padding: 1vw 1vw;
    color: #000;
    background: none;
}

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

    /* ここにSP向けのCSS指定 */
    .language.acc_language {
        display: flex;
        margin: 0 auto;
        justify-content: end;
        position: initial;
        width: 35vw;
    }

    .language.acc_language select#select_lang {
        font-size: 5vw;
    }

    .language.acc_language img.lang-select-img {
        width: 6vw;
        margin-right: 2vw;
    }
    .transportation dt {
        font-size: 4vw;
    }
    .transportation dd {
        font-size: 4.4vw;
        line-height: 1.5;
    }
}