/* 共通 */

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #888888;
	background-color:#ffffff;

	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
}
@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
	 0% {opacity: 0}
	100% {opacity: 1}
}

img {
	max-width: 100%;
}

a {
	color: #888888;
	text-decoration: none;
}


/* mobile */
@media screen and (max-width: 800px) {
#logo {
	width: 100%;
	text-align: center;
}
#nav {
	width:100%;
	margin:5px 0;
}
.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}
.navigation li{
	float: left;
}

}