@charset "utf-8";
/* CSS Document */
article,footer,header,nav,section { display: block; }
*{word-break: break-all;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

body {
	margin: 0;
	padding: 60px 0 0;
	color: #333;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pagewrap {
	padding: 16px;
}

a {
	color: #333;
}
a:hover {
	text-decoration: none;
}

#site-name {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	background: #333;
	color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 6px;
	margin: 0;
	font-size: 16px;
}
#site-name a { text-decoration: none; color: #333; color: #fff; font-weight: normal; }
#site-name a:hover { text-decoration: underline; }

h2 {
	font-size: 1.5em;
	color: #333;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
}

#site-name a,#article,nav {
	display: block;
	max-width: 800px;
	margin: 0px auto;
}

#article {
	margin-bottom: 5em;
}
#article p {
	font-size: 18px;
	line-height: 1.7;
	margin-bottom: 2em;
	text-align: justify;
}

#article p:first-child {
	font-size: 2em;
	font-size: 4vw;
	color: #555;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

ul {
	margin: 0;
	padding:0 16px 16px;
}

li {
	list-style: inside decimal;
	line-height: 1.3;
	margin-bottom: .7em;
	font-weight: bold;
	color: #666;
	padding-left: 1em;
	text-indent: -1.5em;
}

#copyright {
	margin-top: 4em;
	text-align: center;
	font-size: 14px;
}

#copyright a {
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	#article p,li {
		font-size: 14px;
	}
	#copyright {
		font-size: 11px;
	}
}