@charset "utf-8";

.miniSche{height:100%;padding-top:30px;}
.miniSche::after{content:"";display:block;width:14px;height:60px;background:#f39800;position:absolute;top:0;left:40px;}

.miniSche .schedule-list{height:100%;padding:40px;background:url(../images/bg.jpg) no-repeat center;background-size:cover;position:relative;}
.reverse .miniSche .schedule-list{background:url(../images/bg_b.jpg) no-repeat center;background-size:cover;}
.miniSche h2{font-size:35px;color:#FFF;font-family:'Play Bold';line-height:1;margin-bottom:45px;padding-right:20px;}
.miniSche .more{width:25px;height:25px;position:absolute;top:45px;right:34px;display:block;text-indent:-9999px;background:url(../images/more.png) no-repeat center;}

.miniSche .date-area{display:flex;align-items:flex-start;}

.miniSche .date{text-align:center;width:100px;display:flex;flex-direction:column-reverse;align-items:flex-start;line-height:1;color:#FFF;}
.miniSche .date span{font-size:20px;font-family:'Play Regular';padding-left:12px;}
.miniSche .date strong{font-size:55px;font-family:'Play Bold';letter-spacing:-5px;}
.miniSche .date i{display:none;}

.miniSche .list{width:calc(100% - 100px);display:flex;flex-direction:column;max-height:300px;overflow-y:auto;}
.miniSche .list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0);color:#FFF;}
.miniSche .list li .period_1{display:none;}
.miniSche .list li .period_2{font-size:18px;color:rgba(255,255,255,0.7);font-family:'Play Regular';line-height:1;}
.miniSche .list li .title{font-size:16px;color:#FFF;font-family:'Dream Regular';line-height:1.4;padding-top:7px;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media only screen and (min-width:769px) and (max-width:1280px){
	.miniSche{padding-top:15px;}
	.miniSche::after{height:30px;left:25px;}
	.miniSche .schedule-list{padding:25px;}
	.miniSche h2{font-size:30px;margin-bottom:20px;}
	.miniSche .more{top:27px;}
	.miniSche .date-area{display:block;}
	.miniSche .date{text-align:left;width:auto;display:block;margin-bottom:10px;}
	.miniSche .date span{font-size:25px;padding-left:0;}
	.miniSche .date strong{font-size:25px;letter-spacing:0;padding-left:5px;}
	.miniSche .list{width:100%;}
}
@media only screen and (max-width:420px){
	.miniSche{padding-top:15px;}
	.miniSche::after{height:30px;left:25px;}
	.miniSche .schedule-list{padding:25px;}
	.miniSche h2{font-size:25px;margin-bottom:20px;}
	.miniSche .more{top:24px;right:21px;}
	.miniSche .date-area{display:block;}
	.miniSche .date{text-align:left;width:auto;display:block;margin-bottom:10px;}
	.miniSche .date span{font-size:25px;padding-left:0;}
	.miniSche .date strong{font-size:25px;letter-spacing:0;padding-left:5px;}
	.miniSche .list{width:100%;}
	.miniSche .list li{padding:5px 0;}
	.miniSche .list li .period_2{font-size:16px;}
	.miniSche .list li .title{font-size:14px;}
}