@charset "UTF-8";
:root {
  --color-page-red: #C03838;
  --color-page-dark-blue: #44557D;
  --color-page-bg-gray: #F2F5F6;
  --color-page-text: #4E3F33;
  --ff-noto-sans: "Noto Sans JP";
  --ff-yu-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  --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: #33241D;
}

#GBExtraFes2026 {
  font-family: var(--ff-noto-sans), sans-serif;
  background-size: 100% auto;
  color: var(--color-page-text);
  background-color: #33241D;
  max-width: 1600px;
  position: relative;
}
.page-backdrop {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  left: 0;
}

@media (max-width: 767px) {
  #GBExtraFes2026 {
    z-index: 2;
  }
  #GBExtraFes2026:not(:has(.page-open-content)) .page-backdrop {
    top: calc(274.5* (100vw / 375));
    width: 100%;
    height: 100%;
  }
  #GBExtraFes2026:has(.page-open-content) .page-backdrop {
    width: 101.5%;
    height: 100%;
    top: 0;
  }
}
@media (min-width: 768px) {
  #GBExtraFes2026:not(:has(.page-open-content)) .page-backdrop {
    width: 100%;
    height: 100%;
    top: min(43.125svw, 69rem);
  }
  /* #GBExtraFes2026:has(.page-open-content) .page-bottom {
    background: url("../img/star_teaser_pc.png") no-repeat top center;
    background-size: 100% auto;
  } */
  #GBExtraFes2026:has(.page-open-content) .page-backdrop {
    width: 100%;
    height: 100%;
    top: min(43.125svw, 69rem);
  }
  #GBExtraFes2026:not(:has(.page-open-content)):has([data-notice="close"]) .page-backdrop {
    width: 97.1%;
    left: 0.6%;
  }
}
.u-paragraph {
  font-weight: var(--fw-regular);
  font-size: calc(14* (100vw / 375));
  line-height: 160%;
}

@media (min-width: 768px) {
  .u-paragraph {
    font-size: min(1svw, 1.6rem);
  }
}
.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);
}

.u-button-wrapper {
  margin-top: calc(20* (100vw / 375));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
}

@media (min-width: 768px) {
  .u-button-wrapper {
    margin-top: min(1.375svw, 2.2rem);
  }
}
@media (max-width: 767px) {
  .u-button-wrapper {
    width: min(64svw, 24rem);
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(8* (100vw / 375));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(17* (100vw / 375));
  }
}
.c-page-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;
  font-weight: var(--fw-bold);
  width: 100%;
  height: calc(54* (100vw / 375));
  border-radius: calc(27* (100vw / 375));
  font-size: calc(16* (100vw / 375));
  line-height: 2;
  letter-spacing: 0;
  text-decoration: none;
  border: 2px solid #C03838;
}

@media (hover: hover) and (pointer: fine) {
  .c-page-button {
    -webkit-transition: color var(--transition-default), background-color var(--transition-default);
    transition: color var(--transition-default), background-color var(--transition-default);
  }
}
@media (min-width: 768px) {
  .c-page-button {
    width: min(15svw, 24rem);
    height: min(3.25svw, 5.2rem);
    font-size: min(1svw, 1.6rem);
    border-radius: min(1.625svw, 2.6rem);
  }
}
.c-page-button__primary {
  background-color: #C03838;
  color: var(--color-white, #fff);
}

@media (hover: hover) and (pointer: fine) {
  .c-page-button__primary:hover {
    color: #C03838;
    background-color: var(--color-white);
  }
}
.c-page-button__secondary {
  background-color: var(--color-white);
  color: #C03838;
}

@media (hover: hover) and (pointer: fine) {
  .c-page-button__secondary:hover {
    color: var(--color-white);
    background-color: #C03838;
  }
}
@media (min-width: 768px) {
  .page-container {
    margin-left: auto;
    margin-right: auto;
  }
}
.page-fv {
  position: relative;
  overflow: visible;
}

.page-notice {
  position: relative;
  z-index: 2;
  padding-top: calc(20* (100vw / 375));
  padding-bottom: calc(36* (100vw / 375));
}

@media (min-width: 768px) {
  .page-fv {
    max-width: min(100svw, 1600px);
    margin-left: auto;
    margin-right: auto;
  }

  .page-notice {
    padding-top: min(4.6875svw, 7.5rem);
    padding-bottom: min(3.875svw, 6.2rem);
  }
}
.page-notice__inner {
  width: min(67.5svw, 108rem);
  margin-left: auto;
  margin-right: auto;
  background-color: #E5DED2;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid #977F54;
  position: relative;
  padding: min(7svw, 11.2rem) min(3.75svw, 6rem) min(3.8125svw, 6.1rem);
  -webkit-box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08);
          box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08);
}

@media (max-width: 767px) {
  .page-fv {
    z-index: 4;
  }
  .page-notice__inner {
    width: calc(100% - (40* (100vw / 375)));
    padding: calc(74* (100vw / 375)) calc(18* (100vw / 375)) calc(38* (100vw / 375));
    margin-top: 5.8rem;
  }
}
.page-notice__title {
  width: calc(291* (100vw / 375));
  position: absolute;
  top: -2px;
  left: 50%;
  translate: -50% 0;
}

@media (min-width: 768px) {
  .page-notice__title {
    width: auto;
    height: min(4.125svw, 6.6rem);
  }

  .page-notice__title img {
    width: auto;
    height: 100%;
  }

  .page-terms .page-notice__title {
    top: 0;
    height: min(3.75svw, 6rem);
  }
}
@media (max-width: 767px) {
  .page-notice__title {
    top: -2px;
    width: min(77.6svw, 29.1rem);
  }
}
.page-notice__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: calc(34* (100vw / 375));
}

@media (min-width: 768px) {
  .page-notice__body {
    row-gap: min(3.0625svw, 4.9rem);
  }
}
@media (min-width: 768px) {
  .page-notice__detail {
    display: grid;
    grid-template-columns: min(13.5svw, 21.6rem) 1fr;
    gap: min(2.3125svw, 3.7rem);
  }

  .page-notice__detail:nth-of-type(n + 2) {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .page-notice__detail:last-of-type {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.page-notice__detail-head {
  font-weight: var(--fw-bold);
  font-size: calc(24* (100vw / 375));
  line-height: 1.3333333333;
  letter-spacing: 0;
  color: var(--color-page-text);
}

.page-notice__detail-body .u-paragraph {
  line-height: 1.75;
}

@media (min-width: 768px) {
  .page-notice__detail-head {
    font-size: min(1.5svw, 2.4rem);
  }
}
@media (max-width: 767px) {
  .page-notice__detail-head {
    font-size: calc(18* (100vw / 375));
    line-height: 1.8;
    margin-bottom: calc(7* (100vw / 375));
  }

  .page-notice__detail-body .u-paragraph {
    font-size: calc(13* (100vw / 375));
    line-height: 1.6;
  }
  .page-notice__detail:nth-of-type(3) .page-notice__detail-body .u-paragraph {
    font-size: calc(14* (100vw / 375));
  }
  .page-notice__detail:nth-of-type(3) .page-notice__detail-body .u-paragraph span {
    display: inline-block;
    padding-top: calc(1* (100vw / 375));
    padding-left: calc(4* (100vw / 375));
  }
}
.page-notice[data-notice=close] .u-paragraph {
  color: var(--color-page-text);
  font-size: min(1.5svw, 2.4rem);
  line-height: 1.3333;
}

@media (min-width: 768px) {
  .page-notice[data-notice=close] .u-paragraph {
    text-align: center;
  }
}
.page-notice[data-notice=close] .page-notice__inner {
  padding: min(1.125svw, 1.8rem);
}

.page-notice[data-notice=close] .page-notice__inner-layer {
  padding: min(2.5svw, 4rem);
}

.page-notice[data-notice=close] .page-notice__body {
  row-gap: min(2.1875svw, 3.5rem);
}

@media (max-width: 767px) {
  .page-notice[data-notice=close] .u-paragraph {
    font-size: calc(18* (100vw / 375));
    line-height: 1.5;
  }

  .page-notice[data-notice=close] .page-notice__inner {
    padding: calc(7* (100vw / 375));
  }

  .page-notice[data-notice=close] .page-notice__inner-layer {
    padding: calc(37* (100vw / 375)) calc(13* (100vw / 375)) calc(37* (100vw / 375)) calc(16* (100vw / 375));
  }

  .page-notice[data-notice=close] .page-notice__body {
    row-gap: 3rem;
  }

  .page-notice[data-notice=close] .item-button {
    width: 100%;
    grid-template-columns: 1fr 25.5172413793%;
  }

  .page-notice[data-notice=close] .item-button--mypage {
    width: min(80svw, 30rem);
  }

  .page-notice[data-notice=close] .page-notice__inner {
    margin-top: 0;
    padding: calc(8* (100vw / 375)) calc(2* (100vw / 375));
  }
}
.page-terms {
  position: relative;
  z-index: 2;
  padding-bottom: calc(60* (100vw / 375));
}

.page-terms__inner {
  width: calc(100% - 4rem);
  background-color: #E5DED2;
  border: 2px solid #977F54;
  -webkit-box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08);
          box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08);
  margin-left: auto;
  margin-right: auto;
  padding: calc(78* (100vw / 375)) calc(12* (100vw / 375)) calc(38* (100vw / 375));
}

@media (min-width: 768px) {
  .page-terms {
    padding-bottom: min(7.5svw, 12rem);
  }

  .page-terms__inner {
    width: min(67.5svw, 108rem);
    padding: min(4svw, 6.4rem) min(4svw, 6.4rem) min(4svw, 6.4rem) min(3.75svw, 6rem);
    margin-inline: auto;
  }
}
@media (max-width: 767px) {
  .page-terms__inner {
  }
}
.page-terms__title {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding-left: calc(20* (100vw / 375));
}

.page-terms__title img {
  width: calc(85* (100vw / 375));
}

.page-terms__title::before {
  content: "";
  display: block;
  width: min(3.75svw, 6rem);
  height: min(3.625svw, 6rem);
  background: url("../img/deco.png") no-repeat center;
  background-size: contain;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: max(-2rem, -1.25svw);
  translate: 0 -50%;
}

@media (max-width: 767px) {
  .page-terms__title::before {
    width: calc(29* (100vw / 375));
    height: calc(28* (100vw / 375));
  }
}
.page-terms__title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 2px;
  background-color: #ccc;
}

.page-terms__list {
  margin-left: auto;
  margin-right: auto;
  padding-block: min(2.6875svw, 4.3rem) min(2.875svw, 4.6rem);
}

.page-terms__list {
  padding-top: 0;
}

.page-terms__title::after {
  width: calc(202* (100vw / 375));
}

@media (min-width: 768px) {
  .page-terms__title {
    margin-left: 0;
    padding-left: min(1.875svw, 3rem);
  }

  .page-terms__title img {
    width: min(8.5svw, 13.6rem);
  }

  .page-terms__title::before {
    width: min(3.75svw, 6rem);
    height: min(3.625svw, 5.8rem);
    left: max(-2rem, -1.25svw);
  }

  .page-terms__title::after {
    width: min(48svw, 76.8rem);
  }

  .page-terms__list {
    padding-top: min(2.6875svw, 4.3rem);
    padding-left: min(0.25svw, 0.4rem);
  }
}
@media (max-width: 767px) {
  .page-terms__list {
    padding-left: 0.8rem;
  }
}
.page-terms__item {
  color: var(--color-page-text);
  font-weight: 400;
  font-size: calc(12* (100vw / 375));
  line-height: 160%;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(0.3125svw, 0.5rem);
}

.page-terms__item a {
  font-size: inherit;
  line-height: inherit;
  color: #C03838;
}

@media (hover: hover) and (pointer: fine) {
  .page-terms__item a {
    transition: opacity var(--transition-default);
  }
  .page-terms__item a:hover {
    opacity: 0.6;
  }
}

.page-terms__item::before {
  content: "・";
  display: block;
}

@media (min-width: 768px) {
  .page-terms__item {
    font-size: min(1svw, 1.6rem);
    line-height: 1.75;
  }
}
.page-guide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--color-white);
  padding: 4.2rem 4rem 3.7rem;
  text-align: center;
  color: #4E3F33;
}

@media (max-width: 767px) {
  .page-guide {
    width: calc(100% - 1.2rem);
    margin-top: calc(16* (100vw / 375));
    margin-left: auto;
    margin-right: auto;
    padding: calc(30* (100vw / 375)) calc(16* (100vw / 375)) calc(40* (100vw / 375));
  }
}
.page-guide__title {
  font-weight: var(--fw-bold);
  font-size: 1.8rem;
  line-height: normal;
  letter-spacing: 0;
  margin-bottom: 1.1rem;
  color: var(--color-page-text);
}

.page-guide__description {
  font-weight: var(--fw-medium);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0;
  color: var(--color-page-text);
}

.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;
  width: 28.6rem;
  height: 4.8rem;
  border-radius: 2.4rem;
  border: 2px solid #C03838;
  font-weight: var(--fw-bold);
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0;
  color: #C03838;
}
.page-guide__buttonWrap {
  margin-top: 1.1rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

@media (min-width: 768px) {
  .page-guide__title {
    font-size: min(1.125svw, 1.8rem);
    margin-bottom: min(0.6875svw, 1.1rem);
  }

  .page-guide__description {
    font-weight: var(--fw-medium);
    font-size: min(0.875svw, 1.4rem);
  }
}
@media (max-width: 767px) {
  .page-guide {
    padding-left: 0;
    padding-right: 0;
  }

  .page-guide__description {
    line-height: 1.5;
    padding-inline: calc(16* (100vw / 375));
  }
  .page-guide__buttonWrap {
    flex-direction: column;
    align-items: center;
  }
  .page-guide__button {
    width: min(70.1333333333svw, 26.3rem);
    height: calc(42* (100vw / 375));
    padding: calc(4* (100vw / 375));
  }
}
@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: #C03838;
  }
}
.page-open-content {
  position: relative;
  z-index: 3;
}

.item-search-area {
  padding-block: calc(47* (100vw / 375)) calc(48* (100vw / 375));
  background-color: #E5DED2;
}

@media (max-width: 767px) {
  .item-search {
    width: 100% !important;
  }

  .item-search-area {
    padding-block: 0;
    padding: calc(60* (100vw / 375)) calc(20* (100vw / 375)) calc(60* (100vw / 375));
  }
}
@media (min-width: 768px) {
  .page-open-content {
    padding-top: min(4.6875svw, 7.5rem);
    margin-left: auto;
    margin-right: auto;
  }

  .item-search-area {
    padding-block: min(2.9375svw, 4.7rem) min(2.375svw, 3.8rem);
    margin-top: min(6.375svw, 10.2rem);
  }
}
.item-button {
  display: grid;
  grid-template-columns: 1fr min(5.9375svw, 9.5rem);
  width: min(25.25svw, 40.4rem);
  margin-left: auto;
  margin-right: auto;
}
.item-button::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/btn_right.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .item-button {
    width: min(81.06666666667svw, 30.4rem);
    display: block;
    box-shadow: 0 2px 2.3rem 0 rgba(0,0,0,0.2);
    transition: opacity var(--transition-default) !important;
  }
  .item-button::after {
    content: none;
  }
  .item-button:hover,
  .item-button:focus {
    opacity: 0.6;
  }
}

@media (hover: hover) and (pointer: fine) {
  .item-button {
    transition: translate 0s ease !important;
  }
  .item-button img {
    transform-origin: bottom right;
  }
  .item-button::after {
    transform-origin: bottom left;
  }
  .item-button:hover {
    translate: 0.6rem 0.6rem;
    transition: translate 0.05s ease !important;
  }
  .item-button:hover img {
    translate: 0 -2rem;
    rotate: -5deg;
    transition: rotate 0.05s ease, translate 0.05s ease !important;
    transition-delay: 0.08s !important;
  }
  .item-button:hover:after {
    translate: 0.2rem -2rem;
    rotate: 8deg;
    transition: rotate 0.05s ease, translate 0.05s ease !important;
    transition-delay: 0.08s !important;
  }
}


.item-button__wrapper {
  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;
  gap: min(0.9375svw, 1.5rem);
}

@media (max-width: 767px) {
  .item-button__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: min(0.9375svw, 1.5rem);
  }
}
.item-button__wrapper .item-button {
  margin-left: 0;
  margin-right: 0;
}

.item-button {
  position: relative;
  -webkit-transition: translate 200ms ease-in;
  transition: translate 200ms ease-in;
}

.item-button img:not(.img-hover) {
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}

.item-button .img-hover {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  -webkit-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}

@media (max-width: 767px) {
  .item-search-area .item-button + .item-button {
    margin-top: calc(-18* (100vw / 375));
  }
}
.item-search {
  width: min(42.5svw, 68rem);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .item-search {
    width: calc(100% - 3.2rem);
  }
}
.item-search__title {
  color: var(--color-page-text);
  font-weight: var(--fw-bold);
  font-size: calc(16* (100vw / 375));
  line-height: normal;
  margin-bottom: calc(10* (100vw / 375));
  text-align: center;
}

.item-search__bar {
  width: 100%;
  height: calc(40* (100vw / 375));
  border-radius: calc(20* (100vw / 375));
  display: grid;
  grid-template-columns: 1fr calc(80* (100vw / 375));
  overflow: hidden;
  transition: border-color var(--transition-default);
}

@media (min-width: 768px) {
  .item-search__title {
    font-size: min(1.125svw, 1.8rem);
    margin-bottom: min(0.625svw, 1rem);
  }

  .item-search__bar {
    height: min(2.5svw, 4rem);
    border-radius: min(1.25svw, 2rem);
    grid-template-columns: 1fr min(5svw, 8rem);
  }
}
@media (max-width: 767px) {
  .item-search__title {
    margin-bottom: calc(10* (100vw / 375));
  }
}
.item-search__bar-input {
  border: none;
  outline: none;
  border-radius: 0;
  font-size: min(0.875svw, 1.4rem);
  padding-left: min(1.25svw, 2rem);
  overflow: hidden;
  text-overflow: ellipsis;
  border: 2px solid #C03838;
  border-top-left-radius: calc(20* (100vw / 375));
  border-bottom-left-radius: calc(20* (100vw / 375));
  border-right: none;
  transition: border-color var(--transition-default);
}

.item-search__search-button {
  background-color: #C03838;
  border: 2px solid #C03838;
  color: var(--color-white);
  font-weight: var(--fw-bold);
  font-size: min(0.875svw, 1.4rem);
  letter-spacing: 10%;
  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;
  border-top-right-radius: calc(20* (100vw / 375));
  border-bottom-right-radius: calc(20* (100vw / 375));
  border-left: none;
  transition: background-color var(--transition-default), border-color var(--transition-default);
}

@media (min-width: 768px) {
  .item-search__search-button {
    font-size: min(0.875svw, 1.4rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .item-search__search-button:hover {
    background-color: #977F54;
    border-color: #977F54;
  }
  .item-search__bar:has(.item-search__search-button:hover) .item-search__bar-input {
    border-color: #977F54;
  }
}
.item-search__recommendation {
  margin-top: min(1.25svw, 2rem);
}

.item-search__recommendation dt {
  color: var(--color-page-text);
  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;
  -webkit-column-gap: min(1.25svw, 2rem);
  -moz-column-gap: min(1.25svw, 2rem);
  column-gap: min(1.25svw, 2rem);
  font-family: var(--ff-yu-gothic);
  font-weight: var(--fw-bold);
  text-align: center;
  font-size: min(1svw, 1.6rem);
  margin-bottom: min(0.625svw, 1rem);
}

.item-search__recommendation dt::before, .item-search__recommendation dt::after {
  content: "";
  width: min(7.5svw, 12rem);
  height: 1px;
  background-color: var(--color-page-text);
}

@media (max-width: 767px) {
  .item-search__recommendation dt::before, .item-search__recommendation dt::after {
    width: calc(103* (100vw / 375));
  }

  .item-search__recommendation dt {
    font-size: calc(14* (100vw / 375));
    margin-bottom: calc(10* (100vw / 375));
  }

  .item-search__recommendation dt {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .item-search__bar-input {
    font-size: calc(14* (100vw / 375));
    padding-left: calc(20* (100vw / 375));
  }
  .item-search__search-button {
    font-size: calc(14* (100vw / 375));
    padding-left: 0.4rem;
  }
}
.item-search__recommendation dd {
  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;
  gap: calc(6* (100vw / 375));
}

.item-search__searchword-tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: calc(28* (100vw / 375));
  color: var(--color-white);
  background-color: #C03838;
  border: 0.2rem solid #C03838;
  border-radius: calc(15* (100vw / 375));
  text-decoration: none;
  padding-inline: calc(10* (100vw / 375));
  font-weight: var(--fw-medium);
  font-size: calc(14* (100vw / 375));
}

@media (min-width: 768px) {
  .item-search__recommendation dd {
    gap: min(0.375svw, 0.6rem);
  }

  .item-search__searchword-tag {
    height: min(1.75svw, 2.8rem);
    padding-inline: min(0.625svw, 1rem);
    font-size: min(0.875svw, 1.4rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .item-search__searchword-tag {
    -webkit-transition: background-color var(--transition-default), border-color var(--transition-default);
    transition: background-color var(--transition-default), border-color var(--transition-default);
  }

  .item-search__searchword-tag:hover {
    background-color: #977F54;
    border-color: #977F54;
  }
}
.item-area {
  margin-top: min(3.75svw, 6rem);
  position: relative;
  z-index: 2;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .item-area {
    margin-top: calc(40* (100vw / 375));
  }
}
@media (max-width: 767px) {
  .item-area::before {
    height: calc(382* (100vw / 375));
    background-size: auto 100%;
    background-position: center;
    bottom: calc(45* (100vw / 375));
  }
}
.item-area__title {
  width: min(32.25svw, 51.6rem);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .item-area__title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(10* (100vw / 375));
  }
}
.item-area .item-button {
  margin-top: min(3.25svw, 5.2rem);
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .item-area .item-button {
    margin-top: calc(38* (100vw / 375));
  }
}
.item-area[data-item-type=new] .decoration-asset[data-decor-chara="1"] {
  position: absolute;
  z-index: 1;
  width: min(27.875svw, 44.6rem);
  top: max(-12rem, -7.5svw);
  left: 0;
}

.item-area[data-item-type=rerelease] .decoration-asset[data-decor-chara="2"] {
  position: absolute;
  z-index: 1;
  width: min(26.5svw, 42.4rem);
  top: max(-26rem, -16.25svw);
  right: 0;
}

.item-area[data-item-type=rerelease] .item-area__title {
  width: min(37.6875svw, 60.3rem);
}

@media (max-width: 767px) {
  .item-area[data-item-type=new] {
    margin-top: calc(40* (100vw / 375));
  }

  .item-area[data-item-type=new] .decoration-asset[data-decor-chara="1"] {
    width: calc(209* (100vw / 375));
    top: calc(-103* (100vw / 375));
    right: 0;
    left: auto;
    pointer-events: none;
  }

  .item-area[data-item-type=rerelease] .decoration-asset[data-decor-chara="2"] {
    width: calc(182* (100vw / 375));
    top: calc(-70* (100vw / 375));
    left: unset;
    right: 0;
    pointer-events: none;
  }
}
.item-area + .item-area {
  margin-top: calc(114* (100vw / 375));
}

@media (min-width: 768px) {
  .item-area + .item-area {
    margin-top: min(7.3125svw, 11.7rem);
  }
}
.item-slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: min(1.25svw, 2rem) 0 min(2.0625svw, 3.3rem);
}

.item-slider-container {
  width: min(58.25svw, 93.2rem);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

@media (max-width: 767px) {
  .item-slider-container {
    width: 100%;
  }

  .item-area + .item-area {
    margin-top: calc(113* (100vw / 375));
  }
}
@media (max-width: 767px) {
  .item-slider {
    width: calc(100% - 4rem);
    padding: calc(21* (100vw / 375)) 0 calc(30* (100vw / 375));
    margin-inline: auto;
  }
}
.item-slide {
  position: relative;
  z-index: 2;
}

/* .item-slide.swiper-slide-next + .item-slide + .item-slide,
.item-slide.swiper-slide-prev {
  opacity: 0;
} */

@media (min-width: 768px) {
  .item-area {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .item-slider {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: min(1.25svw, 2rem) 0 min(2.0625svw, 3.3rem);
  }
}
.item__wrapper {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: unset !important;
}

.item__wrapper::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/item-hover-bg-sp.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
}

.item-slide:hover,
.item__wrapper:hover {
  opacity: 1;
}

.item__wrapper:hover::before {
  opacity: 1;
  -webkit-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out;
}

@media (min-width: 768px) {
  .item__wrapper::before {
    background-image: url("../img/item-hover-bg.png");
  }
}
.item-slider__button--prev, .item-slider__button--next {
  width: min(3.875svw, 6.2rem);
  cursor: pointer;
  position: absolute;
  z-index: 5;
  top: 50%;
  translate: 0 -50%;
}

.item-slider__button--prev.swiper-button-disabled,
.item-slider__button--next.swiper-button-disabled {
  opacity: 0.5;
}

.item-slider__button--prev img, .item-slider__button--next img {
  display: block;
  width: 100%;
  height: auto;
}

@media (hover: hover) and (pointer: fine) {
  .item-slider__button--prev, .item-slider__button--next {
    -webkit-transition: opacity var(--transition-default);
    transition: opacity var(--transition-default);
  }

  .item-slider__button--prev:hover, .item-slider__button--next:hover {
    opacity: 0.6;
  }
}
@media (max-width: 767px) {
  .item-slider__button--prev, .item-slider__button--next {
    width: calc(23* (100vw / 375));
    top: 48.5%;
  }
}
.item-slider__button--prev {
  left: max(-8.2rem, -5.125svw);
}

.item-slider__button--next {
  right: max(-8.2rem, -5.125svw);
}

.item-slider__scrollbar {
  width: 100% !important;
  height: 0.4rem !important;
  bottom: 0 !important;
  left: 50% !important;
  translate: -50% 0 !important;
  background-color: transparent !important;
}

@media (min-width: 768px) {
  .item-slider__scrollbar {
    width: 91% !important;
    left: 50% !important;
    translate: -50% 0 !important;
  }
}
@media (max-width: 767px) {
  .item-slider__button--prev {
    left: calc(3* (100vw / 375));
  }

  .item-slider__button--next {
    right: calc(3* (100vw / 375));
  }
  .item-area[data-item-type=rerelease] .item-area__title {
    width: 100%;
  }
}
.item-slider__scrollbar::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: 0.4rem !important;
  background-color: #FFFBE0 !important;
  position: absolute;
  top: 0;
  left: 0;
}

.item-slider__scrollbar .swiper-scrollbar-drag {
  height: 0.4rem !important;
  background-color: #C03838;
  cursor: pointer;
  border-radius: 0;
}

.item-slide {
  /* -webkit-backdrop-filter: blur(32px);
          backdrop-filter: blur(32px);
  -webkit-box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08);
          box-shadow: 0 -2px 24px 0 rgba(40, 85, 215, 0.02), 0 8px 40px 0 rgba(11, 54, 178, 0.08); */
  border: 2px solid #977F54;
  background-color: #574638;
  -webkit-transition: all var(--transition-default);
  transition: all var(--transition-default);
}

@media (max-width: 767px) {
  .item-slider__scrollbar {
    height: 3px !important;
  }

  .item-slider__scrollbar::before {
    height: 3px !important;
  }

  .item-slider__scrollbar .swiper-scrollbar-drag {
    height: 3px !important;
  }

  .item-slide {
    height: auto;
    aspect-ratio: unset;
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
  }
}
.item__wrapper {
  display: block;
  text-decoration: none;
  border-radius: min(0.625svw, 1rem);
  overflow: hidden;
  background-image: url("../img/item_bg_pc.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: calc(20* (100vw / 375));
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
}

.item__detail {
  display: grid;
  grid-template-rows: auto 1fr;
}

@media (max-width: 767px) {
  .item__wrapper {
    padding: calc(10* (100vw / 375)) calc(10* (100vw / 375)) calc(7* (100vw / 375));
    background-image: url("../img/item_bg_sp.png");
    border-radius: 1rem;
  }
}
.item__name {
  margin-top: min(1.5svw, 2.4rem);
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: var(--fw-regular);
  font-size: min(1svw, 1.6rem);
  line-height: 1.75;
  letter-spacing: 0;
  min-height: calc(60* (100vw / 375));
  color: #E8D9C3;
}
@media screen and (min-width: 768px) {
  .item__name {
    min-height: min(4.5svw, 6rem);
  }
}
@media (max-width: 767px) {
  .item__name {
    font-size: calc(13* (100vw / 375));
    line-height: 1.4;
    -webkit-line-clamp: 3;
    margin-top: calc(9* (100vw / 375));
  }
}
.item__price {
  margin-top: min(0.5625svw, 0.9rem);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: var(--color-white);
}

.item__price-value {
  font-weight: var(--fw-bold);
  font-size: min(1.75svw, 2.8rem);
  line-height: 1.4642857143;
  letter-spacing: 0;
}

.item__price-tax {
  display: inline-block;
  font-weight: var(--fw-bold);
  font-size: min(0.75svw, 1.2rem);
  line-height: 1.4166666667;
  margin-bottom: min(0.3125svw, 0.5rem);
}

@media (max-width: 767px) {
  .item__price {
    margin-top: calc(4* (100vw / 375));
  }

  .item__price-value {
    font-size: calc(22* (100vw / 375));
    line-height: 1.4090909091;
  }

  .item__price-tax {
    font-size: calc(12* (100vw / 375));
    line-height: 1.3333333333;
    margin-bottom: calc(3* (100vw / 375));
  }
}
.item__price[data-price-type=proper] {
  color: var(--color-gray-400);
  position: relative;
}

.item__price[data-price-type=proper] .item__price-value {
  font-size: calc(18* (100vw / 375));
}

.item__price[data-price-type=proper]::after {
  width: 100%;
  height: 1px;
  background-color: var(--color-black);
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  z-index: 2;
}

.item__price[data-price-type=discount] {
  background-color: var(--color-emphasis);
}

.item__label--soldout {
  position: absolute;
  z-index: 3;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  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;
  background-color: rgba(34, 30, 27, 0.6);
}

.all-button-wrap {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

.all-button-wrap__inner {
  background-image: url("../img/bg_cross_sp.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-block: calc(148* (100vw / 375)) calc(117* (100vw / 375));
}

.all-button-wrap .decoration-asset {
  position: absolute;
  z-index: 1;
}

.all-button-wrap .item-button {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .all-button-wrap {
    margin-top: 0;
  }
  .item__label--soldout {
    padding-top: calc(7* (100vw / 375));
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .all-button-wrap__inner {
    background-image: url("../img/bg_cross.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-block: min(4.375svw, 7rem) min(5svw, 8rem);
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}
.all-button-wrap .decoration-asset[data-decor-chara="3"] {
  width: min(33.3125svw, 53.3rem);
  top: max(-4.6rem,-2.875rem);
  left: min(1.5svw, 2.4rem);
}

@media (max-width: 767px) {
  .all-button-wrap .decoration-asset[data-decor-chara="3"] {
    width: calc(266.5* (100vw / 375));
    top: calc(-22* (100vw / 375));
    left: calc(-110* (100vw / 375));
  }
  .all-button-wrap__inner::after {
    content: '';
    display: block;
    position: absolute;
    bottom: calc(-32* (100vw / 375));
    right: calc(19* (100vw / 375));
    width: calc(75* (100vw / 375));
    height: calc(75* (100vw / 375));
    background-image: url("../img/star_allitems_bottomright.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.all-button-wrap .decoration-asset[data-decor-chara="4"] {
  width: min(36.625svw, 58.6rem);
  top: min(-4.5rem, -2.8125rem);
  right: min(0.125svw, 0.2rem);
}

@media (max-width: 767px) {
  .all-button-wrap .decoration-asset[data-decor-chara="4"] {
    width: calc(293* (100vw / 375));
    top: calc(-30* (100vw / 375));
    right: calc(-67* (100vw / 375));
  }
}
@media (max-width: 767px) {
  .all-button-wrap .decoration-asset {
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .all-button-wrap {
    margin-bottom: 0;
  }

  .all-button-wrap .item-button {
    position: relative;
    z-index: 2;
    margin-top: calc(24* (100vw / 375));
    width: min(84svw, 31.5rem);
    grid-template-columns: 1fr min(20svw, 7.5rem);
  }
}
.all-button-wrap .item-area__title {
  width: calc(336* (100vw / 375));
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .all-button-wrap .item-area__title {
    width: min(27.1875svw, 43.5rem);
  }

  .all-button-wrap .item-button {
    margin-top: min(1.25svw, 2rem);
    /* width: min(29.0625svw, 46.5rem); */
  }
}
@media (max-width: 767px) {
  #GBFes2025:has(.page-open-content) .page-bottom {
    background: url("../img/bg_bottom_sp.jpg") no-repeat bottom calc(-12* (100vw / 375)) center;
    background-size: 100% auto;
  }
}
@media (min-width: 768px) {
  #GBFes2025:not(:has(.page-open-content)) .page-notice {
    padding-top: 0;
    margin-top: max(-13.5rem, -8.4375svw);
  }
}
@media (max-width: 767px) {
  #GBFes2025:not(:has(.page-open-content)) .page-notice__inner {
    margin-top: calc(8* (100vw / 375));
  }
  .page-open-content {
    margin-top: calc(85* (100vw / 375));
  }
  [data-item-type="rerelease"] {
    padding-bottom: calc(70* (100vw / 375));
  }

  .page-terms .page-notice__title {
    top: 0;
  }

  .item-area__title {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  [data-item-type=new] {
    margin-top: 0;
  }

  .item__wrapper {
    padding: min(1.125svw, 1.8rem) min(1.125svw, 1.8rem) min(1.125svw, 1.8rem);
  }
  #GBExtraFes2026:has(.page-open-content) .page-notice {
    padding-top: min(6.25svw, 10rem);
  }
  #GBExtraFes2026:has(.page-open-content) .page-terms {
    padding-bottom: min(6.25svw, 10rem);
  }
  /* .page-notice[data-notice="close"] .item-button.item-button--single-piece {
    margin-top: max(-3rem, -1.875svw);
  } */
}
@media (max-width: 767px) {
  .page-notice {
    padding-top: 0;
    padding-bottom: calc(30* (100vw / 375));
  }

  .page-notice__inner {
    margin-top: calc(53* (100vw / 375));
  }

  .page-terms__item {
    -webkit-column-gap: calc(3* (100vw / 375));
       -moz-column-gap: calc(3* (100vw / 375));
            column-gap: calc(3* (100vw / 375));
  }
  .item-search__recommendation {
    margin-top: calc(19* (100vw / 375));
  }
  .page-notice[data-notice="close"] {
    margin-top: calc(52* (100vw / 375));
    padding-bottom: calc(30* (100vw / 375));
  }
  /* .page-notice[data-notice="close"] .item-button.item-button--single-piece {
    margin-top: -2.5rem;
  } */
}
.page-bottom {
  position: relative;
  z-index: 3;
}