@charset "UTF-8";
/* ------------------------------------------------------------
 * Hanbun Top Cascading Style Sheets
 * first edition: 2017-08-24
 * -----------------------------------------------------------*/
body {
	background-color: #fcfcf8;
}

body > article {
	margin: 0 auto;
	width: 100% !important;
	max-width: 800px !important; 
}

h1 {
	position: relative;
	width: 800px;
	padding: 60px 0 0 0;
	margin: 0 auto;
	z-index: 2;
}

p {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	outline: none;
	text-decoration: none;
}

.table-of-contents {
	position: relative;
	width: 200px;
	top: -1em;
	margin: 0 auto;
	font-size: 16px;
	/*font-family: 'Yu Mincho', 'YuMincho', 'Noto Serif CJK JP', 'Noto Serif JP', 'Source Han Serif', 'Source Han Serif JP', 'Noto Serif JP Subset', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'Verdana', 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 300;
}

.table-of-contents + p img {
	display: block;
	position: relative;
	top: -1em;
	left: 0.5em;
	width: 260px;
	margin: 4em auto 0 auto;
	text-align: center;
	font-size: 16px;
	opacity: 0.6;
	z-index: 2;
}

.pegassaglia {
	color: #bababa;
}

aside {
	position: relative;
	width: 200px;
	/*left: 5em;*/
	margin: 0 auto;
	font-size: 16px;
	/*font-family: 'Yu Mincho', 'YuMincho', 'Noto Serif CJK JP', 'Noto Serif JP', 'Source Han Serif', 'Source Han Serif JP', 'Noto Serif JP Subset', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, serif;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Helvetica', 'Verdana', 'Yu Gothic Custom', 'Yu Gothic', 'YuGothic', '游ゴシック', 'メイリオ', 'Meiryo', 'Noto Sans CJK JP', 'Noto Sans JP', '源ノ角ゴシック', '源ノ角ゴシック JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 300;
}

footer {
	position: relative;
	top: 0;
	width: 100%;
	min-width: auto;
	max-width: 500px;
	margin-bottom: 0em;
}

footer figure {
	text-align: center;
}

footer p {
	margin-right: 1em;
}
