@charset "UTF-8";
[data-aspect-ratio="1234:5678"]:before {
  padding-top: 460.1296596434%;
}

[data-aspect-ratio="1056:243"]:before {
  padding-top: 23.0113636364%;
}

[data-aspect-ratio="1472:240"]:before {
  padding-top: 16.3043478261%;
}

[data-aspect-ratio="75:100"]:before {
  padding-top: 133.3333333333%;
}

[data-aspect-ratio="162:240"]:before {
  padding-top: 148.1481481481%;
}

@media (max-width: 812px) {
  [data-sp-aspect-ratio="9:16"]:before {
    padding-top: 177.7777777778%;
  }
}

.component1 {
  width: 100%;
}

/* color */
.-red {
  color: #E60012 !important;
  border-color: #E60012 !important;
}

/* uqFont */
.u-uqFont-b {
  font-family: UniqloProLight, sans-serif !important;
  font-weight: 400 !important;
}

/* pc width */
@media (min-width: 813px) {
  .u-pc-wfull {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 813px) {
  .u-pc-w1000 {
    width: 100%;
    max-width: 1000px;
  }
}

@media (min-width: 813px) {
  .u-pc-w629 {
    width: 100%;
    max-width: 629px;
  }
}

@media (min-width: 813px) {
  .u-pc-w615 {
    width: 100%;
    max-width: 615px;
  }
}

.u-w368 {
  width: 100%;
  max-width: 368px;
}

.u-w100 {
  width: 100%;
  max-width: 100px;
}

/* margin */
@media (max-width: 812px) {
  .u-sp-mr-auto {
    margin-right: auto;
  }
}

@media (max-width: 812px) {
  .u-sp-ml-auto {
    margin-left: auto;
  }
}

/* font-size */
.u-text-m {
  font-size: 18px;
}
@media (min-width: 813px) {
  .u-text-m {
    font-size: 20px;
  }
}

.u-txt-s {
  font-size: 10px;
}

@media (max-width: 812px) {
  .u-sp-txt-s {
    font-size: 10px;
  }
}

.u-red-line {
  border-top: 9px solid #E60012;
}

/* grid */
.u-display-grid {
  display: grid;
}
.u-display-grid.-length-2 {
  grid-template-columns: 1fr 1fr;
}
.u-display-grid.-length-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.u-display-grid.-gap-40-20 {
  gap: 40px 20px;
}

@media (min-width: 813px) {
  .u-display-pc-grid {
    display: grid;
  }
}
@media (min-width: 813px) {
  .u-display-pc-grid.-length-2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 813px) {
  .u-display-pc-grid.-length-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 813px) {
  .u-display-pc-grid.-gap-40-20 {
    gap: 40px 20px;
  }
}

/* adjust */
@media (min-width: 813px) {
  body .u-fixedAnchorAdjust {
    margin-top: -110px;
    padding-top: 110px;
  }
}

.m-inactiveFilter {
  pointer-events: none;
  position: relative;
}
.m-inactiveFilter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(148, 148, 148, 0.8);
  opacity: 0.8;
  z-index: 5;
}
.m-inactiveFilter::after {
  content: attr(data-inactive-filter-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.m-priceTermText {
  line-height: 1;
}
.m-priceTermText .-price {
  font-size: 40px;
}
@media (min-width: 813px) {
  .m-priceTermText .-price {
    font-size: 60px;
  }
}
.m-priceTermText .-unit {
  font-size: 16px;
}
@media (min-width: 813px) {
  .m-priceTermText .-unit {
    font-size: 30px;
  }
}
.m-priceTermText .-term {
  margin-left: 8px;
  font-size: 16px;
}
@media (min-width: 813px) {
  .m-priceTermText .-term {
    margin-left: 12px;
    font-size: 30px;
  }
}

.m-imageLink {
  position: relative;
  display: block;
}
.m-imageLink::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url("/jp/ja/special-feature/nenmatsu-nenshi/25fw/img/icon_arrowbox.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 5;
}
@media (min-width: 813px) {
  .m-imageLink::after {
    width: 40px;
    height: 40px;
  }
}

/* fr-heading */
.fr-heading.-h2,
[lang=ja] .fr-heading.-h2 {
  line-height: 1.2;
  font-size: 30px;
}
@media (min-width: 813px) {
  .fr-heading.-h2,
  [lang=ja] .fr-heading.-h2 {
    font-size: 40px;
  }
}

.fr-heading.-h3,
[lang=ja] .fr-heading.-h3 {
  line-height: 1.2;
}
.fr-heading.-h3:has(.-box),
[lang=ja] .fr-heading.-h3:has(.-box) {
  margin-top: 0;
  margin-bottom: 0;
}
.fr-heading.-h3 .fr-heading_sub,
[lang=ja] .fr-heading.-h3 .fr-heading_sub {
  display: block;
  font-size: 16px;
}
@media (min-width: 813px) {
  .fr-heading.-h3 .fr-heading_sub,
  [lang=ja] .fr-heading.-h3 .fr-heading_sub {
    font-size: 20px;
  }
}
.fr-heading.-h3 .fr-heading_main,
[lang=ja] .fr-heading.-h3 .fr-heading_main {
  display: block;
  font-size: 28px;
}
@media (min-width: 813px) {
  .fr-heading.-h3 .fr-heading_main,
  [lang=ja] .fr-heading.-h3 .fr-heading_main {
    font-size: 40px;
  }
}
.fr-heading.-h3 .fr-heading_main:has(.-box),
[lang=ja] .fr-heading.-h3 .fr-heading_main:has(.-box) {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 812px) {
  .fr-heading.-h3 .fr-heading_main:has(.-box),
  [lang=ja] .fr-heading.-h3 .fr-heading_main:has(.-box) {
    display: inline-flex;
    flex-wrap: wrap;
  }
}
.fr-heading.-h3 .fr-heading_tag,
[lang=ja] .fr-heading.-h3 .fr-heading_tag {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-right: 8px;
  padding: 6px;
  color: #fff;
  background: #1B1B1B;
}
@media (min-width: 813px) {
  .fr-heading.-h3 .fr-heading_tag,
  [lang=ja] .fr-heading.-h3 .fr-heading_tag {
    font-size: 16px;
    margin-right: 12px;
  }
}
.fr-heading.-h3 .fr-heading_tag + .fr-heading_sub,
[lang=ja] .fr-heading.-h3 .fr-heading_tag + .fr-heading_sub {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.fr-heading.-h3 .-box,
[lang=ja] .fr-heading.-h3 .-box {
  display: inline-block;
  padding: 6px 9px 8px;
  color: #1B1B1B;
  background: #fff;
  border: 1px solid #1B1B1B;
}
@media (min-width: 813px) {
  .fr-heading.-h3 .-box,
  [lang=ja] .fr-heading.-h3 .-box {
    line-height: 1;
    padding: 6px 12px 8px;
  }
}
.fr-heading.-h3 .-box.-white,
[lang=ja] .fr-heading.-h3 .-box.-white {
  color: #fff;
  background: #1B1B1B;
  border: 1px solid #1B1B1B;
}
.fr-heading.-h3 .-box.-sp-wfull,
[lang=ja] .fr-heading.-h3 .-box.-sp-wfull {
  flex-grow: 1;
}
@media (min-width: 813px) {
  .fr-heading.-h3 .-box:not(:first-child),
  [lang=ja] .fr-heading.-h3 .-box:not(:first-child) {
    margin-left: -1px;
  }
}
.fr-heading.-h4,
[lang=ja] .fr-heading.-h4 {
  font-size: 28px;
  line-height: 1.2;
}
@media (min-width: 813px) {
  .fr-heading.-h4,
  [lang=ja] .fr-heading.-h4 {
    font-size: 36px;
  }
}
.fr-heading.-h4 .fr-heading_sub,
[lang=ja] .fr-heading.-h4 .fr-heading_sub {
  display: block;
  font-size: 16px;
}
@media (min-width: 813px) {
  .fr-heading.-h4 .fr-heading_sub,
  [lang=ja] .fr-heading.-h4 .fr-heading_sub {
    font-size: 20px;
  }
}
.fr-heading.-h4 .fr-heading_main,
[lang=ja] .fr-heading.-h4 .fr-heading_main {
  display: block;
}
.fr-heading.-h4 .fr-heading_tag,
[lang=ja] .fr-heading.-h4 .fr-heading_tag {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin-right: 6px;
  padding: 4px;
  color: #fff;
  background: #1B1B1B;
}
@media (min-width: 813px) {
  .fr-heading.-h4 .fr-heading_tag,
  [lang=ja] .fr-heading.-h4 .fr-heading_tag {
    font-size: 14px;
    margin-right: 8px;
  }
}
.fr-heading.-h4 .fr-heading_tag + .fr-heading_sub,
[lang=ja] .fr-heading.-h4 .fr-heading_tag + .fr-heading_sub {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}

[lang=ja] .fr-annotation {
  font-size: 12px;
  line-height: 1.4;
}

/* tabs */
.fr-tabs {
  font-size: 12px;
}
@media (min-width: 813px) {
  .fr-tabs {
    font-size: 15px;
  }
}

[lang=ja] .fr-tabs {
  font-size: 13px;
}
@media (min-width: 813px) {
  [lang=ja] .fr-tabs {
    font-size: 15px;
  }
}

.fr-tabs_item {
  cursor: pointer;
  color: #6a6a6a;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 813px) {
  .fr-tabs_item {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.fr-tab-contents {
  min-height: 100px;
}

.fr-tab-content {
  display: none;
}

.fr-tab-content.is-show {
  display: block;
}

.fr-tabs_item.-active:after {
  height: 2px;
}

.fr-tabs_itemLink {
  font-size: 12px;
  height: 100%;
  min-height: 60px;
  color: inherit;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
}

/* fr-imagePlusText */
@media (min-width: 813px) {
  .-grid .fr-imagePlusText {
    margin-top: 40px;
    margin-top: var(--pc-v-xl);
  }
}

/* fr-anchorButton */
.fr-anchorButton_itemText {
  font-size: 12px;
}

/* fr-imagePlusText */
.fr-imagePlusText_heading {
  line-height: 1.2;
}
.fr-imagePlusText_heading span {
  line-height: 1.2;
}

[lang=ja] .fr-annotation.--1, [lang=ja] .fr-annotation.--2 {
  padding-left: 2em;
}
[lang=ja] .fr-annotation.--1::before {
  content: "※1";
}
[lang=ja] .fr-annotation.--2::before {
  content: "※2";
}

.nenmatsu-nenshi.countdown-wrapper {
  margin-inline: auto;
}

.nenmatsu-nenshi .countdown-container {
  display: grid;
  justify-items: center;
  align-items: center;
}

.countdown-item.countdown-text {
  grid-row: 2;
}

.countdown-item.countdown-text--days {
  grid-column: 1;
}

.countdown-item.countdown-text--hours {
  grid-column: 3;
}

.countdown-item.countdown-text--minutes {
  grid-column: 5;
}

.countdown-item.countdown-text--seconds {
  grid-column: 7;
}

.nenmatsu-nenshi .countdown-num {
  background-color: var(--color-fill-primary);
  color: var(--color-text-primaryLight);
  display: flex;
  justify-content: center;
  align-items: center;
}

.nenmatsu-nenshi .countdown-colon {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.nenmatsu-nenshi .countdown-text {
  color: var(--color-text-secondary);
}

@media screen and (max-width: 813px) {
  .nenmatsu-nenshi .fr-heading.-h2.countdownTitle,
  [lang=ja] .nenmatsu-nenshi .fr-heading.-h2.countdownTitle {
    font-size: 28px;
    font-weight: 400;
  }
  .nenmatsu-nenshi .countdown-container {
    grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  }
  .nenmatsu-nenshi .countdown-num {
    font-size: 38px;
    border-radius: 5px;
    height: 56px;
    width: 56px;
  }
  .nenmatsu-nenshi .countdown-colon {
    font-size: 35px;
    width: 30px;
  }
  .nenmatsu-nenshi .countdown-colon svg {
    width: 4.9px;
  }
  .nenmatsu-nenshi .countdown-text {
    font-size: 12px;
  }
}
@media screen and (min-width: 813px) {
  .nenmatsu-nenshi .fr-heading.-h2.countdownTitle,
  [lang=ja] .nenmatsu-nenshi .fr-heading.-h2.countdownTitle {
    font-size: 40px;
    font-weight: 400;
  }
  .nenmatsu-nenshi .countdown-container {
    grid-template-columns: 1fr 56px 1fr 56px 1fr 56px 1fr;
  }
  .nenmatsu-nenshi .countdown-num {
    font-size: 72px;
    border-radius: 9.14px;
    height: 102px;
    width: 102px;
  }
  .nenmatsu-nenshi .countdown-colon {
    font-size: 40px;
    width: 56px;
  }
  .nenmatsu-nenshi .countdown-text {
    font-size: 16px;
  }
}
.c-calendarBox {
  padding: 4vw;
  border-radius: 12px;
  border: 1px solid #1B1B1B;
}
@media (min-width: 813px) {
  .c-calendarBox {
    max-width: 1116px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px 26px;
  }
}

@media (max-width: 812px) {
  .c-calendar {
    overflow-x: scroll;
    padding-bottom: 5px;
  }
}
@media (max-width: 812px) {
  .c-calendar .c-calendar-sp-scroolArea {
    width: 340%;
  }
}

.fr-heading.-h2.c-calendarTitle .fr-heading_main,
[lang=ja] .fr-heading.-h2.c-calendarTitle .fr-heading_main {
  display: inline-block;
  position: relative;
}
.fr-heading.-h2.c-calendarTitle .fr-heading_main::before,
[lang=ja] .fr-heading.-h2.c-calendarTitle .fr-heading_main::before {
  content: "";
  position: absolute;
  top: -40px;
  left: -25px;
  width: 70px;
  height: 70px;
  background-image: url("https://image.uniqlo.com/UQ/ST3/jp/imagesother/nenmatsu-nenshi/25fw/img/flyer_schedule_bubble.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 813px) {
  .fr-heading.-h2.c-calendarTitle .fr-heading_main::before,
  [lang=ja] .fr-heading.-h2.c-calendarTitle .fr-heading_main::before {
    top: -36px;
    left: -88px;
    width: 96px;
    height: 96px;
  }
}

.specialPriceBox-img2Link {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.specialPriceBox-img2Link-img {
  display: block;
  width: 100%;
  height: auto;
}

.specialPriceBox-img2Link-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.specialPriceBox-img2Link-area {
  flex-grow: 1;
  height: 100%;
}/*# sourceMappingURL=style_v3_2.css.map */