@charset "UTF-8";

/*common
----------------------------------------------------------------*/
a {	text-decoration: none; }
a:link { color: #ff0db4; }
a:visited { color: #9a0064; }
a:hover { color: #ff5ec1; text-decoration: underline;}
a:active { color: #ff0db4; }
::selection { background: #ff0db4;  color: #fff;}
::-moz-selection {  background: #ff0db4; color: #fff;}
body {
	font-family: 'Sarpanch', 'メイリオ', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Osaka', Arial, sans-serif;
	height:100%;
	color:#fff;
	overflow:hidden;
	}

/*camvas
----------------------------------------------------------------*/
canvas{background: rgba(11, 0, 16, 0.8); width: 100%; position: absolute; top:0; left: 0; z-index: 1;}

/*header
----------------------------------------------------------------*/
#header{background: #9a0064; position: relative; z-index: 3;}
h1 { display: block; margin: 0; font-size:150%; font-weight: bold; color:#fff; text-shadow: 1px 1px 0 rgba(000,000,000,0.3); padding:2% 0 2% 3%;}
h1 span{ font-size:50%; padding: 0 0 0 2em;}

/*section
----------------------------------------------------------------*/
h2{ font-size: 150%;}
h2:first-letter{ font-size: 250%;}
section{ width: 80%; margin: 5em auto; line-height: 2; z-index: 2; position: relative;}

/*footer
----------------------------------------------------------------*/
#footer {
	position:absolute;
	bottom:0;
	width:100%;
	text-align: right;
    background: rgba(0, 0, 0, 0.33);
    padding: 1em 0;
    z-index: 3;
	}

#copyright {
	margin:auto;
	padding: 3em;
	font-size: 10px;
	line-height:1;
	}