@charset "utf-8";

/*
 在庫カレンダー
--------------------------------------------------*/
.stock-calendar{margin-bottom: 40px;margin-top: 40px;}
.stock-calendar h3.ttl02{text-align:center;font-weight:bold;margin-bottom: 20px;font-size: 22px;}
.stock-calendar-wrap {overflow: hidden;}
.stock-calendar-navi {overflow: hidden;margin-top: 30px;margin-bottom: 0;list-style:none;padding: 0;}
.stock-calendar-navi li {width: 50%;}
.stock-calendar-navi li a {background-color: #d14e97; color: #fff; width: 35px; padding: 10px 0 8px; text-align: center;display: inline-block;text-decoration: none;}
.stock-calendar-navi li.cal-navi-left {float: left;text-align: left;}
.stock-calendar-navi li.cal-navi-right {float: right;text-align: right;}

.stock-calendar-products {width: 48%;float: left;}
.stock-calendar-products:last-child {width: 48%;float: right;}
.cal-month-set {font-size: 20px;text-align: center;margin-bottom: 15px;}
.cal-month-set span {font-size: 24px;font-weight: bold;}
@media only screen and (max-width: 640px){
.stock-calendar-products, .stock-calendar-products: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 thead{border-bottom: 2px solid #d0d0d0;}
.cal-month-table th {color: #333;background-color: #fff;/*border-right: 1px solid #fff;*/font-weight: bold;}
.cal-month-table th.sunday {background-color: #fbeaeb;color: #e4395d;}
.cal-month-table th.saturday {background-color: #c0e5f3;color: #03a5e2;border-right: 1px solid #d0d0d0;}
.cal-month-table td {line-height: 1.5;width: 14.2%;}
.cal-month-table td a {display: block;}
.cal-month-table td i{font-style: normal;}

#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-shopoff {color: #9b9b9b;background-color: #E9E9E9;}
#calendar-tbody .day-shopoff i:before {content: "休"; font-family: FontAwesome;color: #9b9b9b;}
/*#calendar-tbody .day-shopoff .flg:after {content: "満車"; display: block;color: #9b9b9b;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;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;}*/