.school_meals03 {width:100%; height:100%;}
.school_meals03 .schmWrap {width:100%;height:100%;float:left;text-align:left;/* background:#dddee1; */box-sizing:border-box;position:relative;overflow: hidden;}

.school_meals03 .txtbox {width: 100%;height: 100%;float: left;padding: 15px;box-sizing: border-box;background: #023763;position: relative;}
.school_meals03 .cobox {width: 75%; height: 100%; float: left;}
.school_meals03 .txtbox.pl30 {padding-left:30px;}
.school_meals03 .cobox .tit {font-size: 28px; line-height: 130%; color: #fff; float:left; display:block; box-sizing:border-box; overflow:hidden; width:100%; 
														white-space:nowrap; text-overflow:ellipsis; margin: 18px 0 10px; }

.school_meals03 .cobox .datebox {width: 100%; float: left;}
.school_meals03 .cobox .datebox span {color: #fff; font-size: 18px;}
.school_meals03 .cobox .datebox span:after {content:".";}

.school_meals03 .cobox .mealco {font-size: 18px; letter-spacing: -0.5px; line-height: 150%; color: #fff; float:left; width:100%; display:block; 
															box-sizing:border-box; word-break:keep-all; white-space:normal; margin: 10px 0 36px; overflow: hidden; }
.school_meals03 .cobox .bar {border:3px solid #fff; border-width: 3px 0 0 0; float: left; width: 50px; margin: 12px 0 15px;}
.school_meals03 .cobox .morebtn {color: #fff; text-align:center; max-width:100%; font-size: 16px; border: 1px solid rgba(255,255,255,0.8); position:relative; 
																float:left; padding: 15px 45px 15px 20px; line-height:normal; letter-spacing:-1px; margin: 15px 0; background:transparent; 
																-webkit-transition:background 0.5s; transition:background 0.5s; }
.school_meals03 .cobox .morebtn span {color:inherit; width:100%; float:left; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.school_meals03 .cobox .morebtn:after {content:"\276D"; color:inherit; float:left; padding-left:3px;	font-weight:400; margin-top: -2px; font-size: 14px; position:absolute; right:15px;}

.school_meals03 .iconbox {position: absolute; right: 0; bottom: 0; width: 25%; height: 100%; text-align: right; padding: 0 15px 15px 0; box-sizing: border-box;}
.school_meals03 .iconbox img {max-width:95%; max-height: 100%; position: absolute; bottom:15px; right:15px;}




/*hover*/
.school_meals03 .morebtn:hover {background:#fff !important; }
.school_meals03 .morebtn:hover span {color:#333 !important; -webkit-transition:color 0.5s; transition:color 0.5s;}
.school_meals03 .morebtn:hover:after {color:#333 !important; -webkit-transition:color 0.5s; transition:color 0.5s;}





.layout_height_M .school_meals03 .cobox .bar {margin-top: 6px;}
.layout_height_H .school_meals03 .cobox .datebox {margin-bottom: 15px;}





@media (min-width:991px){}

@media (min-width:800px){
	.school_meals03 .cobox .mealco {-webkit-box-orient: vertical; display: -webkit-box; white-space: normal;}

  .layout_height_H .school_meals03 .cobox .mealco {-webkit-line-clamp: 3;height: 81px;margin-bottom: 10px;}
	.layout_height_M .school_meals03 .cobox .mealco {-webkit-line-clamp: 2;height: 48px;margin: 5px 0 10px;font-size: 16px;}
	.layout_height_M .school_meals03 .cobox .tit {font-size: 23px; margin: 0 0 5px;}

}
@media (max-width:799px){
	.school_meals03 .cobox .tit {font-size: 19px; font-weight: 600;}
	.school_meals03 .cobox .mealco {font-size:14px; margin:5px 0 10px;}
	.school_meals03 .cobox .morebtn {padding:7px 40px 7px 15px;}

	.school_meals03 .txtbox.pl30 {padding-left:15px;}
	.school_meals03 .cobox .bar {margin-top: 0px !important;}
	.school_meals03 .cobox .datebox {margin-bottom: 20px !important;}
}


@media (min-width:600px) and (max-width:799px){

}

@media (max-width:599px){


}