@charset "UTF-8";

.brandWrap {
	background-color: rgba(255,255,255, 0.7);
}
.footer_brand{
width:100%;
overflow: hidden;
list-style-type:none;
padding: 70px 10px;
margin:0 auto;
}

.footer_brand li{
margin-right:2%;
margin-bottom:2%;
color: #333333;
background-color: #dddddd;
border-radius: 3px;
box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.footer_brand li img{
width:100%;
display:block;
}

.footer_brand li img:hover{
	opacity: 0.8;
}
/**PC用CSS
------------------------------------------------**/
@media (min-width: 1101px){

	.footer_brand{
		width:100%;
	}

	.footer_brand li{
	width:10.222%;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	}
	
	.footer_brand li:nth-child(9n){
		margin-right:0;
	}
	
	.footer_brand li img{
		width:100%;
		max-width:212px;
		display:block;
		margin:0 auto;
	}
	

}


/**タブレット用CSS
------------------------------------------------**/
@media only screen and (min-width: 641px) and (max-width: 1100px) {
  * {
    float: none;
    position: static;
  }
  img {
    max-width: 100%;
    height: auto;
  }
	
	.footer_brand li{
	width:23.5%;
	float:left;
	
	}
	
	.footer_brand li:nth-child(4n){
		margin-right:0;
	}
	
}

/**スマホ用CSS
------------------------------------------------**/
@media screen and (max-width: 640px) {

	.footer_brand {
		padding-top: 20px;
	}
	
	.footer_brand li{
	width:32%;
	float:left;
	}
	
	.footer_brand li:nth-child(3n){
		margin-right:0;
	}

	
}