@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}


/****************  Common: for all pages  ****************/

/********  Blocks  ********/

html {
	font-family: 'MS Gothic';
}

body {
	overflow-x: hidden;
	background-color: #F4FFF4;
	font-size: 16pt;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	word-wrap: normal;
    overflow-y: scroll;
}

.container {
	width: 80vw;
	max-width: 880px;
	min-width: 640px;
	margin: 1em auto 0 auto;
}

footer {
	color: #F4FFF4;
	background-color: darkgreen;
	text-align: center;
	height: 1.5em;
	margin-top: auto;
}

footer small::before {
	content: "Copyright(C) 2019- サンキューリ(Sankyuri) - 小倉 拓海(Takumi Ogura)";
}




/********  Tags  ********/

hr {
	margin: 1rem -5%;
	overflow: clip;
}

h1 {
	color: limegreen;
	font-size: 180%;
}

h2 {
	background-color: yellow;
}

a:link {
	color: blue;
}

a:visited {
	color: blueviolet;
}

a:hover {
	color: #FF30FF;
}

ul, ol {
	margin-left: 0;
}

footer small {
	font-size: 80%;
}








/********************************  responsive  ********************************/
@media screen and (max-width: 639px) {
	

	/********  Blocks  ********/
	
	/* 
	body {
		background-color: #DDffDD;
	}
	*/

	.container {
		max-width: 640px;
		min-width: 480px;
		width: 5%;
	}




	/********  Tags  ********/

	h1 {
		color: limegreen;
		font-size: 160%;
	}
	
	hr {
		margin: 4px 0%;
	}


}