@charset "UTF-8";
/* CSS Document */

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓footer(フッター)↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

footer {
	padding: 20px 0;
	color: #fff;
	background-color: #0CF; /*フッターの背景色*/
}


/*フッター部分のタイトル*/
h2.footer_title {
	font-family: 'Lato', sans-serif;
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
}

/*フッター部分のSNS項目*/
footer .list-inline li,.btn-round {
	display: inline-block;
	outline: none;
	}

footer .list-inline li::before,
footer .list-inline li::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
footer .list-inline li,
footer .list-inline li::before,
footer .list-inline li::after,.btn-round {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

footer .list-inline li {
	width: 50px;
	height: 50px;
	border: solid 1px #FFF; /*フッターのSNS項目のボーダーの色*/
	border-right: none;
	margin-right: -5px;
}

footer .list-inline li.s_c {
	width: 50px;
	height: 50px;
	border: solid 1px #FFF; /*フッターのSNS項目のボーダーの色*/
}

footer .list-inline li, footer .list-inline li.s_c{
	padding: 0;
}

footer .list-inline li.f_b a, footer .list-inline li.t_w a, footer .list-inline li.i_g a {
	padding-top: 5px;
	padding-bottom: 1px;
}

footer .list-inline li.s_c a {
	padding-bottom: 3px;
}

footer .list-inline li.s_c a i{
	padding-top: 17px;
}
footer ul.list-inline li a:link, footer ul.list-inline li a:visited, footer ul.list-inline li a:active {
	color: #FFF; /*フッターのSNS項目の色*/
}
footer .list-inline li.f_b a:hover, footer .list-inline li.t_w a:hover, footer .list-inline li.i_g a:hover, footer .list-inline li.s_c a:hover {
	background-color: #FF0; /*フッターのSNS項目のホバー時の背景色*/
	color: #0CF; /*フッターのSNS項目のホバー時の色*/
	-webkit-transition: all .5s;
	transition: all .5s;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑footer(フッター)↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/