@charset "utf-8";

#schdulMain{min-height:316px;border-bottom:1px solid #d9d9d9;}
#schdulMain h2{font-family:'Noto Regular';font-size:42px;color:#039eff;line-height:1;background:url(/images/templet_04/common/icon_calendar.png) right 9px no-repeat;width:calc(100% - 50px);}
#schdulMain .scheduleControl{margin-top:40px;padding:30px 0 20px 0;border-top:1px solid #d9d9d9;}
#schdulMain .scheduleControl .monthDate{position:relative;text-align:center;}
#schdulMain .scheduleControl .monthDate a{display:inline-block;width:30px;height:30px;text-indent:-9999px;background:url(/images/templet_04/common/arrow_10_r_b.png) no-repeat center;filter:alpha(opacity=50);opacity:0.3;}
#schdulMain .scheduleControl .monthDate a.prev{transform:rotate(180deg);margin-right:40px;}
#schdulMain .scheduleControl .monthDate a.next{margin-left:40px;}
#schdulMain .scheduleControl .monthDate a:hover{background-position:right center !important;}
#schdulMain .scheduleControl .monthDate span{display:inline-block;font-size:25px;color:#08629a;line-height:1;}
#schdulMain .scheduleControl .monthDate span.month{font-size:35px;font-family:'Noto Regular';color:#039eff;vertical-align:-3px;padding-left:10px;}
#schdulMain .scheduleControl .monthDate span.day{}
#schdulMain .scheduleScroll{}
#schdulMain .scheduleScroll ul{max-height:163px;overflow-y:auto;}
#schdulMain .scheduleScroll ul li{padding:15px 0;position:relative;padding-left:80px;}
#schdulMain .scheduleScroll ul li span{display:block;line-height:1.3;}
#schdulMain .scheduleScroll ul li span.date{font-size:14px;text-align:center;position:absolute;left:0;top:3px;}
#schdulMain .scheduleScroll ul li span.date i{font-size:40px;color:#303030;display:block;font-family:'Noto Medium';}
#schdulMain .scheduleScroll ul li span.subject{font-size:20px;}
#schdulMain .scheduleScroll ul li span.period{color:#40588a;padding-top:5px;}
#schdulMain .scheduleScroll ul li:nth-child(n+6){display:none}
#schdulMain a.more{display:block;text-indent:-9999px;width:30px;height:30px;border:1px solid #CCC;background:url(/images/templet_03/common/plus_1_b.png) center no-repeat;position:absolute;top:7px;right:0;}
@media only screen and (min-width:1025px){
	#schdulMain a.more:hover{background-color:#DDD;}
}
@media only screen and (max-width:768px){
	#schdulMain h2{font-size:30px;background-position:left 4px;padding-left:35px;}
	#schdulMain .scheduleControl{margin-top:20px;padding:20px 0 20px 0;}
	#schdulMain a.more{top:0;}
	#schdulMain .scheduleScroll ul{max-height:220px;}
	#schdulMain .scheduleScroll ul li{padding-left:60px;}
}
@media only screen and (max-width:380px){
	#schdulMain .scheduleScroll ul li span.date i{font-size:30px;}
	#schdulMain .scheduleScroll ul li span.subject{font-size:16px;}
	#schdulMain a.more{width:100%;height:50px;border:0;position:relative;top:auto;right:auto;}
}