@charset "utf-8";

.frameBody{
	border: none;
}

.shopList{
		display: grid;
		grid-template-columns: 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;
}

.shopSearchContainer{
	margin-right: 5px;
}

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

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

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

.frameBody{
	display: flex;
	 align-items: center;
	 justify-content: left;
	 gap: 10px;
	 padding: 0 15px;
	 flex-wrap: wrap;
	 border: 0;
}

.shopListName{
	border-right: solid 1px black;
    padding-right: 10px;
}

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

	.shopSearchContainer {
		width: 40%;
	}
	#shopSearchContainer button{
		width: 40%;
	}

}