/*
Theme Name: gussuri yamada
Description:
Version: 0.0.0
*/
@charset "utf-8";
:root {
    --header_height_pc:90px;
    --header_height_sp:60px;

    --fontMincho:"kozuka-mincho-pr6n", serif;
}

/********************************************************************
 *　//女性並び替えボタン（女性一覧・出勤一覧・予約状況）
********************************************************************/
.ladySort {
    display:flex;
    justify-content:center;
    padding:1.5em 0;
}
.ladySort_select {
    appearance:none;
    font-size:0.8rem;
    line-height:1;
    background:#fff;
    background-image:url(../images/ladySort_select_arrow.png);
    background-size: auto 0.8em;
    background-repeat:no-repeat;
    background-position:94% center;
    border: solid 1px #999999;
    border-radius:1.3em;
    width:40%;
    height:2.4em;
    text-align:center;
    text-align-last: center;
    color:#000;
    /*font-family: 'A-OTF-RyuminPro-Light';*/
    font-family: var(--fontMincho);
    letter-spacing:0.2em;
    cursor:pointer;
}


/********************************************************************
 *　//[ページ]女性一覧
********************************************************************/
.ladyListContents {
    padding-top:4em;
    padding-bottom:5em;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:3em;
}
@media only screen and (max-width: 430px) {
    .ladyListContents {
        font-size:4vw;
    }
}

.pageTitle_lady {
    margin-bottom:1em;
    text-align:center;
}
.pageTitle_lady .title {
    display:inline-block;
    font-size:1.5em;
    background:url(../images/page_title_en_ladys.png) center bottom no-repeat;
    background-size:auto 1.2em;
    padding-bottom:1.2em;
    letter-spacing:0.1em;
}




.ladyList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left:2%;
}
.ladyList_person {
    width: 49%;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.ladyList_person .ladyPhoto {
    position:relative;
    display: block;
    aspect-ratio: 390/520;
    width: 100%;
    overflow: hidden;
    background:#ccc;
}
.ladyList_person .ladyPhoto figure img {
    object-fit: cover;
    transition:.3s;
}
.ladyList_person .ladyPhoto figure img:hover {
    transform:scale(1.1,1.1);
}
.ladyList_person .ladyProfession {
    /*font-size:0.7em;*/
    font-size:0.6em;
    position: absolute;
    bottom: 0.8em;
    left: 0.6em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius: 0.9em;
    width: 46%;
    height: 1.8em;
    padding-top:0.1em;
    letter-spacing: 0.2em;
    text-indent:0.2em;
}
.ladyList_person .ladyData {
    font-size:0.96em;
    background:#fff;
    box-shadow: 0 0 0.5em rgba(216,216,216,0.7);
    padding:0.5em 0;
    text-align: center;
    letter-spacing: 0.1em;
}
.ladyList_person .ladyData > span {
    display: block;
}
.ladyList_person .ladyData .ladyName {/*なまえ*/
    font-size:1.2em;
    margin-bottom:0.4em;
    letter-spacing: 0.14em;
}
.ladyList_person .ladyData .ladyAge {/*年齢*/
    font-size:0.76em;
    margin-bottom:0.8em;
}
.ladyList_person .ladyData .ladySize {/*身長スリーサイズ*/
    font-size:0.8em;
    margin-bottom:0.8em;
}
.ladyList_person .ladyData .attend {/*出勤表記*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius:0.8em;
    height:1.6em;
    margin-left:0.8em;
    margin-right:0.8em;
}
.ladyList_person .ladyData .attend .time {
    font-size:0.8em;
    line-height:1;
    letter-spacing:0.16em;
    overflow:hidden;
    white-space:nowrap;
}




/********************************************************************
 *　//スパニストランキング（女性一覧下部）
********************************************************************/
.spanistRank {
    font-size:0.94em;
}
@media only screen and (max-width: 430px) {
    .spanistRank {
        font-size:3.8vw;
    }
}

.spanistRank_title {
    margin-bottom:2em;
    text-align:center;
}
.spanistRank_title .title {
    display:inline-block;
    font-size:1.5em;
    background:url(../images/title_en_spanist_rank.png) center bottom no-repeat;
    background-size:auto 1.2em;
    padding-bottom:1.3em;
    letter-spacing:0.1em;
}

.spanistRank .mark {
    width:16%;
    margin:0 auto 1.5em;
    text-align:center;
}
.spanistRank .ladyList {
    display:block;
    padding-left:2%;
    white-space:nowrap;
    overflow-x:scroll;
    vertical-align:top;
}

.spanistRank .ladyList_person {
    display:inline-block;
    width:44%;
    white-space:normal;
}
.spanistRank .ladyList_person .rank_num {
    margin-bottom:0.8em;
}


/********************************************************************
 *　//[ページi]出勤スケジュール一覧
********************************************************************/
.ladyScheduleContents {
    padding-top:4em;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:3em;
}
@media only screen and (max-width: 430px) {
    .ladyScheduleContents {
        font-size:4vw;
    }
}

.ladyScheduleContents .currentDate {
    font-size:1.1em;
    letter-spacing:0.1em;
    margin-bottom:0.5em;
    text-align:center;
}

.ladyScheduleContents .pageTitle_lady .title {
    background:url(../images/page_title_en_schedule.png) center bottom no-repeat;
    background-size:auto 1.3em;
    padding-bottom:1.3em;
}

/*========== 時間選択 ==========*/
.ladyScheduleContents .timeZone ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding:1em 0;
}
.ladyScheduleContents .timeZone ul li {
    width: 32%;
    margin-bottom: 0.5em;
    text-align: center;
}
.ladyScheduleContents .timeZone ul li a {
    font-size: 0.7em;
    line-height:1;
    display: flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(to right,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius: 1.7em;
    height:3.4em;
    letter-spacing:0.1em;
}
.ladyScheduleContents .timeZone ul li.current a {
    background: linear-gradient(to right,  #ffc6b5 0%,#ffd8d8 75%);
    border-radius:;
    pointer-events: none;
}


/********************************************************************
 *　//[ページ]週間スケジュール
********************************************************************/
.ladyScheduleContents .pageTitle_lady.week .title {
    background:url(../images/page_title_en_weekly.png) center bottom no-repeat;
    background-size:auto 1.2em;
    padding-bottom:1.3em;
}
.ladyWeekly {

}
.weeklyList_person {
    display:flex;
    justify-content:space-between;
    background:#ede6e0;
    padding: 0.6em;
    margin-bottom: 1em;
}

/*========== 1人分左側（写真・年齢スリーサイズ・本日出勤時間） ==========*/
.weeklyList_person .personData {
    width:35%;
}
.weeklyList_person .ladyPhoto {
    position:relative;
    display: block;
    aspect-ratio: 390/520;
    width: 100%;
    overflow: hidden;
    background:#ccc;
}
.weeklyList_person .ladyPhoto figure img {
    object-fit: cover;
    transition:.3s;
}
.weeklyList_person .ladyPhoto figure img:hover {
    transform:scale(1.1,1.1);
}
.weeklyList_person .ladyProfession {
    font-size:0.4em;
    position: absolute;
    bottom: 0.7em;
    left: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius: 0.9em;
    width: 50%;
    height: 1.8em;
    padding-top:0.1em;
    letter-spacing: 0.2em;
    text-indent:0.2em;
}
.weeklyList_person .ladyData {
    font-size:0.8em;
    background:#fff;
    box-shadow: 0 0 0.8em rgba(216,216,216,1);
    padding:0.5em 0;
    text-align: center;
    letter-spacing: 0.1em;
}
.weeklyList_person .ladyData > span {
    display: block;
}
.weeklyList_person .ladyData .ladyName {/*なまえ*/
    font-size:1.2em;
    margin-bottom:0.4em;
    letter-spacing:0.2em;
}
.weeklyList_person .ladyData .ladyAge {/*年齢*/
    font-size:0.76em;
    margin-bottom:0.8em;
}
.weeklyList_person .ladyData .ladySize {/*身長スリーサイズ*/
    font-size:0.6em;
    margin-bottom:0.8em;
}
.weeklyList_person .ladyData .attend {/*出勤表記*/
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius:0.8em;
    height:1.6em;
    margin-left:0.8em;
    margin-right:0.8em;
}
.weeklyList_person .ladyData .attend .time {
    font-size:0.8em;
    line-height:1;
    letter-spacing:0.14em;
    overflow:hidden;
    white-space:nowrap;
}
/*ランクと指名料*/
.weeklyList_person .profileRnak {
    padding:0.5em 0 0;
}
.weeklyList_person .profileRnak > div {
    font-size:0.66em;
    line-height:1;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    border-radius:1em;
    height:2em;
}
.weeklyList_person .profileRnak .ladyGrade {
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    margin-bottom:0.5em;
}
.weeklyList_person .profileRnak .ladyGrade .item {
    font-family:'Didot-Italic';
    letter-spacing:0.1em;
}
.weeklyList_person .profileRnak .ladyNominate {
    background: linear-gradient(135deg,  #f5f5f5 35%,#e4e4e4 100%);
}
.weeklyList_person .profileRnak .ladyNominate span {
    letter-spacing:0.16em;
}
.weeklyList_person .profileRnak .ladyNominate .item {
    font-size:0.9em;
}

/*========== 1人分右側（1週間リスト・ランク・指名料） ==========*/
.weeklyData {
    width:62%;

}
.weeklyData_schedule {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
}
.weeklyData_schedule dl {
    font-size:0.76em;
    display:flex;
    height:3.2em;
    /*margin-bottom:0.27em;*/
    letter-spacing:0.1em;
}
.weeklyData_schedule dl dt {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#d2c8b8;
    width:35%;
    height:100%;
    color:#fff;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
}
.weeklyData_schedule dl.sat dt {
    background:#aec3ce;
}
.weeklyData_schedule dl.sun dt {
    background:#d2afaf;
}
.weeklyData_schedule dl dt span {
    font-size:0.9em;
}
.weeklyData_schedule dl dd {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    box-sizing:border-box;
    width:65%;
    height:100%;
    padding:0 0.5em;
}
.weeklyData_schedule dl dd span {
    letter-spacing:0.2em;
}













/********************************************************************
 *　//[ページ]女性詳細 page-profile.php
********************************************************************/
.ladyProfileContents {
    padding-bottom:4em;

}
/*==========女性写真スライド箇所==========*/
.ladyProfileContents .ladyPhoto {
    position:relative;
}
.ladyProfileContents .ladyPhoto img {
    width:100%;
}
.ladyProfileContents .ladyPhoto .newFaceMark {
    position:absolute;
    top:7%;
    right:6%;
    width:15%;
    z-index:2;
}
.ladyProfileContents .ladyProfession {
    font-size:0.76em;
    position: absolute;
    bottom: 1.4em;
    left: 1.5em;
    bottom: 1.5em;
    /*left:50%;
    transform:translateX(-50%);*/
    margin:auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius: 1em;
    box-sizing:border-box;
    min-width: 25%;
    height: 2em;
    padding-left:1em;
    padding-right:1em;
    text-align:center;
    letter-spacing: 0.2em;
    text-indent:0.2em;
    z-index:2;
}

.profileFrame {
    padding:0 2%;
}

/*==========項目タイトル==========*/
.profileSectionTitle {
    font-size:0.9em;
    padding:3em 0 1.3em;
    text-align:center;
    letter-spacing:0.16em;
}
.profileSectionTitle.en {
    font-family:'Didot-Italic';
    letter-spacing:0.1em;
}


/*==========ランクと指名料==========*/
.ladyProfileContents .profileRnak {
    display:flex;
    justify-content:space-between;
    padding:0.5em 0 2em;
}
.ladyProfileContents .profileRnak > div {
    font-size:0.8em;
    line-height:1;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    width:48.4%;
    border-radius:1.3em;
    height:2.6em;
}
.ladyProfileContents .profileRnak .ladyGrade {
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
}
.ladyProfileContents .profileRnak .ladyGrade .item {
    font-family:'Didot-Italic';
    letter-spacing:0.1em;
}
.ladyProfileContents .profileRnak .ladyGrade .itemValue {
    letter-spacing:0.18em;
}
.ladyProfileContents .profileRnak .ladyNominate {
    background: linear-gradient(135deg,  #f5f5f5 35%,#e4e4e4 100%);
}
.ladyProfileContents .profileRnak .ladyNominate .item {
    font-size:0.9em;
    letter-spacing:0.1em;
}

/*==========名前年齢スリーサイズと本日の出勤時間==========*/
.ladyProfileContents .profileData {
    padding:0.5em 0;
    text-align: center;
    letter-spacing: 0.16em;
}
.ladyProfileContents .profileData > span {
    display: block;
}
.ladyProfileContents .profileData .ladyName {/*なまえ*/
    font-size:1.2em;
    margin-bottom:0.8em;
    letter-spacing:0.2em;
}
.ladyProfileContents .profileData .ladyAge {/*年齢*/
    font-size:0.76em;
    margin-bottom:1.5em;
}
.ladyProfileContents .profileData .ladySize {/*身長スリーサイズ*/
    font-size:0.8em;
    margin-bottom:1.5em;
}
.ladyProfileContents .profileData .attend {/*出勤表記*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius:1em;
    width:50%;
    height:2em;
    margin-left:0.8em;
    margin-right:0.8em;
}
.ladyProfileContents .profileData .attend .time {
    font-size:0.8em;
    line-height:1;
    letter-spacing:0.2em;
    overflow:hidden;
}

/*==========マッサージ資格==========*/
.ladyProfileContents .profileLicense .licenseName {
    /*display:flex;
    flex-wrap:wrap;
    justify-content:space-between;*/
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0.5em;
}
.ladyProfileContents .profileLicense .licenseName li {
    font-size:0.8em;
    display:flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    border-radius:1.7em;
    height:3.4em;
}
/*
.ladyProfileContents .profileLicense .licenseName li:nth-child(2n+1) {
    background: linear-gradient(135deg,  #f5f5f5 13%,#e4e4e4 87%);
}
.ladyProfileContents .profileLicense .licenseName li:nth-child(2n) {
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
}
*/


/*==========マッサージ技術==========*/
.profileSkill {

}
.ladyProfileContents .profileSkill .skillList {
    font-size:0.9em;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;

}
.ladyProfileContents .profileSkill .skillList li {
    font-size:0.8em;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    width:32%;
    min-height:5em;
    padding-top:1em;
    margin-bottom:0.5em;
}
.ladyProfileContents .profileSkill .skillList li span {
    display:block;
}
.ladyProfileContents .profileSkill .skillList li .skillName {
    text-align:center;
}
.ladyProfileContents .profileSkill .skillList li .skillText {
    line-height:1.4;
    font-size:0.9em;
    background:#fff;
    padding:0.8em;
    margin:0.8em 0.5em;
}
/*
.ladyProfileContents .profileSkill .skillName li:nth-child(2n+1) {
    background: linear-gradient(135deg,  #f5f5f5 13%,#e4e4e4 87%);
}
.ladyProfileContents .profileSkill .skillName li:nth-child(2n) {
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
}/*





/*==========女性詳細の女性スケジュール weekly schedule==========*/
.profileWeekly {
    background:#fff;
}
.profileWeekly .weeklyFrame {

    overflow-x:scroll;
}
.profileWeekly .weekly {
    display:flex;
    background: linear-gradient(135deg,  #f5f5f5 13%,#e4e4e4 87%);
    padding:1em 3%;
    width:220%;
    /*white-space:nowrap;*/
    vertical-align:top;
    overflow-X:hidden;
}

.profileWeekly .weekly li {
    /*display:inline-block;*/
    font-size:0.8em;
    background:#fff;
    width:26%;
    margin-right:0.2em;
    text-align:center;
    white-space:normal;
}
.profileWeekly .weekly li .attendDate {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fafafa;
    height:2.8em;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
    letter-spacing:0.1em;
}
.profileWeekly .weekly li.sat .attendDate {
    background:#aec3ce;
    color:#fff;
}
.profileWeekly .weekly li.sun .attendDate {
    background:#d2afaf;
    color:#fff;
}

.profileWeekly .weekly li .attend_time {
    display:flex;
    justify-content:center;
    align-items:center;
}
.profileWeekly .weekly li .attend_time span {
    font-size:0.8em;
    display:flex;
    justify-content:center;
    align-items:center;
    height:5em;
    letter-spacing:0.2em;
}



/*==========【NEW】女性詳細の女性スケジュール（予約連動） weekly schedule==========*/
.profileWeeklyReserve {
    background:#fff;
}
.profileWeeklyReserve .weeklyFrame {

    overflow-x:scroll;
}
.profileWeeklyReserve .weekly {
    display:flex;
    background: linear-gradient(135deg,  #f5f5f5 13%,#e4e4e4 87%);
    padding:1em 3%;
    width:220%;
    /*white-space:nowrap;*/
    vertical-align:top;
    overflow-X:hidden;
}

.profileWeeklyReserve .weekly li {
    position:relative;
    font-size:0.8em;
    background:#fff;
    width:26%;
    margin-right:0.2em;
    text-align:center;
    white-space:normal;
}
.profileWeeklyReserve .weekly li.active::before {/*タブ選択時の色付け*/
    content:"";
    position:absolute;
    top:0;
    left:0;
    box-sizing:border-box;
    width:100%;
    height:100%;
    border:solid 3px #9c8e75;
}
.profileWeeklyReserve .weekly li.active::after {/*タブ選択時の矢印*/
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.7em solid transparent;
    border-left: 0.7em solid transparent;
    border-top: 1.1em solid #9c8e75;
    border-bottom: 0;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:auto;
}
.profileWeeklyReserve .weekly li .attendDate {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fafafa;
    height:2.8em;
    /*font-family:'A-OTF-RyuminPro-Bold';*/
    font-family: var(--fontMincho);
    letter-spacing:0.1em;
}
.profileWeeklyReserve .weekly li.sat .attendDate {
    background:#aec3ce;
    color:#fff;
}
.profileWeeklyReserve .weekly li.sun .attendDate {
    background:#d2afaf;
    color:#fff;
}

.profileWeeklyReserve .weekly li .attend_time {
    display:flex;
    justify-content:center;
    align-items:center;
    height:4em;
}
.profileWeeklyReserve .weekly li .attend_time span {
    font-size:0.8em;
    letter-spacing:0.2em;
}
.profileWeeklyReserve .weekly li .attend_time span em {
    font-size:0.5em;
    display:block;
    padding:1em 0;
}

/* 本日出勤コマのリスト（予約状況ページと共通） */
.weeklyOneDay_byTime {
    background:#f3f3f3;
    padding-bottom:0.5em;
}
.weeklyOneDay_byTime_day_title {
    font-size:0.7em;
    padding:1.8em 0 1.5em;
    text-align:center;
    letter-spacing:0.1em;
}
.weeklyOneDay_byTime_status {
    font-size:0.7em;
    padding:1.8em 0 1.5em;
    text-align:center;
    letter-spacing:0.1em;
}
.profileWeeklyReserve .notice {
    font-size:0.6em;
    display:flex;
    justify-content: flex-end;
    align-items:center;
    padding-top:1em;
    margin-right:0.5em;
}
.profileWeeklyReserve .notice .icon {
    width:1.2em;
    margin-right:0.5em;
}


/*==========profile==========*/
.profileItemList {
}
.profileItemList .itemList {
    font-size:0.76em;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    padding:2em 4% 1em;
    letter-spacing:0.14em;
}
.profileItemList .itemList dt {
    font-size:0.9em;
    margin-bottom:0.7em;
}
.profileItemList .itemList dd {
    font-size:0.9em;
    line-height:1.6;
    background:#fff;
    min-height:1em;
    padding:0.8em 1em 0.8em 1.4em;
    margin-bottom:1.5em;

}

/*==========My 写メ==========*/
.photoDiary {
    background:#fff;
}
.photoDiary .DiaryList {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    background: linear-gradient(135deg,  #f5f5f5 13%,#e4e4e4 87%);
    padding:2em 5% 1em;
}
.photoDiary .DiaryList_one {
    background:#fff;
    box-shadow: 0 0 0.8em rgba(216,216,216,1);
    width:48%;
    margin-bottom:1.3em;
}
.photoDiary .DiaryList_one figure {
    aspect-ratio:390/520;
    overflow:hidden;
}
.photoDiary .DiaryList_one figure img {
    object-fit:cover;
    transition:.2s;
    width:100%;
    height:100%;
}
.photoDiary .DiaryList_one figure:hover img {
    object-fit:cover;
    transform:scale(1.1);
}
.photoDiary .DiaryList_text {
    font-size:0.9em;
    line-height:1.6;
    background:#fff;
    padding:0 0.8em 1em;
    text-align:center;
}
.photoDiary .DiaryList_text dt {
    line-height:1.3;
    display:inline-block;
    padding:0.7em 0;
    text-align:left;
}
.photoDiary .DiaryList_text dd {
    font-size:0.8em;
    width:100%;
    text-align:left;
}

/* モーダル */
.remodal_profileDiary_Photo {
    max-width:430px;
}
.remodal_profileDiary_Photo img {
    width:100%;
}

/*==========スパニストーク==========*/
.spanisTalk {
    position:relative;
    /*position:sticky;
    top:0;*/
    z-index:1;
}
.spanisTalk .profileSectionTitle {
    height:3em;
}

.spanisTalk .talk_frame .talkWindow {
    padding-bottom:5em;

}
.spanisTalk .slick-list {
    overflow-y:visble !important;
}

.spanisTalk .talk_frame {
    clip-path: inset(0);
    position:relative;
    padding-top:1.5em;
    text-align:center;
}



.spanisTalk .talk_frame::after {
    content:"";
    position:fixed;
    top:6em;
    left:50%;
    transform:translateX(-50%);
    z-index:-10;
}
.spanisTalk.fixed_off .talk_frame {/*スパニストークタイトル下端が画面上端に達したとき*/
    /*background:url(../images/profile_spanistalk_bg.jpg) center top no-repeat;
    background-size:cover;*/
}
.spanisTalk.fixed_off .talk_frame::after {/*スパニストークタイトル下端が画面上端に達したとき*/
    display:none;
}


.spanisTalk .talkSubject {
    font-size:0.8em;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    padding:0.8em 2em;
    margin-bottom:2em;
    letter-spacing:0.16em;

}
.talkList {

    padding:0 8%;
    letter-spacing:0.16em;
}
.talkList li {
    font-size:0.8em;
    display:flex;
    margin-bottom:1em;
}
.talkList li p {
    font-size:0.8em;
    line-height:1.6;
    position:relative;
    background:#fff;
    box-sizing:border-box;
    max-width:75%;
    padding:1em;
    text-align:left;
}
.talkList .talkLady p::after {
    content:"";
    position:absolute;
    top:1em;
    right:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.8em solid #fff;
    border-left: 0;
}

.talkList .talkYou {
    position:relative;
    justify-content:flex-end;
}
.talkList .talkYou p::after {
    content:"";
    position:absolute;
    top:1em;
    left:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0;
    border-left: 0.8em solid #fff;
}

.talkList .talkYou .icon_staff {
    position:absolute;
    bottom:100%;
    right:0;
    width:2.7em;
    z-index:2;
}



/*スパニストークスライドのドット（数字）*/
.spanisTalk .slick-dotted.slick-slider{
    /*margin-bottom: 10em;*/
}
.spanisTalk .slick-dots{
    left:0;
    right:0;
    bottom: 0em;
    margin:auto;
    width:80%;

    z-index:10;
}
.spanisTalk .slick-dots li {
    width:2em;
    height:2em;
}
.spanisTalk .slick-dots li button {
    font-size:initial;
    color:initial;
    background:initial;
    color:#fff;
}
.spanisTalk .slick-dots li button:before{
    content:none;
    color:#fff;
}
.spanisTalk .slick-dots li.slick-active button {
    background:url(../images/page_count_bg.png) center center no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
}


/*スパニストークの前後矢印*/
.spanisTalk .slick-prev {
    font-size:initial;
    font-size:0;
    top:inherit;
    left: 25px;
    bottom:0;
    width:20px;
    height:23px;
    background:url(../images/page_count_arrow_prev.png) center center no-repeat;
    background-size:cover;
    z-index:11;
}
.spanisTalk .slick-prev:before {
    content: none;
    width:30px;
    height:34px;
}
.spanisTalk .slick-next {
    font-size:initial;
    font-size:0;
    top:inherit;
    right: 25px;
    bottom:0;
    width:20px;
    height:23px;
    background:url(../images/page_count_arrow_next.png) center center no-repeat;
    background-size:cover;
    z-index:11;
}
.spanisTalk .slick-next:before {
    content: none;
    width:30px;
    height:34px;
}



/*==========カスタマーレビュー==========*/
.profileReview_itemList {
    font-size:0.76em;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    padding:2em 4% 1em;
    letter-spacing:0.14em;
}
.profileReview_item {
    display:flex;
    justify-content:space-between;
    margin-bottom:1em;
}
.profileReview_item:last-of-type {
    margin-bottom:0;
}

/*レビュー左側*/
.reviewCount {
    width:15%;
}
.reviewNum {
    font-size:2.4em;
    text-align:center;
    font-family:Didot-Italic;
    background: linear-gradient(90deg, #c9baa9 37%, #000000 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.reviewStar {
    margin-bottom:0.3em;
}
.reviewName {
    font-size:0.6em;
}

/*レビュー右側*/
.reviewText {
    width:80%;
}
.reviewText span {
    position:relative;
    font-size:0.8em;
    line-height:1.6;
    display:block;
    background:#fff;
    box-shadow:0 0.05em 0.1em rgba(192,192,192,0.5);
    padding:1em;

}
.reviewText span::after {
    content:"";
    position:absolute;
    top:1em;
    right:100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-right: 0.8em solid #fff;
    border-left: 0;
}













/********************************************************************
 *　//ページネーション（女性一覧・スケジュール・女性詳細）
********************************************************************/
.ladyListContents .pageCounts,
.ladyScheduleContents .pageCounts,
.ladyProfileContents .pageCounts,
.ladyReserveContents .pageCounts {
    display: flex;
    justify-content: center;
    align-items:center;
    padding: 2em 0;
}
.ladyListContents .pageCounts > a,
.ladyScheduleContents .pageCounts > a,
.ladyProfileContents .pageCounts > a,
.ladyReserveContents .pageCounts > a {
    line-height: 2;
    width: 2em;
    height: 2.1em;
    margin: 0 0.2em;
    text-align: center;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
.ladyListContents .pageCounts .current,
.ladyScheduleContents .pageCounts .current,
.ladyProfileContents .pageCounts .current,
.ladyReserveContents .pageCounts .current{
    background:url(../images/page_count_bg.png) right bottom no-repeat;
    background-size:cover;
    color:#fff;
    pointer-events:none;
}
.ladyListContents .pageCounts .prev,
.ladyScheduleContents .pageCounts .prev,
.ladyProfileContents .pageCounts .prev,
.ladyReserveContents .pageCounts .prev {
    width:1em;
    margin-right:1em;
}
.ladyListContents .pageCounts .next,
.ladyScheduleContents .pageCounts .next,
.ladyProfileContents .pageCounts .next,
.ladyReserveContents .pageCounts .next {
    width:1em;
    margin-left:1em;
}



/********************************************************************
 *　//[ページ]予約状況
********************************************************************/
.ladyReserveContents {
    padding-top:4em;
    padding-bottom:5em;
    margin-bottom:3em;
}
@media only screen and (max-width: 430px) {
    .ladyReserveContents {
        font-size:4vw;
    }
}
/*==========ページタイトル==========*/
.pageTitle_reserve {
    margin-bottom:2em;
    text-align:center;
}
.pageTitle_reserve .title {
    display:block;
    font-size:1.5em;
    background:url(../images/page_title_en_reserve.png) center bottom no-repeat;
    background-size:auto 1em;
    padding-bottom:1.2em;
    letter-spacing:0.1em;
}

/*==========予約日の選択==========*/
.reserveDaySelect {
    display:flex;
    justify-content:space-evenly;
    background: linear-gradient(to right,  #f5f5f5 13%,#e4e4e4 91%,#e4e4e4 91%);
    padding:0.5em 0;
}
.reserveDaySelect a {
    position:relative;
    font-size:0.6em;
    line-height:1.3;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    width:13%;
    height:3.6em;
    text-align:center;
    letter-spacing:0.1em;
}
.reserveDaySelect a.sat {
    background:#aec3ce;
    color:#fff;
}
.reserveDaySelect a.sun {
    background:#d2afaf;
    color:#fff;
}
.reserveDaySelect a.currentDay {
    background:#9c8e75;
    color:#fff;
    pointer-events:none;
}
.reserveDaySelect a.currentDay::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
    border-top: 1em solid #9b8d75;
    border-bottom: 0;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    margin:auto;
}

/*==========予約日できる女性一人分枠==========*/
.reserveList_person {
    margin-bottom:3em;

}
/*==========ステータス・プロフィール・My写メ選択タブ==========*/
.reserveList_personData_tab {
    display:flex;
}
.reserveList_personData_tab .tab {
    display:flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(135deg,  #f7f2ee 0%,#e2dad0 65%);
    width:27%;
    height:2.4em;
}
.reserveList_personData_tab .tab span {
    font-size:0.6em;
    letter-spacing:0.1em;
}

/*========== ステータス左側（写真・年齢スリーサイズ・本日出勤時間） ==========*/
.reservePersonDataFrame {
    background: linear-gradient(135deg,  #e2dad0 11%,#ffffff 48%,#e2dad0 100%);
    padding: 0.8em 0;
}
.reservePersonData_status {
    display:flex;
    justify-content:space-evenly;
    align-items:center;
}
.tabTarget .panel.reservePersonData_status.show {
    display:flex;/*デフォルトの変更*/
    justify-content:space-evenly;
}
.reservePersonData_status .ladyStatus {
    width:54%;
}
.reservePersonData_status .ladyPhoto {
    position:relative;
    display: block;
    aspect-ratio: 390/520;
    width: 100%;
    overflow: hidden;
    background:#ccc;
}
.reservePersonData_status .ladyPhoto {
    position:relative;
}
.reservePersonData_status .photoSlide .prev-arrow {/*スライド矢印*/
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left:8px;
    width:25px;
    z-index:10;
}
.reservePersonData_status .photoSlide .next-arrow {/*スライド矢印*/
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    right:8px;
    width:25px;
    z-index:10;
}
.reservePersonData_status .ladyPhoto figure img {
    object-fit: cover;
    transition:.3s;
}
.reservePersonData_status .ladyPhoto figure img:hover {
    transform:scale(1.1,1.1);
}
.reservePersonData_status .ladyProfession {
    font-size:0.6em;
    position: absolute;
    bottom: 0.8em;
    left: 0.7em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left,  #f5f5f5 11%,#f5f5f5 11%,#ffffff 87%);
    border-radius: 0.9em;
    width: 36%;
    height: 2em;
    padding-top:0.1em;
    letter-spacing: 0.2em;
    text-indent:0.2em;
}
.reservePersonData_status .ladyData {
    font-size:0.8em;
    padding:1em 0 0em;
    text-align: center;
    letter-spacing: 0.1em;
}
.reservePersonData_status .ladyData > span {
    display: block;
}
.reservePersonData_status .ladyData .ladyName {/*なまえ*/
    font-size:1.2em;
    margin-bottom:0.4em;
    letter-spacing:0.2em;
}
.reservePersonData_status .ladyData .ladyAge {/*年齢*/
    font-size:0.76em;
    margin-bottom:0.8em;
}
.reservePersonData_status .ladyData .ladySize {/*身長スリーサイズ*/
    font-size:0.8em;
    margin-bottom:0.8em;
}
/*ランクと指名料*/
.reservePersonData_status .profileRnak {
    padding:0.5em 1.4em 0;
}
.reservePersonData_status .profileRnak > div {
    font-size:0.7em;
    line-height:1;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
    border-radius:1.2em;
    height:2.4em;
}
.reservePersonData_status .profileRnak .ladyGrade {
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    margin-bottom:0.5em;
}
.reservePersonData_status .profileRnak .ladyGrade .item {
    font-family:'Didot-Italic';
    letter-spacing:0.1em;
}
.reservePersonData_status .profileRnak .ladyNominate {
    background: linear-gradient(135deg,  #f5f5f5 35%,#e4e4e4 100%);
}
.reservePersonData_status .profileRnak .ladyNominate span {
    letter-spacing:0.16em;
}
.reservePersonData_status .profileRnak .ladyNominate .item {
    font-size:0.9em;
}

/*========== ステータス右側（マッサージ資格） ==========*/
.reservePersonData_status .ladySkill {
    width:36%;
}
.reservePersonData_status .skillTitle {
    display:block;
    font-size:0.66em;
    padding:1em 0 1.5em;
    text-align:center;
}
.reservePersonData_status .skillList {
    font-size:0.76em;
}
.reservePersonData_status .skillList li {
    font-size:0.8em;
    background: linear-gradient(135deg,  #f7f2ee 35%,#e2dad0 100%);
    min-height:5em;
    padding-top:1em;
    margin-bottom:0.5em;
}
.reservePersonData_status .skillList li:last-child {
    margin-bottom:0;
}
.reservePersonData_status .skillList li span {
    display:block;
}
.reservePersonData_status .skillList li .skillName {
    text-align:center;
}
.reservePersonData_status .skillList li .skillText {
    line-height:1.4;
    font-size:0.9em;
    background:#fff;
    padding:0.8em;
    margin:0.8em 0.5em;
}

/*========== プロフィール（女性詳細と共用） ==========*/
.reservePersonData_profile .profileItemList .itemList {
    background: none;
}

/*========== My 写メ（女性詳細と共用） ==========*/
.reservePersonData_diary .photoDiary {
    background:none;
}
.reservePersonData_diary .DiaryList {
    background:none;
}

/*========== 本日の予約状況 ==========*/
.reservationToday {

}
@media only screen and (max-width: 430px) {
    .reservationToday {
        /*font-size:4.4vw;*/
    }
}
.reservationToday_content {
    background:#f5f5f5;
    padding-bottom:0.3em;
    margin-bottom:0.5em;
    letter-spacing:0.1em;
}
.reservation_today_title {
    display:block;
    font-size:0.8em;
    padding:1.5em 0;
    text-align:center;
}
/* 本日出勤コマのリスト（女性詳細ページと共通） */
.reservationToday_list {
    display:flex;
    flex-wrap:wrap;
    box-sizing:border-box;
    width:100%;
    padding-left:1%;
    text-align:center;
}
.reservationToday_list dl {
    width:13%;
    /*margin-right:calc((100% -(13% * 7)) / 7); safariで効かない*/
    margin-right:calc(9% / 7);
    margin-bottom:0.3em;
}
.reservationToday_list dl dt {
    font-size:0.6em;
    background:#aec3ce;
    padding:0.4em 0 0.3em;
    color:#fff;
    letter-spacing:0.1em;
}
.reservationToday_list dl dd {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    height:1.8em;
}
.reservationToday_list dl dd span {
    font-size:0.7em;
}
.reservationToday_list dl dd img {
    width:30%;
}

/*●をタップでネット予約できます*/
.reservationToday .notice {
    font-size:0.6em;
    display:flex;
    justify-content: flex-end;
    align-items:center;
    margin-right:0.5em;
}
.reservationToday .notice .icon {
    width:1.2em;
    margin-right:0.5em;
}