footer{
	width: 100%;
	max-width: 1280px;
}
footer ul{
	display: flex;
	flex-wrap: wrap;
	background: #000;
	color: #fff;
}
footer li a,
footer li.copy{
	color: #fff;
	padding: 0.5em;
	display: block;
}

/*----------------------
スマホ以下
----------------------*/
@media screen and (max-width: 767px) {
	footer li{
		flex-basis: 100%;
		min-width: 100%;
		text-align: center;
	}
	footer li:nth-child(1){
		background-color: #6d6d6d;
	}
	footer li:nth-child(2){
		background-color: #565656;
	}
	footer li:nth-child(3){
		background-color: #383838;
	}
}

/*----------------------
タブレット以上
----------------------*/
@media screen and (min-width: 768px) {
	footer ul{
		justify-content: center;
	}
	footer li ~ li{
		border-left: 1px solid #565656;
	}

}

/*----------------------
PC以上
----------------------*/
@media screen and (min-width: 1024px) {
	
}