@charset "utf-8";
/*
 在庫カレンダー
--------------------------------------------------*/
.lineup_single_sub_products{margin-bottom: 30px;}
.lineup_single_sub_products h3.ttl02{background-color: #A0ACBA;font-weight: bold;color: #FFF;padding: 10px 15px;}
.lineup_single_sub_products_cal {overflow: hidden;}
.cal-navi {overflow: hidden;margin-top: 30px;}
.cal-navi li {width: 50%;}
.cal-navi li a {background-color: #555; color: #fff; width: 35px; padding: 10px 0 8px; text-align: center;}
.cal-navi li.cal-navi-left {float: left;text-align: left;}
.cal-navi li.cal-navi-right {float: right;text-align: right;}

.lineup_single_sub_products_cal_box {width: 48%;float: left;}
.lineup_single_sub_products_cal_box:last-child {width: 48%;float: right;}
.cal-month-set {font-size: 20px;text-align: center;}
.cal-month-set span {font-size: 24px;font-weight: bold;}
@media only screen and (max-width: 640px){
.lineup_single_sub_products_cal_box, .lineup_single_sub_products_cal_box:last-child {float: none;width: 100%;margin-bottom: 20px;}
#calendar-tbody .flg:after {font-size: 12px;}
}

.cal-month-table {border: 1px solid #d0d0d0;border-collapse: collapse;width: 100%;}
.cal-month-table th, .cal-month-table td {border: 1px solid #d0d0d0;padding: 5px;text-align: center;background-color: #F5F5F5;}
.cal-month-table th {color: #FFF;background-color: #555;border-right: 1px solid #fff;}
.cal-month-table th.sunday {background-color: #DE151A;}
.cal-month-table th.saturday {background-color: #153681;border-right: 1px solid #d0d0d0;}
.cal-month-table td {line-height: 1.5;width: 14.2%;}
.cal-month-table td a {display: block;}

#calendar-tbody .day {display: block;}
#calendar-tbody .day-off {color: #9b9b9b;background-color: #E9E9E9;}
#calendar-tbody .day-off i:before {content: "\f00d"; font-family: FontAwesome;color: #9b9b9b;}
#calendar-tbody .day-off .flg:after {content: "満車"; display: block;color: #9b9b9b;font-size: 12px;}

#calendar-tbody .day-on {cursor: pointer;background-color: #FFF;}
#calendar-tbody .day-on i:before {content: "\f10c"; font-family: FontAwesome; color: #e60012;}
#calendar-tbody .day-on:hover {background-color: #FCE8E4;}
#calendar-tbody .day-on .flg:after {content: "予約可"; display: block; color: #e60012;; text-decoration: underline;font-size: 12px;}

#calendar-tbody .day-tel {/*cursor: pointer;*/background-color: #FFF;}
#calendar-tbody .day-tel i:before {content: "△";color: #007fbd}
#calendar-tbody .day-tel:hover {background-color: #eef8fd;}
#calendar-tbody .day-tel .flg:after {content: "問合せ"; display: block; color: #007fbd; /*text-decoration: underline;*/font-size: 12px;}

#calendar-tbody .day-def {color: #9b9b9b;}
#calendar-tbody .day-def i:before {content: "-"; font-family: FontAwesome;color: #F5F5F5;}
#calendar-tbody .day-def .flg:after {content: "-"; display: block;}