/* カレンダー */
#ui-datepicker-div {
	border: 2px solid #252525;
	border-radius: 0;
	padding: 10px;
    width: 24%;
}
.ui-datepicker .ui-datepicker-header {
	background: none;
	border: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #eaeaea;
	text-align: center;
	border: none;
	font-weight: 600;
	font-size: 1.5rem;
}
.date_from_to .ui-state-default{
	color:#fff;
	background: #17AE2F;
}
.date_select .ui-state-default{
	color:#fff;
	background: #17AE2F;
}
.ui-datepicker-current[data-handler="today"] {
	background: #252525;
	color: #fff;
	opacity: 1;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
	padding: 3px 15px ;
	font-size: 1.4rem;
}
button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
	background: none;
	color: #252525;
	text-decoration: underline;
	padding: 4px 0;
	font-size: 1.4rem;
}
@media screen and (max-width: 480px) { 
	/* カレンダー */
	#ui-datepicker-div {
		border: 2px solid #252525;
		border-radius: 0;
		padding: 10px;
		position: fixed !important;
		left: 0 !important;
		right: 0;
		margin: auto;
		bottom: 50%;
		transform: translateY(50%);
		top: auto !important;
		width: 80%;
	}	
	.ui-datepicker .ui-datepicker-header {
		background: none;
		border: none;
	}
	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-hover,
	.ui-state-focus,
	.ui-widget-content .ui-state-focus,
	.ui-widget-header .ui-state-focus {
		background: none;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: #eaeaea;
		text-align: center;
		border: none;
		font-weight: 600;
		font-size: 1.5rem;
	}
	.date_from_to .ui-state-default{
		color:#fff;
		background: #17AE2F;
	}
	.date_select .ui-state-default{
		color:#fff;
		background: #17AE2F;
	}
	.ui-datepicker-current[data-handler="today"] {
		background: #252525;
		color: #fff;
		opacity: 1;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
		padding: 3px 15px ;
		font-size: 1.4rem;
	}
	button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
		background: none;
		color: #252525;
		text-decoration: underline;
		padding: 4px 0;
		font-size: 1.4rem;
	}
	.ui-state-active {
		color: #fff !important;
		background: #17AE2F !important;
	}
}