@charset "UTF-8";

@media all{
  *{
    touch-callout: none;
    -webkit-touch-callout: none;
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
  }
  .selectable,
  input[type="text"],
  textarea{
    user-select: text; /* Non-prefixed version, currently supported by Chrome and Opera */
    -webkit-user-select: text; /* Safari */
    -khtml-user-select: text; /* Konqueror HTML */
    -moz-user-select: text; /* Firefox */
    -ms-user-select: text; /* Internet Explorer/Edge */
  }
	
	body {
		width: 100%;
		height: 100%;
		
		color: #EAEAEA;
		background-color: #004B00;

		font-family: "Zen Maru Gothic", "sans-serif";
		font-size: 2.676vw;
		line-height: 1.2em;
	}
	a{
		color: #EAEAEA;
	}
	h1{
		margin: 0;
		padding: 0;
		font-size: 2em;
	}
	h3{
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	main{
		margin: 0 auto;
	}
	section{
		text-align: center;
		margin: 0;
		padding: 0.5em 1em 0.5em 0;
	}
	section.content{
		border-top: solid 2px #EAEAEA;
		text-align: left;
	}
	section.footer{
		padding: 1em;
		border-top: solid 2px #EAEAEA;
	}	
	.alignCenter{
		text-align: center;
	}
	.alignLeft{
		text-align: left;
	}
	.alignRight{
		text-align: right;
	}
	.center{
		margin: 0 auto;
	}
}

/* Portrait */
@media screen and (min-width: 481px){
	body{
		font-size: 1em;
	}
	section.content{
		padding: 2vw 0;
	}
}