@charset "utf-8";

.ui-datepicker {
    font-size: 110%;
}
/* 日曜日の背景を変える */
.ui-datepicker-sunday .ui-state-default {
    background-image: none;
    background-color: #FFF0F5;
    color: #ff0000;
}
/* 土曜日の背景を変える */
.ui-datepicker-saturday .ui-state-default {
    background-image: none;
    background-color: #E9F0FF;
    color:#2B6CFF
}
.ui-datepicker-heijitsu .ui-state-default {
    background-image: none;
    background-color: #f5f5f5;
    color: #000000;
}
.ui-datepicker {
    font-size: 100%;
	z-index: 100000!important;
}



nav.topL li {padding-bottom:6px;}
nav.topL li.txtLink {background:url(images/top/arrow04_gray.png) no-repeat left;}
nav.topL li.txtLink a {color:#333; text-decoration:underline; padding:0 0 0 20px;}
nav.topL li.txtLink a:hover {color:#333; text-decoration:none;}




#ui-datepicker-div{
	width:700px !important;
}

/* ========↓↓↓カレンダーサイズ変更↓↓↓======== */

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
	width:37px;
	height:35px;
	padding:5px 3px 10px 3px;
}

.ui-datepicker-calendar td a[data-lowestfare] {
 position:relative
}
.ui-datepicker-calendar td a[data-lowestfare]::after {
 content:attr(data-lowestfare);
 display:block;
 padding:0 0 5px 0;
 font-size:10px;
 font-weight:400;
 color:#aaa
}
.ui-datepicker-calendar td a[data-lowestfare].is-lowest::after {
 color:#1c5db5
}

/* ========↑↑↑カレンダーサイズ変更↑↑↑======== */