/* EDKDS001-03_add */
@media screen and (max-width:768px) {
  /* 画面サイズが768pxまではここを読み込む */

  #shopList ul {
    position: relative;
    margin-bottom: 24px;
    border: 0; /* パッケージ既存CSS上書き */
  }

  .shopInfoCol div {
    margin-bottom: 16px;
  }

  .shopInfoCol div a {
    padding: 0; /* パッケージ既存CSS上書き */
  }

  .shopInfoCol div img {
    width: 100%;
  }

  .commodityListCol {
    display: none; /* パッケージ既存CSS上書き */
  }

  .frameBody li a.shopListName {
    margin: 0 0 8px;
    padding: 0; /* パッケージ既存CSS上書き */
  }

  .shopListName::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .shopListName span {
    display: -webkit-box;
    margin-bottom: 16px;
    overflow: hidden;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .shopInfoCol p {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  .frameBody li {
    padding: 0;
    background-image: none;
  }
  
  /* EDKDS001-03_del_start */
  /* .itembox_img img {
    transform: translateY(-50%);
  } */
  /* EDKDS001-03_del_end */

  .frameBody ul {
    display: block;
  }

  /* EDKDS001-03_add_start */
  .itembox_img {
    width: 100%;
    height: 100%;
  }
  /* EDKDS001-03_add_end */

}

@media screen and (min-width: 769px) {
  /* 画面サイズが769pxからはここを読み込む */
  .frameBody{
    display: flex;
    flex-wrap: wrap;
    margin-top: -32px;
  }

  .frameBody li {
    padding: 0; /* パッケージ既存CSS上書き */
  }

  #shopList ul {
    position: relative;
    width: 277px;
    margin: 32px 24px 0 0;
    transition: 0.3s;
    border: 0; /* パッケージ既存CSS上書き */
  }

  #shopList ul:hover {
    opacity: 0.7;
  }

  #shopList ul:nth-child(4n) {
    margin-right: 0
  }

  .shopInfoCol div {
    margin-bottom: 24px;
  }

  .shopInfoCol div img {
    /* EDKDS001-03_mod_start */
    /* width: 100%; */
    width: auto;
    min-height: 100%;
    /* EDKDS001-03_mod_end */
  }

  .commodityListCol {
    display: none; /* パッケージ既存CSS上書き */
  }

  .shopListName::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .shopListName span {
    display: -webkit-box;
    margin-bottom: 16px;
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .shopInfoCol p {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  /* EDKDS001-03_add_start */
  .itembox_img {
    width: 100%;
  }

  .itembox_img img {
    border-radius: 16px;
  }
  /* EDKDS001-03_add_end */

}