@charset "UTF-8";
/* ==========================================================================
   datepicker
   ========================================================================== */ 
/* datepickerのオーバーライドCSS */

button[class="ui-datepicker-trigger"] {
	margin: 0px 0px 0px 5px;
	padding: 3px 10px;
	width: 40px;
	height: 40px;
	border-style: none;
	background-color: var(--primar-button-background);
	background-image: url(../../img/date_select.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	/* 文字を消す */
	text-indent:-9999px;
}

@media screen and (max-width: 1024px) {
	button[class="ui-datepicker-trigger"] {
		width: 32px;
		height: 32px;
	}

	input.hasDatepicker {
		width: 120px !important;
	}
}