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

	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 20px;
	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{
	margin-right: 270px;
	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;
	letter-spacing: -0.01em!important;
}
#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(/template/common/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 769px～1019px

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

@media (min-width: 769px) and (max-width: 1019px) {
  #brand_footer .b_foot_inner {
    width: 100% !important;
  }
  #brand_footer .b_foot_copy {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding-top: 20px;
    margin: 0 auto !important;
  }
  #brand_footer .b_foot_link {
    width: 100% !important;
    margin: 0 auto 10px;
    float: none !important;
  }
  #brand_footer .b_foot_link ul li {
    margin: 13px 10px 0 0 !important;
  }
  #brand_footer img {
    margin-top: 0!important;
  }
}
/* =======================================

	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: 12%;
		margin: 12px auto 0;
		float: none;
	}
	#brand_footer .b_foot_logo img{
		width: 100%;
		max-width: 123px;
	}

	/*リンクエリア*/

	#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;
	}
	
}