/* ==================== #eandm/@.css ==================== */

#eandm *,
#eandm *::after {
	all: unset;
}

#eandm {
	display: grid;
	grid-gap: 1em;
	line-height: 1.5;
}

#eandm::before {
	content: '';
}

#eandm img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}


@media (max-width: 640px) {

	#eandm,
	#eandm img {
		font-size: 4vw;
	}

}


@media (min-width: 641px) {

	#eandm,
	#eandm img {
		font-size: 20px;
	}

}



/* ==================== #eandm/<h2>.css ==================== */





/* ==================== #eandm/> p.css ==================== */

#eandm > p {
	color: #8b2c26;
	font-weight: bold;
}


@media (max-width: 640px) {

	#eandm > p {
		font-size: 0.9em;
	}

}



@media (min-width: 641px) {

	#eandm > p {
		display: grid;
		justify-items: center;
		font-size: 0.7em;
	}

}



/* ==================== #eandm/program/@.css ==================== */

#eandm .program {
	display: grid;
	grid-gap: 1.75em;
	border-radius: 0.75em;
}

#eandm .program_karada {
	background-color: #ebf3d8;
	box-shadow: 0.1em 0.1em 0.4em rgba(4,62,33,0.5);
}

#eandm .program_suibun {
	background-color: #d7e8f7;
	box-shadow: 0.1em 0.1em 0.4em rgba(24,68,129,0.5);
}


@media (max-width: 640px) {

	#eandm .program {
		box-shadow: none;
		padding: 1.5em;
	}

}


@media (min-width: 641px) {

	#eandm .program {
		padding: 2em;
	}

}



/* ==================== #eandm/program/<h3>.css ==================== */

#eandm .program h3 {
	justify-self: center;
}


@media (max-width: 640px) {

	#eandm .program_karada h3 { width: 19.7em; }
	#eandm .program_suibun h3 { width: 13.3em; }

}


@media (min-width: 641px) {

	#eandm .program_karada h3 { width: 21em; }
	#eandm .program_suibun h3 { width: 24.6em; }

}



/* ==================== #eandm/program/head/@.css ==================== */

#eandm .program .head {
	display: grid;
}


@media (max-width: 640px) {

	#eandm .program .head {
		grid-gap: 1em;
	}

}


@media (min-width: 641px) {

	#eandm .program .head {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 2em;
		align-items: center;
	}

}



/* ==================== #eandm/program/head/<figure>.css ==================== */

#eandm .program_karada .head figure img { box-shadow: 0.1em 0.1em 0.4em rgba(4,62,33,0.5); }
#eandm .program_suibun .head figure img { box-shadow: 0.1em 0.1em 0.4em rgba(13,86,166,0.5); }



/* ==================== #eandm/program/head/<p>.css ==================== */

#eandm .program .head p {
	font-weight: bold;
}

#eandm .program_karada .head p { color: #44af35; }
#eandm .program_suibun .head p { color: #0096d8; }


@media (min-width: 641px) {

	#eandm .program .head p {
		font-size: 0.8em;
	}

}



/* ==================== #eandm/program/slide/@.css ==================== */

#eandm .program .slide {
	display: grid;
}


@media (max-width: 640px) {

	#eandm .program .slide {
		grid-gap: 1em;
	}

}


@media (min-width: 641px) {

	#eandm .program .slide {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 1em;
	}

}



/* ==================== #eandm/program/slide/<figure>.css ==================== */

#eandm .program .slide figure {
	display: grid;
}

#eandm .program_karada .slide figure img { box-shadow: 0.1em 0.1em 0.2em rgba(4,62,33,0.5); }
#eandm .program_suibun .slide figure img { box-shadow: 0.1em 0.1em 0.2em rgba(13,86,166,0.5); }

#eandm .program .slide figure figcaption {
	text-align: left;
}


@media (max-width: 640px) {

	#eandm .program .slide figure {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1em;
		align-items: center;
	}

	#eandm .program .slide figure figcaption {
		font-size: 0.9em;
	}

}


@media (min-width: 641px) {

	#eandm .program .slide figure {
		grid-gap: 0.5em;
		align-content: start;
	}

	#eandm .program .slide figure figcaption {
		font-size: 0.6em;
	}

}



/* ==================== #eandm/program/subject/@.css ==================== */

#eandm .program .subject {
	justify-self: center;
}



/* ==================== #eandm/program/subject/<dl>.css ==================== */

#eandm .program .subject dl {
	display: grid;
	grid-auto-flow: column;
	font-weight: bold;
	border-radius: 0.5em;
	border: solid 0.15em;
	background: white;
	line-height: 1.3;
	overflow: hidden;
}

#eandm .program_karada .subject dl { border-color: #5bb431; }
#eandm .program_suibun .subject dl { border-color: #0096d8; }

#eandm .program .subject dl dt,
#eandm .program .subject dl dd {
	display: grid;
	align-items: center;
	padding: 0.75em 1em;
}

#eandm .program .subject dl dt {
	color: white;
}

#eandm .program_karada .subject dl dt { background-color: #5bb431; }
#eandm .program_suibun .subject dl dt { background-color: #0096d8; }

#eandm .program .subject dl dd {
	text-align: left;
}


@media (max-width: 640px) {

	#eandm .program .subject dl dt,
	#eandm .program .subject dl dd {
		font-size: 0.9em;
	}

}


@media (min-width: 641px) {

	#eandm .program .subject dl dt,
	#eandm .program .subject dl dd {
		font-size: 0.8em;
	}

}