.league-header-container picture,
.league-mainimage-container picture,
.league-2nd-contents picture,
.league-top-campaign picture,
.league-top-contents-title-container picture,
.league-top-contents picture,
.league-menu-container picture {
  display: block;
  width: 100%;
}
.league-header-container img,
.league-mainimage-container img,
.league-top-campaign img,
.league-menu-container img,
.league-top-contents-title-container img,
.league-top-contents img,
.league-2nd-contents img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.league-menu-container img {
  filter: drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.6));
}
.league-menu-container a:hover img {
  filter: brightness(1.1) drop-shadow(2px 3px 4px rgba(0, 0, 0, 0.6));
}

/* ページ背景 */
.league-page {
  background-color: #9e0116;
  background-image: url(../img/bg-pc.png?0930);
  background-size: min(1200px, 100%) 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

/* ヘッダー */
.league-header-container {
  width: 100%;
  background-color: #e50012;
}
.league-header-joshin {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.league-header-joshin img {
  width: 100%;
}

/* メインビジュアル */
.league-mainimage-container {
  width: 100%;
  background-color: #000000;
}
.league-top-mainimage {
  width: 100%;
  padding: 0;
  line-height: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.league-top-mainimage img {
  width: 100%;
}

/* セール期間・特別企画 */
.league-top-campaign {
  width: 100%;
  line-height: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.league-top-campaign img {
  width: 100%;
}

/* メニュー */
.league-menu-container {
  width: 94.2%;
  max-width: 1130px;
  margin: 23px auto 0;
  padding: 0 0 23px;
  line-height: 0;
}
.league-menu-title img {
  width: 100%;
}
.league-menu-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.league-menu-item {
  width: 15.583%;
  margin-top: 1.583%;
  line-height: 0;
}
.league-menu-item a {
  display: block;
}
.league-menu-item img {
  width: 100%;
}

/* 厳選お値打ち品 タイトル */
.league-top-contents-title-container {
  width: 100%;
  margin: 0 auto 10px;
  background-image: url(../img/top-contents-title-bg-pc.png?0930);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: repeat-x;
  line-height: 0;
}
.league-top-contents-title-container h2 {
  width: 100%;
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.league-top-contents-title-container img {
  width: 100%;
}

/* 商品 */
.league-top-contents-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.league-top-contents-item {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px;
}
.league-top-contents-item img {
  width: 100%;
}
.league-top-notes {
  width: 94.2%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 10px 0 40px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

/* ===================== 下層ページ ===================== */
.league-2nd-mainimage {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 0;
}
.league-2nd-mainimage img {
  width: 100%;
}
.league-2nd-page .league-menu-container {
  padding-bottom: 35px;
}
.league-2nd-contents {
  width: 100%;
  background-color: #ffffff;
}
.league-2nd-title-container {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.league-2nd-title-container h1 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
/* PC用タイトル画像は左右に帯を延ばした横長画像（3920px = 左右1360px + 中央1200px）。
   背景と画像を別々に描くと拡大縮小時に帯のラインがずれるため、1枚の画像で描く */
.league-2nd-contents .league-2nd-title-container img {
  width: 326.6667%;
  max-width: none;
  margin-left: -113.3333%;
}
.league-2nd-content-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0 40px;
}
.league-2nd-content-item {
  width: 100%;
  margin: 0 auto;
}
.league-2nd-content-item img {
  width: 100%;
}
.league-2nd-notes {
  width: 94.2%;
  margin: 0 auto;
  padding: 6px 0 14px;
  color: #231815;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
.league-notes-red {
  color: #e50012;
}

@media (max-width: 640px) {
  .league-page {
    background-image: none;
  }
  .league-menu-container {
    width: 95%;
    margin-top: 1.25vw;
    padding-bottom: 0.9vw;
  }
  .league-menu-container img {
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.6));
  }
  .league-menu-container a:hover img {
    filter: brightness(1.1) drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.6));
  }
  .league-menu-list {
    flex-wrap: wrap;
  }
  .league-menu-item {
    width: 31.72%;
    margin-top: 2.1875%;
  }
  .league-top-contents-title-container {
    margin-bottom: 0;
    background-image: none;
  }
  .league-top-contents-item {
    padding: 0;
  }
  .league-top-notes {
    font-size: 12px;
    padding: 1em 0 2em;
  }
  .league-2nd-page .league-menu-container {
    padding-bottom: 3.24vw;
  }
  .league-2nd-contents .league-2nd-title-container img {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .league-2nd-content-container {
    padding-bottom: 2em;
  }
  .league-2nd-notes {
    width: 93%;
    font-size: 12px;
    padding: 0.5em 0 1.2em;
  }
}