/* ----------
/*カレンダー表示
---------- */
.scroll{ overflow-x:auto;}
.cal-area{position: relative;min-height: 620px;}
.cal-area th, .cal-area td{height: 80px;}
.cal-area thead th{height: 35px;padding: 0 5px;font-family: 'Spartan', sans-serif;font-size:12px}
.cal-title{ position: absolute; left:0; top:0; width: 200px; }
.cal-title .table{border-right: none;}
.cal-contents{ position: absolute; left:198px; top:0;width:calc(100% - 198px);overflow-x:auto; }
.cal-contents .table{width: 980px;table-layout: fixed;border-left: none;}
.cal-contents th{width: 70px;text-align: left;}
.cal-contents td{background: url(../img/common/bg_calendar.png);}
.btn-cal .btn{width: 140px;margin: 0 8px;padding: 8px;}
.btn-cal .disabled{cursor: default;opacity: 0.3;pointer-events: none; }
@media screen and (max-width: 980px) {
  .cal-title{  width: 80px; }
  .cal-contents{left:78px; width:calc(100% - 78px);}
  .cal-title th small{display: block;line-height: 1;}
}

.reserve{ position: absolute;}
.reserve span{ display: block; height: 13px; font-size:11px; line-height:1; padding:0 5px; color:#fff; }

.ast span{ background:#9dc;}
.bst span{ background:#9ce;}
.cst span{ background:#bad;}
.ctrl span{ background:#ebd;}

.day1ast{ top:40px;}
.day1bst{ top:60px;}
.day1cst{ top:80px;}
.day1ctrl{ top:100px;}
.day2ast{ top:120px;}
.day2bst{ top:140px;}
.day2cst{ top:160px;}
.day2ctrl{ top:180px;}
.day3ast{ top:200px;}
.day3bst{ top:220px;}
.day3cst{ top:240px;}
.day3ctrl{ top:260px;}
.day4ast{ top:280px;}
.day4bst{ top:300px;}
.day4cst{ top:320px;}
.day4ctrl{ top:340px;}
.day5ast{ top:360px;}
.day5bst{ top:380px;}
.day5cst{ top:400px;}
.day5ctrl{ top:420px;}
.day6ast{ top:440px;}
.day6bst{ top:460px;}
.day6cst{ top:480px;}
.day6ctrl{ top:500px;}
.day7ast{ top:520px;}
.day7bst{ top:540px;}
.day7cst{ top:560px;}
.day7ctrl{ top:580px;}

.lg10{width: 70px;}
.lg20{width: 140px;}
.lg30{width: 210px;}
.lg40{width: 280px;}
.lg50{width: 350px;}
.lg60{width: 420px;}
.lg70{width: 490px;}
.lg80{width: 560px;}
.lg90{width: 630px;}
.lg100{width: 700px;}
.lg110{width: 770px;}
.lg120{width: 840px;}
.lg130{width: 910px;}
.lg140{width: 980px;}

.lg15{width: 105px;}
.lg25{width: 175px;}
.lg35{width: 245px;}
.lg45{width: 315px;}
.lg55{width: 385px;}
.lg65{width: 455px;}
.lg75{width: 525px;}
.lg85{width: 595px;}
.lg95{width: 665px;}
.lg105{width: 735px;}
.lg115{width: 805px;}
.lg125{width: 875px;}
.lg135{width: 945px;}
.lg145{width: 1015px;}

.st100{ left: 0;}
.st110{ left: 70px;}
.st120{ left: 140px;}
.st130{ left: 210px;}
.st140{ left: 280px;}
.st150{ left: 350px;}
.st160{ left: 420px;}
.st170{ left: 490px;}
.st180{ left: 560px;}
.st190{ left: 630px;}
.st200{ left: 700px;}
.st210{ left: 770px;}
.st220{ left: 840px;}
.st230{ left: 910px;}

.st105{ left: 35px;}
.st115{ left: 105px;}
.st125{ left: 175px;}
.st135{ left: 245px;}
.st145{ left: 315px;}
.st155{ left: 385px;}
.st165{ left: 455px;}
.st175{ left: 525px;}
.st185{ left: 595px;}
.st195{ left: 665px;}
.st205{ left: 735px;}
.st215{ left: 805px;}
.st225{ left: 875px;}