@charset "utf-8";

/*** @latest 2020.11.23 YHY ***/
/*** @latest 2020.11.26 OSY ***/

/* school_meals04 */
.school_meals04 {width:100%;height:100%;float:left;position:relative;box-sizing:border-box;overflow:hidden; background:#ffc8bb;}
.school_meals04:after{content:''; position: absolute; bottom:0; left:0; background: url('/sample/layout/contents/etc/school_meals04/img/pattern.png'); width: 100%; height: 31px;}
.school_meals04 .txtbox {float:left; width:100%; position:relative; padding-bottom:30px;}
.school_meals04 .txtbox h3 {font-size:24px;color:#b35e4a;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:50px;box-sizing:border-box;padding-left: 5px;}
.school_meals04 .txtbox span.morelink {float:right; position:absolute; right:0; top:0; font-size:42px; font-family:sans-serif; line-height:10px; color:#b35e4a;}

.school_meals04 .cntwrap{position: relative; clear: both;}
.school_meals04 .cntwrap img{position: absolute; bottom:-50px; left:50%; transform: translate(-50%, 0); z-index: 1;}

.school_meals04 .datebox{padding:15px 20px; background:#b35e4a; color:#fff; font-size: 18px;}
.school_meals04 .datebox span:after {content:".";}
.school_meals04 .cntbox{margin-bottom: 30px; padding:15px 20px 80px; background:#fff; color:#b35e4a; font-size: 16px; line-height: 23px;}
.school_meals04 .cntbox .txt_line{width:100%; overflow: hidden; position: relative; line-height: 1.2em; max-height: 3.4em; padding-right: 0.8em; margin:5px auto 0; font-size:16px;}
.school_meals04 .cntbox .txt_line:before {content: '...'; position: absolute; right: 5px; bottom: 0;}
.school_meals04 .cntbox .txt_line:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}

.layout_02.layout_height_M .school_meals04 .cntwrap img{width:100px; left:auto; right:-40px; bottom:-43px;}
.layout_02.layout_height_M .school_meals04 .cntbox{margin-bottom:0; padding:15px 20px 20px;}
.layout_02.layout_height_M .school_meals04 .cntbox .txt_line{max-height: 2.4em;}

.layout_02_36.layout_06.layout_height_M .school_meals04 .cntwrap img{width:100px; left:auto; right:-40px; bottom:-43px;}
.layout_02_36.layout_06.layout_height_M .school_meals04 .cntbox{margin-bottom:0; padding:15px 20px 20px;}
.layout_02_36.layout_06.layout_height_M .school_meals04 .txt_line{max-height: 2.4em;}

.layout_03.layout_height_M .school_meals04 .cntwrap img{width:100px; left:auto; right:-40px; bottom:-43px;}
.layout_03.layout_height_M .school_meals04 .cntbox{margin-bottom:0; padding:15px 20px 20px;}
.layout_03.layout_height_M .school_meals04 .txt_line{max-height: 2.4em;}

.layout_04.layout_04mr.layout_height_M .school_meals04 .cntwrap img{width:100px; left:auto; right:-40px; bottom:-43px;}
.layout_04.layout_04mr.layout_height_M .school_meals04 .cntbox{margin-bottom:0; padding:15px 20px 20px;}
.layout_04.layout_04mr.layout_height_M .school_meals04 .txt_line{max-height: 2.4em;}

.layout_04.layout_height_M .school_meals04 .cntwrap img{width:100px; left:auto; right:-40px; bottom:-43px;}
.layout_04.layout_height_M .school_meals04 .cntbox{margin-bottom:0; padding:15px 20px 20px;}
.layout_04.layout_height_M .school_meals04 .txt_line{max-height: 2.4em;}

/* no-data */
.school_meals04 .no_data {width:100% !important; padding-right:0 !important; display:none;}
.school_meals04 .no_data > div.text_box {padding:0; text-align:center; width:100% !important;}
.school_meals04 .no_data .tit {letter-spacing:0; color:#636363; font-weight:400; width:100%;}


	@media (min-width:800px){
		.layout_height_L .school_meals04 .txtbox {padding-bottom:12px;}
		.layout_height_L .school_meals04 .txtbox h3 {font-size: 18px;}
		.layout_height_L .school_meals04 .txtbox span.morelink {font-size:26px;}
	}


	@media (max-width:799px){
		.layout_height_L .school_meals04 .txtbox h3 {font-size:18px;}
		.school_meals04 .txtbox span.morelink {font-size:35px;}
	}

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

	@media (max-width:599px){
		.school_meals04 .txtbox h3 {font-size:20px;}
		.school_meals04 .txtbox span.morelink {line-height:15px;}
	}