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

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

/* ------------------------
  basic setting
------------------------ */
.content_box_05 {
  background-color: #ffff !important;
}

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

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

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

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

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

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

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

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

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

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

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

.holiday-sale_2508 .view_on,
.holiday-sale_2508 #CDT1,
.holiday-sale_2508 #CDT2 {
  font-family: YuMincho !important;
  color: #ffffff !important;
  font-size: 3.6em !important;
}

/* ------------------------
  menu area
------------------------ */
.holiday-sale_2508 .menu {
  background-color: #e1c9bd;
}

.holiday-sale_2508 .menu_itemBtm__01 {
  width: 57.1em;
  top: 23em;
}

.holiday-sale_2508 .menu_itemBtm__02,
.holiday-sale_2508 .menu_itemBtm__04 {
  left: 8.8em;
}

.holiday-sale_2508 .menu_itemBtm__03,
.holiday-sale_2508 .menu_itemBtm__05 {
  right: 7em;
}

.holiday-sale_2508 .menu_itemBtm__02 {
  width: 25.8em;
  top: 56em;
}

.holiday-sale_2508 .menu_itemBtm__03 {
  width: 30.5em;
  top: 56em;
}

.holiday-sale_2508 .menu_itemBtm__04 {
  width: 25.9em;
  top: 93.6em;
}

.holiday-sale_2508 .menu_itemBtm__05 {
  width: 29.3em;
  top: 93.6em;
}

/* ------------------------
  unique class
------------------------ */
.holiday-sale_2508 .mv {
  background-color: #daa59a;
}

/* countdown area */
.holiday-sale_2508 .countdown_area {
  background-color: #e1c9bd;
}

/* content1 */
.holiday-sale_2508 .content1 {
  background-color: #ebdbcf;
}

.holiday-sale_2508 .content1 .c-middleItems_bodyContainer {
  margin-top: 3em;
}

.holiday-sale_2508 .content1 .--01 .c-middleItem_img {
  width: 53.2em;
  top: 13em;
}

.holiday-sale_2508 .content1 .--01 .c-middleItem_btn__01 {
  width: 38.4em;
  bottom: 5em;
}

.holiday-sale_2508 .content1 .--03 .c-middleItem_img {
  width: 32.1em;
  top: 18.8em;
  left: 9em;
}

.holiday-sale_2508 .content1 .--03 .c-middleItem_btn__01 {
  width: 26.8em;
  bottom: 26.5em;
  right: 9.7em;
}

/* content2 */
.holiday-sale_2508 .content2 {
  background-color: #fdeeed;
}

.holiday-sale_2508 .content2 input {
  display: none;
}

/* switchItem( component) */
.holiday-sale_2508 .content2 .c-switchItem_bodyItemsContainer {
  top: 40em;
}

.holiday-sale_2508 .content2 .c-switchItem_bodyItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1em;
  row-gap: 2em;
}

.holiday-sale_2508 .content2 [class^="c-switchItemBtn_"] {
  width: fit-content;
}

.holiday-sale_2508 .content2 [class^="c-switchItemBtn_"] img {
  display: block;
  width: 23.2em;
}

/* === 切り替え処理 === */
.holiday-sale_2508 .content2 [class^="c-switchItemBtn_"] .is-active {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease,
    visibility 0.25s step-end;
}

/* NOTE: ボタンの切り替え */
.holiday-sale_2508
  .content2
  #switchItemBtn_01:checked
  ~ .c-switchItemBtn_01
  .is-active,
.holiday-sale_2508
  .content2
  #switchItemBtn_02:checked
  ~ .c-switchItemBtn_02
  .is-active,
.holiday-sale_2508
  .content2
  #switchItemBtn_03:checked
  ~ .c-switchItemBtn_03
  .is-active,
.holiday-sale_2508
  .content2
  #switchItemBtn_04:checked
  ~ .c-switchItemBtn_04
  .is-active,
.holiday-sale_2508
  .content2
  #switchItemBtn_05:checked
  ~ .c-switchItemBtn_05
  .is-active,
.holiday-sale_2508
  .content2
  #switchItemBtn_06:checked
  ~ .c-switchItemBtn_06
  .is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s step-start;
}

/* NOTE: アイテムエリアの切り替え */
.holiday-sale_2508 .content2 #switchItem_01,
.holiday-sale_2508 .content2 #switchItem_02,
.holiday-sale_2508 .content2 #switchItem_03,
.holiday-sale_2508 .content2 #switchItem_04,
.holiday-sale_2508 .content2 #switchItem_05,
.holiday-sale_2508 .content2 #switchItem_06 {
  top: 67.6em;
  width: 77.5em;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  filter: blur(4px);
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out,
    filter 0.8s ease-in-out, visibility 0s linear 0.8s;
}

.holiday-sale_2508 .content2 #switchItemBtn_01:checked ~ #switchItem_01,
.holiday-sale_2508 .content2 #switchItemBtn_02:checked ~ #switchItem_02,
.holiday-sale_2508 .content2 #switchItemBtn_03:checked ~ #switchItem_03,
.holiday-sale_2508 .content2 #switchItemBtn_04:checked ~ #switchItem_04,
.holiday-sale_2508 .content2 #switchItemBtn_05:checked ~ #switchItem_05,
.holiday-sale_2508 .content2 #switchItemBtn_06:checked ~ #switchItem_06 {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out,
    filter 0.8s ease-in-out, visibility 0s linear 0s;
}
/* === 切り替え処理 === */

.holiday-sale_2508 .content2 .c-switchItem_img {
  width: 38.4em;
  top: 25em;
}

.holiday-sale_2508 .content2 .c-switchItem_btn__01 {
  width: 38.4em;
  bottom: 19em;
}

.holiday-sale_2508 .content2 .c-switchItem_btn__02 {
  width: 38.4em;
  bottom: 19em;
}

.holiday-sale_2508 .content2 .c-switchItem_btnContainer {
  width: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 2em;
  top: 108.6em;
}

.holiday-sale_2508 .content2 .c-switchItem_btn {
  width: 38.4em;
  bottom: 8em;
}

/* content3 */
.holiday-sale_2508 .content3 {
  background-color: #faf3ee;
}

.holiday-sale_2508 .content3 .c-largeItem_img {
  width: 37.3em;
  top: 12.5em;
  right: 2.9em;
}

.holiday-sale_2508 .content3 .c-largeItem_btn {
  width: 35.3em;
  bottom: 13.5em;
}

/* content4 */
.holiday-sale_2508 .content4 {
  background-color: #fdf8f1;
  padding-bottom: 10em;
}

.holiday-sale_2508 .content4 .c-smallItemContainer {
  max-width: 68.9em;
}

.holiday-sale_2508 .content4 .c-smallItem_mainImg {
  margin-top: 5em;
}

.holiday-sale_2508 .content4 .c-smallItems_bodyContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.7em;
  margin: 4.6em auto 0;
}

.holiday-sale_2508 .content4 .c-smallItem_body {
  width: 31.8em;
}

.holiday-sale_2508 .content4 .c-smallItem_img {
  width: 31.8em;
  top: 0;
}

.holiday-sale_2508 .content4 [class^="c-smallItem_btn__"] {
  width: 32.4em;
  bottom: 0%;
}