@charset "utf-8";
/* school_meals02 */
/** @latest 2020.11.18 -ssj*/


.school_meals02 {width:100%; height:100%; float:left;}
.school_meals02 .innerbox {border:10px solid #ddd; box-sizing:border-box; padding:15px; width:100%; height:100%; float:left;}
.school_meals02 .titbox {width:100%; text-align:center; font-size:25px; margin:15px 0;}

.school_meals02 .food_box {width:100%; text-align:center;}
.school_meals02 .food_box .imgbox {width:100%; height:130px; float:left;}
.school_meals02 .food_box .imgbox img {max-height:100%; max-width:100%;}
.school_meals02 .food_box .datebox {width:100%; float:left; font-size:18px; font-weight:600; margin:20px 0 10px;}
.school_meals02 .food_box .datebox span {}
.school_meals02 .food_box .datebox span:not(:last-child):after {content:".";}

.school_meals02 .food_box .cobox {width:100%; float:left; margin-bottom:15px; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow:hidden;}
.school_meals02 .food_box .cobox span {font-size:16px; line-height:150%;}



.layout_height_M .school_meals02 .titbox {font-size:20px;margin: 5px 0 15px;}
.layout_height_M .school_meals02 .food_box .imgbox {height:70px;}
.layout_height_M .school_meals02 .food_box .datebox {margin:10px 0 5px;}

.border-radius .school_meals02 .innerbox {border-radius:15px;}



@media (min-width:800px){}
@media (min-width:800px) and (max-width:1049px){}

@media (max-width:799px){
		.school_meals02 .titbox {font-size:20px;margin:0 0 10px;}
    .school_meals02 .food_box .cobox {height:44px;margin-bottom: 0;}
		.school_meals02 .food_box .cobox span {font-size:15px;}
		.school_meals02 .food_box .datebox {margin:20px 0 5px; font-size:17px;}
		
		.school_meals02 .food_box .imgbox {height:80px !important;}
}

@media (min-width:600px) and (max-width:799px){
	.layout_block4 .school_meals02 .titbox {margin:15px 0;}
	.layout_block4 .layout_height_H .school_meals02 .food_box .imgbox {height:130px !important;}
	.layout_block4 .layout_height_M .school_meals02 .food_box .imgbox {height:70px !important;}
}

@media (max-width:599px){
}