@charset 'utf-8';
body {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 1em;
	letter-spacing: 0.1rem;
	color: #FFF;
	background: #595757;
	-webkit-text-size-adjust: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
}
a:focus {
	outline: none;
}
img { vertical-align: bottom;}
h1{
	width: 60%;
	margin: auto;
	color: #FFF;
}
main{
  position: absolute;
  top: 45%;
  left: 50%;
  margin-right: -50%;
	max-width: 800px;
	min-width: 640px;
	text-align: center;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
main img{
	text-align: center;
}
article{
	margin-top:3%;
	font-size: 20px;
}
aside{
	margin-top: 10%;
	color: #A6A6A6;
}
.katagaki{
	font-size: 10px;
}
footer{
  position: absolute;
	bottom:0;
	text-align: center;
	margin: auto 20%; 
	width: 60%;
	height: 8%;
	font-size:10px;
	transform: scale(0.7);
	color: #A6A6A6;
}
@media only screen and (max-width: 750px) {
h1{
	width: 80%;
	margin: auto;
	color: #FFF;
}
main{
	width: 80%;
	max-width:auto;
	min-width:auto;
}
}