@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Borel&family=Caladea:wght@700&family=Josefin+Slab:wght@700&family=Zen+Old+Mincho:wght@500&family=Bona+Nova:wght@400&family=Abhaya+Libre:wght@800&family=Afacad:wght@500&display=swap");
/*--------------------------------------------------
  variables
  ・デザインは750px幅。1px = u(1)
  ・SP: 画面幅(最大750px)に追従 / PC: 中央カラム490px固定
--------------------------------------------------*/
/*--------------------------------------------------
  base
--------------------------------------------------*/
.l-main {
  display: block;
  width: 100%;
  overflow-x: hidden;
}
@media (min-width: 901px) {
  .l-main {
    overflow: visible;
  }
}

.hc-root {
  --u: calc(min(100vw, 750px) / 750);
  position: relative;
  width: 100%;
  color: #11254a;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(var(--u) * 24);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
  overflow-anchor: none;
}
@media (min-width: 901px) {
  .hc-root {
    --u: calc(490px / 750);
    display: flex;
    justify-content: center;
    background: #2d877e;
  }
}
.hc-root *,
.hc-root *::before,
.hc-root *::after {
  box-sizing: border-box;
}
.hc-root :where(p, ul, ol, li, h1, h2, h3, h4, h5, figure) {
  margin: 0;
  padding: 0;
  color: inherit;
}
.hc-root :where(ul, ol) {
  list-style: none;
}
.hc-root :where(h1, h2, h3, h4, h5) {
  font-size: inherit;
  font-weight: inherit;
}
.hc-root :where(em) {
  font-size: inherit;
}
.hc-root .hc-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.hc-root .hc-kern {
  margin-right: -0.12em;
}
.hc-root :where(img) {
  display: block;
  max-width: none;
  height: auto;
}
.hc-root :where(a) {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}
.hc-root a:hover {
  text-decoration: none !important;
  opacity: 0.7;
}
.hc-root :where(button) {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  transition: opacity 0.3s;
}
.hc-root :where(button):hover {
  opacity: 0.7;
}
.hc-root [hidden] {
  display: none !important;
}

.hc-main {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background: #e8e4e1;
}
@media (min-width: 901px) {
  .hc-main {
    flex: 0 0 490px;
    width: 490px;
  }
}

/*--------------------------------------------------
  ボタン共通
--------------------------------------------------*/
.hc-bigbtn {
  position: relative;
  display: block;
  width: calc(var(--u) * 670);
  height: calc(var(--u) * 120);
  margin: 0 auto;
  border-radius: 100px;
  box-shadow: 0 calc(var(--u) * 10) 0 #11254a;
  text-align: left;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;
}
.hc-bigbtn__sub, .hc-bigbtn__main {
  transition: color 0.3s ease-out;
}
.hc-bigbtn__icon--hover {
  opacity: 0;
  transition: opacity 0.2s;
}
@media (hover: hover) {
  .hc-bigbtn:hover {
    opacity: 1 !important;
    transform: translateY(calc(var(--u) * 10));
    box-shadow: 0 0 0 #11254a;
  }
}
.hc-bigbtn__sub {
  position: absolute;
  white-space: nowrap;
  font-size: calc(var(--u) * 24);
  font-weight: 700;
  line-height: calc(var(--u) * 30);
  letter-spacing: calc(var(--u) * 1.44);
}
.hc-bigbtn__main {
  position: absolute;
  white-space: nowrap;
  font-size: calc(var(--u) * 34);
  font-weight: 900;
  line-height: calc(var(--u) * 48);
  letter-spacing: calc(var(--u) * 2.04);
}
.hc-bigbtn__icon {
  position: absolute;
  top: calc(var(--u) * 25);
  width: calc(var(--u) * 66);
  height: calc(var(--u) * 70);
  transition: opacity 0.3s;
}
.hc-bigbtn__arrow {
  position: absolute;
  top: 50%;
  height: calc(var(--u) * 29.46);
  margin-top: calc(var(--u) * -14.73);
  transition: width 0.3s, background-color 0.3s;
}
.hc-bigbtn__arrow::before, .hc-bigbtn__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: background-color 0.3s;
}
.hc-bigbtn__arrow::before {
  left: 0;
  right: calc(var(--u) * 2.8284);
  height: calc(var(--u) * 4);
  margin-top: calc(var(--u) * -2);
  border-radius: calc(var(--u) * 2);
  background: var(--ac);
}
.hc-bigbtn__arrow::after {
  right: 0;
  width: calc(var(--u) * 17.557293);
  height: calc(var(--u) * 29.457786);
  margin-top: calc(var(--u) * -14.728893);
  background: var(--ac);
  clip-path: polygon(calc(var(--u) * 2.8284) 0, 100% 50%, calc(var(--u) * 2.8284) 100%, 0 calc(100% - calc(var(--u) * 2.8284)), calc(var(--u) * 11.900493) 50%, 0 calc(var(--u) * 2.8284));
}
.hc-bigbtn--open {
  background: #2d877e;
}
.hc-bigbtn--open,
.hc-bigbtn--open .hc-bigbtn__sub,
.hc-bigbtn--open .hc-bigbtn__main {
  transition-timing-function: linear;
}
.hc-bigbtn--open .hc-bigbtn__sub {
  left: calc(var(--u) * 122);
  top: calc(var(--u) * 21);
  color: #ffce00;
}
.hc-bigbtn--open .hc-bigbtn__main {
  left: calc(var(--u) * 120);
  top: calc(var(--u) * 53);
  color: #fff;
}
.hc-bigbtn--open .hc-bigbtn__icon {
  left: calc(var(--u) * 41);
}
.hc-bigbtn--open .hc-bigbtn__arrow {
  left: calc(var(--u) * 589);
  width: calc(var(--u) * 38);
  --ac: #ffce00;
}
@media (hover: hover) {
  .hc-bigbtn--open:hover {
    background: #ffce00;
  }
  .hc-bigbtn--open:hover .hc-bigbtn__sub {
    color: #922538;
  }
  .hc-bigbtn--open:hover .hc-bigbtn__main {
    color: #11254a;
  }
  .hc-bigbtn--open:hover .hc-bigbtn__icon:not(.hc-bigbtn__icon--hover) {
    opacity: 0;
  }
  .hc-bigbtn--open:hover .hc-bigbtn__icon--hover {
    opacity: 1;
  }
  .hc-bigbtn--open:hover .hc-bigbtn__arrow {
    width: calc(var(--u) * 53);
    --ac: #2d877e;
  }
}
.hc-bigbtn--code {
  background: #ffce00;
}
.hc-bigbtn--code .hc-bigbtn__sub {
  left: calc(var(--u) * 136);
  top: calc(var(--u) * 22);
  color: #2d877e;
}
.hc-bigbtn--code .hc-bigbtn__main {
  left: calc(var(--u) * 134);
  top: calc(var(--u) * 52);
  color: #11254a;
}
.hc-bigbtn--code .hc-bigbtn__icon {
  left: calc(var(--u) * 40);
}
.hc-bigbtn--code .hc-bigbtn__arrow {
  left: calc(var(--u) * 589);
  width: calc(var(--u) * 38);
  --ac: #2d877e;
}
@media (hover: hover) {
  .hc-bigbtn--code:hover {
    background: #fff;
  }
  .hc-bigbtn--code:hover .hc-bigbtn__sub {
    color: #d5a773;
  }
  .hc-bigbtn--code:hover .hc-bigbtn__main {
    color: #2d877e;
  }
  .hc-bigbtn--code:hover .hc-bigbtn__arrow {
    width: calc(var(--u) * 58);
    --ac: #d5a773;
  }
}
.hc-bigbtn--gift {
  width: calc(var(--u) * 600);
  background: #ffce00;
}
.hc-bigbtn--gift .hc-bigbtn__main {
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  line-height: calc(var(--u) * 120);
  text-align: center;
  color: #11254a;
}
.hc-bigbtn--gift .hc-bigbtn__main:has(~ .hc-bigbtn__sub) {
  left: calc(var(--u) * 121);
  right: auto;
  top: calc(var(--u) * 24);
  height: auto;
  line-height: calc(var(--u) * 48);
  text-align: left;
}
.hc-bigbtn--gift .hc-bigbtn__sub {
  left: 0;
  right: 0;
  top: calc(var(--u) * 72);
  font-size: calc(var(--u) * 20);
  font-weight: 500;
  line-height: calc(var(--u) * 36);
  letter-spacing: calc(var(--u) * 0.8);
  text-align: center;
  color: #11254a;
}
.hc-bigbtn--gift .hc-bigbtn__icon {
  left: calc(var(--u) * 36);
}
.hc-bigbtn--gift .hc-bigbtn__arrow {
  left: calc(var(--u) * 514);
  width: calc(var(--u) * 38);
  --ac: #2d877e;
}
@media (hover: hover) {
  .hc-bigbtn--gift:hover {
    background: #e8e4e1;
  }
  .hc-bigbtn--gift:hover .hc-bigbtn__main {
    color: #2d877e;
  }
  .hc-bigbtn--gift:hover .hc-bigbtn__sub {
    color: #2d877e;
  }
  .hc-bigbtn--gift:hover .hc-bigbtn__arrow {
    width: calc(var(--u) * 53);
    --ac: #d5a773;
  }
}

.hc-float {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(var(--u) * 24);
  z-index: 50;
  transform: translateY(calc(100% + calc(var(--u) * 40)));
  transition: transform 0.4s;
  pointer-events: none;
}
.hc-float .hc-bigbtn {
  pointer-events: auto;
}
.hc-float.is-show {
  transform: none;
}
@media (min-width: 901px) {
  .hc-float {
    display: none;
  }
}

/*--------------------------------------------------
  lead（KV下）
--------------------------------------------------*/
.hc-kv__img {
  width: 100%;
  height: auto;
}

.hc-lead {
  padding: calc(var(--u) * 40) calc(var(--u) * 0) calc(var(--u) * 45);
  background: #e8e4e1;
}
.hc-lead__text {
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
  text-align: center;
}

.hc-emoji {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.12em;
}

/*--------------------------------------------------
  accordion
--------------------------------------------------*/
.hc-nav {
  position: relative;
  display: block;
  width: 100%;
  height: calc(var(--u) * 160);
  border-top: 1px solid rgba(213, 167, 115, 0.55);
  background: #e8e4e1;
  text-align: left;
}
.hc-nav:hover {
  opacity: 1;
}
.hc-nav__icon {
  position: absolute;
  left: calc(var(--u) * 34);
  top: calc(var(--u) * 46);
  width: calc(var(--u) * 66);
  height: calc(var(--u) * 70);
  background: no-repeat center/100% 100%;
}
.hc-nav__en {
  position: absolute;
  left: calc(var(--u) * 120);
  top: calc(var(--u) * 40);
  font-family: "Borel", cursive;
  font-size: calc(var(--u) * 22);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 0.44);
  white-space: nowrap;
  color: #d5a773;
}
.hc-nav__ja {
  position: absolute;
  left: calc(var(--u) * 120);
  top: calc(var(--u) * 79);
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 2.24);
  white-space: nowrap;
  color: #11254a;
}
.hc-nav__arrow {
  position: absolute;
  right: calc(var(--u) * 40);
  top: calc(var(--u) * 70);
  height: calc(var(--u) * 38);
  --ac: #d5a773;
  transition: height 0.3s, background-color 0.3s;
  width: calc(var(--u) * 36);
  background: var(--ac);
  clip-path: polygon(0 0, calc(var(--u) * 27) 0, calc(var(--u) * 27) calc(100% - calc(var(--u) * 5.7426)), calc(var(--u) * 31.7574) calc(100% - calc(var(--u) * 10.5)), calc(var(--u) * 36) calc(100% - calc(var(--u) * 10.5)), calc(var(--u) * 25.5) 100%, calc(var(--u) * 15) calc(100% - calc(var(--u) * 10.5)), calc(var(--u) * 19.2426) calc(100% - calc(var(--u) * 10.5)), calc(var(--u) * 24) calc(100% - calc(var(--u) * 5.7426)), calc(var(--u) * 24) calc(var(--u) * 3), 0 calc(var(--u) * 3));
}
.hc-nav__icon--stocking {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_stocking.png");
}
.hc-nav__icon--candy {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_candy.png");
}
.hc-nav__icon--bag {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_bag.png");
}
.hc-nav__icon--holly {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_holly.png");
}
.hc-nav {
  transition: background-color 0.3s;
}
.hc-nav__ja {
  transition: color 0.3s;
}
.hc-nav[aria-expanded=true] {
  background: #fff;
}
.hc-nav[aria-expanded=true] .hc-nav__ja {
  color: #922538;
}
.hc-nav[aria-expanded=true] .hc-nav__arrow {
  height: calc(var(--u) * 48);
  --ac: #922538;
}
.hc-nav[aria-expanded=true] .hc-nav__icon--stocking {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_stocking_on.png");
}
.hc-nav[aria-expanded=true] .hc-nav__icon--candy {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_candy_on.png");
}
.hc-nav[aria-expanded=true] .hc-nav__icon--bag {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_bag_on.png");
}
.hc-nav[aria-expanded=true] .hc-nav__icon--holly {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_holly_on.png");
}
@media (hover: hover) {
  .hc-nav:hover {
    background: #fff;
  }
  .hc-nav:hover .hc-nav__ja {
    color: #922538;
  }
  .hc-nav:hover .hc-nav__arrow {
    height: calc(var(--u) * 48);
    --ac: #922538;
  }
  .hc-nav:hover .hc-nav__icon--stocking {
    background-image: url("/img/freepage/holidaycollection2026/images/navi_stocking_on.png");
  }
  .hc-nav:hover .hc-nav__icon--candy {
    background-image: url("/img/freepage/holidaycollection2026/images/navi_candy_on.png");
  }
  .hc-nav:hover .hc-nav__icon--bag {
    background-image: url("/img/freepage/holidaycollection2026/images/navi_bag_on.png");
  }
  .hc-nav:hover .hc-nav__icon--holly {
    background-image: url("/img/freepage/holidaycollection2026/images/navi_holly_on.png");
  }
}

.hc-acc__panel {
  display: none;
}

.hc-acc__item:last-child .hc-nav:not([aria-expanded=true]) {
  border-bottom: 1px solid rgba(213, 167, 115, 0.55);
}

/*--------------------------------------------------
  panel / section title
--------------------------------------------------*/
.hc-panel--coffret {
  background: #df93a1;
}
.hc-panel--brand {
  background: #8ab2ae;
}
.hc-panel--wrap, .hc-panel--recommend {
  background: #d5a773;
}

.hc-sec {
  padding: calc(var(--u) * 80) 0 calc(var(--u) * 81);
}
.hc-sec + .hc-sec {
  border-top: 2px solid rgba(255, 255, 255, 0.6);
}
.hc-sec:last-child {
  padding-bottom: calc(var(--u) * 114);
}

.hc-panel--wrap .hc-sec:last-child {
  padding-bottom: calc(var(--u) * 80);
}

.hc-title {
  text-align: center;
}
.hc-title__en {
  display: block;
  padding-top: calc(var(--u) * 28);
  font-family: "Borel", cursive;
  font-size: calc(var(--u) * 45);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 0.9);
  color: #fff;
}
.hc-title__ja {
  display: block;
  margin-top: calc(var(--u) * 14);
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 2.24);
  color: #11254a;
}

/*--------------------------------------------------
  slider / card
--------------------------------------------------*/
.hc-slider {
  position: relative;
  margin-top: calc(var(--u) * 54);
  display: flex;
  overflow: hidden;
}
.hc-slider > * {
  flex: 0 0 auto;
  width: calc(var(--u) * 320);
  margin-right: calc(var(--u) * 40);
}
.hc-slider.is-scroller {
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: calc(var(--u) * 130);
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.hc-slider.is-scroller::-webkit-scrollbar {
  display: none;
}
.hc-slider.is-scroller::after {
  content: "";
  flex: 0 0 calc(var(--u) * 90);
}
.hc-slider.is-scroller.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.hc-slider--single {
  justify-content: center;
  gap: calc(var(--u) * 40);
}
.hc-slider--single > * {
  margin-right: 0;
}

.hc-card {
  display: flex;
  flex-direction: column;
  width: calc(var(--u) * 320);
}
.hc-card__img {
  position: relative;
  display: block;
  width: calc(var(--u) * 320);
  height: calc(var(--u) * 320);
  background: #e8e4e1;
}
.hc-card__img .hc-card__photo {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hc-card__img::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  background: url("/img/freepage/holidaycollection2026/images/card_ornament.png") no-repeat center/100% 100%;
  pointer-events: none;
}
.hc-card__brand {
  align-self: flex-start;
  margin-top: calc(var(--u) * 30);
  border-bottom: calc(var(--u) * 3) solid #fff;
  padding-bottom: calc(var(--u) * 5);
  border-radius: 1px;
  max-width: 100%;
  font-size: calc(var(--u) * 26);
  font-weight: 700;
  line-height: 1.333;
  color: #fff;
}
.hc-card__name {
  margin-top: calc(var(--u) * 20);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 36);
  line-break: strict;
  color: #11254a;
}
.hc-card__tag {
  align-self: flex-start;
  height: calc(var(--u) * 40);
  margin-top: calc(var(--u) * 14);
  padding: 0 calc(var(--u) * 12);
  border: 1px solid #fff;
  font-size: calc(var(--u) * 19);
  line-height: calc(var(--u) * 38);
  letter-spacing: calc(var(--u) * 0.8);
  white-space: nowrap;
  color: #fff;
}
.hc-card__tag.is-empty {
  visibility: hidden;
}
.hc-card__tag + .hc-card__price {
  margin-top: calc(var(--u) * 14);
}
.hc-card__price {
  display: flex;
  align-items: center;
  margin-top: calc(var(--u) * 20);
  color: #11254a;
  white-space: nowrap;
}
.hc-card__yen {
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 40);
  font-weight: 700;
  line-height: calc(var(--u) * 48);
  letter-spacing: calc(var(--u) * 2.4);
}
.hc-card__tax {
  font-size: calc(var(--u) * 20);
  line-height: calc(var(--u) * 36);
  letter-spacing: calc(var(--u) * 0.8);
}
.hc-card__dates {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 10);
  margin: calc(var(--u) * 20) 0 calc(var(--u) * 30);
  color: #fff;
}
.hc-card__date {
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 10);
  height: calc(var(--u) * 50);
  padding: 0 calc(var(--u) * 10);
  border: 1px solid #fff;
  white-space: nowrap;
}
.hc-card__date-label {
  flex: 0 0 auto;
  font-size: calc(var(--u) * 19);
  line-height: calc(var(--u) * 40);
  letter-spacing: calc(var(--u) * 0.8);
}
.hc-card__date.is-empty {
  visibility: hidden;
}
.hc-card__date-time {
  font-family: "Josefin Slab", serif;
  font-size: calc(var(--u) * 23);
  font-weight: 700;
  line-height: calc(var(--u) * 40);
  letter-spacing: calc(var(--u) * 2.4);
  position: relative;
  top: calc(var(--u) * 3);
}
.hc-card__btn {
  position: relative;
  display: block;
  height: calc(var(--u) * 80);
  margin-top: auto;
  padding-left: calc(var(--u) * 50);
  background: #11254a;
  font-size: calc(var(--u) * 24);
  font-weight: 700;
  line-height: calc(var(--u) * 80);
  letter-spacing: calc(var(--u) * 1.44);
  white-space: nowrap;
  color: #fff !important;
  transition: background-color 0.3s;
}
.hc-card__btn:hover {
  opacity: 1 !important;
  background: #922538;
}
.hc-card__arrow {
  position: absolute;
  left: calc(var(--u) * 250);
  top: 50%;
  width: calc(var(--u) * 34);
  height: calc(var(--u) * 30);
  margin-top: calc(var(--u) * -15);
  --ac: #ffce00;
  transition: width 0.3s;
}
.hc-card__arrow::before, .hc-card__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: background-color 0.3s;
}
.hc-card__arrow::before {
  left: 0;
  right: calc(var(--u) * 2.47485);
  height: calc(var(--u) * 3.5);
  margin-top: calc(var(--u) * -1.75);
  border-radius: calc(var(--u) * 1.75);
  background: var(--ac);
}
.hc-card__arrow::after {
  right: 0;
  width: calc(var(--u) * 13.78845);
  height: calc(var(--u) * 22.6272);
  margin-top: calc(var(--u) * -11.3136);
  background: var(--ac);
  clip-path: polygon(calc(var(--u) * 2.47485) 0, 100% 50%, calc(var(--u) * 2.47485) 100%, 0 calc(100% - calc(var(--u) * 2.47485)), calc(var(--u) * 8.83875) 50%, 0 calc(var(--u) * 2.47485));
}
.hc-card__btn:hover .hc-card__arrow {
  width: calc(var(--u) * 50);
}

/*--------------------------------------------------
  brand
--------------------------------------------------*/
.hc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--u) * 10);
  margin-top: calc(var(--u) * 54);
  padding: 0 calc(var(--u) * 8) 0 calc(var(--u) * 22);
}
.hc-tabs__btn {
  height: calc(var(--u) * 52);
  padding: 0 calc(var(--u) * 8);
  border: 1px solid #fff;
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 50);
  letter-spacing: calc(var(--u) * 1.44);
  white-space: nowrap;
  color: #fff;
}
.hc-tabs__btn:nth-child(-n+2) {
  letter-spacing: 0;
}
.hc-tabs__btn--floranotis {
  padding: 0 calc(var(--u) * 8);
  letter-spacing: 0;
}
.hc-tabs__btn[aria-selected=true] {
  border-color: #11254a;
  background: #11254a;
}

.hc-tabs--months {
  margin-top: calc(var(--u) * 40);
}
.hc-tabs--months .hc-tabs__btn {
  letter-spacing: calc(var(--u) * 1.44);
}
.hc-tabs--months + .hc-slider {
  margin-top: calc(var(--u) * 40);
}

.hc-brandpanel[hidden] {
  display: none;
}
.hc-brandpanel .hc-slider {
  margin-top: calc(var(--u) * 60);
}

.hc-brandlogo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 55);
  width: 100%;
  min-height: calc(var(--u) * 72);
  margin-top: calc(var(--u) * 60);
  color: #fff;
}
.hc-brandlogo__line {
  flex: 0 0 auto;
  width: calc(var(--u) * 140);
  height: calc(var(--u) * 8);
  background: url("/img/freepage/holidaycollection2026/images/brand_line.png") no-repeat center/100% 100%;
}
.hc-brandlogo__name {
  font-family: "Zen Old Mincho", serif;
  font-size: calc(var(--u) * 42);
  font-weight: 500;
  line-height: calc(var(--u) * 50);
  letter-spacing: calc(var(--u) * 2.52);
  text-align: center;
  white-space: nowrap;
}
.hc-brandlogo__name-sub {
  margin-left: calc(var(--u) * 12);
  font-family: "Bona Nova", serif;
  font-size: calc(var(--u) * 52);
  font-weight: 400;
  letter-spacing: calc(var(--u) * 2.08);
}
.hc-brandlogo__name--md {
  font-size: calc(var(--u) * 34);
  letter-spacing: calc(var(--u) * 1.7);
}
.hc-brandlogo__name--sm {
  font-size: calc(var(--u) * 26);
  line-height: calc(var(--u) * 34);
  letter-spacing: calc(var(--u) * 1.3);
}
.hc-brandlogo--img .hc-brandlogo__line {
  position: absolute;
  top: 50%;
  margin-top: calc(var(--u) * -4);
}
.hc-brandlogo--img .hc-brandlogo__line:first-child {
  left: calc(var(--u) * 41);
}
.hc-brandlogo--img .hc-brandlogo__line:last-child {
  left: calc(var(--u) * 569);
}
.hc-brandlogo--img .hc-brandlogo__img {
  width: calc(var(--u) * 319);
  height: auto;
}
.hc-brandlogo--icu .hc-brandlogo__img {
  width: calc(var(--u) * 216);
}
.hc-brandlogo--addiction .hc-brandlogo__img {
  width: calc(var(--u) * 332);
}
.hc-brandlogo--infinity .hc-brandlogo__img {
  width: calc(var(--u) * 218);
}
.hc-brandlogo--visee .hc-brandlogo__img {
  width: calc(var(--u) * 235);
}
.hc-brandlogo--x-barrier .hc-brandlogo__img {
  width: calc(var(--u) * 325);
}
.hc-brandlogo--decorte .hc-brandlogo__img {
  width: calc(var(--u) * 318);
}
.hc-brandlogo--jillstuart .hc-brandlogo__img {
  width: calc(var(--u) * 350);
}
.hc-brandlogo--sekkisei .hc-brandlogo__img {
  width: calc(var(--u) * 208);
}
.hc-brandlogo--sekkiseiblue .hc-brandlogo__img {
  width: calc(var(--u) * 340);
}
.hc-brandlogo--floranotis .hc-brandlogo__img {
  width: calc(var(--u) * 275);
}
.hc-brandlogo--prediablue .hc-brandlogo__img {
  width: calc(var(--u) * 200);
}
.hc-brandlogo--onebykose .hc-brandlogo__img {
  width: calc(var(--u) * 150);
}

/*--------------------------------------------------
  gift wrapping
--------------------------------------------------*/
.hc-wrapcard {
  width: calc(var(--u) * 600);
  height: calc(var(--u) * 900);
  margin: calc(var(--u) * 54) auto 0;
  padding: calc(var(--u) * 95) calc(var(--u) * 23) 0;
  background: #f4dfc8 url("/img/freepage/holidaycollection2026/images/wrap_card_top.png") no-repeat left top/calc(var(--u) * 600) auto;
}
.hc-wrapcard__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 20);
  text-align: center;
}
.hc-wrapcard__ttl {
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 37);
  letter-spacing: calc(var(--u) * 2.24);
}
.hc-wrapcard__ttl-em {
  display: block;
  font-style: normal;
  color: #922538;
  margin-bottom: calc(var(--u) * 4);
}
.hc-wrapcard__lead {
  font-size: calc(var(--u) * 22);
  line-height: calc(var(--u) * 34);
  letter-spacing: calc(var(--u) * 1.32);
}
.hc-wrapcard__lead-em {
  font-size: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  color: #922538;
}
.hc-wrapcard__lead-txt {
  font-size: inherit;
  font-weight: 700;
  letter-spacing: inherit;
}
.hc-wrapcard__lead .num {
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 26);
  font-weight: 700;
  letter-spacing: calc(var(--u) * 1.56);
}
.hc-wrapcard__lead .unit {
  font-size: calc(var(--u) * 18);
  letter-spacing: calc(var(--u) * 1.08);
}
.hc-wrapcard__img {
  position: relative;
  width: calc(var(--u) * 528);
  height: calc(var(--u) * 325.5);
}
.hc-wrapcard__img-item {
  position: absolute;
}
.hc-wrapcard__img .bags {
  left: calc(var(--u) * 84.34);
  top: 0;
  width: calc(var(--u) * 360.2);
  height: calc(var(--u) * 325.5);
}
.hc-wrapcard__img .spark-l {
  left: 0;
  top: calc(var(--u) * 28);
  width: calc(var(--u) * 97);
  height: calc(var(--u) * 132);
}
.hc-wrapcard__img .spark-r {
  right: 0;
  top: calc(var(--u) * 28);
  width: calc(var(--u) * 97);
  height: calc(var(--u) * 132);
  transform: scaleX(-1);
}
.hc-wrapcard__size {
  width: calc(var(--u) * 500);
  margin-top: calc(var(--u) * 0);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
  text-align: left;
}
.hc-wrapcard__size-item {
  padding-left: calc(var(--u) * 12);
  letter-spacing: 0.04em;
}
.hc-wrapcard__size-item--ttl {
  padding-left: 0;
}

.hc-notes {
  width: calc(var(--u) * 600);
  margin: calc(var(--u) * 40) auto 0;
  font-size: calc(var(--u) * 20);
  line-height: calc(var(--u) * 36);
  color: #fff;
}
.hc-notes__item {
  list-style: none;
  letter-spacing: calc(var(--u) * 0.8);
}
.hc-notes__gap {
  height: calc(var(--u) * 36);
}
.hc-notes__link {
  border-bottom: 1px solid currentColor;
  color: #11254a;
}

/*--------------------------------------------------
  campaign code
--------------------------------------------------*/
.hc-code {
  position: relative;
  display: flex;
  width: calc(var(--u) * 650);
  height: calc(var(--u) * 120);
  margin: 0 auto;
  border: calc(var(--u) * 6) solid #11254a;
  background: #fff;
  color: #11254a;
}
.hc-code__text {
  flex: 1 1 auto;
  padding-left: calc(var(--u) * 31);
  text-align: left;
  font-size: calc(var(--u) * 52);
  font-weight: 900;
  line-height: calc(var(--u) * 108);
  letter-spacing: calc(var(--u) * 5.2);
  white-space: nowrap;
  color: #000;
}
.hc-code__btn {
  position: relative;
  flex: 0 0 calc(var(--u) * 274);
  height: 100%;
  border-left: calc(var(--u) * 4) solid #11254a;
  background: #922538;
  text-align: left;
  color: #fff;
}
.hc-code__label {
  position: absolute;
  left: calc(var(--u) * 29);
  top: calc(var(--u) * 24);
  font-size: calc(var(--u) * 22);
  font-weight: 700;
  line-height: calc(var(--u) * 30);
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
}
.hc-code__ico {
  position: absolute;
  left: calc(var(--u) * 203);
  top: calc(var(--u) * 30);
  width: calc(var(--u) * 40);
  height: calc(var(--u) * 48);
  background: url("/img/freepage/holidaycollection2026/images/icon_copy_white.png") no-repeat center/100% 100%;
}
.hc-code.is-copied .hc-code__btn {
  opacity: 0.85;
}
.hc-code--yellow .hc-code__btn {
  background: #ffce00;
  color: #11254a;
}
.hc-code--yellow .hc-code__ico {
  background-image: url("/img/freepage/holidaycollection2026/images/icon_copy_navy.png");
}

.hc-howtobtn {
  position: relative;
  display: block;
  width: calc(var(--u) * 460);
  height: calc(var(--u) * 80);
  margin: calc(var(--u) * 60) auto 0;
  padding-left: calc(var(--u) * 26);
  background: #f4dfc8;
  font-size: calc(var(--u) * 22);
  font-weight: 700;
  line-height: calc(var(--u) * 80);
  text-align: left;
  white-space: nowrap;
  color: #11254a;
}
.hc-howtobtn::after {
  content: "";
  position: absolute;
  right: calc(var(--u) * 19);
  top: calc(var(--u) * 37);
  height: calc(var(--u) * 26);
  --ac: #d5a773;
  transition: height 0.3s, background-color 0.3s;
  width: calc(var(--u) * 26);
  background: var(--ac);
  clip-path: polygon(0 0, calc(var(--u) * 16.5) 0, calc(var(--u) * 16.5) calc(100% - calc(var(--u) * 5.7426)), calc(var(--u) * 21.7574) calc(100% - calc(var(--u) * 11)), calc(var(--u) * 26) calc(100% - calc(var(--u) * 11)), calc(var(--u) * 15) 100%, calc(var(--u) * 4) calc(100% - calc(var(--u) * 11)), calc(var(--u) * 8.2426) calc(100% - calc(var(--u) * 11)), calc(var(--u) * 13.5) calc(100% - calc(var(--u) * 5.7426)), calc(var(--u) * 13.5) calc(var(--u) * 3), 0 calc(var(--u) * 3));
}
.hc-howtobtn {
  transition: background-color 0.3s, color 0.3s;
}
.hc-howtobtn[aria-expanded=true] {
  background: #11254a;
  color: #e8e4e1;
}
.hc-howtobtn[aria-expanded=true]::after {
  height: calc(var(--u) * 36);
}
@media (hover: hover) {
  .hc-howtobtn:hover {
    opacity: 1;
    background: #11254a;
    color: #e8e4e1;
  }
  .hc-howtobtn:hover::after {
    height: calc(var(--u) * 36);
  }
}

.hc-howto {
  display: none;
  padding-top: calc(var(--u) * 60);
}
.hc-howto .hc-slider {
  margin-top: 0;
}
.hc-howto__step {
  display: block;
  width: calc(var(--u) * 320);
  text-align: center;
}
.hc-howto__img {
  width: calc(var(--u) * 320);
  height: calc(var(--u) * 320);
}
.hc-howto__img .hc-howto__photo {
  width: 100%;
  height: 100%;
}
.hc-howto__no {
  display: inline-block;
  align-self: center;
  margin-top: calc(var(--u) * 30);
  border-bottom: calc(var(--u) * 3) solid #fff;
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 34);
  font-weight: 700;
  line-height: calc(var(--u) * 48);
  letter-spacing: calc(var(--u) * 2.04);
  color: #fff;
}
.hc-howto__txt {
  margin-top: calc(var(--u) * 20);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 36);
  color: #11254a;
}

/*--------------------------------------------------
  check more
--------------------------------------------------*/
.hc-more {
  padding: calc(var(--u) * 80) calc(var(--u) * 75);
  background: #e8e4e1;
}
.hc-more__ttl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: calc(var(--u) * 40);
}
.hc-more__en {
  font-family: "Borel", cursive;
  font-size: calc(var(--u) * 45);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 0.9);
  color: #d5a773;
  position: relative;
  top: calc(var(--u) * 20);
}
.hc-more__ja {
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 2.24);
  white-space: nowrap;
  color: #11254a;
}
.hc-more__img {
  display: block;
  width: calc(var(--u) * 600);
  height: calc(var(--u) * 600);
  margin-top: calc(var(--u) * 40);
}
.hc-more__img .hc-more__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*--------------------------------------------------
  PC side
--------------------------------------------------*/
.hc-side {
  display: none;
}
@media (min-width: 1080px) {
  .hc-side {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: clip;
  }
}
.hc-side__body {
  position: sticky;
  top: max(50% - 176.5px, 132px);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -100vh;
}
.hc-side--right .hc-side__body {
  top: max(50% - 153.5px, 132px);
}
.hc-side__deco {
  position: sticky;
  bottom: 0;
  height: 130px;
  margin-top: auto;
  margin-bottom: -130px;
  background-repeat: no-repeat;
  pointer-events: none;
}
.hc-side--left .hc-side__deco {
  background-image: url("/img/freepage/holidaycollection2026/images/pc_bg_left.png");
  background-position: center bottom;
  background-size: 100% auto;
}
.hc-side--right .hc-side__deco {
  background-image: url("/img/freepage/holidaycollection2026/images/pc_bg_right.png");
  background-position: center bottom;
  background-size: 100% auto;
}

.hc-pc {
  --u: 1px;
}
.hc-pc__logo {
  width: 130px;
  height: auto;
}
.hc-pc__title {
  width: 261px;
  height: auto;
  margin-top: 16px;
}
.hc-pc__box {
  width: 260px;
  height: auto;
}
.hc-pc__text {
  margin-top: 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 1.12px;
  text-align: center;
  color: #fff;
}
.hc-pc__btn {
  position: relative;
  display: block;
  width: 300px;
  height: 60px;
  margin-top: 18px;
  border-radius: 100px;
  background: #ffce00;
  box-shadow: 0 5px 0 #11254a;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 1.02px;
  text-align: left;
  color: #11254a !important;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}
.hc-pc__btn:hover {
  opacity: 1 !important;
  transform: translateY(5px);
  box-shadow: 0 0 0 #11254a;
  background: #e8e4e1;
  color: #2d877e !important;
}
.hc-pc__btn .hc-pc__main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  letter-spacing: 1.02px;
  line-height: 60px;
  text-align: center;
  white-space: nowrap;
}
.hc-pc__btn .hc-pc__main:has(~ .hc-pc__sub) {
  left: 60px;
  right: auto;
  top: 12px;
  line-height: 24px;
  text-align: left;
}
.hc-pc__btn .hc-pc__sub {
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.4px;
  text-align: center;
  white-space: nowrap;
}
.hc-pc__btn::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 12px;
  width: 33px;
  height: 35px;
  background: url("/img/freepage/holidaycollection2026/images/btn_box2.png") no-repeat center/100% 100%;
}
.hc-pc__arrow {
  position: absolute;
  left: 258px;
  top: 50%;
  width: 17px;
  height: 15px;
  margin-top: -7.5px;
  --ac: #2d877e;
  transition: width 0.3s;
}
.hc-pc__arrow::before, .hc-pc__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: background-color 0.3s;
}
.hc-pc__arrow::before {
  left: 0;
  right: calc(var(--u) * 1.4142);
  height: calc(var(--u) * 2);
  margin-top: calc(var(--u) * -1);
  border-radius: calc(var(--u) * 1);
  background: var(--ac);
}
.hc-pc__arrow::after {
  right: 0;
  width: calc(var(--u) * 8.4852);
  height: calc(var(--u) * 14.142);
  margin-top: calc(var(--u) * -7.071);
  background: var(--ac);
  clip-path: polygon(calc(var(--u) * 1.4142) 0, 100% 50%, calc(var(--u) * 1.4142) 100%, 0 calc(100% - calc(var(--u) * 1.4142)), calc(var(--u) * 5.6568) 50%, 0 calc(var(--u) * 1.4142));
}
.hc-pc__arrow::before, .hc-pc__arrow::after {
  transition: none;
}
.hc-pc__btn:hover .hc-pc__arrow {
  width: 24.5px;
  --ac: #d5a773;
}

.hc-pc__code {
  --u: calc(300px / 670);
  flex: none;
  margin-top: 18px;
}

.hc-contents {
  width: 340px;
  --u: 1px;
}
.hc-contents__ttl {
  margin-bottom: 10px;
  font-family: "Abhaya Libre", serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 21px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #8ab2ae;
}
.hc-contents__list {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.hc-contents__link {
  position: relative;
  display: block;
  height: 81px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-align: left;
  background: transparent;
  transition: background-color 0.3s;
}
.hc-contents__link:hover {
  background: #e8e4e1;
  opacity: 1 !important;
}
.hc-contents__icon {
  position: absolute;
  left: 10px;
  top: 23px;
  width: 33px;
  height: 34px;
}
.hc-contents__icon::before, .hc-contents__icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: no-repeat center/100% 100%;
  transition: opacity 0.3s;
}
.hc-contents__icon::after {
  opacity: 0;
}
.hc-contents__en {
  position: absolute;
  left: 53px;
  top: 20px;
  transition: color 0.3s;
  font-family: "Borel", cursive;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.24px;
  white-space: nowrap;
  color: #ffce00;
}
.hc-contents__ja {
  position: absolute;
  left: 53px;
  top: 39px;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 1.12px;
  white-space: nowrap;
  color: #fff;
  transition: color 0.3s;
}
.hc-contents__arrow {
  position: absolute;
  right: 15px;
  top: 36px;
  height: 15px;
  transition: height 0.3s, background-color 0.3s;
  width: calc(var(--u) * 13.75);
  background: var(--ac);
  clip-path: polygon(0 0, calc(var(--u) * 10) 0, calc(var(--u) * 10) calc(100% - calc(var(--u) * 2.8713)), calc(var(--u) * 11.6287) calc(100% - calc(var(--u) * 4.5)), calc(var(--u) * 13.75) calc(100% - calc(var(--u) * 4.5)), calc(var(--u) * 9.25) 100%, calc(var(--u) * 4.75) calc(100% - calc(var(--u) * 4.5)), calc(var(--u) * 6.8713) calc(100% - calc(var(--u) * 4.5)), calc(var(--u) * 8.5) calc(100% - calc(var(--u) * 2.8713)), calc(var(--u) * 8.5) calc(var(--u) * 1.5), 0 calc(var(--u) * 1.5));
  background: #ffce00;
}
.hc-contents__icon--stocking::before {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_stocking_on.png");
}
.hc-contents__icon--stocking::after {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_stocking.png");
}
.hc-contents__link:hover .hc-contents__icon--stocking::before {
  opacity: 0;
}
.hc-contents__link:hover .hc-contents__icon--stocking::after {
  opacity: 1;
}
.hc-contents__icon--candy::before {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_candy_on.png");
}
.hc-contents__icon--candy::after {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_candy.png");
}
.hc-contents__link:hover .hc-contents__icon--candy::before {
  opacity: 0;
}
.hc-contents__link:hover .hc-contents__icon--candy::after {
  opacity: 1;
}
.hc-contents__icon--bag::before {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_bag_on.png");
}
.hc-contents__icon--bag::after {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_bag.png");
}
.hc-contents__link:hover .hc-contents__icon--bag::before {
  opacity: 0;
}
.hc-contents__link:hover .hc-contents__icon--bag::after {
  opacity: 1;
}
.hc-contents__icon--holly::before {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_holly_on.png");
}
.hc-contents__icon--holly::after {
  background-image: url("/img/freepage/holidaycollection2026/images/navi_holly.png");
}
.hc-contents__link:hover .hc-contents__icon--holly::before {
  opacity: 0;
}
.hc-contents__link:hover .hc-contents__icon--holly::after {
  opacity: 1;
}
.hc-contents__link:hover .hc-contents__en {
  color: #922538;
}
.hc-contents__link:hover .hc-contents__ja {
  color: #11254a;
}
.hc-contents__link:hover .hc-contents__arrow {
  height: 25px;
  background: #922538;
}

/*--------------------------------------------------
  giftbox page
--------------------------------------------------*/
.hcg {
  position: relative;
  padding: calc(var(--u) * 70) calc(var(--u) * 40) calc(var(--u) * 163);
  background: #2d877e url("/img/freepage/holidaycollection2026/images/gb_bg_top.png") no-repeat center top/calc(var(--u) * 750) auto;
  color: #fff;
  text-align: center;
}
.hcg::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(var(--u) * 193);
  background: url("/img/freepage/holidaycollection2026/images/gb_bg_bottom.png") no-repeat center bottom/calc(var(--u) * 750) auto;
  pointer-events: none;
}
.hcg > * {
  position: relative;
  z-index: 1;
}
.hcg__lead {
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 2.24);
}
.hcg__title {
  width: calc(var(--u) * 523);
  height: calc(var(--u) * 280);
  margin: calc(var(--u) * 20) auto 0;
}
.hcg__title-img {
  width: 100%;
  height: 100%;
}
.hcg__box {
  width: calc(var(--u) * 560);
  height: calc(var(--u) * 348);
  margin: calc(var(--u) * -20) auto 0;
}
.hcg__box-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hcg__once {
  margin-top: calc(var(--u) * 30);
  font-size: calc(var(--u) * 34);
  font-weight: 900;
  line-height: calc(var(--u) * 48);
  letter-spacing: calc(var(--u) * 2.04);
  color: #ffce00;
}
.hcg__btn {
  margin-top: calc(var(--u) * 20);
}
.hcg__txt {
  margin-top: calc(var(--u) * 30);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
}
.hcg__txt .num {
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 32);
  font-weight: 700;
  letter-spacing: calc(var(--u) * 1.92);
}
.hcg__txt .unit {
  font-size: calc(var(--u) * 20);
  letter-spacing: calc(var(--u) * 1.2);
}
.hcg__strong {
  margin-top: calc(var(--u) * 10);
  font-size: calc(var(--u) * 37);
  font-weight: 900;
  line-height: calc(var(--u) * 48);
  letter-spacing: calc(var(--u) * 2.22);
  color: #ffce00;
}
.hcg__strong-sub {
  position: relative;
  top: calc(var(--u) * 6);
  font-size: calc(var(--u) * 23);
  font-weight: 900;
  line-height: calc(var(--u) * 48);
  letter-spacing: 0.06em;
  color: #fff;
}
.hcg__strong-sub-em {
  font-style: normal;
  color: #ffce00;
  letter-spacing: 0.06em;
}
.hcg__em {
  font-style: normal;
  color: #ffce00;
}
.hcg__congrats {
  margin-top: calc(var(--u) * 20);
  font-size: calc(var(--u) * 28);
  font-weight: 700;
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 2.24);
  color: #ffce00;
}
.hcg__congrats:focus {
  outline: none;
}
.hcg__prize {
  position: relative;
  width: calc(var(--u) * 666);
  height: calc(var(--u) * 260);
  margin: calc(var(--u) * 20) auto 0;
  left: calc(var(--u) * 0);
  overflow: hidden;
  text-align: left;
}
.hcg__prize-img {
  position: absolute;
}
.hcg__prize .santa {
  left: calc(var(--u) * -32);
  top: 0;
  width: calc(var(--u) * 284);
  height: calc(var(--u) * 280);
}
.hcg__prize .item {
  left: calc(var(--u) * 132);
  top: 0;
  width: calc(var(--u) * 242);
  height: calc(var(--u) * 290);
}
.hcg__prize .cotton {
  left: calc(var(--u) * 200);
  top: calc(var(--u) * 90);
  width: calc(var(--u) * 170);
  height: calc(var(--u) * 166);
}
.hcg__prize-name {
  position: absolute;
  left: calc(var(--u) * 327);
  top: calc(var(--u) * 89);
  width: calc(var(--u) * 313);
  font-size: calc(var(--u) * 24);
  font-weight: 700;
  line-height: calc(var(--u) * 38);
  letter-spacing: calc(var(--u) * 1.92);
}
.hcg__prize-name .hcg__prize-note {
  display: block;
  font-family: "Afacad", "Zen Kaku Gothic New", sans-serif;
  font-size: calc(var(--u) * 20);
  font-weight: 500;
  line-height: calc(var(--u) * 30);
  letter-spacing: calc(var(--u) * 1.6);
  margin-top: calc(var(--u) * 4);
}
.hcg__prize--b .hcg__prize-name {
  left: calc(var(--u) * 396);
  width: calc(var(--u) * 244);
}
.hcg__code {
  margin-top: calc(var(--u) * 30);
}
.hcg__code-lead {
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
}
.hcg__code-lead .num {
  line-height: 1;
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 32);
  font-weight: 700;
  letter-spacing: calc(var(--u) * 1.92);
}
.hcg__code-lead .unit {
  line-height: 1;
  font-size: calc(var(--u) * 20);
  letter-spacing: calc(var(--u) * 1.2);
}
.hcg__code .hc-code {
  margin-top: calc(var(--u) * 20);
}
.hcg__code-note {
  width: calc(var(--u) * 628);
  margin: calc(var(--u) * 20) auto 0;
  font-size: calc(var(--u) * 20);
  line-height: calc(var(--u) * 36);
  letter-spacing: calc(var(--u) * 0.8);
  text-align: left;
}
.hcg__wrap + .hcg__code {
  margin-top: calc(var(--u) * 20);
}
.hcg__hr {
  width: calc(var(--u) * 750);
  height: 1px;
  margin: calc(var(--u) * 40) calc(var(--u) * -40) 0;
  background: rgba(255, 255, 255, 0.6);
}
.hcg__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(var(--u) * 670);
  margin: calc(var(--u) * 7) auto 0;
}
.hcg__wrap-img {
  position: relative;
  width: calc(var(--u) * 321);
  height: calc(var(--u) * 204);
}
.hcg__wrap-img-item {
  position: absolute;
}
.hcg__wrap-img .bags {
  left: calc(var(--u) * 58.87);
  top: calc(var(--u) * 10);
  width: calc(var(--u) * 203);
  height: calc(var(--u) * 183.5);
}
.hcg__wrap-img .spark-l {
  left: 0;
  top: calc(var(--u) * 20);
  width: calc(var(--u) * 58.9);
  height: calc(var(--u) * 80);
}
.hcg__wrap-img .spark-r {
  right: 0;
  top: calc(var(--u) * 20);
  width: calc(var(--u) * 58.9);
  height: calc(var(--u) * 80);
  transform: scaleX(-1);
}
.hcg__wrap-txt {
  width: calc(var(--u) * 322);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
  text-align: left;
}
.hcg__wrap-txt .num {
  font-family: "Caladea", serif;
  font-size: calc(var(--u) * 32);
  font-weight: 700;
  letter-spacing: calc(var(--u) * 1.92);
}
.hcg__wrap-txt .unit {
  font-size: calc(var(--u) * 20);
  letter-spacing: calc(var(--u) * 1.2);
}
.hcg__caution {
  margin-top: calc(var(--u) * 20);
  font-size: calc(var(--u) * 24);
  line-height: calc(var(--u) * 42);
  letter-spacing: calc(var(--u) * 1.44);
}
.hcg__usage {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--u) * 10);
  margin-top: calc(var(--u) * 20);
  padding: calc(var(--u) * 25) calc(var(--u) * 26);
  background: #f4dfc8;
  font-size: calc(var(--u) * 20);
  font-weight: 700;
  line-height: calc(var(--u) * 30);
  letter-spacing: calc(var(--u) * 0.8);
  white-space: nowrap;
  color: #11254a !important;
  transition: background-color 0.3s;
}
.hcg__usage-box {
  position: relative;
  width: calc(var(--u) * 24.4);
  height: calc(var(--u) * 30);
}
.hcg__usage-arrow {
  position: absolute;
  left: calc(var(--u) * -1.5);
  top: calc(var(--u) * 3.95);
  width: calc(var(--u) * 27.4);
  height: calc(var(--u) * 22.1);
  --ac: #d5a773;
  transition: width 0.3s;
}
.hcg__usage-arrow::before, .hcg__usage-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  transition: background-color 0.3s;
}
.hcg__usage-arrow::before {
  left: 0;
  right: calc(var(--u) * 2.1213);
  height: calc(var(--u) * 3);
  margin-top: calc(var(--u) * -1.5);
  border-radius: calc(var(--u) * 1.5);
  background: var(--ac);
}
.hcg__usage-arrow::after {
  right: 0;
  width: calc(var(--u) * 13.166202);
  height: calc(var(--u) * 22.089804);
  margin-top: calc(var(--u) * -11.044902);
  background: var(--ac);
  clip-path: polygon(calc(var(--u) * 2.1213) 0, 100% 50%, calc(var(--u) * 2.1213) 100%, 0 calc(100% - calc(var(--u) * 2.1213)), calc(var(--u) * 8.923602) 50%, 0 calc(var(--u) * 2.1213));
}
.hcg__usage:hover {
  opacity: 1 !important;
  background: #fff;
}
.hcg__usage:hover .hcg__usage-arrow {
  width: calc(var(--u) * 47.4);
}

.hcg-nav {
  background: #e8e4e1;
}/*# sourceMappingURL=style.css.map */