/* =======================================

	reset/common

======================================= */

html, body{
	margin: 0;
	padding: 0;
}
#brand_footer *{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	line-height: 1;
}
#brand_footer a{
	color: #000;
	text-decoration: none;
	transition: opacity ease .3s;
}
#brand_footer a:hover{
	opacity: .7;
}
#brand_footer a:focus{
	outline: none;
}
#brand_footer img{
	backface-visibility: hidden;
}

/* =======================================

	brand footer pc

======================================= */

#brand_footer .sp{
	display: none;
}
#brand_footer{
	margin-top: 30px;
	padding: 20px 0 0;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 3px solid #004099;
	font-family: Hiragino Kaku Gothic ProN, 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
	font-size: 12px;
}
#brand_footer .b_foot_inner{
	width: 1020px;
	margin: auto;
	overflow: hidden;
}

/*ロゴ*/

#brand_footer .b_foot_logo{
	height: 50px;
    width: 342px;
    margin-right: 0px!important;
	margin-top: 25px;
	float: left;
}

/*リンクエリア*/

#brand_footer .b_foot_link{
	width: 451px;
	margin: 40px 0 0;
	float: left;
}
#brand_footer .b_foot_link ul li{
	display: inline-block;
}
#brand_footer .b_foot_link ul li:not(:last-child){
	margin: 0 26px 0 0;
}
#brand_footer .b_foot_link ul li a{
	padding-left: 15px;
	background: url(/assets/tmp/images/arr_blue.png) no-repeat left center;
	background-size: 10px 11px;
}

/*コピーライト*/

#brand_footer .b_foot_copy{
	width: 226px;
	margin-top: 40px;
	float: right;
	text-align: right;
}

/* =======================================

	brand footer sp

======================================= */

@media screen and (max-width: 768px){
	#brand_footer a:hover{
		opacity: 1;
	}
	#brand_footer .pc{
		display: none;
	}
	#brand_footer .sp{
		display: block;
	}
	#brand_footer{
		margin-top: 20px;
		padding: 12px 0;
	}
	#brand_footer .b_foot_inner{
		width: 100%;
	}

	/*ロゴ*/

	#brand_footer .b_foot_logo{
		width: 35%;
		margin: 12px auto 0!important;
		height: 25px;
		float: none;
	}
	#brand_footer .b_foot_logo img{
		width: 100%;
		max-width: 260px;
	}

	/*リンクエリア*/

	#brand_footer .b_foot_link{
		width: 100%;
		margin: 0;
		float: none;
		border-bottom: 1px solid #ccc;
	}
	#brand_footer .b_foot_link ul{
		width: 75%;
		margin: 0 auto 4px;
		overflow: hidden;
	}
	#brand_footer .b_foot_link ul li{
		margin-bottom: 8px;
		display: block;
		float: left;
	}
	#brand_footer .b_foot_link ul li:nth-child(odd){
		width: 58%;
	}
	#brand_footer .b_foot_link ul li:nth-child(even){
		width: 42%;
	}
	#brand_footer .b_foot_link ul li:not(:last-child){
		margin: 0 0 8px 0;
	}

	/*コピーライト*/

	#brand_footer .b_foot_copy{
		width: 100%;
		margin-top: 6px;
		float: none;
		text-align: center;
	}
	
}