* {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: "Segoe UI", Meiryo, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

article {
	min-height: calc(100vh - 14em);
}

header, footer {
	z-index: 10;
}

footer .contentsBox,
#top .contentsBox {
	display: inline-block;
	flex-wrap: wrap;
	vertical-align: top;
	padding: 4px 8px;
}
footer .contentsBox ul li,
#top .contentsBox ul li {
	list-style: none;
	margin: 4px 0 4px 1em;
}
footer .contentsBox ul li:before,
#top .contentsBox ul li:before {
	content: "\f0da";
	font-family: "FontAwesome";
	margin-right: 4px;
}
#top .contentsBox ul li a {
	color: #000000;
}
#top .contentsBox ul li a:hover {
	color: #f1a8c4;
}
footer .contentsBox h3,
#top .contentsBox h3 {
	border-bottom: 1px solid #000;
}
footer h3:before,
#top h3:before {
	content: '【';
}
footer h3:after,
#top h3:after {
	content: '】';
}