a{
  transition: .5s;
}
a:hover{
  opacity: .5;
}
.item-list{
  margin-top: 40px;
  display: flex;
  gap: 40px 2%;
  flex-wrap: wrap;
}
.item-list li{
  width: 32%;
}
.thumb{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.itme-name, .item-price{
  color: #333;
}
.item-price{
  text-align: right;
}
.item-price span{
  font-size: 20px;
  padding: 0 5px;
}
.item-price small{
  font-size: 14px;
}
.article-flex{
  display: flex;
  justify-content: space-between;
}
.article-list{
  width: 65%;
}
.l-sidebar{
  width: 30%;
}
#sidebar{
  display: none;
}
.article-list .icatch img{
  width: 60%;
}
.itemInfo .item-name{
  font-size: 30px;
}
.price-single{
  text-align: right;
}
.price-single strong{
  font-size: 20px;
  padding: 0 5px;
}
.quantity{
  margin-bottom: 20px;
}
.sideEcMenu li{
  border-bottom: solid 1px gray;
  padding: 0 10px 10px;
}
.sideEcMenu li + li{
  padding-top: 10px;
}
@media screen and (max-width: 700px) {
  .item-list li{
    gap: 40px 0;
    width: 100%;
  }
  .article-flex {
    flex-wrap: wrap;
    gap: 40px 0;
  }

  .article-list, .l-sidebar {
    width: 100%;
  }
  .article-list .icatch img{
    width: 100%;
  }
  .itemInfo .item-name{
    font-size: 22px;
  }
}