@charset "utf-8";

#brandListArea img {
  width: 100%;
  position:relative;
}

.bnr_img a {
  height: fit-content;
  display: inline-block;
}

.manufacturerBox{
    text-align:center;
    margin-bottom: 5px;
    margin-top: 5px;
}
.manufacturerBox .bnr_img{
    height:60px;
    display:block;
    margin-bottom: 2px;
    overflow:hidden;
}

.brandLogoBox{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		column-gap: 10px;
    		row-gap: 0;
		padding: 10px;
		margin: 0;
	}


.manufacturerBox{
	width: 100%;
}

.titleBox{
	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	padding: 0.5em;
  margin: 0.5em 0;
  color: #494949;
  background: #ededed;
  border-left: solid 5px #e70012;
}

.manufacturerSearchContainer{
	margin-right: 5px;
}

#manufacturerSearchContainer fieldset {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	line-height: 0;
	gap: 0;
	height: 25px;
}

#manufacturerSearchWord {
    flex-grow: 1;
    width: 100%;
}

#manufacturerSearchContainer button{
	display: flex;
    align-items: center;
    justify-content: center;
	border: solid 1px black;
	border-top-right-radius: 5px !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 0 !important;
    margin: 0 !important;
    width: 40%;
}




#pagerSizeArea{
		margin-right: 10px;
	}

h2{
	all: unset;
	font-size: 18px;
  text-align: left;
  color: #494949;
  padding: 0.3em;
  line-height: 1.2;
  font-weight: bold;
}

@media (max-width: 768px) {
	#brandListArea img {
	  object-fit:scale-down;
	  height: 100%;
	}

	.brandLogoBox{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 10px;
    		row-gap: 10px;
		padding: 10px;
		margin: 0;
	}
	.manufacturerBox{
	    margin-bottom:0;
	}
	.manufacturerSearchContainer {
		width: 40%;
	}
	#manufacturerSearchContainer button{
		width: 40%;
	}

}