@charset "utf-8";
/* CSS Document */
.girlContainer {
}
.girlContainer01 {
}

/* girlPhoto
-------------------------------------------------- */
.girlPhoto {
}
.girlPhoto .girlPhotoMain {
}
.girlPhoto .girlMainImage {
}
.girlPhoto .girlPhotoList {
}
.girlPhoto .girlPhotoThumb {
}
.girlPhoto .thumb {
}
.girlPhoto .slick-track {
	transform: unset !important;
}

.girlContainer02 {
}

/* girlDetailList
-------------------------------------------------- */
.girlDetailList {
}
.girlDetailList .girlDetailListItem {
}
.girlDetailList .girlDetaiTitle {
	color: var(--mainColor);
}
.girlDetailList .girlDetaiTitle:after {
	content: ":";
}
.girlDetailList .girlDetaiItem {
	color: var(--textColor);
}
.girlDetailList .girlDetaiLink {
	color: #fff;
	text-decoration: underline;
}

/* girlMsgBox
-------------------------------------------------- */
.girlMsgBox {
}
.girlMsgBox .girlMsgTitle {
	color: var(--mainColor);
	font-weight: bold;
	border-bottom: 2px solid var(--secondaryColor);
}
.girlMsgBox .girlMsg {
	color: var(--textColor);
}

/* staffMsgBox
-------------------------------------------------- */
.staffMsgBox {
}
.staffMsgBox .staffMsgTitle {
	color: var(--mainColor);
	font-weight: bold;
	border-bottom: 2px solid var(--secondaryColor);
}
.staffMsgBox .staffMsg {
	color: var(--textColor);
}


.subContainer {
}

/* girlSchedule
-------------------------------------------------- */
.girlSchedule {
}
.girlSchedule .girlScheduleTitle {
	color: var(--mainColor);
	font-weight: bold;
}
.girlSchedule .girlScheduleList {
	font-family: var(--gothic);
}
.girlSchedule .girlScheduleListItem {
}
.girlSchedule .girlScheduleDay {
	font-family: 'Josefin Sans', 'Kiwi Maru', serif;
	color: #fff;
	text-align: center;
	background: var(--mainColor);
}
.girlSchedule .girlScheduleTime {
	font-family: 'Josefin Sans', 'Kiwi Maru', serif;
	color: var(--textColor);
	text-align: center;
}

/* girlSyame
-------------------------------------------------- */
.girlSyame {
}
.girlSyame .girlSyameTitle {
	color: var(--mainColor);
	font-weight: bold;
}
.girlSyame .girlSyame_widget {
}


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

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

	.girlContainer {
		display: flex;
		justify-content: space-between;
		background: rgba(255,255,255,0.5);
		border: 1px solid #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		margin-bottom: 30px;
		padding: 20px;
	}
	.girlContainer01 {
		width: 420px;
		margin-right: 36px;
	}

	/* girlPhoto
	-------------------------------------------------- */
	.girlPhoto {
	}
	.girlPhoto .girlPhotoMain {
		width: 420px;
		height: 560px;
		background-color: #eee;
		margin-bottom: 12px;
	}
	.girlPhoto .girlMainImage {
		width: 420px;
		height: 560px;
		object-fit: cover;
	}
	.girlPhoto .girlPhotoList {
	}
	.girlPhoto .girlPhotoThumb {
		width: 81px;
		height: 108px;
		position: relative;
	}
	.girlPhoto .thumb {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 81px;
		max-height: 108px;
	}

	.girlContainer02 {
		width: 720px;
	}

	/* girlInfo
	-------------------------------------------------- */
	.girlInfo {
		margin-bottom: 10px;
	}
	.girlInfo .girlInfo_name {
		display: flex;
		align-items: first baseline;
		font-family: 'Josefin Sans', 'Kiwi Maru', serif;
		font-size: 34px;
		color: var(--mainColor);
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-bottom: 10px;
		margin-left: -8px;
	}
	.girlInfo .girlInfo_name_age {
		font-size: 26px;
	}
	.girlInfo .girlInfo_name_age:before {
		content: '(';
	}
	.girlInfo .girlInfo_name_age:after {
		content: '歳)';
	}
	.girlInfo .girlInfo_size {
		font-family: var(--fontEn);
		font-size: 20px;
		color: var(--textColor);
	}

	/* girlDetailList
	-------------------------------------------------- */
	.girlDetailList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 18px;
	}
	.girlDetailList .girlDetailListItem {
		display: flex;
		font-size: 18px;
		border-bottom: 2px dotted var(--secondaryColor);
		padding: 12px 0 10px;
	}
	.girlDetailList .girlDetailListItem.short {
		width: 49%;
	}
	.girlDetailList .girlDetailListItem.long {
		width: 100%;
	}
	.girlDetailList .girlDetaiTitle {
		white-space: nowrap;
		margin-right: 6px;
	}
	.girlDetailList .girlDetaiTitle:after {
		padding-left: 5px;
	}
	.girlDetailList .girlDetaiItem {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.girlDetailList .girlDetaiLink {
	}
	.girlDetailList .girlDetaiLink:hover {
		text-decoration: none;
	}

	/* girlMsgBox
	-------------------------------------------------- */
	.girlMsgBox {
		margin-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: 170px;
		overflow: auto;
		font-size: 18px;
	}

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

	/* girlSchedule
	-------------------------------------------------- */
	.girlSchedule {
		width: 440px;
		background: rgba(255,255,255,0.5);
		border: 1px solid #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		margin-bottom: 30px;
		padding: 20px;
	}
	.girlSchedule .girlScheduleTitle {
		font-size: 28px;
		margin-bottom: 12px;
	}
	.girlSchedule .girlScheduleList {
	}
	.girlSchedule .girlScheduleListItem {
		display: flex;
		align-items: center;
		border-bottom: 2px solid #fff;
	}
	.girlSchedule .girlScheduleListItem:last-child {
		border-bottom: none;
	}
	.girlSchedule .girlScheduleDay {
		width: 190px;
		font-size: 20px;
		padding: 8px 0;
	}
	.girlSchedule .girlScheduleTime {
		width: 230px;
		font-size: 18px;
	}

	/* girlSyame
	-------------------------------------------------- */
	.girlSyame {
		width: 740px;
		background: rgba(255,255,255,0.5);
		border: 1px solid #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		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) {

	/* girlData
	-------------------------------------------------- */
    .girlData {
        font-family: 'Josefin Sans', 'Kiwi Maru', serif;
        margin: 0 6.5vw 2.5vw;
    }
    .girlData .girlData_name {
		display: flex;
		justify-content: center;
		align-items: center;
        font-size: 7.5vw;
		color: var(--mainColor);
        text-align: center;
        line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
        margin-bottom: 0.5vw;
    }
	.girlData .girlData_name_age {
		font-size: 4vw;
		margin-top: 1.0vw;
	}
	.girlData .girlData_name_age:before {
		content: '(';
	}
	.girlData .girlData_name_age:after {
		content: '歳)';
	}
    .girlData .girlData_size {
        font-size: 4.0vw;
        color: var(--textColor);
        text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }

	.girlContainer {
	}

	/* girlPhoto
	-------------------------------------------------- */
	.girlPhoto {
		margin: 0 5vw 5vw;
	}
	.girlPhoto .slider {
		box-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important;
		margin-bottom: 2vw;
	}
	.girlPhoto .girlPhotoMain {
		width: 75.0vw;
	}
	.girlPhoto .girlMainImage {
		/* position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto; */
		width: 85.2vw;
		height: 113.6vw;
		object-fit: cover;
	}
	.girlPhoto .girlPhotoList {
	}
	.girlPhoto .girlPhotoList.thumbnail_slider button {
		display: none !important;
	}
	.girlPhoto .girlPhotoThumb {
		width: 16.2vw;
		height: 21.6vw !important;
		background: #eee;
        margin-right: 2px;
		position: relative;
	}
	.girlPhoto .girlPhotoThumb:last-child {
        margin-right: 0;
    }
	.girlPhoto .thumb {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 14.4vw;
		max-height: 19.2vw;
	}

	.girlContainer02 {
		margin-bottom: 5vw;
		padding: 0 7%;
	}

	/* girlDetailList
	-------------------------------------------------- */
	.girlDetailList {
		margin-bottom: 5vw;
	}
	.girlDetailList .girlDetailListItem {
		display: flex;
		font-size: 3.33vw;
		border-bottom: 2px dotted var(--secondaryColor);
		padding: 1.875vw 0.5vw 1.33vw;
	}
	.girlDetailList .girlDetailListItem.short {
	}
	.girlDetailList .girlDetailListItem.long {
	}
	.girlDetailList .girlDetaiTitle {
		margin-right: 0.75vw;
		font-weight: bold;
	}
	.girlDetailList .girlDetaiTitle:after {
		padding-left: 0.75vw;
	}
	.girlDetailList .girlDetaiItem {
	}
	.girlDetailList .girlDetaiLink {
	}

	/* 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;
	}

	/* 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 7%;
	}

	/* girlSchedule
	-------------------------------------------------- */
	.girlSchedule {
		margin-bottom: 2.5vw;
	}
	.girlSchedule .girlScheduleTitle {
		font-size: 3.67vw;
		margin-bottom: 1vw;
	}
	.girlSchedule .girlScheduleList {
	}
	.girlSchedule .girlScheduleListItem {
		display: flex;
		align-items: center;
		border-bottom: 2px solid #fff;
	}
	.girlSchedule .girlScheduleListItem:last-child {
		border-bottom: none;
	}
	.girlSchedule .girlScheduleDay {
		width: 45%;
		font-size: 3.25vw;
		padding: 1.67vw 0;
	}
	.girlSchedule .girlScheduleTime {
		width: 55%;
		font-size: 3.25vw;
	}

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