.summer-sale_2508 {
  --min-size: 0;
  --max-size: 10px;
  --fluid-size: 1.25vw;

  font-size: min(var(--fluid-size), var(--max-size));
}

/* ------------------------
  layout
------------------------ */
.summer-sale_2508 .l-inner {
  margin: 0 auto;
  max-width: 80em;
  overflow: hidden;
}

/* ------------------------
  utility: hover
------------------------ */
/* ホバーアニメーション（ PC のみ ） */
@media (hover: hover) {
  .summer-sale_2508 .u-hover-btn > * {
    display: block;
    transition: opacity 0.4s ease;
  }

  .summer-sale_2508 .u-hover-btn:hover > * {
    opacity: 0.8;
  }
}

/* ------------------------
  utility: position
------------------------ */
.summer-sale_2508 .u-margin-center {
  margin: 0 auto;
}

.summer-sale_2508 .u-margin-right {
  margin: 0 0 0 auto;
}

.summer-sale_2508 .u-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.summer-sale_2508 .u-text-center {
  text-align: center;
}

.summer-sale_2508 .u-position-relative {
  position: relative;
}

.summer-sale_2508 .u-position-absolute {
  position: absolute;
}

.summer-sale_2508 .u-position-absolute_center {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* ------------------------
  countdown timer (text)
------------------------ */

.summer-sale_2508 .view_on,
.summer-sale_2508 #CDT2 {
  font-family: YuMincho !important;
  color: #513d34 !important;
  font-size: 3.6em !important;
}

/* ------------------------
  unique class
------------------------ */
.summer-sale_2508 .mv {
  background-color: #edf1f4;
}

/* countdown area */
.summer-sale_2508 .countdown_area {
  background-color: #f7f1e5;
  /* max-width: 80em;
  margin: 0 auto; */
}
.summer-sale_2508 .countdown_area .wrap {
  max-width: 80em;
  margin: 0 auto;
}

/* content1 */
.summer-sale_2508 .content1 {
  background-color: #f2e7d4;
}

.summer-sale_2508 .content1 .c-largeItem_btn {
  bottom: 0;
}

.summer-sale_2508 .content1 .c-largeItem_img {
  top: 24.8em;
  width: 68em;
}

.summer-sale_2508 .content1 .c-largeItem_btn {
  bottom: 13em;
  width: 48em;
}

/* content2 */
.summer-sale_2508 .content2 {
  background-color: #e7dad5;
}

/* content2_01 */
.summer-sale_2508 .content2 .--01 .c-middleItem_img {
  width: 32.5em;
  top: 12.7em;
  left: 5.4em;
}

.summer-sale_2508 .content2 .--01 [class^="c-middleItem_btn__"] {
  width: 25.7em;
  right: 10.5em;
  bottom: 8.3em;
}
.summer-sale_2508 .content2 .--01 .c-middleItem_btn__02 {
  bottom: 3.8em;
}

/* content2_02 */
.summer-sale_2508 .content2 .--02 .c-middleItem_img {
  width: 32.5em;
  top: 13em;
  left: 5.7em;
}

.summer-sale_2508 .content2 .--02 .c-middleItem_btn {
  width: 26.4em;
  right: 10.7em;
  bottom: 6em;
}

/* content2_03 */
.summer-sale_2508 .content2 .--03 .c-middleItem_img {
  width: 32.5em;
  top: 13.4em;
  left: 5.6em;
}

.summer-sale_2508 .content2 .--03 .c-middleItem_btn {
  width: 26.4em;
  right: 10.7em;
  bottom: 14em;
}

/* content3 */
.summer-sale_2508 .content3 {
  background-color: #eef3f1;
  padding-bottom: 10em;
}

.summer-sale_2508 .content3 .c-smallItems_bodyContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 3.7em;
  /* row-gap: 6em; */
  margin-top: 6em;
}

.summer-sale_2508 .content3 .c-smallItem_body {
  width: 31.8em;
}

/* content3_btn */
.summer-sale_2508 [class^="c-smallItem_btn__"] {
  width: 31.1em;
}

.summer-sale_2508 .content3 .c-smallItem_btn__01 {
  bottom: 6em;
}

.summer-sale_2508 .content3 .--03,
.summer-sale_2508 .content3 .--04 {
  margin-top: 6em;
}

.summer-sale_2508 .content3 .c-smallItem_btn__02 {
  bottom: 0;
}

/* content3_img */
.summer-sale_2508 .c-smallItem_img {
  width: 31em;
  top: 0;
}