@charset "UTF-8";
/*
 jquery ui datepicker 用 日本の祝祭日表示
*/

.ui-datepicker {
	z-index: 2000 !important; //フォームのリストメニューより手前に表示
	//font-size: 13px;
	//font-family: Arial, sans-serif;
}
/* ダイアログ */
.ui-widget-content {
	//border: 1px none #FFFFFF;
}

/* 日曜日 */
.day-sunday .ui-state-default, .day-sunday .ui-state-active {
	background-image: none;
	background-color: #ffecec;   /* 背景色を設定 */
	color: #f00!important;       /* 文字色を設定 */
/*	background-color: #FFC0CB; */
}
/* 土曜日 */
.day-saturday .ui-state-default, .day-saturday .ui-state-active {
	background-image: none;
	background-color: #eaeaff;   /* 背景色を設定 */
	color: #00f!important;       /* 文字色を設定 */
/*	background-color: #AFEEEE; */
}
/* 祝祭日 */
.day-holiday .ui-state-default, .day-holiday .ui-state-active {
	background-image: none;
	background-color: #FFC0CB;
}
/* 記念日 */
.day-anniversary .ui-state-default, .day-anniversary .ui-state-active {
	background-image: none;
	background-color: #98FB98;
}
/* 今日 */
.ui-datepicker-today{}
/* 選択日 */
.ui-datepicker-current-day {}
/* 年月のリストメニュー */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width:auto ;
}

/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}

/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
  background-color: #fffa90!important;
}

/* --------------------
  年月をプルダウン化した場合の余白調整
  Cf. https://webllica.com/jquery-ui-datepicker-select-pulldown/
-------------------- */
/* 年プルダウンの変更 */
select.ui-datepicker-year{
  height: 1.7em!important;      /* 高さ調整 */
  margin-right:5px!important; /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
  height: 1.7em!important;      /* 高さ調整 */
  margin-left:5px!important;  /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
 
img.ui-datepicker-trigger{
  cursor: pointer;
  margin-left: 7px!important;
  vertical-align: middle;
}

/* --------------------
  カレンダーアイコン表示による微調整
  Cf. https://webllica.com/jquery-ui-datepicker-by-calendar-icon/
-------------------- */
img.ui-datepicker-trigger{
  cursor: pointer;
  margin-left: 7px!important;
  vertical-align: middle;
}