@charset "utf-8";
/* CSS Document */

body {
	background-color: #333;
	font-size:20px;
	}
#page {
	width:100%;
	margin: 0 auto;
	text-align:center;
	color: #F6F6F6;
	font-size:0.8rem;
}
.header h1 {
	margin:10px;
	text-align:center;
	font-size:0.8rem;
}
.header h1 img {width: 90%;}
.site-img {
	margin-bottom:16px;
}
main {
	margin-bottom: 16px;
}
.sns{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 16px;
}
.sns li {
	list-style: none;
}
.sns li a {
	color:#F6F6F6;
	padding: 8px 16px;
	border: solid #CCC 1px;
	margin-left: 4px;
	text-decoration: none;
}
.footer {
	margin-bottom: 16px;
}
.footer p {
	font-size:0.7rem;
}
@media screen and (min-width: 481px) {
	} 
@media screen and (min-width: 769px) {
#page {
	max-width:1040px;
}
.header h1 img {width: 64%;}
	}