body.hidden {
  overflow: hidden;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 7px solid #fff;
  border-top: 7px solid #93278f;
  border-radius: 50%;
  -webkit-animation: spin 1.1s linear infinite;
          animation: spin 1.1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ly_wrap {
  display: none;
  width: 100%;
  /* height: 100vh; */
  height: calc(var(--vh, 1vh) * 100);
  background: url(../images/top/bg.jpg) no-repeat top center/cover;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 999px) {
  .ly_wrap {
    background: url(../images/top/bg_sp.jpg) no-repeat top center/cover;
  }
}
.ly_wrap * {
  font-family: "din-condensed", sans-serif;
  font-weight: 400;
}
.ly_wrap .bg {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.ly_wrap .bg.pc {
  display: block;
}
@media screen and (max-width: 999px) {
  .ly_wrap .bg.pc {
    display: none;
  }
}
.ly_wrap .bg.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .ly_wrap .bg.sp {
    display: block;
  }
}

.ly_waku {
  width: 100%;
  height: 100dvh;
  position: relative;
  z-index: 10;
}
.ly_waku::before, .ly_waku::after {
  content: "";
  display: block;
  width: 94px;
  height: 100%;
  background: url(../images/top/waku_tate.png) repeat-y top;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 999px) {
  .ly_waku::before, .ly_waku::after {
    width: 30px;
    background: url(../images/top/waku_tate.png) repeat-y top/100%;
  }
}
.ly_waku::before {
  left: 0;
}
.ly_waku::after {
  right: 0;
  scale: -1 1;
}
.ly_waku_inner::before, .ly_waku_inner::after {
  content: "";
  display: block;
  width: 100%;
  height: 94px;
  background: url(../images/top/waku_yoko.png) repeat-x top;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 999px) {
  .ly_waku_inner::before, .ly_waku_inner::after {
    height: 30px;
    background: url(../images/top/waku_yoko.png) repeat-x bottom/1.2% 100%;
  }
}
.ly_waku_inner::before {
  top: 0;
}
.ly_waku_inner::after {
  bottom: 0;
  scale: 1 -1;
}
.ly_waku [class*=_kado] {
  position: absolute;
  z-index: 10;
}
@media screen and (max-width: 999px) {
  .ly_waku [class*=_kado] {
    width: 30px;
  }
}
.ly_waku_kado1 {
  top: 0;
  left: 0;
}
.ly_waku_kado2 {
  top: 0;
  right: 0;
  scale: -1 1;
}
.ly_waku_kado3 {
  bottom: 0;
  left: 0;
  scale: 1 -1;
}
.ly_waku_kado4 {
  bottom: 0;
  right: 0;
  scale: -1 -1;
}

.ly_header {
  position: absolute;
  top: 50%;
  left: max(calc(116 / 16 * 1rem), calc(116 / 1920 * 100vw));
  translate: 0 -50%;
  z-index: 1000;
}
@media screen and (max-width: 999px) {
  .ly_header {
    width: 100%;
    top: 0;
    left: 0;
    translate: 0 0;
    z-index: 1010;
  }
}
.ly_header_logo {
  width: 285px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_logo {
    width: 14vw;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_logo {
    width: max(calc(285 / 16 * 1rem), calc(285 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_logo {
    width: max(calc(150 / 16 * 1rem), calc(150 / 375 * 100vw));
    position: absolute;
    top: max(calc(14 / 16 * 1rem), calc(14 / 375 * 100vw));
    left: max(calc(30 / 16 * 1rem), calc(30 / 375 * 100vw));
    z-index: 1010;
  }
}
.ly_header_nav {
  margin-top: max(calc(60 / 16 * 1rem), calc(60 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) {
  .ly_header_nav {
    margin-top: 5%;
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav {
    margin-top: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li {
    margin: 0 auto;
  }
}
.ly_header_nav .nav01 li:nth-child(1) {
  width: 303px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(1) {
    width: 27vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(1) {
    width: max(calc(303 / 16 * 1rem), calc(303 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(1) {
    width: max(calc(180 / 16 * 1rem), calc(180 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li:nth-child(2) {
  width: 333px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(2) {
    width: 30vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(2) {
    width: max(calc(333 / 16 * 1rem), calc(333 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(2) {
    width: max(calc(204 / 16 * 1rem), calc(204 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li:nth-child(3) {
  width: 208px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(3) {
    width: 17vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(3) {
    width: max(calc(208 / 16 * 1rem), calc(208 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(3) {
    width: max(calc(123 / 16 * 1rem), calc(123 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li:nth-child(4) {
  width: 208px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(4) {
    width: 17vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(4) {
    width: max(calc(208 / 16 * 1rem), calc(208 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(4) {
    width: max(calc(123 / 16 * 1rem), calc(123 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li:nth-child(5) {
  width: 308px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(5) {
    width: 25vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(5) {
    width: max(calc(308 / 16 * 1rem), calc(308 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(5) {
    width: max(calc(190 / 16 * 1rem), calc(190 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li:nth-child(6) {
  width: 132px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav01 li:nth-child(6) {
    width: 10vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav01 li:nth-child(6) {
    width: max(calc(132 / 16 * 1rem), calc(132 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li:nth-child(6) {
    width: max(calc(82 / 16 * 1rem), calc(82 / 375 * 100vw));
  }
}
.ly_header_nav .nav01 li + li {
  margin-top: max(calc(13 / 16 * 1rem), calc(13 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav01 li + li {
    margin-top: max(calc(15 / 16 * 1rem), calc(15 / 375 * 100vw));
  }
}
.ly_header_nav .nav02 {
  margin-top: max(calc(38 / 16 * 1rem), calc(38 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) {
  .ly_header_nav .nav02 {
    margin-top: 3%;
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav02 {
    margin-top: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav02 li {
    margin: 0 auto;
  }
}
.ly_header_nav .nav02 li:nth-child(1) {
  width: 148px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav02 li:nth-child(1) {
    width: 13vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav02 li:nth-child(1) {
    width: max(calc(148 / 16 * 1rem), calc(148 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav02 li:nth-child(1) {
    width: max(calc(87 / 16 * 1rem), calc(87 / 375 * 100vw));
  }
}
.ly_header_nav .nav02 li:nth-child(2) {
  width: 246px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav02 li:nth-child(2) {
    width: 22vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav02 li:nth-child(2) {
    width: max(calc(246 / 16 * 1rem), calc(246 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav02 li:nth-child(2) {
    width: max(calc(130 / 16 * 1rem), calc(130 / 375 * 100vw));
  }
}
.ly_header_nav .nav02 li:nth-child(3) {
  width: 140px;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .ly_header_nav .nav02 li:nth-child(3) {
    width: 13vh;
  }
}
@media screen and (min-width: 1921px) {
  .ly_header_nav .nav02 li:nth-child(3) {
    width: max(calc(140 / 16 * 1rem), calc(140 / 1920 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .ly_header_nav .nav02 li:nth-child(3) {
    width: max(calc(82 / 16 * 1rem), calc(82 / 375 * 100vw));
  }
}
.ly_header_nav .nav02 li + li {
  margin-top: max(calc(10 / 16 * 1rem), calc(10 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .ly_header .spNav {
    display: none;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    padding-top: max(calc(70 / 16 * 1rem), calc(70 / 375 * 100vw));
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
  }
}
.ly_header .spNav .series_logo {
  display: none;
}
@media screen and (max-width: 999px) {
  .ly_header .spNav .series_logo {
    display: block;
    width: max(calc(130 / 16 * 1rem), calc(130 / 375 * 100vw));
    margin: 0 auto;
  }
}
.ly_header .spNav .copy {
  display: none;
}
@media screen and (max-width: 999px) {
  .ly_header .spNav .copy {
    display: block;
    margin-top: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw));
    text-align: center;
  }
  .ly_header .spNav .copy small {
    color: #fff4d6;
    font-size: max(calc(12 / 16 * 1rem), calc(12 / 375 * 100vw));
  }
}
.ly_header .spNav .nav_bg {
  display: none;
}
@media screen and (max-width: 999px) {
  .ly_header .spNav .nav_bg {
    display: block;
    width: 100%;
    height: 100dvh;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
  }
}
.ly_header .spNav.open {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ly_footer {
  width: 100%;
  position: absolute;
  bottom: 0.5%;
  left: 0;
  z-index: 100;
}
@media screen and (max-width: 999px) {
  .ly_footer {
    bottom: -0.5%;
  }
}
.ly_footer .copy {
  text-align: center;
}
.ly_footer .copy small {
  color: #fff4d6;
  font-size: 14px;
}
@media screen and (max-width: 999px) {
  .ly_footer .copy small {
    font-size: 10px;
  }
}

.start {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
}
.start__video {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 999px) {
  .start__video.pc {
    display: none;
  }
}
.start__video.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .start__video.sp {
    display: block;
  }
}

@media screen and (min-width: 1000px) {
  .fade {
    width: 100vw;
    height: 100vh;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1099;
    -webkit-animation: fade 0.5s 1s linear forwards;
            animation: fade 0.5s 1s linear forwards;
    pointer-events: none;
  }
  @-webkit-keyframes fade {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes fade {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
}

#sp_loding {
  display: none;
}
@media screen and (max-width: 999px) {
  #sp_loding {
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: 0.8s ease-in;
    transition: 0.8s ease-in;
  }
}

.bl_hamburger {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_hamburger {
    display: block;
    width: max(calc(52 / 16 * 1rem), calc(52 / 375 * 100vw));
    position: absolute;
    top: max(calc(8 / 16 * 1rem), calc(8 / 375 * 100vw));
    right: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw));
    z-index: 1010;
  }
}

.bl_cardsBlock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 490px;
  position: absolute;
  top: 50%;
  right: max(calc(92 / 16 * 1rem), calc(92 / 1920 * 100vw));
  z-index: 1000;
  translate: 0 -50%;
}
@media screen and (max-height: 920px) and (min-width: 1000px) {
  .bl_cardsBlock {
    width: 50vh;
  }
}
@media screen and (min-width: 1921px) {
  .bl_cardsBlock {
    width: max(calc(490 / 16 * 1rem), calc(490 / 1920 * 100vw));
  }
}
@media screen and (min-height: 1000px) and (max-width: 1390px) {
  .bl_cardsBlock {
    width: 35%;
    right: 2%;
  }
}
@media screen and (max-width: 999px) {
  .bl_cardsBlock {
    width: 85%;
    top: auto;
    bottom: 5%;
    right: auto;
    left: 51%;
    translate: -50% 0;
  }
}
.bl_cardsBlock .card {
  width: 25%;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
}
@media screen and (max-width: 999px) {
  .bl_cardsBlock .card {
    width: 14.2857142857%;
  }
}
.bl_cardsBlock .card.clickable {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .bl_cardsBlock .card.clickable:hover {
    rotate: 8deg;
  }
}
@media screen and (max-width: 999px) {
  .bl_cardsBlock .card.unclickable {
    display: none;
  }
}

.bl_stage {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 1000;
  translate: -50% -50%;
}
@media screen and (max-width: 999px) {
  .bl_stage {
    top: 37%;
  }
}
.bl_stage .bear {
  display: none;
  width: 22vh;
  position: absolute;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
  -webkit-animation: upDown 2.5s linear infinite;
          animation: upDown 2.5s linear infinite;
}
@-webkit-keyframes upDown {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: -15px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes upDown {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: -15px;
  }
  100% {
    margin-top: 0;
  }
}
@media screen and (max-width: 999px) {
  .bl_stage .bear {
    width: max(calc(120 / 16 * 1rem), calc(120 / 375 * 100vw));
  }
}
.bl_stage .bear.active {
  display: block;
}

.face_list {
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.face_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

@media screen and (min-width: 1000px) {
  .face_list ul li {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    cursor: pointer;
  }
  .face_list ul li:hover {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@media screen and (max-width: 999px) {
  .face_list {
    width: 13vw;
    height: 100%;
    padding-top: 14%;
    background-color: #000;
    top: 0;
    left: auto;
    right: 0;
    z-index: 1002;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .face_list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 7px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 820px) {
  .face_list ul li {
    width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .face_list {
    width: 12.5vw;
    padding-inline: 1.4%;
    overflow-y: scroll;
  }
  .face_list ul li {
    width: 100%;
  }
}
@media screen and (max-height: 700px) {
  /* .face_list {
    width: 60px;
  } */
}
.bl_snsArea {
  margin-top: max(calc(35 / 16 * 1rem), calc(35 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) {
  .bl_snsArea {
    margin-top: 5%;
  }
}
@media screen and (max-width: 999px) {
  .bl_snsArea {
    margin-top: max(calc(15 / 16 * 1rem), calc(15 / 375 * 100vw));
  }
}
.bl_snsArea_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 999px) {
  .bl_snsArea_inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.bl_snsArea_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: max(calc(24 / 16 * 1rem), calc(24 / 1920 * 100vw));
}
.bl_snsArea_list li {
  width: max(calc(35 / 16 * 1rem), calc(35 / 1920 * 100vw));
  width: 35px;
}

.bl_search {
  width: max(calc(170 / 16 * 1rem), calc(170 / 1920 * 100vw));
  width: 170px;
  margin-top: max(calc(20 / 16 * 1rem), calc(20 / 1920 * 100vw));
  padding: max(calc(5 / 16 * 1rem), calc(5 / 1920 * 100vw)) max(calc(15 / 16 * 1rem), calc(15 / 1920 * 100vw));
  background: url(../images/top/bg_search.svg) no-repeat center/100%;
}
@media screen and (max-height: 1000px) {
  .bl_search {
    margin-top: 2%;
  }
}
@media screen and (max-width: 999px) {
  .bl_search {
    margin: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw)) auto 0;
  }
}
.bl_search_field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bl_search_input {
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: max(calc(14 / 16 * 1rem), calc(14 / 1920 * 100vw));
}
.bl_search_button {
  width: max(calc(25 / 16 * 1rem), calc(25 / 1920 * 100vw));
  width: 25px;
  padding: 5px 3px;
}
@media (hover: hover) and (pointer: fine) {
  .bl_search_button:hover {
    opacity: 0.6;
  }
}

.bl_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: max(calc(50 / 16 * 1rem), calc(50 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) {
  .bl_info {
    margin-top: 3%;
  }
}
@media screen and (max-width: 999px) {
  .bl_info {
    width: 80%;
    margin: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw)) auto 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #fff;
  }
}
.bl_info_ttl {
  width: 250px;
}
@media screen and (max-height: 800px) and (min-width: 1000px) {
  .bl_info_ttl {
    width: 27vh;
  }
}
@media screen and (max-width: 999px) {
  .bl_info_ttl {
    width: max(calc(200 / 16 * 1rem), calc(200 / 375 * 100vw));
  }
}
.bl_info_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: max(calc(20 / 16 * 1rem), calc(20 / 1920 * 100vw));
  height: 20px;
  position: relative;
  overflow: hidden;
}
.bl_info_list::-webkit-scrollbar {
  display: none;
}
.bl_info_list li {
  margin: auto;
  opacity: 0;
  position: absolute;
  white-space: nowrap;
  pointer-events: none;
}
.bl_info_list li.info-current {
  pointer-events: all;
  -webkit-animation: scrollInfo 7s linear;
          animation: scrollInfo 7s linear;
}
@-webkit-keyframes scrollInfo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  80% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
  99% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
    opacity: 0;
  }
}
@keyframes scrollInfo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  80% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
  99% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
    opacity: 0;
  }
}
.bl_info_list li a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 999px) {
  .bl_info_list li a {
    font-size: max(calc(14 / 16 * 1rem), calc(14 / 375 * 100vw));
  }
}

.bl_linkList {
  width: max(calc(350 / 16 * 1rem), calc(350 / 1920 * 100vw));
  width: 350px;
  margin-top: max(calc(22 / 16 * 1rem), calc(22 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) {
  .bl_linkList {
    margin-top: 5%;
  }
}
@media screen and (max-width: 999px) {
  .bl_linkList {
    width: 80%;
    margin: max(calc(10 / 16 * 1rem), calc(10 / 375 * 100vw)) auto 0;
  }
}
.bl_linkList_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 999px) {
  .bl_linkList_inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.bl_linkList_inner li {
  width: 50px;
}

.bl_modal {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: auto;
  z-index: 1002;
}
@media screen and (max-width: 999px) {
  .bl_modal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
    height: 95dvh;
    background: url(../images/top/card_bg_sp.jpg) no-repeat top center/cover;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
.bl_modal.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: modal-slide-in 0.6s ease-out forwards;
          animation: modal-slide-in 0.6s ease-out forwards;
}
@-webkit-keyframes modal-slide-in {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes modal-slide-in {
  from {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.bl_modal.closing {
  -webkit-animation: modal-slide-out 0.5s ease-out forwards;
          animation: modal-slide-out 0.5s ease-out forwards;
}
@-webkit-keyframes modal-slide-out {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
}
@keyframes modal-slide-out {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
  }
}
.bl_modal .hero_bg {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.bl_modal .hero_bg.pc {
  display: block;
}
@media screen and (max-width: 999px) {
  .bl_modal .hero_bg.pc {
    display: none;
  }
}
.bl_modal .hero_bg.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_modal .hero_bg.sp {
    display: block;
  }
}
.bl_modal_inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
  width: 90vw;
  height: 90vh;
  position: fixed;
  z-index: 1003;
  overflow: hidden;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: max(calc(20 / 16 * 1rem), calc(20 / 375 * 100vw));
    width: 100%;
    height: 100%;
    padding-bottom: max(calc(30 / 16 * 1rem), calc(30 / 375 * 100vw));
    overflow-y: scroll;
  }
}
.bl_modal_inner .ly_waku {
  height: 100%;
  position: absolute;
  pointer-events: none;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .ly_waku {
    position: fixed;
    top: 0;
    pointer-events: none;
  }
}
.bl_modal_inner .modalClose {
  display: block;
  padding: 7px;
  position: absolute;
  top: 6.9%;
  right: 2.9vw;
  z-index: 11;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .modalClose {
    width: 18%;
    position: fixed;
    top: 4%;
    z-index: 10;
  }
}
.bl_modal_inner .prev,
.bl_modal_inner .next {
  width: max(calc(105 / 16 * 1rem), calc(105 / 1920 * 100vw));
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  z-index: 2000;
  cursor: pointer;
  -webkit-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .prev,
  .bl_modal_inner .next {
    width: 15%;
  }
}
.bl_modal_inner .prev {
  left: 3vw;
}
@media screen and (min-width: 1921px) {
  .bl_modal_inner .prev {
    left: 60px;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .prev {
    left: 13%;
  }
}
.bl_modal_inner .next {
  right: 2.8vw;
  scale: -1 1;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .next {
    right: 13%;
  }
}
.bl_modal_inner .toy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 70px;
  position: absolute;
  bottom: 30.4%;
  left: 270px;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .toy {
    bottom: 29vh;
  }
}
@media screen and (max-width: 1920px) {
  .bl_modal_inner .toy {
    width: 20%;
    left: 12.4%;
  }
}
@media screen and (max-width: 1024px) {
  .bl_modal_inner .toy {
    left: 14.6%;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    padding-top: max(calc(100 / 16 * 1rem), calc(100 / 375 * 100vw));
    position: static;
    overflow: visible;
  }
}
.bl_modal_inner .toy > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy > * {
    margin-bottom: max(calc(-13 / 16 * 1rem), calc(-13 / 375 * 100vw));
    overflow: hidden;
  }
}
.bl_modal_inner .toy_ttl {
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50%;
  z-index: 1;
}
.bl_modal_inner .toy_ttl.basic, .bl_modal_inner .toy_ttl.furby {
  max-width: max(calc(182 / 16 * 1rem), calc(182 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_ttl.basic, .bl_modal_inner .toy_ttl.furby {
    max-width: max(calc(82 / 16 * 1rem), calc(82 / 375 * 100vw));
    top: 11%;
  }
}
.bl_modal_inner .toy_ttl.jellybean, .bl_modal_inner .toy_ttl.monako, .bl_modal_inner .toy_ttl.megan, .bl_modal_inner .toy_ttl.death, .bl_modal_inner .toy_ttl.power, .bl_modal_inner .toy_ttl.bring {
  max-width: max(calc(250 / 16 * 1rem), calc(250 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_ttl.jellybean, .bl_modal_inner .toy_ttl.monako, .bl_modal_inner .toy_ttl.megan, .bl_modal_inner .toy_ttl.death, .bl_modal_inner .toy_ttl.power, .bl_modal_inner .toy_ttl.bring {
    max-width: max(calc(145 / 16 * 1rem), calc(145 / 375 * 100vw));
    top: 11%;
  }
}
.bl_modal_inner .toy_ttl.taki, .bl_modal_inner .toy_ttl.jack, .bl_modal_inner .toy_ttl.amok, .bl_modal_inner .toy_ttl.hide {
  max-width: max(calc(150 / 16 * 1rem), calc(150 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_ttl.taki, .bl_modal_inner .toy_ttl.jack, .bl_modal_inner .toy_ttl.amok, .bl_modal_inner .toy_ttl.hide {
    max-width: max(calc(75 / 16 * 1rem), calc(75 / 375 * 100vw));
    top: 11%;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_ttl.death, .bl_modal_inner .toy_ttl.power, .bl_modal_inner .toy_ttl.bring {
    top: 9%;
  }
}
.bl_modal_inner .toy_ttl.monchhichi, .bl_modal_inner .toy_ttl.young {
  max-width: max(calc(280 / 16 * 1rem), calc(280 / 1920 * 100vw));
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_ttl.monchhichi, .bl_modal_inner .toy_ttl.young {
    max-width: max(calc(175 / 16 * 1rem), calc(175 / 375 * 100vw));
    top: 11%;
  }
}
.bl_modal_inner .toy_bear {
  width: max(calc(240 / 16 * 1rem), calc(240 / 1920 * 100vw));
  translate: 0 100vw;
  -webkit-transition: translate 0.7s cubic-bezier(0.42, 0, 0.58, 1);
  transition: translate 0.7s cubic-bezier(0.42, 0, 0.58, 1);
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .toy_bear {
    width: 21vh;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .toy_bear {
    width: max(calc(140 / 16 * 1rem), calc(140 / 375 * 100vw));
  }
}
@media screen and (max-width: 500px) {
  .bl_modal_inner .toy_bear {
    width: 53%;
  }
}
.bl_modal_inner .toy_bear.is-slidein {
  translate: 0 0;
}
.bl_modal_inner .cardArea01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(calc(10 / 16 * 1rem), calc(calc((70 - 1920 * 0.0388349515) / 16) * 1rem) + calc(100 * 0.0388349515 * 1vw), calc(70 / 16 * 1rem));
  width: 51.4%;
  height: 80%;
  position: absolute;
  top: 51%;
  left: 36.5%;
  translate: 0 -50%;
}
@media screen and (min-width: 1921px) {
  .bl_modal_inner .cardArea01 {
    width: 56%;
  }
}
@media screen and (max-width: 1230px) {
  .bl_modal_inner .cardArea01 {
    gap: clamp(calc(10 / 16 * 1rem), calc(calc((30 - 1920 * 0.0129449838) / 16) * 1rem) + calc(100 * 0.0129449838 * 1vw), calc(30 / 16 * 1rem));
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .cardArea01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: auto;
    padding-bottom: max(calc(15 / 16 * 1rem), calc(15 / 375 * 100vw));
    position: static;
    translate: 0 0;
    z-index: 5;
  }
}
.bl_modal_inner .cardArea02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(calc(5 / 16 * 1rem), calc(calc((10 - 1920 * 0.003236246) / 16) * 1rem) + calc(100 * 0.003236246 * 1vw), calc(10 / 16 * 1rem));
  width: 47.1%;
  position: absolute;
  top: 51%;
  left: 38.6%;
  translate: 0 -50%;
}
@media screen and (min-width: 1921px) {
  .bl_modal_inner .cardArea02 {
    width: 56%;
  }
}
@media screen and (max-width: 1230px) {
  .bl_modal_inner .cardArea02 {
    gap: clamp(calc(10 / 16 * 1rem), calc(calc((30 - 1920 * 0.0129449838) / 16) * 1rem) + calc(100 * 0.0129449838 * 1vw), calc(30 / 16 * 1rem));
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .cardArea02 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-bottom: max(calc(15 / 16 * 1rem), calc(15 / 375 * 100vw));
    position: static;
    translate: 0 0;
    z-index: 5;
  }
}
.bl_modal_inner .cardArea02 .bl_modal_card {
  width: max(calc(700 / 16 * 1rem), calc(700 / 1920 * 100vw));
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .cardArea02 .bl_modal_card {
    width: 73.5vh;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .cardArea02 .bl_modal_card {
    width: 85%;
  }
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .cardArea02 .bl_modal_txtArea {
    width: 40vh;
  }
}
.bl_modal_inner .cardArea02 .bl_modal_btn {
  margin-top: 0;
  position: absolute;
  right: -20%;
  top: 95%;
}
@media screen and (min-width: 1921px) {
  .bl_modal_inner .cardArea02 .bl_modal_btn {
    right: -2px;
  }
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .cardArea02 .bl_modal_btn {
    top: 88%;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .cardArea02 .bl_modal_btn {
    position: static;
    z-index: 5;
  }
}
.bl_modal_inner .stages {
  width: 446px;
  position: absolute;
  top: 68.1%;
  left: 9.5%;
}
@media screen and (max-width: 1920px) {
  .bl_modal_inner .stages {
    width: max(calc(446 / 16 * 1rem), calc(446 / 1920 * 100vw));
  }
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .stages {
    top: 59vh;
  }
}
@media screen and (max-height: 850px) and (min-width: 1000px) {
  .bl_modal_inner .stages {
    width: 360px;
    left: 11.9%;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .stages {
    position: static;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .stages.pc {
    display: none;
  }
}
.bl_modal_inner .stages.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .stages.sp {
    display: block;
  }
}
.bl_modal_inner .copy {
  width: 18%;
  text-align: center;
  color: #fff4d6;
  font-size: max(calc(15 / 16 * 1rem), calc(15 / 1920 * 100vw));
  position: absolute;
  top: 88%;
  left: 13.3%;
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_inner .copy {
    top: 80.5vh;
    font-size: 12px;
  }
}
@media screen and (max-height: 850px) and (min-width: 1000px) {
  .bl_modal_inner .copy {
    top: 78vh;
  }
}
@media screen and (min-width: 1921px) {
  .bl_modal_inner .copy {
    width: 17%;
    font-size: 15px;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .copy {
    width: max(calc(446 / 16 * 1rem), calc(446 / 1920 * 100vw));
    margin-top: max(calc(20 / 16 * 1rem), calc(20 / 375 * 100vw));
    font-size: max(calc(12 / 16 * 1rem), calc(12 / 375 * 100vw));
    position: static;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .copy.pc {
    display: none;
  }
}
.bl_modal_inner .copy.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .copy.sp {
    display: block;
  }
}
.bl_modal_inner .card_bg {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.bl_modal_inner .card_bg.pc {
  display: block;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .card_bg.pc {
    display: none;
  }
}
.bl_modal_inner .card_bg.sp {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_modal_inner .card_bg.sp {
    display: block;
    position: fixed;
  }
}
.bl_modal_card {
  width: 467px;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media screen and (max-width: 1920px) {
  .bl_modal_card {
    width: max(calc(467 / 16 * 1rem), calc(467 / 1920 * 100vw));
  }
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_card {
    width: 43vh;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_card {
    width: max(calc(270 / 16 * 1rem), calc(270 / 375 * 100vw));
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) {
  .bl_modal_card {
    width: max(calc(170 / 16 * 1rem), calc(170 / 375 * 100vw));
    margin: 0 auto;
  }
}
.bl_modal_card.is-fadein {
  opacity: 1;
}
.bl_modal_txtArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
@media screen and (min-width: 1921px) {
  .bl_modal_txtArea {
    max-width: max(calc(415 / 16 * 1rem), calc(415 / 1920 * 100vw));
  }
}
@media screen and (max-width: 1155px) {
  .bl_modal_txtArea {
    width: max(calc(250 / 16 * 1rem), calc(250 / 1155 * 100vw));
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea {
    width: 85%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 800px) {
  .bl_modal_txtArea {
    width: 65%;
  }
}
.bl_modal_txtArea.is-fadein {
  opacity: 1;
}
.bl_modal_txtArea .txt {
  display: none;
  height: 85%;
  padding: 25px 5px 25px 0;
  color: #fff;
  font-size: max(calc(20 / 16 * 1rem), calc(20 / 1920 * 100vw));
  overflow-y: scroll;
}
@media screen and (min-width: 1921px) {
  .bl_modal_txtArea .txt {
    font-size: 21px;
  }
}
@media screen and (max-height: 1000px) and (min-width: 1000px) {
  .bl_modal_txtArea .txt {
    height: 56vh;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea .txt {
    height: auto;
    padding: 0;
    font-size: max(calc(14 / 16 * 1rem), calc(14 / 375 * 100vw));
  }
}
.bl_modal_txtArea .txt::-webkit-scrollbar {
  width: 5px;
}
.bl_modal_txtArea .txt::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.45);
}
.bl_modal_txtArea .txt::-webkit-scrollbar-thumb {
  background-color: #93278f;
}
.bl_modal_txtArea .txt.jp {
  display: block;
}
.bl_modal_txtArea .txtList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(calc(10 / 16 * 1rem), calc(calc((20 - 1920 * 0.0064724919) / 16) * 1rem) + calc(100 * 0.0064724919 * 1vw), calc(20 / 16 * 1rem));
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea .txtList {
    gap: max(calc(30 / 16 * 1rem), calc(30 / 375 * 100vw));
    margin-top: max(calc(20 / 16 * 1rem), calc(20 / 375 * 100vw));
  }
}
.bl_modal_txtArea .txtList li {
  color: #fff4d6;
  font-size: max(calc(21 / 16 * 1rem), calc(21 / 1920 * 100vw));
  cursor: pointer;
}
@media screen and (min-width: 1921px) {
  .bl_modal_txtArea .txtList li {
    font-size: 21px;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea .txtList li {
    font-size: max(calc(21 / 16 * 1rem), calc(21 / 375 * 100vw));
  }
}
.bl_modal_txtArea .txtList li:not(:last-child) {
  position: relative;
}
.bl_modal_txtArea .txtList li:not(:last-child)::after {
  content: "";
  display: block;
  width: 2px;
  height: 28px;
  background-color: #fff4d6;
  position: absolute;
  top: 0;
  right: -6px;
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea .txtList li:not(:last-child)::after {
    height: 100%;
    right: -85%;
  }
}
.bl_modal_txtArea .txtList li.current {
  color: #93278f;
}
.bl_modal_txtArea .imgArea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 85%;
}
@media screen and (max-width: 999px) {
  .bl_modal_txtArea .imgArea {
    height: auto;
    margin-bottom: max(calc(30 / 16 * 1rem), calc(30 / 375 * 100vw));
  }
}
.bl_modal_btn {
  width: max(calc(280 / 16 * 1rem), calc(280 / 1920 * 100vw));
  margin: max(calc(20 / 16 * 1rem), calc(20 / 1920 * 100vw)) auto 0;
}
@media screen and (max-width: 999px) {
  .bl_modal_btn {
    width: max(calc(200 / 16 * 1rem), calc(200 / 375 * 100vw));
    margin: max(calc(20 / 16 * 1rem), calc(20 / 375 * 100vw)) auto 0;
  }
}
.bl_modal_cardsBlock {
  display: none;
}
@media screen and (max-width: 999px) {
  .bl_modal_cardsBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 90%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_cardsBlock .card {
    width: 14.2857142857%;
  }
}
@media screen and (max-width: 999px) {
  .bl_modal_cardsBlock .card.unclickable {
    display: none;
  }
}/*# sourceMappingURL=top.css.map */