@charset "utf-8";
/* CSS Document */

.girlContainer {
	font-family: var(--fontJp);
}

/* profile_photo
-------------------------------------------------- */
.profile_photo {
}
.profile_photo .profile_photo-big {
}
.profile_photo .profile_photo_wrap {
	aspect-ratio: 3/4;
	overflow: hidden;
	position: relative;
}
.profile_photo .profile_photo_image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_photo .profile_photo-small {
}
.profile_photo .profile_photo-small .profile_photo_wrap {
}

/* profile_girl
-------------------------------------------------- */
.profile_girl {
}
.profile_girl .profile_girl_name {
	color: #fff;
}
.profile_girl .profile_girl_age {
	color: #fff;
}
.profile_girl .profile_girl_age:before {
	content: '(';
}
.profile_girl .profile_girl_age:after {
	content: '歳)';
}
.profile_girl .profile_girl_size {
	font-family: var(--fontEn);
	color: #fff;
}

/* profile_detail
-------------------------------------------------- */
.profile_detail {
}
.profile_detail .profile_detail_lists {
}
.profile_detail .profile_detail_list {
	border-bottom: 1px solid var(--mainColor_light03);
}
.profile_detail .profile_detail_title {
	color: var(--mainColor);
}
.profile_detail .profile_detail_title:after {
	content: ":";
}
.profile_detail .profile_detail_text {
	color: var(--textColor);
}
.profile_detail .profile_detail_text_link {
	text-decoration: underline;
}

/* girlMsgBox
-------------------------------------------------- */
.girlMsgBox {
	border-bottom: 1px solid var(--mainColor_light03);
}
.girlMsgBox .girlMsgTitle {
	color: var(--mainColor);
}
.girlMsgBox .girlMsg {
	color: var(--textColor);
}

/* staffMsgBox
-------------------------------------------------- */
.staffMsgBox {
}
.staffMsgBox .staffMsgTitle {
	color: var(--mainColor);
}
.staffMsgBox .staffMsg {
	color: var(--textColor);
}


.subContainer {
}

/* girlSchedule
-------------------------------------------------- */
.girlSchedule {
}
.girlSchedule .girlScheduleTitle {
	font-family: var(--fontJp);
	color: var(--mainColor06);
}
.girlSchedule .girlScheduleList {
}
.girlSchedule .girlScheduleListItem {
}
.girlSchedule .girlScheduleListItem:last-child {
	border-bottom: none;
}
.girlSchedule .girlScheduleListItem:last-child .girlScheduleDay,
.girlSchedule .girlScheduleListItem:last-child .girlScheduleTime {
	border-bottom: none;
}
.girlSchedule .girlScheduleDay {
	font-family: var(--fontEn);
	color: #000;
	text-align: center;
	background: var(--mainColor06);
	border-bottom: 1px solid #000;
}
.girlSchedule .girlScheduleTime {
	font-family: var(--fontEn);
	color: var(--textColor);
	text-align: center;
	border-bottom: 1px solid var(--textColor);
}

/* girlSyame
-------------------------------------------------- */
.girlSyame {
}
.girlSyame .girlSyameTitle {
	font-family: var(--fontJp);
	color: var(--mainColor06);
}
.girlSyame .girlSyame_widget {
}


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

	.pageTitleBox {
		margin-bottom: 0 !important;
	}

	.girlContainer {
		display: grid;
		grid-template-columns: 420px 720px;
		column-gap: 40px;
		row-gap: 10px;
		background: rgba(0,0,0,0.9);
		border: 1px solid var(--mainColor06);
		margin-bottom: 30px;
		padding: 20px;
	}

	/* profile_photo
	-------------------------------------------------- */
	.profile_photo {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	.profile_photo .profile_photo-big {
	}
	.profile_photo .profile_photo_wrap {
	}
	.profile_photo .profile_photo_image {
	}
	.profile_photo .profile_photo-small {
		padding: 5px;
	}
	.profile_photo .profile_photo-small .profile_photo_wrap {
		padding: 5px;
	}

	/* profile_girl
	-------------------------------------------------- */
	.profile_girl {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.profile_girl .profile_girl_name {
		display: flex;
		align-items: first baseline;
		font-size: 34px;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 10px;
		margin-left: -8px;
	}
	.profile_girl .profile_girl_age {
		font-size: 26px;
	}
	.profile_girl .profile_girl_size {
		font-size: 20px;
	}

	/* profile_detail
	-------------------------------------------------- */
	.profile_detail {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.profile_detail .profile_detail_lists {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin-bottom: 10px;
	}
	.profile_detail .profile_detail_list {
		display: flex;
		font-size: 18px;
		padding: 12px 0 10px;
	}
	.profile_detail .profile_detail_list.short {
		width: 49%;
	}
	.profile_detail .profile_detail_list.long {
		width: 100%;
	}
	.profile_detail .profile_detail_title {
		white-space: nowrap;
		margin-right: 6px;
	}
	.profile_detail .profile_detail_title:after {
		padding-left: 5px;
	}
	.profile_detail .profile_detail_text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* girlMsgBox
	-------------------------------------------------- */
	.girlMsgBox {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.girlMsgBox .girlMsgTitle {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.girlMsgBox .girlMsg {
		height: 90px;
		overflow: auto;
		font-size: 18px;
	}

	/* staffMsgBox
	-------------------------------------------------- */
	.staffMsgBox {
	}
	.staffMsgBox .staffMsgTitle {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.staffMsgBox .staffMsg {
		height: 160px;
		overflow: auto;
		font-size: 18px;
	}

	.subContainer {
		display: flex;
		justify-content: space-between;
	}

	/* girlSchedule
	-------------------------------------------------- */
	.girlSchedule {
		width: 440px;
		background: rgba(0,0,0,0.9);
		border: 1px solid var(--mainColor06);
		margin-bottom: 30px;
		padding: 20px;
	}
	.girlSchedule .girlScheduleTitle {
		font-size: 28px;
		margin-bottom: 12px;
	}
	.girlSchedule .girlScheduleList {
	}
	.girlSchedule .girlScheduleListItem {
		display: flex;
		align-items: center;
	}
	.girlSchedule .girlScheduleDay,
	.girlSchedule .girlScheduleTime {
		height: 47px;
		padding: 8px 0;
	}
	.girlSchedule .girlScheduleDay {
		width: 190px;
		font-size: 20px;
	}
	.girlSchedule .girlScheduleTime {
		width: 230px;
		font-size: 18px;
	}

	/* girlSyame
	-------------------------------------------------- */
	.girlSyame {
		width: 740px;
		background: rgba(0,0,0,0.9);
		border: 1px solid var(--mainColor06);
		margin-bottom: 30px;
		padding: 20px;
	}
	.girlSyame .girlSyameTitle {
		font-size: 28px;
		margin-bottom: 12px;
	}
	.girlSyame .girlSyame_widget {
		height: 330px;
		overflow: auto;
	}
}

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

	.girlContainer {
		display: flex;
		flex-direction: column;
		margin-bottom: 5vw;
	}

	/* profile_photo
	-------------------------------------------------- */
	.profile_photo {
		order: 2;
		margin: 0 5vw;
	}
	.profile_photo .profile_photo-big {
	}
	.profile_photo .profile_photo_wrap {
	}
	.profile_photo .profile_photo_image {
	}
	.profile_photo .profile_photo-small {
		padding: 1vw;
	}
	.profile_photo .profile_photo-small .profile_photo_wrap {
		padding: 1vw;
	}

	/* profile_girl
	-------------------------------------------------- */
	.profile_girl {
		order: 1;
		margin-bottom: 2.5vw;
	}
	.profile_girl .profile_girl_name {
		display: flex;
		justify-content: center;
		align-items: first baseline;
		font-size: 7.5vw;
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 0.5vw;
	}
	.profile_girl .profile_girl_age {
		font-size: 4vw;
		margin-top: 1.0vw;
	}
	.profile_girl .profile_girl_size {
		text-align: center;
	}

	/* profile_detail
	-------------------------------------------------- */
	.profile_detail {
		order: 3;
		padding: 0 5vw;
	}
	.profile_detail .profile_detail_lists {
		margin-bottom: 3vw;
	}
	.profile_detail .profile_detail_list {
		display: flex;
		font-size: 3.33vw;
		padding: 2.5vw 0;
	}
	.profile_detail .profile_detail_title {
		margin-right: 0.75vw;
		font-weight: bold;
	}
	.profile_detail .profile_detail_title:after {
		padding-left: 0.75vw;
	}
	.profile_detail .profile_detail_text {
	}

	/* girlMsgBox
	-------------------------------------------------- */
	.girlMsgBox {
		margin-bottom: 2.5vw;
	}
	.girlMsgBox .girlMsgTitle {
		font-size: 3.67vw;
		margin-bottom: 1vw;
		padding-bottom: 1vw;
	}
	.girlMsgBox .girlMsg {
		font-size: 3.33vw;
		line-height: 1.4;
		padding: 0 0.5vw 2vw;
	}

	/* staffMsgBox
	-------------------------------------------------- */
	.staffMsgBox {
	}
	.staffMsgBox .staffMsgTitle {
		font-size: 3.67vw;
		margin-bottom: 1vw;
		padding-bottom: 1vw;
	}
	.staffMsgBox .staffMsg {
		font-size: 3.33vw;
		line-height: 1.4;
		padding: 0 0.5vw;
	}


	.subContainer {
		padding: 0 5vw;
	}

	/* girlSchedule
	-------------------------------------------------- */
	.girlSchedule {
		margin-bottom: 5vw;
	}
	.girlSchedule .girlScheduleTitle {
		font-size: 3.67vw;
		margin-bottom: 1vw;
	}
	.girlSchedule .girlScheduleList {
	}
	.girlSchedule .girlScheduleListItem {
		display: flex;
		align-items: center;
	}
	.girlSchedule .girlScheduleDay,
	.girlSchedule .girlScheduleTime {
		font-size: 3.25vw;
		padding: 2vw 0;
	}
	.girlSchedule .girlScheduleDay {
		width: 45%;
	}
	.girlSchedule .girlScheduleTime {
		width: 55%;
	}

	/* girlSyame
	-------------------------------------------------- */
	.girlSyame {
	}
	.girlSyame .girlSyameTitle {
		font-size: 3.67vw;
		margin-bottom: 1vw;
	}
	.girlSyame .girlSyame_widget {
	}
}