@charset "UTF-8";

.reserve {
	border: 1px solid var(--color-pink);
	box-shadow: var(--box-shadow);
	border-radius: 4px;
	background: white;
}
.reserve__wrap {
	padding: 15px;
}

/* reserve_girl
-------------------------------------------------- */
.reserve_girl {
	background: var(--color-lightPink);
	border: 1px solid var(--color-pink);
	margin-bottom: 10px;
}
.reserve_girl .reserve_girl_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border: 5px solid #fff;
	padding: 10px;
}
.reserve_girl .reserve_girl_thumbnail {
	width: 66px;
}
.reserve_girl .reserve_girl_image {
	width: 66px;
	height: 88px;
	object-fit: cover;
	border: 1px solid var(--color-pink);
}
.reserve_girl .reserve_girl_info {
	margin: 0 auto 0 20px;
}
.reserve_girl .reserve_girl_name {
	font-size: 24px;
	color: var(--color-claret);
	font-weight: bold;
	margin-bottom: 5px;
}
.reserve_girl .reserve_girl_size {
	color: var(--color-claret);
}
.reserve_girl .reserve_girl_btn {
}
.reserve_girl .reserve_girl_link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 65px;
	color: white;
	text-decoration: none;
	background: linear-gradient(#fb7a9f, #fb5787);
	border: 1px solid var(--color-darkPink);
	border-radius: 7px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
	line-height: 1.4;
}

/* reserve_error_lists
-------------------------------------------------- */
.reserve_error_lists {
	margin-top: 25px;
}

/* calender
-------------------------------------------------- */
.calender {
	background: #fff;
	border: 1px solid var(--color-pink);
	padding: 10px;
}
.calender .calender_inn {
	display: flex;
	flex-wrap: wrap;
	background: var(--color-lightPink);
	padding: 10px;
}

/* 共通 */
.calender .time_item,
.calender .day_title,
.calender .day_cell {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
}

.calender .time_items {
	width: calc(15% - 2px);
	margin-right: 2px;
}
.calender .time_item {
	font-size: 14px;
	background: rgba(255,255,255,0.8);
	margin-bottom: 2px;
}
.calender .time_item:last-child {
	margin-bottom: 0;
}
.calender .time_item.title {
	font-weight: bold;
	background: none !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.calender .day_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 85%;
}
.calender .day_item {
	width: calc(100% / 8 - 2px);
}
.calender .day_title,
.calender .day_cell {
	background: rgba(255,255,255,0.8);
	margin-bottom: 2px;
}
.calender .day_title {
	flex-direction: column;
	font-size: 14px;
	font-weight: bold;
	background: none !important;
}
.calender .day_title .youbi {
	font-size: 12px;
	margin-top: 5px;
}
.calender .day_title .youbi:before {
	content: '（';
}
.calender .day_title .youbi:after {
	content: '）';
}
.calender .day_cell {
	color: #999;
}
.calender .day_cell:last-child {
	margin-bottom: 0;
}

/* 予約可（◯で表示） */
.calender .day_cell.poss {
	background: var(--color-pink);
}
.calender .day_cell.poss .poss_link {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

/* 予約不可（×で表示） */
.calender .day_cell.imposs {
	color: #111;
	background: #ddd;
}
