@charset "UTF-8";
:root {
  --color-page-primary-blue: #014084;
  --color-page-bg-gray: #F2F5F6;
  --color-page-text-default: #4c6279;
  --ff-noto-sans: "Noto Sans JP";
  --ff-yu-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic";
  --color-page-red: #EB1B00;
  --color-page-light-blue: #0073D5;
}

.c-breadcrumb {
  display: none;
}

.global-contents > .global-contents__inner {
  width: 100%;
  padding-bottom: 0;
  overflow: hidden;
  background-color: #fdfaf3;
}

#PCFes2026 {
  background-image: url("../img/bg_pattern_sp.jpg");
  background-repeat: repeat;
  background-size: 100% auto;
  font-family: var(--ff-noto-sans), var(--ff-yu-gothic), sans-serif;
}
@media (min-width: 768px) {
  #PCFes2026 {
    background-image: url("../img/bg_pattern_pc.jpg");
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
}
#PCFes2026 :where(a) {
  -webkit-transition: scale var(--transition-default);
  transition: scale var(--transition-default);
}
#PCFes2026 :where(a):hover {
  scale: 1.03;
}

.page-container {
  font-family: var(--ff-yu-gothic), sans-serif;
  color: var(--color-page-text-default);
}
@media (min-width: 768px) {
  .page-container {
    margin-left: auto;
    margin-right: auto;
  }
}

.u-paragraph {
  font-weight: var(--fw-regular);
  font-size: 1.6rem;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .u-paragraph {
    font-size: 1.4rem;
  }
}
.u-paragraph--bold {
  font-weight: var(--fw-bold);
}
.u-paragraph--center {
  text-align: center;
}

.u-color-red {
  color: var(--color-page-red);
  font-weight: var(--fw-bold);
}

.page-kv {
  background-image: url("../img/bg_kv_sp.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
}
@media (min-width: 768px) {
  .page-kv {
    aspect-ratio: 1800/765;
    background-image: url("../img/bg_kv_pc.jpg");
  }
}
@media (max-width: 767px) {
  .page-kv {
    background-image: url("../img/bg_kv_sp.jpg");
    aspect-ratio: 750/1170;
  }
}
.page-kv__inner {
  width: 100%;
  height: 100%;
}
.page-kv__content {
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: 100%;
}
@media (min-width: 768px) {
  .page-kv__content {
    width: 93.5%;
  }
}

@media (min-width: 768px) {
  #PCFes2026:not(:has(.page-goods)) .page-kv {
    aspect-ratio: 1800/1048;
  }
}
@media (max-width: 767px) {
  #PCFes2026:not(:has(.page-goods)) .page-kv {
    aspect-ratio: 750/1450;
  }

  #PCFes2026:not(:has(.page-goods)) .page-terms {
    margin-top: -0.5rem;
  }
}
.page-goods {
  background-image: url("../img/bg_goods_sp.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (min-width: 768px) {
  .page-goods {
    background-image: url("../img/bg_goods_pc.png");
  }
}
.page-goods__inner {
  padding-top: 12rem;
  padding-bottom: 7rem;
}
@media (min-width: 768px) {
  .page-goods__inner {
    padding-top: min(11.3888888889svw, 20.5rem);
    padding-bottom: min(10svw, 18rem);
  }
}
.page-goods__title {
  width: 34.5rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-goods__title {
    width: min(41.6111111111svw, 74.9rem);
    margin-bottom: min(1svw, 1.8rem);
  }
}
@media (min-width: 768px) {
  .page-goods__list {
    width: min(61.1111111111svw, 110rem);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: min(4svw, 7.2rem) min(2.2222222222svw, 4rem);
  }
}
@media (max-width: 767px) {
  .page-goods__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline: 2.4rem;
    gap: 3rem 1.5rem;
  }
}
.page-goods__item-inner {
  display: block;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0 1rem 0.2rem rgba(244, 100, 130, 0.4);
          box-shadow: 0 0 1rem 0.2rem rgba(244, 100, 130, 0.4);
  border: 2px solid #f7cf82;
  text-decoration: none;
  position: relative;
  height: 100%;
}
.page-goods__item-inner::before {
  content: "";
  display: block;
  width: min(10.6666666667svw, 19.2rem);
  height: min(3.5svw, 6.3rem);
  background-image: url("../img/item_decor_top.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  z-index: 3;
  top: max(-3rem, -1.6666666667svw);
  left: 50%;
  translate: -50% 0;
}
@media (max-width: 767px) {
  .page-goods__item-inner::before {
    top: -1.5rem;
    width: 8.7rem;
    height: 2.95rem;
  }
}
.page-goods__item-inner::after {
  content: "";
  display: block;
  width: min(9.1666666667svw, 16.5rem);
  height: min(3.5svw, 6.3rem);
  background-image: url("../img/item_decor_bottom.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  z-index: 3;
  bottom: max(-4.2rem, -2.3333333333svw);
  left: 50%;
  translate: -50% 0;
}
@media (max-width: 767px) {
  .page-goods__item-inner::after {
    width: 7.4rem;
    height: 3rem;
    bottom: -2.2rem;
  }
}
@media (min-width: 768px) {
  .page-goods__item-inner {
    border-radius: min(1.1111111111svw, 2rem);
    padding: min(2.6666666667svw, 4.8rem) min(2.2222222222svw, 4rem);
  }
}
@media (max-width: 767px) {
  .page-goods__item-inner {
    padding: 2.4rem 1.4rem 2rem;
    border-radius: 1rem;
  }
}
.page-goods__item-soldout {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(174, 80, 65, 0.55);
}
@media (min-width: 768px) {
  .page-goods__item-soldout {
    border-radius: min(1svw, 1.8rem);
  }
}
@media (max-width: 767px) {
  .page-goods__item-soldout {
    border-radius: 0.8rem;
  }
}
.page-goods__item-name {
  margin-top: min(1.1111111111svw, 2rem);
  font-weight: 500;
  font-size: min(1svw, 1.8rem);
  line-height: 1.5;
  color: var(--color-page-text-default);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 767px) {
  .page-goods__item-name {
    font-size: 1.2rem;
    line-height: 1.3333;
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .page-goods__item-name {
    min-height: min(2.5svw, 4.5rem);
  }
}
.page-goods__item-price {
  color: var(--color-page-text-default);
  margin-top: 0;
}
@media (max-width: 767px) {
  .page-goods__item-price {
    margin-top: 1rem;
  }
}
.page-goods__item-price-type {
  font-weight: var(--fw-bold);
  font-size: min(1.6666666667svw, 3rem);
}
@media (max-width: 767px) {
  .page-goods__item-price-type {
    font-size: 1.7rem;
    margin-top: -0.6rem;
  }
}
.page-goods__item-price-label {
  font-weight: var(--fw-medium);
  font-size: min(0.8888888889svw, 1.6rem);
}
@media (max-width: 767px) {
  .page-goods__item-price-label {
    font-size: 1rem;
  }
}
.page-goods__item-icon {
  display: flex;
  flex-wrap: wrap;
  margin-top: min(0.5555555556svw, 1rem);
}
@media (max-width: 767px) {
  .page-goods__item-icon {
    margin-top: 0.5rem;
  }
}
.page-goods__item-icon-chip {
  display: block;
  width: fit-content;
  font-weight: var(--fw-bold);
  font-size: min(0.8888888889svw, 1.6rem);
  line-height: 1;
  padding: min(0.3888888889svw, 0.7rem) min(0.8888888889svw, 1.6rem) min(0.3333333333svw, 0.6rem);
  border-radius: min(0.7777777778svw, 1.4rem);
}
@media (max-width: 767px) {
  .page-goods__item-icon-chip {
    font-size: 0.8rem;
    padding: 0.35rem 0.8rem;
    border-radius: 0.7rem;
  }
}
.page-goods__item-icon-chip.--preorder {
  background-color: #e85ba8;
  color: var(--color-white);
}
.page-goods__item-icon-chip.--preorder-over {
  background-color: #6a7179;
  color: var(--color-white);
}
.page-goods__item-icon-chip.--sale-over {
  border-radius: 4px;
  background-color: #dae3ec;
  color: #565e67;
}
.page-goods__button {
  display: block;
  width: min(38.6111111111svw, 69.5rem);
  -webkit-margin-before: min(6.1111111111svw, 11rem);
          margin-block-start: min(6.1111111111svw, 11rem);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .page-goods__button {
    width: 30.6rem;
    translate: 0.3rem 0;
    margin-top: 5.2rem;
  }
}

.page-guide {
  width: min(63.5294117647svw, 108rem);
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-white);
  margin-top: 5rem;
  padding: 4rem;
  text-align: center;
  color: #000;
  border-radius: 1.2rem;
}
@media (max-width: 767px) {
  .page-guide {
    width: calc(100% - 3.2rem);
    margin-top: 3rem;
    padding: 4rem 1.6rem;
  }
}
.page-guide__title {
  font-weight: var(--fw-bold);
  font-size: 2.4rem;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .page-guide__title {
    font-size: 1.6rem;
  }
}
.page-guide__description {
  font-weight: var(--fw-medium);
  font-size: 1.8rem;
  line-height: 1.7142857143;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .page-guide__description {
    font-size: 1.2rem;
    text-align: left;
  }
}
.page-guide__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-top: 2rem;
  width: 33.2rem;
  height: 5.6rem;
  border-radius: 2.8rem;
  border: 2px solid #000;
  font-weight: var(--fw-bold);
  font-size: 2.2rem;
  line-height: 1.25;
  letter-spacing: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .page-guide__button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 2.8rem;
    font-size: 1.5rem;
    height: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-guide__button {
    -webkit-transition: color var(--transition-default), background-color var(--transition-default);
    transition: color var(--transition-default), background-color var(--transition-default);
  }
  .page-guide__button:hover {
    color: var(--color-white);
    background-color: #000;
  }
}

.page-event__inner {
  padding-top: min(6.6666666667svw, 12rem);
  padding-bottom: min(5svw, 9rem);
}
@media (max-width: 767px) {
  .page-event__inner {
    padding-top: 5.3rem;
    padding-bottom: 4.5rem;
  }
}
.page-event__title {
  width: min(24.6111111111svw, 44.3rem);
  margin-inline: auto;
  -webkit-margin-after: min(0.8888888889svw, 1.6rem);
          margin-block-end: min(0.8888888889svw, 1.6rem);
}
@media (max-width: 767px) {
  .page-event__title {
    width: 21.5rem;
    -webkit-margin-after: 0.8rem;
            margin-block-end: 0.8rem;
  }
}
.page-event__banner {
  width: min(40.3888888889svw, 72.7rem);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .page-event__banner {
    width: 34rem;
  }
}
.page-event__banner a {
  -webkit-transition: opacity var(--transition-default) !important;
  transition: opacity var(--transition-default) !important;
}
.page-event__banner a:hover {
  opacity: 0.6;
  scale: 1;
}

.page-sponsor__title {
  height: min(1.2777777778svw, 2.3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: min(0.8888888889svw, 1.6rem);
}
@media (max-width: 767px) {
  .page-sponsor__title {
    height: 1.5rem;
    margin-bottom: -0.5rem;
  }
}
.page-sponsor__title img {
  width: auto;
  height: 100%;
}
.page-sponsor__body {
  padding-bottom: min(6.3888888889svw, 11.5rem);
}
@media (max-width: 767px) {
  .page-sponsor__body {
    padding-bottom: 5rem;
  }
}

.specialsponsor-list,
.sponsor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: min(0.8888888889svw, 1.6rem);
}
@media (max-width: 767px) {
  .specialsponsor-list,
.sponsor-list {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0;
  }
}

@media (min-width: 768px) {
  .sponsor-list {
    max-width: min(45svw, 81rem);
    margin-inline: auto;
  }
}
.specialsponsor-item {
  width: min(36.2222222222svw, 65.2rem);
}
@media (max-width: 767px) {
  .specialsponsor-item {
    width: 28.9rem;
  }
}
.specialsponsor-item a {
  -webkit-transition: opacity var(--transition-default) !important;
  transition: opacity var(--transition-default) !important;
}
.specialsponsor-item a:hover {
  opacity: 0.6;
  scale: 1;
}

.sponsor-item {
  width: min(15svw, 27rem);
}
@media (max-width: 767px) {
  .sponsor-item {
    width: 15.5rem;
  }
}
.sponsor-item a {
  -webkit-transition: opacity var(--transition-default) !important;
  transition: opacity var(--transition-default) !important;
}
.sponsor-item a:hover {
  opacity: 0.6;
  scale: 1;
}

.page-terms {
  background-color: #fef6df;
  padding-block: min(6.7777777778svw, 12.2rem) min(7.7777777778svw, 14rem);
}
@media (max-width: 767px) {
  .page-terms {
    padding-block: 4.35rem 8rem;
  }
}
.page-terms__inner {
  width: min(63.5294117647svw, 108rem);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .page-terms__inner {
    width: calc(100% - 3.2rem);
    padding-left: 1.3rem;
  }
}
@media (min-width: 768px) {
  .page-terms__inner {
    padding-left: min(0.8333333333svw, 1.5rem);
  }
}
.page-terms__title {
  text-align: center;
  width: min(7.9444444444svw, 14.3rem);
  padding-bottom: 4.9rem;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .page-terms__title {
    width: 7.4rem;
    padding-bottom: 2.8rem;
  }
}
.page-terms__list {
  margin-left: auto;
  margin-right: auto;
}
.page-terms__item {
  list-style: "・";
  color: #620c0f;
  font-weight: var(--fw-bold);
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
}
.page-terms__item--indent {
  margin-left: 3.5rem;
}
@media (max-width: 767px) {
  .page-terms__item--indent {
    margin-left: 2.5rem;
  }
}
.page-terms__item a {
  color: #ff5965;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1.5;
  letter-spacing: inherit;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .page-terms__item {
    font-size: 1.3rem;
  }
}

.page-guide {
  width: min(63.5294117647svw, 108rem);
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-white);
  margin-top: 5rem;
  padding: 4rem;
  text-align: center;
  color: #000;
  border-radius: 1.2rem;
}
@media (max-width: 767px) {
  .page-guide {
    width: calc(100% - 3.2rem);
    margin-top: 3rem;
    padding: 4rem 1.6rem;
  }
}
.page-guide__title {
  font-weight: var(--fw-bold);
  font-size: 2.4rem;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media (max-width: 767px) {
  .page-guide__title {
    font-size: 1.6rem;
  }
}
.page-guide__description {
  font-weight: var(--fw-semibold);
  font-size: 1.8rem;
  line-height: 1.7142857143;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .page-guide__description {
    font-size: 1.2rem;
    text-align: left;
  }
}
.page-guide__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-top: 2rem;
  width: 33.2rem;
  height: 5.6rem;
  border-radius: 2.8rem;
  border: 2px solid #000;
  font-weight: var(--fw-bold);
  font-size: 2.2rem;
  line-height: 1.25;
  letter-spacing: 0;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .page-guide__button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 2.8rem;
    font-size: 1.5rem;
    height: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-guide__button {
    -webkit-transition: color var(--transition-default), background-color var(--transition-default);
    transition: color var(--transition-default), background-color var(--transition-default);
  }
  .page-guide__button:hover {
    color: var(--color-white);
    background-color: #000;
  }
}

.page-open-content {
  -webkit-padding-before: min(5svw, 8rem);
          padding-block-start: min(5svw, 8rem);
}
@media (max-width: 767px) {
  .page-open-content {
    -webkit-padding-before: 8rem;
            padding-block-start: 8rem;
  }
}

.page-terms-sublist,
.page-terms-sublist li {
  font-size: inherit;
  line-height: 1.5;
  letter-spacing: inherit;
}

.page-terms-sublist li::before {
  content: "　-　";
}

@media (min-width: 768px) {
  .page-sponsor__inner .page-sponsor__title:first-of-type {
    margin-bottom: min(2.6666666667svw, 4.8rem);
  }
}
@media (max-width: 767px) {
  .page-sponsor__inner .page-sponsor__title:first-of-type {
    margin-bottom: 2.4rem;
  }
}
/*# sourceMappingURL=style.css.map */