.listWrap{
  max-width:960px;
  margin:40px auto ;
  padding:20px;
  clear:both;
}

.listWrap.pork{
  background-color: #2C2C2C;
}

.listWrap.beef{
  background-color: #4a403f
}

.listWrap.proceedPork{
  background-color: #6d5c57;
}


.pageTtl{
  margin-top:100px;
  max-width:960px;
  margin:100px auto 0;
  width:94%;
}
.pageTtl .ttl{
  margin: 0 0 20px ;
}

.type{
  margin: 0 0 15px;
  line-height: 1;
  color:#E6DCCF
}
.type .ttlEn{
  border-color:#E6DCCF;
  font-size:24px;
}
.packersList {
  display: grid;
  grid-template-columns: 1fr;  /* モバイルでは1カラム */
  gap: 15px; 
}

.packerItem {
  border: 1px solid #2C2C2C;
  background-color: #f9f9f9;
  box-sizing: border-box;
  border-radius:10px;
  overflow:hidden;
}

.packerItem img{
  transition: transform 0.3s ease-in-out;
}

.packerNameLogo img:hover {
  transform: scale(1.05);  /* ホバー時に拡大 */
}

.packerNameLink{
  color:#000;
}
.packerNameLink:hover,.packerNameLink:visited{
  color:#643030;
}
.packerNameLink:visited{
  text-decoration: none;
}
.packerName{
  margin:15px 15px 10px 15px;
  line-height:1.3;
}
.packerNameLogo,.packerNameLogo:hover{
  border-bottom:2px solid #2C2C2C;
  display:inline-block;
  line-height: 0;
}
.packerName_small{
  font-size:15px;
}
.packerType{
  margin:10px 15px;
}
.packerProducts{
  display:flex;
  margin:10px 15px 15px 15px;
}

.packerProductsTitle{
  width:2em;
  padding-right:10px;
  white-space: nowrap;
  font-size:14px;
}

.packerProductsItem{
  border-left:1px solid ;
  padding-left:10px;
  font-size:14px;
}
.packerProductsItem ul{
  margin:0;
  padding:0;
  justify-content: center;
  list-style: none;
}
.packerProductsItem ul li{
  line-height:1.2;
  margin:0 0 5px;
}

.note{
  font-size:12px;
  margin:10px 15px;
}

.ttlJa{
  white-space: nowrap;
}

 /*///////////////ヘッダー///////////////*/

@media (min-width:375px) {
}


@media (min-width:768px) {

}

@media (min-width: 1024px) {
  .packersList {
    grid-template-columns: repeat(3, 1fr);  /* さらに広くなったら3カラム */
  }
  .listWrap{
    border-radius:10px;
  }
}