<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.5.0/css/all.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css">

<style>
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap");
/*テーマカラー設定*/
.p-lp-wrapper {
  --main-color: #FFDE59;
  --main-bg-color: #fff;
  --btn-color: #20BEFA;
  --lp-swiper-nav-color: #20BEFA;
}

.p-lp-wrapper {
  overflow: clip;
  background: var(--main-bg-color);
  padding-bottom: 1px;
}

.p-lp-hero {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.p-lp-hero img {
  width: 100%;
  max-width: inherit;
}

.p-lp-card-swiper .swiper-slide {
  width: calc((100% - 16px) / 2.5);
  margin-right: 8px;
}
@media (width >= 768px) {
  .p-lp-card-swiper .swiper-slide {
    width: calc((100% - 96px) / 8.5);
    margin-right: 12px;
  }
}

.c-lp-section-title {
  position: relative;
  margin: 0 auto 20px;
}

.p-lp-banner.-column2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (width < 768px) {
  .p-lp-banner.-column2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-lp-catchcopy {
  /* margin-top: 60px; */
  font-weight: 800;
  font-size: min(4.5vw, 2.8rem);
  line-height: 1.8;
  text-align: center;
  color: #ff5d55;
}
.p-lp-catchcopy p + p {
  margin-top: 15px;
}
@media (width < 768px) {
  .p-lp-catchcopy {
    font-size: min(8.5vw, 2.6rem);
    line-height: 1.5;
  }
}

.p-lp-brand-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px 20px;
}
.p-lp-brand-list a {
  display: block;
}
@media (width < 768px) {
  .p-lp-brand-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 8px;
  }
}

/* アンカーリンク
========================== */
.p-lp-anchor {
  display: grid;
  /* grid-template-columns: repeat(4, 1fr); */
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
@media (width < 768px) {
  .p-lp-anchor {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.p-lp-anchor img {
  border: 1px solid #dadada;
}

.p-lp-anchor-text {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  margin: 0 auto;
  padding: 25px 25px 25px 5px;
  font-size: min(3.8vw, 1.5rem);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  /* color: #fff; */
  background: var(--main-color);
  border-radius: 10px;
}
.p-lp-anchor-text::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
@media (width < 768px) {
  .p-lp-anchor-text {
    padding: 20px 5px 20px 5px;
  }
}

/* おすすめのスタイル
========================== */
.p-lp-recommend-item {
  position: relative;
}
.p-lp-recommend-item .-btn {
  position: absolute;
  display: grid;
  place-content: center;
  left: 50%;
  bottom: 3.8%;
  translate: -50% 0;
  width: 60.8%;
  aspect-ratio: 608/90;
  max-height: 95px;
  font-size: min(3vw, 1.8rem);
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #80634B;
  box-shadow: min(0.8vw, 8px) min(0.8vw, 8px) #403025;
  border-radius: min(2.2vw, 22px);
}

.p-lp-recommend-item.-item01 .-btn {
  bottom: 5%;
}

/* 商品一覧
========================== */
.p-lp-category-product--pickup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  gap: 30px;
}
.p-lp-category-product--pickup .p-item-list-category__item {
  width: calc(50% - 15px);
  /* width: calc(33.333% - ((30px * 2) / 3)); */
  max-width: 480px;
}
.p-lp-category-product--pickup .c-card {
  padding: 10px;
  background-color: #fff;
}
.p-lp-category-product--pickup .c-card .c-price {
  font-size: 2rem;
}
.p-lp-category-product--pickup .c-card .c-price span {
  font-size: 50%;
}
.p-lp-category-product--pickup .c-card .c-price small {
  font-size: 80%;
}
@media (width < 768px) {
  .p-lp-category-product--pickup {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .p-lp-category-product--pickup .p-item-list-category__item {
    width: 100%;
  }
}

.p-lp-category-product--normal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 30px;
}
.p-lp-category-product--normal .p-item-list-category__item {
  width: calc(25% - 22.5px);
}
.p-lp-category-product--normal .c-card {
  padding: 10px;
  background-color: #fff;
  /* .c-price{
    font-size: 2rem;
    span{
      font-size: 50%;
    }
    small{
      font-size: 80%;
    }
  } */
}
@media (width < 768px) {
  .p-lp-category-product--normal {
    /* flex-direction: column; */
    align-items: center;
    gap: 10px;
  }
  .p-lp-category-product--normal .p-item-list-category__item {
    width: calc(50% - 5px);
  }
}

/* もっと見るボタン */
.c-lp-more-btn {
  display: grid;
  place-content: center;
  grid-template-columns: 100%;
  padding: 30px 0 40px;
}
@media (width < 768px) {
  .c-lp-more-btn {
    padding: 20px 0 30px;
  }
}

.c-lp-more-btn a {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  max-width: 600px;
  min-height: 70px;
  margin: 0 auto;
  padding: 10px 30px;
  font-size: min(3.5vw, 1.4rem);
  line-height: 1.3;
  text-align: center;
  color: #fff;
  background: var(--btn-color);
  border-radius: 50px;
}
.c-lp-more-btn a::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media (width < 768px) {
  .c-lp-more-btn a {
    /* width: 80vw; */
    min-height: 60px;
  }
}

.c-lp-more-btn.-small a {
  max-width: 400px;
  min-height: 60px;
}
@media (width < 768px) {
  .c-lp-more-btn.-small a {
    min-height: 40px;
  }
}

/* 説明エリア */
.p-lp-attention {
  width: 96%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;
  border-radius: 10px;
  /* border-radius: 0 0 10px 10px; */
  background-color: rgb(255, 255, 255);
  border: 3px solid var(--accent-color);
  /* border-top: none; */
}

.p-lp-attention-title {
  width: 96%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.p-lp-attention .c-ttl-deco-block {
  border-left-color: var(--accent-color);
}

.p-lp-attention__limit dl {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  line-height: 1.6;
}

.p-lp-attention__limit dl + dl {
  margin-top: 15px;
}

.p-lp-attention__limit dt {
  width: 140px;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background-color: var(--accent-color);
  border-radius: 10px;
}

.p-lp-attention__limit dd {
  align-self: center;
  width: calc(100% - 160px);
  font-size: 1.2rem;
}

.p-lp-attention__limit dd .notes {
  font-size: 0.9rem;
}

.p-lp-attention .c-text:not(:last-child) {
  margin-bottom: 10px;
}

@media (width < 768px) {
  .p-lp-attention {
    padding: 30px 20px;
  }
  .p-lp-attention__limit dl {
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }
  .p-lp-attention__limit dt {
    width: 180px;
    margin: 0 auto 10px;
    padding: 2px 0;
    font-size: 1.2rem;
  }
  .p-lp-attention__limit dd {
    width: 100%;
    font-size: min(5.5vw, 1.2rem);
    line-height: 1.5;
  }
}
/* ブランド紹介ページ */
.p-lp-brand-img {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

/* ブランド名ボックス（天使のはね）
------------------------- */
.p-lp-brand-name-box {
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  padding: 24px 20px;
}
@media (width >= 768px) {
  .p-lp-brand-name-box {
    grid-template-columns: 300px 1fr;
    align-items: center;
    gap: 30px;
    padding: 30px 8%;
  }
}
.p-lp-brand-name-box.-hane {
  background-color: #dff2fc;
}
.p-lp-brand-name-box.-kurupita {
  background-color: #e1efd8;
}
.p-lp-brand-name-box.-anpikaka {
  background-color: #fce8dc;
}
.p-lp-brand-name-box.-fuwarii {
  background-color: #fff3ae;
}
.p-lp-brand-name-box.-cutegarley {
  background-color: #fbe6ef;
}
.p-lp-brand-name-box.-unique {
  background-color: #e8e1f0;
}
.p-lp-brand-name-box.-boysports {
  background-color: #e3f2ec;
}

.p-lp-brand-name-box__img {
  margin-bottom: 16px;
}
@media (width < 768px) {
  .p-lp-brand-name-box__img img {
    width: 80%;
    margin-inline: auto;
  }
}
@media (width >= 768px) {
  .p-lp-brand-name-box__img {
    margin-bottom: 0;
  }
}

.p-lp-brand-name-box__text {
  text-align: center;
}

.p-lp-brand-name-box__title {
  padding-bottom: 8px;
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #333;
  border-bottom: 2px solid rgba(51, 51, 51, 0.1333333333);
}
@media (width >= 768px) {
  .p-lp-brand-name-box__title {
    padding-bottom: 15px;
    margin: 0 0 20px;
    font-size: 1.6rem;
  }
}

.p-lp-brand-name-box__desc {
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  color: #333;
}
@media (width >= 768px) {
  .p-lp-brand-name-box__desc {
    font-size: 1.1rem;
  }
}

/* 商品スライダーコントローラー
========================= */
.p-lp-products-slider {
  margin-top: 20px;
  overflow: clip;
}
@media (width >= 768px) {
  .p-lp-products-slider .p-item-list-category__item {
    width: calc((100% - 120px) / 5);
  }
}
.p-lp-products-slider .p-item-list-category__item {
  margin-right: 20px;
}
@media (width >= 768px) {
  .p-lp-products-slider .p-item-list-category__item {
    margin-right: 30px;
  }
}

.p-lp-controller {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.p-lp-controller:has(.swiper-button-lock) {
  display: none;
}

@media screen and (min-width: 768px) {
  .p-lp-controller {
    /* width: 85%; */
    margin-top: 30px;
  }
}
.p-lp-controller__pagination {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  bottom: inherit !important;
  left: inherit !important;
  width: auto !important;
  max-width: calc(100% - 70px);
  height: 100%;
  margin: 0;
  padding: 0 12px;
  order: 2;
}

.p-lp-controller__pagination.swiper-scrollbar-horizontal {
  display: block;
  max-width: 560px;
  width: calc(90% - 40px) !important;
  height: 8px;
  margin: 0 20px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: transparent;
  /* opacity: 1; */
}

.swiper-pagination-clickable .swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  right: calc(50% - 5px);
  width: 10px;
  height: 10px;
  /* background-color: #c5e0b4; */
  background-color: var(--lp-swiper-nav-color);
  border-radius: 50%;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active:before {
  background-color: var(--lp-swiper-nav-color);
}

.p-lp-controller__button {
  cursor: pointer;
  position: relative;
  /* position: absolute; */
  display: block;
  /* top: 0; */
  width: 35px;
  height: 35px;
  background-color: var(--lp-swiper-nav-color);
  border-radius: 50%;
  z-index: 1;
  transition: opacity 0.3s ease;
  order: 1;
}

.p-lp-controller__button:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 6.5px);
  width: 13px;
  height: 13px;
  border-top: 2px solid #fff;
}

.p-lp-controller__button.-prev:before {
  left: 40%;
  border-left: 2px solid #fff;
  transform: rotate(-45deg);
}

.p-lp-controller__button.-next {
  order: 3;
  /* right: 0; */
}

.p-lp-controller__button.-next:before {
  right: 40%;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.p-lp-controller__button:hover,
.p-lp-controller__button.swiper-button-disabled {
  opacity: 0.6;
}

/* -------------------------
  注意事項
------------------------- */
.p-lp-attention {
  margin-left: auto;
  margin-right: auto;
  padding: 30px 20px;
  border: 2px solid #dadada;
  border-radius: 10px;
}
.p-lp-attention .c-ttl-deco-block {
  border-left-color: #b60081;
}

@media (min-width: 768px) {
  .p-lp-attention {
    padding: 50px 50px;
  }
}
.p-lp-back-button a {
  display: grid;
  place-content: center;
  width: 100%;
  max-width: 540px;
  min-height: 90px;
  margin-inline: auto;
  padding: 20px 0;
  font-size: 1.8rem;
  line-height: 1.35;
  font-weight: 700;
  background: var(--main-color);
  color: var(--light-txt-color);
  text-align: center;
  border-radius: 100px;
}
@media (width < 768px) {
  .p-lp-back-button a {
    font-size: 1.2rem;
    min-height: 60px;
    padding: 15px 0;
  }
}
.p-lp-back-button a.-red {
  color: #fff;
  background: #ed1a2e;
}
.p-lp-back-button a.-large {
  max-width: 640px;
  font-size: 2.4rem;
  min-height: 120px;
}
@media (width < 768px) {
  .p-lp-back-button a.-large {
    font-size: 1.7rem;
    min-height: 80px;
  }
}
.p-lp-back-button a.-small {
  font-size: 1.4rem;
  min-height: 60px;
}
@media (width < 768px) {
  .p-lp-back-button a.-small {
    font-size: 0.9rem;
    min-height: 40px;
  }
}
/* -------------------------
  テロップ設定
------------------------- */
.p-lp-telop {
  width: 100%;
  overflow: hidden;
  background-color: #ff8c00; /* 画像の背景色に合わせて調整 */
  padding: 15px 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-lp-telop__inner {
  display: flex;
  width: fit-content;
}

.p-lp-telop__text {
  display: flex;
  white-space: nowrap;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem; /* PCサイズ */
  font-weight: 800;
  color: #000; /* テキスト色（黒） */
  line-height: 1;
  padding-right: 0;
  animation: telop-animation 30s linear infinite;
}

@keyframes telop-animation {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* スマホ表示の調整 */
@media (max-width: 767px) {
  .p-lp-telop {
    padding: 10px 0;
  }
  .p-lp-telop__text {
    font-size: 1.4rem; /* スマホサイズ */
    animation: telop-animation 20s linear infinite; /* 少し速めに */
  }
}
</style>

<div class="p-lp-wrapper p-item-list-category">
  <div class="p-lp-hero p-cmn-section">
    <picture>
      <source media="(max-width: 767px)" srcset="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_sp.jpg" width="820" height="820">
      <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_pc.jpg" alt="イオンのランドセル">
    </picture>
  </div>
  <div class="p-cmn-section">
    <div class="l-section">
      <div class="p-lp-card-swiper swiper">
        <div class="swiper-wrapper">
          <a href="#sec_yell" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_yell.png" alt="かるすぽエール">
          </a>
          <a href="#sec_miraipocket" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_miraipocket.png" alt="みらいポケット">
          </a>
          <a href="#sec_hanamarurand24" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_hanamarurand24.png" alt="はなまるランドセル">
          </a>
          <a href="#sec_rakurustyle" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_rakurustyle.png" alt="ラクルスタイル">
          </a>
          <a href="#sec_hane" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_hane.png" alt="天使のはね">
          </a>
          <a href="#sec_cutegarley" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_cutegarley.png" alt="カットガレイ">
          </a>
          <a href="#sec_unique" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_unique.png" alt="ユニークバッグ">
          </a>
          <a href="#sec_boysports" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_boysports.png" alt="ボーイッシュスポーツ">
          </a>
          <a href="https://catalog.aeon-hokkaido.jp/randoseru2027/" target="_blank" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_catalog.jpg" alt="デジタルカタログはこちら">
          </a>
          <a href="https://es.aeon-hokkaido.jp/eshop/item/list/ahrand" target="_blank" class="swiper-slide">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/event/2026/26randoutlet_sp.png" alt="旧モデルランドセル">
          </a>
        </div><!-- /swiper-wrapper -->
      </div>
    </div>
  </div>
 
  <div class="p-cmn-section">
    <div class="l-inner l-inner--middle">
      <!-- デジタルカタログはこちら -->
      <div class="p-lp-banner">
        <a href="https://catalog.aeon-hokkaido.jp/randoseru2027/" target="_blank">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/event/2026/2603digital_catalog.png" alt="デジタルカタログはこちら" class="u-center">
        </a>
      </div>
    </div>
  </div>

  <div class="p-cmn-section">
    <div class="l-inner l-inner--middle">
      <!-- ランドセル売れ筋ランキング -->
      <div class="p-lp-banner">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/ahran_ranking" target="_blank">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_ranking_banner.png" alt="ランドセル売れ筋ランキング" class="u-center">
        </a>
      </div>
    </div>
  </div>

  <div class="p-cmn-section">
    <div class="l-inner l-inner--middle">
      <!-- 旧モデルランドセル -->
      <div class="p-lp-banner">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/rand_outlet" target="_blank">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/event/2026/26randoutlet_pc.png" alt="旧モデルランドセル" class="u-center">
        </a>
      </div>
    </div>
  </div>

  <!-- かるすぽランドセル -->
  <div class="p-cmn-section">
    <div class="l-inner l-inner--middle">
      <!-- <div class="u-mb2">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/karusupo_all">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/2502_ahrand_title01.png" alt="かるすぽランドセル">
        </a>
      </div> -->
      <ul class="p-lp-anchor">
        <li>
          <a href="https://es.aeon-hokkaido.jp/eshop/item/list/karuspo_yell">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_yell.png" alt="かるすぽエール">
          </a>
        </li>
        <li>
          <a href="https://es.aeon-hokkaido.jp/eshop/item/list/miraipocket">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_miraipocket.png" alt="みらいポケット">
          </a>
        </li>
        <li>
          <a href="https://es.aeon-hokkaido.jp/eshop/item/list/hanamarurand24">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_hanamarurand24.png" alt="はなまるランドセル">
          </a>
        </li>
        <li>
          <a href="https://es.aeon-hokkaido.jp/eshop/item/list/rakurustyle">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catbnr_rakurustyle.png" alt="ラクルスタイル">
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div class="p-cmn-section">
    <div class="l-inner l-inner--middle">
      <div class="c-media-video u-round-6">
        <iframe src="https://www.youtube.com/embed/48E3QpK-c7c?autoplay=0&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
      </div>
    </div>
  </div>
  <!-- かるすぽエール -->
  <div id="sec_yell" class="p-cmn-section">
    <div class="l-inner">
      <h2 class="c-heading c-heading--deco--stem">かるすぽエール</h2>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312870999062-001@
            @ItemCst-2312870999079-001@
            @ItemCst-2312870999048-001@
            @ItemCst-2312870999055-001@
            @ItemCst-2312871765017-001@
            @ItemCst-2312871765031-001@
            @ItemCst-2312871766014-001@
            @ItemCst-2312870998010-001@
            @ItemCst-2312871764010-001@
            @ItemCst-2312871764041-001@
            @ItemCst-2312871765048-001@
            @ItemCst-2312870998027-001@
            @ItemCst-2312871764027-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/karuspo_yell">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- みらいポケット -->
  <div id="sec_miraipocket" class="p-cmn-section">
    <div class="l-inner">
      <h2 class="c-heading c-heading--deco--stem">みらいポケット</h2>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312870992018-001@
            @ItemCst-2312870992025-001@
            @ItemCst-2312870992032-001@
            @ItemCst-2312870992063-001@
            @ItemCst-2312870993015-001@
            @ItemCst-2312870993039-001@
            @ItemCst-2312870996016-001@
            @ItemCst-2312870996047-001@
            @ItemCst-2312870991011-001@
            @ItemCst-2312871762023-001@
            @ItemCst-2312870992049-001@
            @ItemCst-2312870992056-001@
            @ItemCst-2312871762047-001@
            @ItemCst-2312871762030-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/miraipocket">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- はなまるランドセル -->
  <div id="sec_hanamarurand24" class="p-cmn-section">
    <div class="l-inner">
      <h2 class="c-heading c-heading--deco--stem">はなまるランドセル</h2>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312870516016-001@
            @ItemCst-2312870516078-001@
            @ItemCst-2312870516252-001@
            @ItemCst-2312870516108-001@
            @ItemCst-2312870516122-001@
            @ItemCst-2312870516269-001@
            @ItemCst-2312870516146-001@
            @ItemCst-2312870516160-001@
            @ItemCst-2312870516030-001@
            @ItemCst-2312870516047-001@
            @ItemCst-2312870516061-001@
            @ItemCst-2312870516290-001@

          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/hanamarurand24">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- ラクルスタイル -->
  <div id="sec_rakurustyle" class="p-cmn-section">
    <div class="l-inner">
      <h2 class="c-heading c-heading--deco--stem">ラクルスタイル</h2>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871767011-001@
            @ItemCst-2312871767028-001@
            @ItemCst-2312871767035-001@
            @ItemCst-2312871767042-001@
            @ItemCst-2312871767059-001@
            @ItemCst-2312871767066-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <!-- <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/rakurustyle">
          <span>もっと見る</span>
        </a>
      </div> -->
    </div>
  </div>
  <!-- 天使のはね -->
  <div id="sec_hane" class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <!-- <a href="https://es.aeon-hokkaido.jp/eshop/item/list/seiban"> -->
          <div class="p-lp-brand-name-box -hane">
            <h2 class="p-lp-brand-name-box__img">
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_hane.png" alt="天使のはね">
            </h2>
            <div class="p-lp-brand-name-box__text">
              <p class="p-lp-brand-name-box__title">軽く背おえる機能が<br class="u-sp">盛りだくさん！</p>
              <p class="p-lp-brand-name-box__desc">「天使のはね」をはじめ、<br class="u-sp">からだへの負担を減らす<br>機能が充実。軽い背おいごこち。</p>
            </div>
          </div>
        <!-- </a> -->
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">天使のはね</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871792013-001@
            @ItemCst-2312871792020-001@
            @ItemCst-2312871793010-001@
            @ItemCst-2312870235016-001@
            @ItemCst-2312870235030-001@
            @ItemCst-2312871789013-001@
            @ItemCst-2312871789020-001@
            @ItemCst-2312871789044-001@
            @ItemCst-2312871024015-001@
            @ItemCst-2312871024046-001@
            @ItemCst-2312871794017-001@
            @ItemCst-2312871794024-001@
            @ItemCst-2312871788016-001@
            @ItemCst-2312871802019-001@
            @ItemCst-2312871803023-001@
            @ItemCst-2312871801012-001@
            @ItemCst-2312871798015-001@
            @ItemCst-2312871798039-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/seiban">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- くるピタ -->
  <div class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <div class="p-lp-brand-name-box -kurupita">
          <h2 class="p-lp-brand-name-box__img">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_kurupita.png" alt="くるピタ">
          </h2>
          <div class="p-lp-brand-name-box__text">
            <p class="p-lp-brand-name-box__title">指1本でくるっと開き、<br>近づけるだけでピタッ！</p>
            <p class="p-lp-brand-name-box__desc">軽量、「10mm厚の楽ピタ」<br class="u-sp">肩ベルトを採用し、<br>錠前取替えができ、<br class="u-sp">「超ピカ」反射材が360°に光る。</p>
          </div>
        </div>
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">くるピタ</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871781017-001@
            @ItemCst-2312871781024-001@
            @ItemCst-2312871781048-001@
            @ItemCst-2312870998027-001@
            @ItemCst-2312871780041-001@
            @ItemCst-2312871879011-001@
            @ItemCst-2312871879028-001@
            @ItemCst-2312871880024-001@
            @ItemCst-2312871881014-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_29">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- 安ピカッ・楽ッション -->
  <div class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <div class="p-lp-brand-name-box -anpikaka">
            <h2 class="p-lp-brand-name-box__img">
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_anpikaka.png" alt="安ピカッ・楽ッション">
            </h2>
            <div class="p-lp-brand-name-box__text">
              <p class="p-lp-brand-name-box__title">「もっと軽く」を実現！<br>体にやさしい楽ッション。</p>
              <p class="p-lp-brand-name-box__desc">クッション材の厚みをアップ！<br>さらにランドセルのふちが光る<br class="u-sp">「安ピカッ」付き。</p>
            </div>
          </div>
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">安ピカッ・楽ッション</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871884015-001@
            @ItemCst-2312871884022-001@
            @ItemCst-2312871884039-001@
            @ItemCst-2312870711053-001@
            @ItemCst-2312870711060-001@
            @ItemCst-2312870711039-001@
            @ItemCst-2312871094018-001@
            @ItemCst-2312871094032-001@
            @ItemCst-2312871094049-001@
            @ItemCst-2312811961011-001@
            @ItemCst-2312811961028-001@
            @ItemCst-2312811961035-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_32">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- ふわりぃ -->
  <div class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
          <div class="p-lp-brand-name-box -fuwarii">
            <h2 class="p-lp-brand-name-box__img">
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_fuwarii.png" alt="ふわりぃ">
            </h2>
            <div class="p-lp-brand-name-box__text">
              <p class="p-lp-brand-name-box__title">大容量なのにコンパクト。<br>チェストベルト付きで楽チン♪</p>
              <p class="p-lp-brand-name-box__desc">取り外し可能なチェストベルト付きで<br>荷物が多い日も気持ちよく背おえます。<br>大マチ13cm以上の大容量。</p>
            </div>
          </div>
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">ふわりぃ</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871769015-001@
            @ItemCst-2312871769039-001@
            @ItemCst-2312871768018-001@
            @ItemCst-2312871768032-001@
            @ItemCst-2312871771018-001@
            @ItemCst-2312872288010-001@
            @ItemCst-2312872288034-001@
            @ItemCst-2312872283022-001@
            @ItemCst-2312872286016-001@
            @ItemCst-2312872285019-001@
            @ItemCst-2312872285026-001@
            @ItemCst-2312872284029-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_34">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- キュートガーリー -->
  <div id="sec_cutegarley" class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <div class="p-lp-brand-name-box -cutegarley">
          <h2 class="p-lp-brand-name-box__img">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_cutegarley.png" alt="キュートガーリー">
          </h2>
          <div class="p-lp-brand-name-box__text">
            <p class="p-lp-brand-name-box__title">可愛らしさを感じる<br>人気ブランドランドセル</p>
            <p class="p-lp-brand-name-box__desc">装飾やカラーで可愛らしさを感じ、<br>洗練されたデザインでお洒落を楽しむ。</p>
          </div>
        </div>
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">キュートガーリー</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871849014-001@
            @ItemCst-2312871849038-001@
            @ItemCst-2312871848017-001@
            @ItemCst-2312871848048-001@
            @ItemCst-2312871851017-001@
            @ItemCst-2312871851024-001@
            @ItemCst-2312871708014-001@
            @ItemCst-2312871708038-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/ahrand_001">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- ユニーク -->
  <div id="sec_unique" class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <div class="p-lp-brand-name-box -unique">
          <h2 class="p-lp-brand-name-box__img">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_unique.png" alt="ユニーク">
          </h2>
          <div class="p-lp-brand-name-box__text">
            <p class="p-lp-brand-name-box__title">毎日がワクワクする<br>こだわりのデザイン</p>
            <p class="p-lp-brand-name-box__desc">遊び心もセンスも兼ね備えた<br>ほかにはない個性派モデル。</p>
          </div>
        </div>
      </div>
      <!-- <h2 class="c-heading c-heading--deco--stem">ユニーク</h2> -->
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871807014-001@
            @ItemCst-2312871807021-001@
            @ItemCst-2312871808011-001@
            @ItemCst-2312871853028-001@
            @ItemCst-2312871853042-001@
            @ItemCst-2312871945037-001@
            @ItemCst-2312871945013-001@
            @ItemCst-2312871945044-001@
            @ItemCst-2312871946041-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/ahrand_002">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- ボーイッシュスポーツ -->
  <div id="sec_boysports" class="p-cmn-section">
    <div class="l-inner">
      <div class="u-mb2">
        <div class="p-lp-brand-name-box -boysports">
          <h2 class="p-lp-brand-name-box__img">
            <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_2026_catlogo_boysports.png" alt="ボーイッシュスポーツ">
          </h2>
          <div class="p-lp-brand-name-box__text">
            <p class="p-lp-brand-name-box__title">カッコいいを叶える<br class="u-sp">ランドセル</p>
            <p class="p-lp-brand-name-box__desc">スポーツブランドから<br class="u-sp">ファッションブランドまで<br>毎日がカッコいい！</p>
          </div>
        </div>
      </div>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312871854018-001@
            @ItemCst-2312871056023-001@
            @ItemCst-2312871096012-001@
            @ItemCst-2312871032010-001@
            @ItemCst-2312871032041-001@
            @ItemCst-2312871845016-001@
            @ItemCst-2312871707017-001@
            @ItemCst-2312871707031-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div><!-- /.p-lp-products-swiper__main -->
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list/ahrand_003">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div>
  <!-- ランドセル小物 -->
  <!-- <div class="p-cmn-section">
    <div class="l-inner">
      <h2 class="c-heading c-heading--deco--stem">ランドセル小物</h2>
      <div class="p-lp-products-slider">
        <div class="p-lp-products-slider__main js-lpProductSwiper">
          <ul class="js-lpProductSwiperWrapper swiper-wrapper">
            @ItemCst-2312810623019-001@
            @ItemCst-2312810626010-001@
            @ItemCst-2312810629028-001@
            @ItemCst-2312810631014-001@
            @ItemCst-2312810635043-001@
            @ItemCst-2312810941021-001@
          </ul>
          <div class="p-lp-controller">
            <div class="p-lp-controller__pagination js-lpPagination"></div>
            <div class="p-lp-controller__button -prev js-lpButtonPrev"></div>
            <div class="p-lp-controller__button -next js-lpButtonNext"></div>
          </div>
        </div>
      </div>
      <div class="c-lp-more-btn -small">
        <a href="https://es-stage.aeon-hokkaido.jp/eshop/item/list/rand_goods">
          <span>もっと見る</span>
        </a>
      </div>
    </div>
  </div> -->

<section class="p-cmn-section">
  <div class="l-inner">
    <div class="p-item-feat-format">
      <h2 class="c-heading c-heading--deco--stem">ブランドからさがす</h2>
      <div class="p-lp-brand-list">
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_40">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_hane.png" alt="天使のはね">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_32">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_anpika.png" alt="フィットちゃん">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_29">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_kurupita.png" alt="くるピタ">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_34">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_fuwari.png" alt="ふわりぃ">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_318">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_maryquant.png" alt="MARY QUANT">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871851017">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_paulandjoe.png" alt="PAUL&JOE">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871708014">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_anap.png" alt="ANAP">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871853028">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_venaro.png" alt="VENARO">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_318">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_himemusume.png" alt="姫娘">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_318">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_kirari.png" alt="Kirari">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312870940033">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_beamsdesign.png" alt="BEAMS DESIGN">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?kcd=0563&icd=2312871095022">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_aquascutum.png" alt="アクアスキュータム">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871845016">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_polo.png" alt="ポロ ラルフ ローレン">
        </a>
        <!-- <a href="">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_mlb.png" alt="MLB">
        </a> -->
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871056023">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_dodgers.png" alt="MLB">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871056016">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_yankees.png" alt="MLB">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871054012">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_risingthunder.png" alt="RISING THUNDER">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_334">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_nike.png" alt="NIKE">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312871809018">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_underarmor.png" alt="UNDER ARMOUR">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_373">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_puma_logo.png" alt="PUMA">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_135">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_converse.png" alt="コンバース">
        </a>
        <!-- <a href="https://es.aeon-hokkaido.jp/eshop/item/list?ctc=B-02-03-00&dtl=1_77">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_adidas.png" alt="adidas">
        </a>
        <a href="https://es.aeon-hokkaido.jp/eshop/item/detail?icd=2312870604058">
          <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/images/other/ahrand_logo_privatelavel.png" alt="Private Label">
        </a> -->
      </div>
    </div>
  </div>
</section>
  <!-- ご購入について -->
  <section class="p-cmn-section">
    <div class="l-inner">
      <div id="attention" class="p-lp-attention">
        <h2 class="c-heading-s c-ttl-deco-block u-mb1">イオンのランドセル ご購入について</h2>
        <h3 class="c-heading-xs u-mt2 u-mb05">WEBでご注文いただき、全国へお届けまたは、北海道内のイオン、イオンスーパーセンターでお渡しいたします。</h3>
        <p class="c-text"></p>
<br>
        <h3 class="c-heading-xs u-mt2 u-mb05">商品のお渡し予定日について</h3>
        <p class="c-text">商品名に記載のお渡し日以降のお渡しまたは発送となります。<br>商品の在庫状況により、お渡し予定日よりも早く発送またはお渡しの準備ができる可能性がございます。<br>商品発送のお知らせや、お受け取りが可能となりましたら、メールにてお知らせしておりますので、ｅショップからのメールをご確認ください。<br></p>
        <h3 class="c-heading-xs u-mt2 u-mb05">お届け先住所にお間違いがないか今一度ご確認ください</h3>
        <p class="c-text">ヤマト運輸でお届けする商品は、お届け先住所変更（転送）が有料となり、<br>
        転送費用はお品物を受け取るお客さまによるお支払いとなります。</p>
        <h3 class="c-heading-xs u-mt2 u-mb05">商品のキャンセルについて</h3>
        <p class="c-text">ランドセルは受注発注商品のため、ご注文の翌日以降は、いかなる理由であっても、キャンセルを承ることができません。<br>よくお考えの上、ご注文をお願いいたします。</p>
        <h3 class="c-heading-xs u-mt2 u-mb05">ご購入特典の商品券について</h3>
        <p class="c-text">5/31㊐までの期間中にご予約で、ギフトカードプレゼント対象のお客さまへ、ギフトカードをプレゼントいたします。<br>商品お渡し時に店頭にて商品と一緒にお渡しするか、発送の場合は、商品とは別に、ご依頼主さまへ郵送いたします。</p>
      </div>
    </div>
  </section>
  <!-- 関連する記事 -->
  <div class="p-cmn-section">
    <div class="l-inner -last-section">
      <h2 class="c-heading c-heading--deco--stem">関連する記事</h2>
      <ul class="p-cmn-section__body p-list-feat__list--expansion">
        <li class="p-cmn-section__item p-list-feat__item">
          <a href="https://es.aeon-hokkaido.jp/eshop/usefulinfo/detail?hny=2023040503" class="c-card">
            <figure>
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/pages/2023040503/ranran_003.jpg" alt="" width="300" height="300" loading="lazy">
            </figure>
            <div class="p-useful-infomation-list-desc">
              <p class="c-badge-round">ランドセル</p>
              <p class="c-text u-fw-bold">ランドセルはいつ買う？おすすめの購入時期と選び方を解説</p>
            </div>
          </a>
        </li>
        <li class="p-cmn-section__item p-list-feat__item">
          <a href="https://es.aeon-hokkaido.jp/eshop/usefulinfo/detail?hny=20240619002" class="c-card">
            <figure>
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/pages/20240619002/ranran_007.jpg" alt="" width="300" height="300" loading="lazy">
            </figure>
            <div class="p-useful-infomation-list-desc">
              <p class="c-badge-round">ランドセル</p>
              <p class="c-text u-fw-bold">ランドセルの入学式までの保管方法は？普段の収納場所やお手入れ方法も</p>
            </div>
          </a>
        </li>
        <li class="p-cmn-section__item p-list-feat__item">
          <a href="https://es.aeon-hokkaido.jp/eshop/usefulinfo/detail?hny=2022030102" class="c-card">
            <figure>
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/pages/2022030102/ranran_004.jpg" alt="" width="300" height="300" loading="lazy">
            </figure>
            <div class="p-useful-infomation-list-desc">
              <p class="c-badge-round">ランドセル</p>
              <p class="c-text u-fw-bold">ランドセルの重さは素材で違う？目安や選ぶ際に重要なポイントも</p>
            </div>
          </a>
        </li>
        <li class="p-cmn-section__item p-list-feat__item">
          <a href="https://es.aeon-hokkaido.jp/eshop/usefulinfo/detail?hny=2022030101" class="c-card">
            <figure>
              <img src="https://stprodaeonblob.blob.core.windows.net/eshop-files/pages/2022030101/ranran_001.jpg" alt="" width="300" height="300" loading="lazy">
            </figure>
            <div class="p-useful-infomation-list-desc">
              <p class="c-badge-round">ランドセル</p>
              <p class="c-text u-fw-bold">ランドセルの人気色は？選ぶ際に知っておきたいポイントもご紹介</p>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
  // =====================================
  // バナー
  // =====================================
  window.addEventListener("load", function() {
    const mySwiper = new Swiper('.p-lp-card-swiper', {
      slidesPerView: 2.5,
      spaceBetween: 8,
      loop: true,
      loopAdditionalSlides: 1,
      speed: 1000,
      autoplay: {
        delay: 4000,
        disableOnInteraction: false,
      },
      grabCursor: true,
      watchSlidesProgress: true,
      breakpoints: {
        600: {
          slidesPerView: 5.5,
        },
        1025: {
          slidesPerView: 8.5,
          spaceBetween: 12,
        }
      },
    });
  });
// =====================================
// 商品スライダー
// =====================================
window.addEventListener("load", function() {
  // 商品一覧
  const swiperBox = document.querySelectorAll('.p-lp-products-swiper');
  // 各LP用スライダーのパーツを取得
  const lpProductSlider = document.querySelectorAll('.js-lpProductSwiper');
  const lpProductSliderNav = document.querySelectorAll('.js-lpPagination');
  const lpProductSliderNext = document.querySelectorAll('.js-lpButtonNext');
  const lpProductSliderPrev = document.querySelectorAll('.js-lpButtonPrev');
  // LP用スライダーの数に応じて処理
  for (let i = 0; i < lpProductSlider.length; ++i) {
    let items = lpProductSlider[i].querySelectorAll('.p-item-list-category__item');
    items.forEach((slide) => {
      slide.classList.add('swiper-slide');
    })
    let spLoopOption = true;
    let pcLoopOption = true;
    if (items.length <= 2){
      spLoopOption = false;
    }
    if (items.length <= 5){
      pcLoopOption = false;
    }
    let swiper = new Swiper(lpProductSlider[i], {
      pagination: {
        el: lpProductSliderNav[i],
        clickable: true,
      },
      navigation: {
        nextEl: lpProductSliderNext[i],
        prevEl: lpProductSliderPrev[i]
      },
      spaceBetween: 20,
      slidesPerView: 2,
      slidesPerGroup: 2,
      centerInsufficientSlides: true,
      loop: spLoopOption,
      breakpoints: {
        960: {
          spaceBetween: 30,
          slidesPerView: 5,
          slidesPerGroup: 1,
          loop: pcLoopOption,
        },
      },
    });
  }
});
</script>