@charset "utf-8";
/* ------------------------------------------------------ */
/* schoollife > message CSS */
/* ------------------------------------------------------ */
@media (max-width: 480px) {
	#pagetitle .inner-pagetitle .ttl-en {
		font-size: 12.5vw;
	}
}
/* link ----------------------------- */
#c-messagelist a:link,
#c-messagelist a:hover,
#c-messagelist a:visited {
	text-decoration: none !important;
}

.item-voice {
	width: 25%;
    box-sizing: border-box;
    padding: 0 1%;
    min-height: 390px !important;
}


/* no-image */
#c-messagelist img.no-image {
    width: 100%;
    background-size: 60% auto;
}
#c-messagelist img.no-image.remaind-1 {
	background-color: #ffe0e0;
}
#c-messagelist img.no-image.remaind-2 {
	background-color: #eddbff;
}
#c-messagelist img.no-image.remaind-3 {
	background-color: #d6eaff;
}
#c-messagelist img.no-image.remaind-4 {
	background-color: #d6ffea;
}
#c-messagelist img.no-image.remaind-0 {
	background-color: #ffead6;
}


@media (min-width: 1350px){
	.item-voice {
		min-height: 420px !important;
	}
}
@media (max-width: 991px) {
	.item-voice {
		width: 33.333333%;
		min-height: 360px !important;
	}
}


@media (max-width: 767px) {
	
	.item-voice {
		min-height: 340px !important;
	}

}

@media (max-width: 480px) {
	
	.item-voice {
		width: 50%;
		min-height: 340px !important;
	}
}