#footer{
	background-image:url(picture/BGI.jpg);
	background-position:center center;
}
#logo{
	font-weight:600;
	font-family:"yuGothic";
	font-size:45px;
	color:white;
	margin:0 20px;
}
#footer ul{
	margin-left:0;
}
@media(min-width:800px){
	#footer{
		overflow:hidden;
		color:black;
		font-size:30px;
		margin:0px;
		background-color:#eeeeee;
		padding:20px 0 ;
		text-align:left;
	}
	.footer{
		display:inline-block;
		vertical-align:top;
		margin:20px;
		width:calc(20% - 40px);
		padding-left:auto;
		padding-right:auto;
	}
	#link{
		display:flex;
		flex-wrap:nowrap;
		justify-content:center;

	}
	#footer i{
		-webkit-transition:all 0.3s ease;
	}

	#links{
		font-size:15px;
		font-weight:500;
	}
	#footer ul{
		padding-top:5px;
		line-height:1.5em;
	}
	#footer li{
		line-height:1.5em;
		font-weight:500;
		font-size:16px;
	}
	#footer a{
		color:#eeeeee;
	}


	#footer p{
		font-weight:600;
		margin:0px;
		padding-bottom:5px;
		padding-top:5px;
		font-size:20px;
		color:white;
	}
}
@media(min-width:1100px){
	.footer{
		width:calc(1000px * 0.2 - 40px);
	}
	#logo{
		width:960px;
		margin:0 auto;
	}
}

@media(max-width:800px){
	#footer{
		color:white;
		font-size:30px;
		background-color:#333333;
		padding:30px;
	}
	.footer{
		margin:20px 0;
		width:100%;
	}
	#footer i{
		-webkit-transition:all 0.3s ease;
	}
	#footer a{
		color:white;
	}

	#links{
		font-size:20px;
		font-weight:500;
		color:white;
	}
	#footer ul{
		padding:0px;
		margin:0px;
		padding-top:5px;
		line-height:1.5em;
		width:100%;
	}
	#footer li{
		line-height:1.5em;
		padding:0.5em 1em;
		margin:0px;
		border-bottom:solid #555555 1px;
	}
	#footer li:last-child{
		border:none;
	}


	#footer p{
		font-weight:600;
		color:white;
		margin:0px;
		padding-bottom:5px;
		padding-top:5px;
		font-size:20px;
		border-bottom:solid;
		border-width:2px;
		border-color:white;
		text-align:center;
	}
}
#footer li:hover{
	transform:translateX(5px);
	color:white;
}


/*
#media{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	border-left:none;
	border-right:none;
	border-width:2px;
	border-color:#DDDDDD;
	display:block;
}
.media{
	display:inline-block;
	vertical-align:center;
}
#media a{
	color:#AAAAAA;
}
#media p{
	border:none;
	font-size:20px;
	font-weight:600;
	margin-right:30px;
	padding:0px;
}
#Twitter:hover{
	color:#1DA1F2;
	
}
#Facebook:hover{
	color:#3C5A99;
	-webkit-transition:all 0.3s ease;
}
#Line:hover{
	color:#00B900;
}
#Instagram:hover{
	color:#CF2E92;
}*/




.copyright{
	margin:0;
	padding:10px 30px;
	font-family:"Helvetica","YuGothic","游ゴシック","ヒラギノ角ゴ","Meiryo","San serif";
	font-size:17px;
	color:white;
	font-size:20px;
	text-align:center;
	font-weight:400;
}