@charset "utf-8";

.clearfix { *zoom: 1; }
.clearfix:after { content: ''; display: block; clear: both; height: 0; margin-top: -1px; }

* {
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 0;
}

body { 
    font-size:16px;
}
header { background:#7cfc00; color:#fff; padding:10px; text-align:center; font-size:20px}
header nav > ul > li { display:inline-block; }
header nav > ul > li a { color:#000000; display:block; margin:0 10px; }
footer { background:#7cfc00; padding:10px; color:#000000; text-align:center; }
article { max-width:800px; margin:100px auto; position:relative; box-sizing:border-box; }

body.header article { padding-left:250px; }

.lnav { width:200px; position:absolute; left:0; top:0; background:#eee; padding:20px; box-sizing:border-box; font-size:14px; }
.lnav li a { color:#000; padding:10px; display:block; margin-bottom:10px; }

h1 { font-size:30px; margin-bottom:2em; background:#000; color:#fff; padding:1em; }
h1.title { font-size:30px; margin-bottom:5px; background:#000; color:#fff; padding:10px; }
h1.header { 
	font-size:30px;
	margin-bottom:5px;
	background:#7cfc00;
	color:#000000;
	text-align:left;
	padding:0;
}
h2 {
    font-size: 24px;
    background: #7cfc00;
    color: #000000;
    padding: 10px;
}
h3 {
	font-size:20px;
	margin-bottom:2em;
}

p {
	font-size:16px;
	margin:20px;
	color:#000000;
	line-height:180%;
}

img {
	background-color:#fff;
	width: 100%;
}
code {
	display: inline-block;
	padding: 0.1em 0.25em; /* 文字周りの余白 */
	color: #444; /* 文字色 */
	background-color: #E7FCE6; /* 背景色 */
	border-radius: 3px; /* 角丸 */
	border: solid 1px #d6dde4; /* 枠線 */
}

table th,
table td {
    padding: 8px;
}

/*div.main { margin:0px 100px 0px 100px; width:80%}*/
div.main {
	position:relative;
	left:10%;
	width:80%;
}
@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	div.main {
		left:5%;
        	width:90%;
	}
}

video {
    width: 100%;
}



/* 現在のページのナビをアクティブにする記述 */
body.home header nav > ul > li.home a { color:#FF9; }
body.axie header nav > ul > li.axie a { color:#FF9; }
body.tools header nav > ul > li.tools a { color:#FF9; }
body.physics header nav > ul > li.phtsics a { color:#FF9; }