footer {
	padding:20px;
	background:rgba(136,132,128,0.3);
}

footer nav {
	display:inline-block;
	padding:10px;
	margin:0;
	box-sizing:border-box;
	width:33%;
	float:left;
}
footer nav h1 {
	padding:10px 0;
	margin:0;
	font-weight:bold;
	font-size:110%;
	border-bottom:solid 1px rgba(136,132,128,1);
}
footer nav h1 a {
	color:rgba(0,0,0,0.7);
}
footer ul {
	margin:0 0 44px 0;
	padding:0;
}
footer li {
	list-style:none;
	margin:0;
	padding:0;
}
footer li a {
	display:block;
	padding:10px 0;
	color:rgba(0,0,0,0.7);
}

footer address {
	clear:both;
	text-align:center;
	padding:20px;
	color:rgba(0,0,0,0.7);
}

#sns {
	background:rgba(42,86,156,1);
	position:fixed;
	right:0;
	top:30%;
	width:60px;
	height:60px;
	text-align:center;
}
#sns a {
	display:block;
	padding:10px;
	height:60px;
}


/** Media Query **/

@media only screen and (max-width : 980px) {
	footer {
		font-size:160%;
	}
  footer nav {
    width:100%;
    float:none;
  }
	footer li a {
		padding:20px 0;
	}
  footer address {
    font-size:90%;
  }
}