/*---caselink---*/
div.caselink {position: relative; width: 100%; height: 30px; margin: -31px 0 40px 0;}
div.caselink button.link {width: 200px; padding: 0;margin: 0;border: 1px solid #EF6D71;position: absolute; top: 0; z-index: 1000;
overflow: hidden;}
div.caselink button.child { left: 0; border-radius: 8px 0 0 8px;}
div.caselink button.grownup { left: 199px;}
div.caselink button.partial { left: 398px; border-radius: 0 8px 8px 0;}
div.caselink button.link p { color: #C30D09;font-size: 17px; line-height: 22px;background: #fff; padding: 8px 0 5px 0; margin: 0;}
div.caselink button.link span {animation: fadeInmenu 1.5s ease 0s 1 normal;display: none;width: 100%; padding: 0;margin: 0;border: none;}
div.caselink button.link span a { display: block; width: 100%; background: #E40D09; color: #fff; font-size: 16px; padding: 8px 0; margin: 0; text-align: center; border-top: 1px solid #fff;}

/*---timetable---*/
.b-open { display: block; margin: 0 auto; text-align: center; background: transparent; border: none; font-size:22px; color: #fff; cursor: pointer;}
.b-open:hover { color: rgba(255,255,30,1);}
.b-close { background: rgba(255,255,255,0.3); border:1px solid #fff;display: block; margin: 10px 0; text-align: left;font-size:15px; color: #FFF9E8; cursor: pointer; font-weight: bold;}
.b-close:hover { background: rgba(255,10,30,0.9);}

div.timetable {display: grid;width: 100%;grid-template-columns: 2.7fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;font-size: 17px;font-weight: normal;padding: 0;margin: 30px 0 0 0; color: #fff;background-image: linear-gradient(145deg,rgba(255,255,255,0.4) 0%,rgba(248,100,155,0.4) 28%, rgba(248,30,155,0.2) 0%,rgba(255,255,180,0.2) 100%);border: 1px solid rgba(255,255,255,0.70);box-shadow: 3px 7px 8px 5px rgba(50,0,30,0.22);


}

div.timetable div { text-align : center; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,0.70);}
div.timetable div.am-pm { text-align: left; padding-left: 20px; background: rgba(100,10,50,0.12);}
div.timetable div.noborder {border: none;}
div.timetable div span { font-size: 12px; letter-spacing: -1px;}
div.timetable div.sun {}
div.timetable div.thu {}
div.timetable div.sat {}
div.timetable div img {height:15px;}
span.timenote { display: block; font-size: 14px; font-weight: normal; margin: 30px 0 0 15px;}

/*------*/
div.timetable {color: #EE3761;background-image: linear-gradient(145deg,rgba(255,255,255,1) 0%,rgba(255,230,210,1) 20%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);border: 1px solid rgba(255,50,70,0.90);
background: #F8F5E1;
color: #7F6D48;
box-shadow: 1px 2px 5px 1px rgba(50,0,30,0.1);
border: 1px solid #A39936;
}
div.timetable div { border-bottom: 1px solid #A39936;}
div.timetable div.am-pm { text-align: left; padding-left: 20px; background:transparent;}
/*------*/

span.jusho { display: block; border-top: 2px dotted #ccaabb; padding: 17px 0 0 4px; margin: 0 0 22px 0; font-size: 18px; color: #c057cf;}
span.jusho a { color: #c057cf; cursor:auto;}