@charset "UTF-8";

/*--------------------------------------------
	ナビゲーション
	番号も自動生成する
--------------------------------------------*/
.nav {
	max-width: 600px;
	width: 95%;
	text-align: left;
	margin: var(--dynamic-margin-small) auto var(--dynamic-margin-superlarge) !important;
	background-color: var(--bg2);
	border-radius: 8px;
	list-style: none;
	padding: 10px 0 !important;
	font-size: 1.05em;
	counter-reset: nav-counter
}

.nav li {
	list-style: none;
	counter-increment: nav-counter
}

.nav li a {
	color: var(--text-color);
	display: block;
	padding: 4px 0;
	text-decoration: none;
	position: relative;
	padding-left: 10px
}

.nav li a::after {
	content: '';
	position: absolute;
	left: 2px;
	right: 2px;
	bottom: 0;
	height: 1px;
	background-color: var(--muted-2);
}

.nav li:last-child a::after {
	display: none
}

.nav li:last-child a {
	border-bottom: none
}

.nav li a::before {
	content: counter(nav-counter) ". ";
	margin-right: 3px
}

.content section,
.movie section {
	margin-bottom: var(--dynamic-margin-verylarge);
}