/* ==================== detail.css ==================== */

.Episode .detail .contents {
	box-sizing: border-box;
}

.Episode .detail .body {
	display: flex;
	align-items: center;
}

.Episode .detail h2 {
	margin: 0;
}
.Episode .detail .body {
	margin-top: 1em;
}
.Episode .detail .text p {
	margin: 0;
	text-align: justify;
	line-height: 1.6;
}

.Episode .detail .link {
	text-align: right;
}


@media (max-width: 567px) {
	.Episode .detail .body {
		flex-direction: column;
	}
	.Episode .detail .image {
		margin: 1em auto;
	}
}


@media (min-width: 568px) {
	.Episode .detail .contents {
		width: 32em;
		padding: 1.5em;
	}
	.Episode .detail .image {
		order: 1;
		margin-left: 1em;
	}
	.Episode .detail .text p {
		font-size: 90%;
	}
}


/* ==================== index.css ==================== */

.Episode .index {
	transition: opacity 400ms;
}

body.modalOpen .Episode .index {
	opacity: 0.25;
}

.Episode .index ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	transition: opacity 400ms;
}

.Karl.modalOpen .Episode .index ul {
	opacity: 0.25;
}

.Episode .index li {
	transition: transform 250ms;
}

.Episode .index li:hover {
	transform: scale(1.05);
}


@media (max-width: 567px) {

	.Episode .index {
		margin-top: 1.5em;
	}

	.Episode .index ul {
		display: flex;
		flex-direction: column;
		width: 21em;
		margin-bottom: 5em;
	}
	.Episode .index li {
		height: 6.5em;
	}
	.Episode .index li:nth-of-type(odd) {
		margin-left: auto;
	}
	.Episode .index li:nth-of-type(even) {
		margin-right: auto;
	}

	.Episode .index li img {
		font-size: 110%;
	}

}

@media (min-width: 568px) {

	.Episode .index {
		margin-top: -1em;
	}

	.Episode .index ul {
		position: relative;
		width: 42em;
		height: 27em;
	}

	.Episode .index li {
		position: absolute;
	}

.index_episode_2 {left: 4.35em; top: 2.8em;}
.index_episode_4 {left: 15.5em; top: 0em;}
.index_episode_5 {left: 10.45em; top: 14.55em;}
.index_episode_6 {left: 28.9em; top: 2.05em;}
.index_episode_7 {left: 0em; top: 12.15em;}
.index_episode_8 {left: 19.1em; top: 8.1em;}
.index_episode_9 {left: 19.55em; top: 17.95em;}
.index_episode_10 {left: 31.15em; top: 12.4em;}

	/* .index_episode_10 {left: 22.55em; top: 18.8em;}
	.index_episode_1 {left: 0.7em; top: 5.4em;}
	.index_episode_2 {left: 11em; top: 0.9em;}
	.index_episode_3 {left: 30.9em; top: 3.65em;}
	.index_episode_4 {left: 21.4em; top: 0em;}
	.index_episode_5 {left: 8.8em; top: 9.75em;}
	.index_episode_6 {left: 0em; top: 15.65em;}
	.index_episode_7 {left: 31.55em; top: 12.45em;}
	.index_episode_8 {left: 21.3em; top: 9.45em;}
	.index_episode_9 {left: 10.35em; top: 17.6em;} */

}