@charset "utf-8";

#schdulMain{}
#schdulMain h2{}
#schdulMain .scheduleControl{}
#schdulMain .scheduleControl .monthDate{position:relative;margin-top:50px;}
#schdulMain .scheduleControl .monthDate a{display:inline-block;width:45px;height:45px;text-indent:-9999px;position:absolute;top:-5px;background:url(/images/regional/common/arrow_13_r_b.png) no-repeat center;}
#schdulMain .scheduleControl .monthDate a.prev{transform:rotate(180deg);left:230px;}
#schdulMain .scheduleControl .monthDate a.next{left:280px;}
#schdulMain .scheduleControl .monthDate span{display:inline-block;font-size:36px;color:#324055;font-family:'Mont SemiBold';line-height:1;}
#schdulMain .scheduleControl .monthDate span.month{}
#schdulMain .scheduleControl .monthDate span.day{}
#schdulMain .scheduleControl .monthDate:before{content:"";display:block;width:1px;height:40px;background:#c4c4c4;position:absolute;top:-2px;left:277px;}
#schdulMain .scheduleScroll{position:absolute;right:0;top:0;width:calc(100% - 450px);}
#schdulMain .scheduleScroll ul{font-size:0;}
#schdulMain .scheduleScroll ul li{display:inline-block;width:33.33%;vertical-align:top;margin-bottom:65px;position:relative;}
#schdulMain .scheduleScroll ul li span{display:block;padding-right:20px;}
#schdulMain .scheduleScroll ul li span.date{display:none;line-height:1;}
#schdulMain .scheduleScroll ul li span.subject{font-size:20px;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#schdulMain .scheduleScroll ul li span.period{line-height:1;font-family:'Mont SemiBold';font-size:20px;color:#40588a;padding-bottom:10px;}
#schdulMain a.more{display:block;text-indent:-9999px;width:43px;height:43px;border:1px solid #CCC;background:url(/images/regional/common/plus_1_b.png) center no-repeat;position:absolute;top:0;right:0;}
@media only screen and (min-width:1025px){
	#schdulMain .scheduleControl .monthDate a:hover{background-position:right center !important;}
}
@media only screen and (min-width:1281px){
	#schdulMain .scheduleScroll ul li:nth-child(n+7){display:none}
}
@media only screen and (max-width:1280px){
	#schdulMain h2{text-align:center;}
	#schdulMain .scheduleControl .monthDate{text-align:center;margin-top:30px;}
	#schdulMain .scheduleControl .monthDate a{position:relative;top:auto;vertical-align:12px;}
	#schdulMain .scheduleControl .monthDate a.prev{left:auto;margin-right:20px;}
	#schdulMain .scheduleControl .monthDate a.next{left:auto;margin-left:20px;}
	#schdulMain .scheduleControl .monthDate:before{display:none;}
	#schdulMain .scheduleScroll{position:relative;width:100%;margin-top:50px;}
	#schdulMain .scheduleScroll ul li{width:25%;margin-bottom:30px;text-align:center;}
	#schdulMain .scheduleScroll ul li span{padding:0 10px;}
	#schdulMain .scheduleScroll ul li:nth-child(n+9){display:none}
}
@media only screen and (max-width:1024px){
	#schdulMain .scheduleScroll ul li{width:33.33%;}
	#schdulMain .scheduleScroll ul li:nth-child(n+7){display:none}
}
@media only screen and (max-width:768px){
	#schdulMain .scheduleControl .monthDate a{width:30px;height:30px;vertical-align:1px;background:url(/images/regional/common/arrow_10_r_b.png) no-repeat center;}
	#schdulMain .scheduleControl .monthDate span{font-size:26px;}
	#schdulMain .scheduleScroll{margin-top:30px;}
	#schdulMain .scheduleScroll ul li{width:50%;}
	#schdulMain .scheduleScroll ul li span.subject{font-size:16px;font-family:'Noto Medium';}
	#schdulMain a.more{width:30px;height:30px;border:0;top:-3px;}
}
@media only screen and (max-width:500px){
	#schdulMain .scheduleScroll ul{max-height:230px;overflow-y:auto;}
	#schdulMain .scheduleScroll ul li{width:100%;text-align:left;margin-bottom:15px;}
}