@charset "UTF-8";

/* ==========================
  swiperslider
========================== */
.schedule-girls {
	overflow: hidden;
}
.swiperCont {
	/* width: 80%; */
	width: 100%;
	margin: 20px auto;
	position: relative;
	/* overflow: hidden; */
}

.swiper {
	width: 100%;
}

.swiper-wrapper {
	padding: 30px 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	display: none;
	background-color: #ccc;
	border-radius: 50%;
	padding: 30px;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: -70px;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: -70px;
}

.swiper-button-next:focus,
.swiper-rtl .swiper-button-prev:focus,
.swiper-button-prev:focus,
.swiper-rtl .swiper-button-next:focus {
	outline: none;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	color: #fff;
	font-size: 24px;
}
.swiper-slide {
	/* background-color: #994141; */
	height: auto;
}

.swiper-slide .thumText {
	width: 100%;
	/* color: #fff; */
	/* padding: 10px; */
}
/* .swiper-slide .thumText h3 {
	font-size: 16px;
	margin-bottom: 10px;
} */
/* .swiper-slide .thumText p {
	font-size: 12px;
} */

/* 女の子一覧 */
.shop-list-s .s-girls-item:nth-of-type(5n) {
	margin-right: 0;
}
.shop-list-s .s-girls-item:nth-of-type(n + 6){
margin-top: 1.953125%;
}
.shop-list-s .s-girls-item{
width: 18.437504%;
}
.shop-list-s .s-girls-item .a, /* 2021-09追加 */
.shop-list-s .s-girls-item a{
width: 100%;
}
.shop-list-s .girls-ph {
	position: relative;
}
.shop-list-s .g-wait-time {
width: 100%;
background: rgba(0, 184,238,.6);
position: absolute;
bottom: 0;
left: 0;
}
.shop-list-s .g-wait-time p {
color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
padding: 5px 10px;
}

.s-girls-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 18.437504%;
}

.s-girls-item:hover .girls-ph img {
	opacity: .7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.s-girls-item .girls-text {
	padding: 12px 16px;
	background-color: #fff;
}
.s-girls-item .girls-text .schedule_shop_name {
	color: #00B8EE;
	/* font-size: 9px; */
	text-align: center;
    white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}
.s-girls-item .girls-text h4 {
	font-size: 16px;
	margin-bottom: 4px;
	text-align: center;
    white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}
.s-girls-item:hover .girls-text h4 {
	color: #00B8EE;
}

.girls-prof {
	font-size: 13px;
	text-align: center;
	white-space: break-spaces;
}
.s-girls-time {
	justify-content: center;
	padding: 6px 12px;
	background-color: #E4F8FE;
	white-space: initial;
}
.s-girls-time p {
	display: inline-block;
	font-size: 14px;
	position: relative;
	padding-left: 24px;
}
.s-girls-time p:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(/image/icon/icon-time.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 1px;
	left: 0;
}
.s-girls-item a {
	width: 100%;
	color: #000;
	box-shadow: 0 0 4px 0 rgb(51 51 51 / 16%);
}
.s-girls-item:not(:last-of-type) {
	margin-right: 1.953125%;
}
.s-girls-item .girls-ph {
	line-height: 0;
}

/* .g-wait-text{
	font-size: 15px;
	margin-right: 4px;
	align-items: center;
} */
.s-girls-time{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* 「(エリア)で今すぐ遊べる女の子」一覧ページ ▼ ここから ▼ --------------- */
.schedule-ph .img-loading-wrap {
	width: 100%;
	text-align: center;
}
/* 「(エリア)で今すぐ遊べる女の子」一覧ページ ▲ ここまで ▲ --------------- */

/* 「(エリア)の写メ日記」一覧ページ ▼ ここから ▼ --------------- */
.d-girls-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 18.437504%;
}

.d-girls-item .girls-text {
	padding: 12px 16px;
	background-color: #fff;
}
.d-girls-item .girls-text h4 {
	font-size: 16px;
	margin-bottom: 4px;
	text-align: center;
}
.girls-prof {
	font-size: 13px;
	text-align: center;
	white-space: break-spaces;
}
.d-girls-time {
	justify-content: center;
	padding: 6px 12px;
	background-color: #E4F8FE;
	white-space: initial;
}
.d-girls-time p {
	display: inline-block;
	font-size: 14px;
	position: relative;
	padding-left: 24px;
}
.d-girls-time p:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(/image/icon/icon-time.svg) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 1px;
	left: 0;
}


.shop-syame-wrap {
	overflow: hidden;
}
/* .shop-girls-wrap, .scroll-w {
	display: flex;
	flex-wrap: wrap;
} */
.shop-girls-wrap .scroll-w {
	width: 100%;
}

.shop-syame-wrap .d-syame-item:not(:last-of-type) {
	margin-right: 1.953125%;
}

.d-girls-item:hover .girls-ph img, .d-syame-item:hover img, .shop-syame .d-syame-item:hover .syame-text-wrap {
	opacity: .7;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.d-girls-item:hover .girls-text h4 {
	color: #00B8EE;
}

.shop-syame-wrap .d-syame-item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	/* width: 18.437504%; */ /* 2025-07修正 */
	box-shadow: 0 0 4px 0 rgb(0 0 0 / 16%);
	position: relative;
}
.d-girls-item a {
	color: #000;
	box-shadow: 0 0 4px 0 rgb(51 51 51 / 16%);
}
.d-girls-item:not(:last-of-type) {
	margin-right: 1.953125%;
}
.d-syame-item img {
	line-height: 0;
	min-height: 253px !important; /* 2024-11追加 */
	object-fit: cover; /* 2024-11追加 */
}
.d-syame-item .syame-text-wrap {
	width: 100%;
	position: absolute;
	background: rgba(0,0,0,.8);
	padding: 8px;
	left: 0;
	bottom: 0;
}
.d-syame-item .syame-text-wrap h4,
.d-syame-item .syame-text-wrap p {
	color: #fff;
}
.d-girls-item .girls-ph {
	line-height: 0;
}
.d-syame-item .syame-text-wrap h4 {
	width: 100%;
	margin: 2px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.d-syame-item .syame-text-wrap .uptime {
	font-size: 12px;
}
.shop-info table {
	width: 100%;
	border-bottom: solid 1px #e5e5e5;
}
.shop-info table a{
	color: #000;
	text-decoration: underline;
}
.shop-info table a:hover{
	color: #00B8EE;
}
.shop-info table tr {
	border-top: solid 1px #e5e5e5;
}
.shop-info table th,
.shop-info table td {
	font-size: 14px;
	padding: 8px 12px;
	text-align: center;
}
.shop-info table th {
	width: 286px;
	font-weight: normal;
	background: #F1F1F1;
}
.shop-info table td {
	width: calc(100% - 286px);
}
.d-syame-item .syame-text-wrap .syame-name{
	font-size: 13px;
}
.d-syame-item .syame-text-wrap .syame-name small{
	display: block;
	padding: .5rem 0  0;
	line-height: 1;
}
.shop-wrap .second-cotainer.shop-header.shop-header-second{
	margin-top: 40px;
}

.d-g-wait-time, .d-girls-time{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
/* 「(エリア)の写メ日記」一覧ページ ▲ ここまで ▲ --------------- */

/* 「口コミ」一覧ページ ▼ ここから ▼ --------------- */
/* エリアから探す */
.kuchikomi-area {
	background-color: #f0f0f0;
	margin: 15px auto;
	padding: 10px;
}
.kuchikomi-area .font-weight-bold {
	/* margin-bottom: 5px; */
	font-weight: bold;
	font-size: 14px;
}
.kuchikomi-area ul li {
	display: inline-block;
	padding-right: 12px;
}
.kuchikomi-area ul li a {
	font-size: 12px;
}
/* 件数 */
.wrap-amount {
	margin-bottom: 10px;
}
.wrap-amount p.amount-text {
	font-size: 13px;
	/* line-height: 1.35; */
}
.wrap-amount p.amount-text .important {
	color: #f00;
	font-size: 20px;
	font-weight: bold;
	/* line-height: 1.35; */
}
/* 並び替え */
.wrap-sort {
	background-color: #f0f0f0;
	padding: 5px;
}
.wrap-sort ul li {
	display: inline-block;
	line-height: 1;
}
.wrap-sort ul li.sort-title {
	padding-right: 14px;
	font-weight: bold;
}
.wrap-sort ul li.sort-button {
	padding-right: 14px;
}
.wrap-sort ul li.sort-button.active a {
	background-color: #ccc;
	padding-right: .5rem;
	padding-left:	 .5rem;
	line-height: 1.4;
}
.wrap-sort ul li.sort-button a {
	display: inline-block;
	padding: 3px;
	line-height: 1;
}

/* 口コミの情報 */
.review-item {
	background-color: #f8f8f8;
	border: 5px solid #e4e4e4;
	padding: 15px 20px;
	margin-bottom: 7px;
}
.review-item .reviewer-wrap {
	display: flex;
	align-items: center;
}
.review-item .reviewer-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 8px;
	object-fit: cover;
}
.review-item .reviewer-name {
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
/* 口コミの評価（星） */
.review-item .rate-wrap {
	margin-bottom: 1rem;
	height: 25px;
}
.rate-title {
	font-size: 16px;
	vertical-align: text-bottom;
}
.star5-rating{
	width: 125px;
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #d8d8d8; /* グレーカラー 自由に設定化 */
    font-size: 25px; /* フォントサイズ 自由に設定化 */
}
.star5-rating:before, .star5-rating:after{
    content: '★★★★★';
}
.star5-rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #df9b56; /* イエローカラー 自由に設定化 */
}
.star5-rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5-rating[data-rate="4.9"]:after{ width: 98%; }
.star5-rating[data-rate="4.8"]:after{ width: 96%; }
.star5-rating[data-rate="4.7"]:after{ width: 94%; }
.star5-rating[data-rate="4.6"]:after{ width: 92%; }
.star5-rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5-rating[data-rate="4.4"]:after{ width: 88%; }
.star5-rating[data-rate="4.3"]:after{ width: 86%; }
.star5-rating[data-rate="4.2"]:after{ width: 84%; }
.star5-rating[data-rate="4.1"]:after{ width: 82%; }
.star5-rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5-rating[data-rate="3.9"]:after{ width: 78%; }
.star5-rating[data-rate="3.8"]:after{ width: 76%; }
.star5-rating[data-rate="3.7"]:after{ width: 74%; }
.star5-rating[data-rate="3.6"]:after{ width: 72%; }
.star5-rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5-rating[data-rate="3.4"]:after{ width: 68%; }
.star5-rating[data-rate="3.3"]:after{ width: 66%; }
.star5-rating[data-rate="3.2"]:after{ width: 64%; }
.star5-rating[data-rate="3.1"]:after{ width: 62%; }
.star5-rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5-rating[data-rate="2.9"]:after{ width: 58%; }
.star5-rating[data-rate="2.8"]:after{ width: 56%; }
.star5-rating[data-rate="2.7"]:after{ width: 54%; }
.star5-rating[data-rate="2.6"]:after{ width: 52%; }
.star5-rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5-rating[data-rate="2.4"]:after{ width: 48%; }
.star5-rating[data-rate="2.3"]:after{ width: 46%; }
.star5-rating[data-rate="2.2"]:after{ width: 44%; }
.star5-rating[data-rate="2.1"]:after{ width: 42%; }
.star5-rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5-rating[data-rate="1.9"]:after{ width: 38%; }
.star5-rating[data-rate="1.8"]:after{ width: 36%; }
.star5-rating[data-rate="1.7"]:after{ width: 34%; }
.star5-rating[data-rate="1.6"]:after{ width: 32%; }
.star5-rating[data-rate="1.5"]:after{ width: 30%; }
.star5-rating[data-rate="1.4"]:after{ width: 28%; }
.star5-rating[data-rate="1.3"]:after{ width: 26%; }
.star5-rating[data-rate="1.2"]:after{ width: 24%; }
.star5-rating[data-rate="1.1"]:after{ width: 22%; }
.star5-rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5-rating[data-rate="0.9"]:after{ width: 18%; }
.star5-rating[data-rate="0.8"]:after{ width: 16%; }
.star5-rating[data-rate="0.7"]:after{ width: 14%; }
.star5-rating[data-rate="0.6"]:after{ width: 12%; }
.star5-rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5-rating[data-rate="0.4"]:after{ width: 8%; }
.star5-rating[data-rate="0.3"]:after{ width: 6%; }
.star5-rating[data-rate="0.2"]:after{ width: 4%; }
.star5-rating[data-rate="0.1"]:after{ width: 2%; }
.star5-rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.rate-wrap .average {
	padding-left: .5rem;
	color: #df9b56;
    font-size: 18px;
	font-weight: bold;
}
.rate {
	margin-bottom: 20px;
}
.rate .rate-items {
	margin-bottom: 10px;
}
.rate .rate-items li {
	display: inline-block;
	margin-right: 15px;
	color: #aaa;
	font-size: 12px;
}
.rate .rate-items li span {
	margin-left: 5px;
}
/* 口コミのテキスト情報 */
.review-title {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.review-body {
	font-size: 14px;
	line-height: 1.5;
}
/* 女の子情報 */
.girl-image {
	width: calc(80px + 10px);
	padding-right: 10px;
}
.girl-name {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}
.girl-wrap {
	width: calc(100% - (80px + 10px));
	position: relative;
}
.girl-info {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #333;
	color: #333333;
	font-size: 12px;
}
/* 店舗情報 */
.review-shop {
	display: flex;
}
.shop-name {
	margin-bottom: 3px;
	color: #333;
	font-size: 12px;
}
.shop-info {
	margin-bottom: 5px;
	color: #333;
	font-size: 12px;
}
.girl-wrap .visit-date {
	font-size: 12px;
	/* text-align: right; */
	position: absolute;
	right: 0;
	bottom: 0;
}
.card-footer {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}
/* 参考になった */
.card-footer .reference {
    font-size: 12px;
}
.card-footer .reference .reference-num {
    background: #bcbcbc;
    color: #FFFFFF;
    padding: 1px 10px;
    border-radius: 15px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 17px;
}
/* 「口コミ」一覧ページ ▲ ここまで ▲ --------------- */

/* 「口コミ」詳細ページ ▼ ここから ▼ --------------- */
.visit-summary-wrap {
	display: flex;
}
.visit-summary-wrap h2.main-h2-style {
	margin-bottom: 0;
}
.visit-summary-wrap h2.main-h2-style .important {
	font-size: 32px	;
	color: var(--primary-color);
}
.visit-summary-wrap .rate {
	margin-bottom: .5rem;
}
/* 女の子の写真 */
.visit-summary-wrap .girl-image {
	/* width: 130px; */
	width: calc(210px + 1.5rem);
	padding-right: 1.5rem;
}
/* 投稿者名 */
.visit-summary .reviewer-name {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}
.visit-summary .reviewer-name span {
	display: inline-block;
	width: 9rem;
}
/* 利用内容の要約 */
.visit-summary .table {
	width: 100%;
}
.visit-summary .table .row {
	width: 50%;
	float: left;
	border-bottom: 1px solid #ccc;
	line-height: 1.7em;
}
.visit-summary .table .row span {
	display: inline-block;
	width: 9rem;
}
.visit-summary .table .row .star5-rating {
	width: 125px;
}
/*  */
.wrap_items {
	clear: left;
}

/*  */
.wrap-review-detail dt {
    /* font-size: 1.625rem; */
	font-size: 16px;
    color: #1b1b1b;
    line-height: 1.4;
    background: #eaf9ff;
    /* padding: 1rem; */
    padding: .5rem 1rem;
    margin-top: 2.5rem;
    /* margin-bottom: 1.5rem; */
    margin-bottom: 1rem;
}
.wrap-review-detail dd ul li {
	display: inline-block;
	border: 1px solid #ccc;
	margin: 0 5px 10px;
	width: 8rem;
	color: #ccc;
	text-align: center;
}
.wrap-review-detail dd ul li.selected {
	border: 1px solid #f60;
	background-color: #ffc;
	color: #f60;
}

/* 「口コミ」詳細ページ ▲ ここまで ▲ --------------- */



@media (max-width: 1199px){
	.s-girls-item:not(:last-of-type), .shop-syame-wrap .s-syame-item:not(:last-of-type) {
		margin-right: 1.536%;
 }

	/* 女の子一覧 */
	.shop-wrap .second-cotainer.shop-header.shop-header-second{
		margin-bottom: 0;
	}
	.shop-list-s .s-girls-item {
    width: 18.7712%;
	}
	.shop-list-s .s-girls-item:not(:last-of-type){
		margin-right: 1.536%;
	}
	.shop-list-s .s-girls-item:nth-of-type(5n) {
    margin-right: 0;
	}
	.shop-list-s .s-girls-item:nth-of-type(n + 6){
		margin-top: 1.536%;
	}

}

@media (max-width: 899px){
	.s-girls-item:not(:last-of-type),
	.shop-syame-wrap .s-syame-item:not(:last-of-type){
		margin-right: 1.76056338028169%;
	}
	.s-girls-item {
		width: 18.59154929577465%;
	}
	.s-girls-item:not(:last-of-type) {
		margin-right: 1.76056338028169%;
	}
	.s-girls-item .girls-text {
		padding: 8px 4px;
	}
	.s-girls-item .girls-text h4 {
		font-size: 16px;
		margin-bottom: 4px;
		text-align: center;
		/* white-space:break-spaces; */
	}
}

@media screen and (min-width: 768px) {
	.swiper {
		overflow: inherit;
	}

}

@media screen and (max-width: 767px) {
	.swiperCont {
		width: 100%;
		/* padding: 0 70px; */
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		right: 10px;
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: 10px;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev,
	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		padding: 24px;
	}

	.swiper-button-prev:after,
	.swiper-rtl .swiper-button-next:after,
	.swiper-button-next:after,
	.swiper-rtl .swiper-button-prev:after {
		font-size: 16px;
	}

	.s-girls-item, .s-girls-item:not(:last-of-type) {
		width: 152px;
	}
	/* .s-girls-item:not(:last-of-type) {
		margin-right: 15px;
		margin-top: 2px;
		margin-left: 2px;
	} */
	.s-girls-item:not(:last-of-type), .s-girls-item:last-of-type {
		margin-right: 15px;
		margin-top: 2px;
		margin-left: 2px;
	}

	/* .s-girls-item .girls-text .schedule_shop_name {
		font-size: 9px;
	} */
	
	.thumText {
		display: block;
	}

}

@media (max-width: 599px){
	.s-girls-item .girls-text{
		width: 100%;
		margin-top: auto;
		margin-bottom: auto;
	}
}