@charset: "UTF-8";

/** カレンダー部品 */
.tenantCalendar, .search_deliv_price_Box {
	position:relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.tenantCalendarTitle {
	font-weight: bold;
	font-size: 1.25rem;
	height: 28px;
	border-bottom: 2px solid #3E3A39;
	line-height: 100%;
}

.tenantCalendarBack {
	position:absolute;
	font-size: 0.875rem;
	top: 6px;
	left: 20px;
	width:auto;
	height:auto;
	cursor: pointer;
}
.tenantCalendarBack:after
{
    content: url(/wao_img/sp/chevron-left.svg);
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
}

.tenantCalendarNext
{
	position:absolute;
	font-size: 0.875rem;
	top: 6px;
	right:20px;
	width:auto;
	height:auto;
	cursor: pointer;
}
.tenantCalendarNext:after
{
    content: url(/wao_img/sp/chevron-right.svg);
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    right: 0;
}
.tenantCalendarBox {
	overflow: hidden;
	width: 100%;
	height: auto;
	font-size: 0.6rem;
	margin-top:0px;
	margin-bottom:0px;
	font: normal normal normal 10px Hiragino Kaku Gothic Pro;
}

.tenantCalendarMonthBox {
	float: left;
	margin: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 4px;
	min-height: 40px;
}

.tenantCalendarMonthNumber {
	margin-bottom: 0px;
	height: 3rem;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.calenderMonth {
	font-size: 0.875rem;
	font-weight: bold;
	margin-left: 1px;
	margin-right: 10px;
}

.calenderYear {
	font-size: 0.875rem;
	font-weight: bold;
}

.calenderWeekday {
	border-bottom: 0px solid #3E3A39;
	overflow: hidden;
	margin: auto;
}

.calenderWeekdayText, .calenderDayNumber, .calenderDayHoliday {
	float: left;
	width: 14.285714285714286%;
	line-height: 1.25rem;
	text-align: center;
}

.calenderWeekdayText
{
	border: 1px solid #C8C8C8;
	line-height: 2rem;
	font-weight: bold;
}
.calenderWeekdayText:not(:first-child)
{
	border-left: 0;
}

.calenderDayHoliday
{
	color: #FF5700;
	border-bottom: 1px solid #C8C8C8;
}

.calenderDayNumber{
	font-size: 0.71875rem;
	font-family: Arial, sans-serif;
	font-weight: bold;
}
.calenderDayNumber, .calenderDayHoliday {
	height : 100%;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
}
.calenderDayNumber:not(:first-child), .calenderDayHoliday:not(:first-child) {
	border-left: 0;
}

.calenderDayNumber.calendarCloseDay.calenderSaturday,
.calenderDayHoliday.calendarCloseDay.calenderSaturday{
	background-color: #ECF3F8;
}
.calenderDayNumber.calendarCloseDay.calenderSunday,
.calenderDayHoliday.calendarCloseDay.calenderSunday{
	background-color: #FDEDED;
}

.calenderDay {
	height: 2.5rem;
	margin: auto;
}
.calenderDayNumberBox {
	overflow: hidden;
	height: 50%;
	margin-top: 0px;
}

.calenderDayHolidayBox {
	overflow: hidden;
	font-size: 0.8rem;
	height: 50%;
}
.calenderDay .calendarToday {
	position: relative;
}

.calenderDayHolidayBox .calendarToday:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid orange;
	border-top: 0;
}

.calenderDayNumberBox .calendarToday:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid orange;
	border-bottom: 0;
}

.calendarOpenDay {
	background-color: transparent;
}

.calenderDayHoliday.calendarOpenDay {
	font-size: 0.71875rem;
}

.calenderDayNumber.calendarCloseDay {
	color: #919191;
}
.calenderDayNumber.calendarOpenDay.calenderSaturday,
.calenderDayHoliday.calendarOpenDay.calenderSaturday{
	background-color: #D9E7F1;
}
.calenderDayNumber.calendarOpenDay.calenderSunday,
.calenderDayHoliday.calendarOpenDay.calenderSunday{
	background-color: #FCDBDA;
}