@charset "UTF-8";


/*! input（picker） ============================================== */

form input[name=picker-start],
form input[name=picker-end] {
	cursor: pointer;	
	}


/*! picker ============================================== */

.ui-datepicker {
	margin-top: 1px;
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
	}

/* header */
.ui-datepicker .ui-datepicker-header {
	height: 29px;
	background: #8877cf;
	border-radius: 3px;
	color: #ffffff;
	}

.ui-datepicker .ui-datepicker-title {
	padding-top: 5px;
	line-height: 1;
	}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: auto;
	cursor: pointer;
	}
.ui-datepicker-prev::after,
.ui-datepicker-next::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 7px;
	border: 2px solid #ffffff;
	transform: rotate(45deg);
	}

.ui-datepicker-prev::after {
	border-color: transparent transparent #ffffff #ffffff;
	}
.ui-datepicker-next::after {
	border-color: #ffffff #ffffff transparent transparent;
	}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	background-color: #4d4080;
	border: none;
	}

/* week */
.ui-datepicker th {
	font-weight: normal;
	text-align: center;
	color: #4d4d4d;
	}

/* day */
.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center;
	color: #4d4d4d;
	}

.ui-datepicker td a:hover {
	background-color: #8877cf;
	border: 1px solid #8877cf;
	color: #ffffff;	
	}

.ui-datepicker td a.ui-state-active {
	background-color: #8877cf;
	border: 1px solid #8877cf;
	color: #ffffff;	
	}

/* today */
.ui-datepicker td a.ui-state-highlight {
	background-color: #ffffff;
	border: 1px solid #8877cf;
	color: #8877cf;
	}

/* icon */
img.ui-datepicker-trigger{
	margin: 0 5px !important;
	vertical-align: middle;
	cursor: pointer;
	}