@charset "utf-8";


/* ここだけ移しておきました */

/* 出発日の設定 */
.class-depart_date > .ui-state-default {
  background: #ffda58 !important;
  color: #000 !important;
}

/* 渡航中の設定 */
.class-travel_date > .ui-state-default {
  background: #ffda58 !important;
  color: #000 !important;
}
.ui-datepicker { z-index: 10000 !important; }

#ui-datepicker-div {
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}


#ui-datepicker-div .ui-datepicker-header {
	background:#357ebd  ;
	color:#fff;
	border: 1px solid #fff;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:#fff;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled {
	background: #fff;
}

 .ui-widget-header .ui-state-disabled {
 	background: transparent;
 }



.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all .ui-state-disabled{
	background: none;
}


.ui-datepicker-today .ui-state-highlight {
/*	background : #94bae0;*/
border: 1px solid #d3d3d3;
}


.ui-datepicker .ui-datepicker-prev:hover span, 
.ui-datepicker .ui-datepicker-next:hover span,
.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
	background:none;
	margin:0;
}

#ui-datepicker-div .ui-state-hover {
	background:none;
/*	border:none;*/
	border: 1px solid #ff5a00;
	margin:0;
	cursor:pointer;

}
#ui-datepicker-div .ui-datepicker-next-hover ,#ui-datepicker-div .ui-datepicker-prev-hover{
	border:none!important;
}
.ui-datepicker-next:before {
	content:"\f054";
	font-family:FontAwesome;
	display: block;
	color:#fff;
	position: absolute;
	top:8px;
	right:10px;
	font-weight: normal;

}

.ui-datepicker-prev:before {
	content:"\f053";
	font-family:FontAwesome;
	display: block;
	color:#fff;
	position: absolute;
	top:8px;
	left:10px;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
	background-color: #ffecec;
	color: #f00;
}

th.ui-datepicker-week-end:first-child{
	color: #f00;
	
}

/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
	background: #ebf4f8;
	color : #357ebd;
}

th.ui-datepicker-week-end:last-child{
	color : #357ebd;
	
}



@media screen and (max-width: 736px) {
	/*datepicker 2column */


	.hasDatepicker {
		caret-color: transparent;
	}

	.ui-datepicker-multi .ui-datepicker-group {
		float:none;
	}

	#ui-datepicker-div {
		width:90%!important;
	}
	
	body:not(.complete) #ui-datepicker-div {
		top:0 !important;
	}
	
	
	.ui-datepicker-multi-2 .ui-datepicker-group {
		width:100%;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group.ui-datepicker-group-first {
		height : 290px;
	}

	.ui-datepicker .ui-datepicker-title {
		line-height : 1.2em;
	}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	
		line-height : 1.2em;
	}
	.ui-datepicker-next:before ,
	.ui-datepicker-prev:before{
		top:3px;
	}
	
	.ui-datepicker th {
		padding : 0.3em;
	}

	#ui-datepicker-div.picker_position  {
		transform:scale( 0.85 );
	}


/*


	#ui-datepicker-div.picker_position  {
		top:3vh!important;
		position: fixed!important;
		transform:scale( 0.85 );
	}
	
*/	
}