html, body {
	width: 100%;
	background: #111;
	color: #eee;
	font-family: "Futo Min A101 JIS2004", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "MS PMincho", serif;
}

#loading {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 5em;
	transition: opacity 0.5s linear;
	opacity: 1;
}

#loading.hidden {
	display: none;
}

.loaded #loading {
	opacity: 0;
}

main {
	opacity: 0;
	transition: opacity 0.5s 0.5s linear;
}

@media (min-width: 700px) {
	main {
    	font-size: 24px !important;
	}
}

.loaded main {
	opacity: 1;
}

.font-big {
	font-size: 1.1em;
}

h1 {
	margin: 2em auto 0.7em;
}

#details {
	width: 620px;
	margin: 2em auto;
}

#details dd {
	margin: 0.5em 0 1em 2em;
}

#story {
	line-height: 1.75em;
	margin: 6em auto;
}

#story p {
	margin-bottom: 1em;
}

#cast {
	width: 400px;
	margin: 6em auto 2em;
}

#cast dd {
	margin: 0.5em 0 1em 2em;
}

#cast ul {
	padding-left: 0;
}

#cast li {
	list-style-type: none;
}

main a:link, main a:visited, main a:hover, main a:active {
	color: white;
	text-decoration: underline;
	cursor: pointer;
}