@charset "utf-8";
body{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS ProN",sans-serif;
	width:1200px;
	margin:auto;
}
a{
	text-decoration: none;
}
a,a:hover,a:visited{
    color: inherit;
}
header{
	width:100%;
	padding:1em 0;
}
header a{
	font-weight:bold;
	padding:0;
	margin:0 2%;

}
header a:nth-child(3){
	position: relative;
	top:-1.5em;
}
header a:nth-child(2){
	position: relative;
	top:-1.5em;
	margin:0 0 0 7%;
}
header a img{
	width:15%;
}
header a:first-child img{
	width:30%;
}
header p{
	text-align:left;
	padding:0 0 0 10%;
	margin:0;
}
#toi{
	text-align:center;
	margin:5em 0 5em 0;
}
#toi img{
	width:35%;
}
footer{
	width:80%;
	color:white;
	font-weight:bold;
	background-color:#4D4D4D;
	padding:10%;
	margin:0;
}
footer div img{
	width:20%;
}
#fn{
	display: flex;
}
#creafield{
	width:30%;
	border-right:thin solid white;
	padding:2em;
}
#saito{
	width:35%;
	border-right:thin solid white;
	padding:2em;
}
#shop{
	width:30%;
	padding:2em;
}
#shop a img{
	width:12em;
}
#copy{
	text-align:center;
	margin:auto;
}
@media (max-width: 700px) {
	body{
		width:100%;
		padding:0;
		margin:0;
	}
	header{
		width:100%;
		padding:1em 0 0 0;
		margin:0;
	}
	#main{
		width:100%;
		padding:0;
		margin:0;
	}
	header a{
		display:none;
	}
	header a:nth-of-type(4){
		display:block;
		float:right;
		width:40%;
	}
	header a:nth-of-type(4) img{
		width:100%;
	}
	header a:first-child{
		display:block;
		float:left;
		width:50%;
		padding:0;
		margin:0;
	}
	header a:first-child img{
		width:100%;
	}
	header p{
		clear:both;
		font-size:1em;
		font-weight:bold;
		text-align:center;
		background-color:#FFDC4A;
		padding:0;
	}
	#main img{
		width:100%;
	}
	footer{
		text-align:center;
	}
	footer div img{
		width:80%;
	}
	#fn{
		flex-direction:column;
		text-align:center;
	}
	#creafield{
		width:100%;
		border-right:none;
		padding:0;
	}
	#saito{
		width:100%;
		border-right:none;
		padding:0;
	}
	#shop{
		width:100%;
		padding:0;
	}
	#shop a img{
		width:100%;
	}
	.fni p:first-child{
		font-size:1.5em;
	}
	#toi img{
		width:80%;
	}
}