@charset "utf-8";
/*! style.css
----------------------------------------*/
body {
	background: #E2DCC6 url('./img/bg-texture.jpg') repeat;
}

.inner {
	max-width: 824px;
}

.hero .hero-image img {
	width: 800px;
}

.hero .hero-description {
	font-size: 1.15em;
}

.hero .hero-description .ttl {
	font-size: 1.25em;
}

main.library {
	padding-top: 0;
}

main.library .inner {
	display: block;
}

main.library .library-description {
	display: -webkit-flex;
	display:    -moz-flex;
	display:         flex;
	flex-direction: column;
}
@media screen and (min-width: 768px), print {
	main.library .library-description {
		flex-direction: row;
		margin: 0 -0.5em;
	}
	main.library .library-description > * {
		flex: 1;
		padding: 0.5em;
	}
}

main.library ul.triangle-black li {
	margin-bottom: 0.8em;
	font-size: 1.4em;
}

main.library .note {
	padding: 1em;
	background-color: #ffffff;
	border: 3px dashed #2D5E9E;
	-webkit-border-radius: 0.5em;
	-moz-border-radius:    0.5em;
	border-radius:         0.5em;
}