@charset "utf-8";
/* CSS Document */

body {
	width: 700px;
	margin: 20px auto;
	background: #D9D9D9;
	font-size: 10px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	-webkit-text-size-adjust: 100%;
	display: grid;
	grid-template-columns: 200px 250px 250px;
	grid-template-rows: 60px 60px 300px 60px 60px 70px 70px;
}
img {
	pointer-events: none;
	width: 400px;
	margin: 0 20px 0 0;
}
/*↓ ヘッダー ↓*/
#header1 {
	grid-column: 1;
	grid-row: 1/2;
	border: 1px solid #000000;
}
#header2 {
	grid-column: 1;
	grid-row: 2/3;
	border: 1px solid #000000;
	border-top: none;
}
h1, h2 {
	font-size: 9px;
	margin: 20px;
}
/*↓ ナビゲーション ↓*/
nav {
	grid-column: 1;
	grid-row: 3/4;
	border: 1px solid #000000;
	border-top: none;
}
nav p {
	margin: 20px 0 0 20px;
}
nav ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
nav li a {
	text-decoration: none;
	color: #0000FF;
}
nav li a:hover {
	color: #FF0000;
}
#now {
	color: #FF0000;
}
/*↓ 参考作品 ↓*/
#data {
	grid-column: 1;
	grid-row: 4/5;
	border: 1px solid #000000;
	border-top: none;
}
/*↓ 更新履歴 ↓*/
#log, #lognow {
	grid-column: 1;
	grid-row: 5/6;
	border: 1px solid #000000;
	border-top: none;
}
#lognow p {
	margin: 20px;
	color: #FF0000;
}
/*↓ 参考作品・更新履歴 ↓*/
#data a, #log a {
	display: inline-block;
	margin: 20px;
	text-decoration: none;
	color: #0000FF;
}
#data a:hover, #log a:hover {
	color: #FF0000;
}
/*↓ リンク ↓*/
#link {
	grid-column: 1;
	grid-row: 6/7;
	border: 1px solid #000000;
	border-top: none;
}
#link a {
	width: 100px;
	height: 30px;
	margin: 20px;
	display: inline-block;
}
#calmanism {
	width: 100px;
	height: 30px;
	pointer-events: auto;
}
/*↓ メイン ↓*/
main {
	grid-column: 2/4;
	grid-row: 1/7;
	border: 1px solid #000000;
	border-left: none;
}
#work {
	width: 460px;
	height: 585px;
	margin: 20px 0 0 20px;
	overflow-x: scroll;
	display: flex;
	align-items: flex-start;
}
.set {
	margin-right: 5px;
}
#cover {
	margin: 60px 0 0 30px;
}
/*↓ 更新履歴 ↓*/
#logs {
	width: 460px;
	height: 585px;
	margin: 20px 0 0 20px;
	overflow-y: scroll;
}
#logs p {
	margin: 0;
}
details > summary {
	color: #0000FF;
	display: inline-block;
}
details > summary:hover {
	color: #FF0000;
}
/*↓ 警告 ↓*/
#warning {
	grid-column: 1/3;
	grid-row: 7/8;
	border: 1px solid #000000;
	border-top: none;
}
#warning p {
	margin: 20px;
}
/*↓ 著作権表示 ↓*/
#copyright {
	grid-column: 3;
	grid-row: 7/8;
	border: 1px solid #000000;
	border-top: none;
	border-left: none;
}
#copyright p {
	margin: 25px 20px;
}