@charset "UTF-8";
/******************************************
*******************************************/
/***********
  サイズ変換
************/
/*********
ブレイクポイント
**********/
/*********
ホバー
**********/
.siteHeaderMain li:nth-child(4) a::after {
  opacity: 1;
}
.siteHeaderMain li:nth-child(4) a i, .siteHeaderMain li:nth-child(4) a em {
  color: #1a0d05;
}
.siteHeaderMain li:nth-child(4) a em {
  background: -webkit-gradient(linear, left top, right top, from(#1a0d05), color-stop(12%, #1a0d05), color-stop(89%, #1a0d05));
  background: linear-gradient(90deg, #1a0d05 0%, #1a0d05 12%, #1a0d05 89%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.siteHeaderMain li:nth-child(4) a em b {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

#wp::before {
  content: "";
  background: url(/el1000/assets/img/wld_char/bgTop.webp) no-repeat center top/100% auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  height: 100dvh;
  width: 100dvw;
  z-index: 0;
}
#wp::after {
  content: "";
  background: url(/el1000/assets/img/wld_char/bg.webp) repeat-y center top/100% auto;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  height: 100dvh;
  width: 100dvw;
  z-index: -2;
}
@media (min-width: 1024px) {
  #wp::before {
    content: "";
    background: url(/el1000/assets/img/wld_char/bgTop@pc.webp) no-repeat center top/clamp(1920px, 100vw, 150vw) auto;
    width: 100%;
    height: clamp(950px, 49.479vw, 150vw);
    position: absolute;
    top: 0;
    min-width: 1280px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  #wp::after {
    content: "";
    background: url(/el1000/assets/img/wld_char/bg@pc.webp) repeat-y center top/clamp(1920px, 100vw, 150vw) auto;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    height: 100dvh;
    width: 100dvw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
#wp #contents {
  background: none;
}

#contents .el1000_contents .secondTitle {
  text-align: center;
  padding: 17.969vw 0 12.207vw;
}
#contents .el1000_contents .secondTitle em {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 600;
  font-family: "Cinzel", serif;
  font-size: 12.793vw;
  letter-spacing: 0.01em;
}
@media (max-width: 1023px) {
  #contents .el1000_contents .secondTitle em {
    background: -webkit-gradient(linear, left top, right top, color-stop(11%, #533719), color-stop(92%, #1a0d05));
    background: linear-gradient(90deg, #533719 11%, #1a0d05 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
#contents .el1000_contents .secondTitle em small {
  font-size: 8.691vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 600;
  padding-top: 0.36em;
}
#contents .el1000_contents .wcLead {
  position: relative;
  z-index: 20;
}
#contents .el1000_contents .wcLeadH201 {
  position: relative;
  margin-bottom: 5.566vw;
}
#contents .el1000_contents .wcLeadH301 {
  position: relative;
  margin-bottom: 6.836vw;
}
#contents .el1000_contents .wcLeadH301 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .el1000_contents .wcLead_dot01 {
  width: 28.32vw;
  position: absolute;
  left: -7.422vw;
  top: 0.195vw;
  pointer-events: none;
}
#contents .el1000_contents .wcLead_dot02 {
  width: 9.57vw;
  position: absolute;
  right: 2.539vw;
  top: 4.004vw;
  pointer-events: none;
}
#contents .el1000_contents .wcLeadSlide {
  position: relative;
  margin-bottom: 7.031vw;
  padding-bottom: 5.859vw;
}
#contents .el1000_contents .wcLeadSlide::before {
  content: "";
  width: 100%;
  height: 57.324vw;
  background: url(/el1000/assets/img/frame/movie_frame.webp) no-repeat center center/100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
#contents .el1000_contents .wcLeadSlide .swiper-slide img {
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
#contents .el1000_contents .wcLeadSlide .swiper-slide.swiper-slide-active img {
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(1);
          transform: scale(1);
}
#contents .el1000_contents .wcLeadSlide .swiper-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 5.859vw;
  padding: 3.906vw 0 0;
}
#contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet {
  border: 0.195vw solid #1a0d05;
  width: 1.953vw;
  height: 1.953vw;
  position: relative;
  border-radius: 50%;
  padding: 0;
  opacity: 1;
  background-color: rgba(26, 13, 5, 0);
  margin: 0 1.66vw;
  -webkit-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet::after {
  content: "";
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid red;
  opacity: 0;
}
#contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1a0d05;
  border-color: #1a0d05;
}
@media (hover: hover) and (pointer: fine) {
  #contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet:hover {
    -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: rgba(26, 13, 5, 0.35);
  }
}
#contents .el1000_contents .ageSec {
  position: relative;
  padding: 21.289vw 0 0;
  z-index: 10;
}
#contents .el1000_contents .ageSecH301 {
  position: relative;
  margin-bottom: 0vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
}
#contents .el1000_contents .ageSecH301 img {
  height: 11.719vw;
  width: auto;
}
@media (max-width: 1023px) {
  #contents .el1000_contents .ageSec::before {
    content: "";
    width: 100%;
    height: 68.457vw;
    background: url(/el1000/assets/img/wld_char/bg02.webp) no-repeat center center/100% 100%;
    position: absolute;
    left: 0;
    top: -41.016vw;
    z-index: 10;
    pointer-events: none;
  }
}
#contents .el1000_contents .ageSec .borderBox {
  margin-bottom: 12.5vw;
}
#contents .el1000_contents .ageSec .borderBoxMid_head span i {
  display: block;
  width: 13.477vw;
  height: 13.281vw;
  position: absolute;
  left: 5.371vw;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#contents .el1000_contents .ageNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0;
  margin: 5.859vw 0 0.879vw;
}
#contents .el1000_contents .ageNav a {
  width: 43.652vw;
  margin: 0 1.465vw 2.93vw;
  display: block;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  #contents .el1000_contents .ageNav a {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .el1000_contents .ageNav a:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  #contents .el1000_contents .ageNav a:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
  }
}
#contents .el1000_contents .ageNav a.-comingsoon {
  pointer-events: none;
}
#contents .el1000_contents .ageNav a i {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .ageNav a.-active {
  pointer-events: none;
}
#contents .el1000_contents .ageNav a.-active i {
  opacity: 1;
}
#contents .el1000_contents .ageNav a.-new::before, #contents .el1000_contents .ageNav a.-new::after {
  content: "";
  width: 2.344vw;
  height: 2.344vw;
  background-color: #48d5ff;
  border-radius: 50%;
  position: absolute;
  top: -0.977vw;
  left: -0.977vw;
  -webkit-animation: blink 1.8s infinite;
          animation: blink 1.8s infinite;
  z-index: 1000;
  pointer-events: none;
}
#contents .el1000_contents .ageNav a.-new::after {
  -webkit-animation: blink2 1.8s infinite;
          animation: blink2 1.8s infinite;
}
#contents .el1000_contents .ageKv {
  overflow: hidden;
  margin-bottom: -3.906vw;
}
#contents .el1000_contents .ageKv span {
  display: block;
  width: 126.367vw;
  height: 73.047vw;
  position: relative;
  left: -18.848vw;
  -webkit-mask-image: url("/el1000/assets/img/wld_char/age01m.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 120% 120%;
  -webkit-mask-position: center center;
}
#contents .el1000_contents .ageContent[data-age=age01] .ageKv span {
  -webkit-mask-image: url("/el1000/assets/img/wld_char/age01m.webp");
}
#contents .el1000_contents .ageContent[data-age=age02] .ageKv span {
  -webkit-mask-image: url("/el1000/assets/img/wld_char/age02m.webp");
}
#contents .el1000_contents .ageContent[data-age=age03] .ageKv span {
  -webkit-mask-image: url("/el1000/assets/img/wld_char/age03m.webp");
}
#contents .el1000_contents .ageContent[data-age=age04] .ageKv span {
  -webkit-mask-image: url("/el1000/assets/img/wld_char/age04m.webp");
}
#contents .el1000_contents .ageBody h4 {
  width: 88.379vw;
  margin: 0 auto 3.32vw;
}
#contents .el1000_contents .ageWrap {
  position: relative;
}
#contents .el1000_contents .ageWrap .ageKv span {
  -webkit-mask-size: 0% 0%;
}
#contents .el1000_contents .ageWrap .ageBody {
  opacity: 0;
  -webkit-transform: translate(0, -10%);
          transform: translate(0, -10%);
}
#contents .el1000_contents .ageWrap .ageContent {
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
#contents .el1000_contents .ageWrap[data-active=age01] .ageContent[data-age=age01], #contents .el1000_contents .ageWrap[data-active=age02] .ageContent[data-age=age02], #contents .el1000_contents .ageWrap[data-active=age03] .ageContent[data-age=age03], #contents .el1000_contents .ageWrap[data-active=age04] .ageContent[data-age=age04] {
  position: relative;
  z-index: 10;
  pointer-events: all;
  opacity: 1;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .ageWrap[data-active=age01] .ageContent[data-age=age01] .ageKv span, #contents .el1000_contents .ageWrap[data-active=age02] .ageContent[data-age=age02] .ageKv span, #contents .el1000_contents .ageWrap[data-active=age03] .ageContent[data-age=age03] .ageKv span, #contents .el1000_contents .ageWrap[data-active=age04] .ageContent[data-age=age04] .ageKv span {
  -webkit-mask-size: 100% 100%;
  -webkit-transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .ageWrap[data-active=age01] .ageContent[data-age=age01] .ageBody, #contents .el1000_contents .ageWrap[data-active=age02] .ageContent[data-age=age02] .ageBody, #contents .el1000_contents .ageWrap[data-active=age03] .ageContent[data-age=age03] .ageBody, #contents .el1000_contents .ageWrap[data-active=age04] .ageContent[data-age=age04] .ageBody {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .ageWrap.contentHide[data-active=age01] .ageContent[data-age=age01] {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .ageWrap.contentHide[data-active=age02] .ageContent[data-age=age02] {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .ageWrap.contentHide[data-active=age03] .ageContent[data-age=age03] {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .ageWrap.contentHide[data-active=age04] .ageContent[data-age=age04] {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .chara {
  /*
  &Age{position: absolute; z-index: 0; pointer-events: none; width: 100%; height: sp(1309);
      top: sp(778); 
      div{width: sp(1024); height: sp(1309);
          position: absolute; top: 0;
      }
      span{display: block; position: absolute; top: 0;
          width: sp(1024); height: sp(1309);
          -webkit-mask-image: url("/el1000/assets/img/wld_char/slash.webp");
          -webkit-mask-mode: alpha;
          -webkit-mask-repeat: no-repeat;
          -webkit-mask-size:100% 0%;
          -webkit-mask-position:center center;
          //transform: rotate(-16.84deg);
          img{width: 100%; height: 100%; object-fit: cover;}
          transition:.6s 0s $easeOutQuart;
      }
  }
      */
}
#contents .el1000_contents .charaLoad, #contents .el1000_contents .charaDetail, #contents .el1000_contents .charaWrap {
  position: relative;
}
#contents .el1000_contents .charaWrap[data-activeage=age04] .charaAge span:nth-child(4), #contents .el1000_contents .charaWrap[data-activeage=age03] .charaAge span:nth-child(3), #contents .el1000_contents .charaWrap[data-activeage=age02] .charaAge span:nth-child(2), #contents .el1000_contents .charaWrap[data-activeage=age01] .charaAge span:nth-child(1) {
  -webkit-mask-size: 100% 100%;
  -webkit-transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaWrap[data-activeage=age04] .charaAgeBtn li:nth-child(4), #contents .el1000_contents .charaWrap[data-activeage=age03] .charaAgeBtn li:nth-child(3), #contents .el1000_contents .charaWrap[data-activeage=age02] .charaAgeBtn li:nth-child(2), #contents .el1000_contents .charaWrap[data-activeage=age01] .charaAgeBtn li:nth-child(1) {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.9s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaSec {
  padding: 15.625vw 0 0;
  margin-bottom: 11.426vw;
}
#contents .el1000_contents .charaSec.charaChange * {
  pointer-events: none !important;
}
#contents .el1000_contents .charaSec h2 {
  width: 83.008vw;
  margin: 0 auto 4.102vw;
}
#contents .el1000_contents .charaSec .borderBox {
  position: relative;
  z-index: 100;
  width: 90.234vw;
  margin-bottom: 5.859vw;
}
#contents .el1000_contents .charaSec .borderBox .borderBoxMid_head {
  width: 90.234vw;
  margin: 0 0 0 -5.859vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#contents .el1000_contents .charaSec .borderBox .borderBoxMid_head em {
  color: #998877;
  font-weight: 700;
  font-size: 2.93vw;
}
#contents .el1000_contents .charaSec .borderBox .borderBoxMid_head em b {
  color: #f2f0c5;
  margin-left: 2.93vw;
}
#contents .el1000_contents .charaSec .charaSlide {
  width: 90.234vw;
  margin: 0 auto 9.766vw;
  position: relative;
  height: 57.52vw;
  /*
  .swiper-slide{position: absolute; top: 0; z-index: 0; height: sp(529);
      img{transition: 0.8s $easeOutQuart; opacity: 0;}
      &.swiper-slide-active{z-index: 10;
      img{transition: 0.4s $easeOutQuart; opacity: 1;}
      }
  }
      */
  padding-bottom: 5.859vw;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-container {
  height: 51.66vw;
}
#contents .el1000_contents .charaSec .charaSlide::before {
  content: "";
  width: 100%;
  height: 51.66vw;
  background: url(/el1000/assets/img/frame/movie_frame.webp) no-repeat center center/100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-wrapper {
  -webkit-transform: translate(0) !important;
          transform: translate(0) !important;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-slide {
  position: absolute;
  top: 0;
  z-index: 0;
  height: 51.465vw;
  overflow: hidden;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-slide img {
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
}
#contents .el1000_contents .charaSec .charaSlide .swiper-slide.swiper-slide-active {
  z-index: 10;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-slide.swiper-slide-active img {
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
#contents .el1000_contents .charaSec .charaSlide .swiper-nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 5.859vw;
  padding: 3.906vw 0 0;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet {
  border: 0.195vw solid #1a0d05;
  width: 1.953vw;
  height: 1.953vw;
  position: relative;
  border-radius: 50%;
  padding: 0;
  opacity: 1;
  background-color: rgba(26, 13, 5, 0);
  margin: 0 1.66vw;
  -webkit-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet::after {
  content: "";
  width: 3.906vw;
  height: 3.906vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid red;
  opacity: 0;
}
#contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1a0d05;
  border-color: #1a0d05;
}
@media (hover: hover) and (pointer: fine) {
  #contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet:hover {
    -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background-color: rgba(26, 13, 5, 0.35);
  }
}
#contents .el1000_contents .charaSec .charaSec_prev,
#contents .el1000_contents .charaSec .charaSec_next {
  width: 6.152vw;
  height: 9.766vw;
  background: url(/el1000/assets/img/arr_left.webp) no-repeat center center/100% 100%;
  margin: 0;
  left: 1.758vw;
  top: 63.965vw;
  position: absolute;
  margin: 0;
  z-index: 1000;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  #contents .el1000_contents .charaSec .charaSec_prev,
  #contents .el1000_contents .charaSec .charaSec_next {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .el1000_contents .charaSec .charaSec_prev:hover,
  #contents .el1000_contents .charaSec .charaSec_next:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  #contents .el1000_contents .charaSec .charaSec_prev:hover,
  #contents .el1000_contents .charaSec .charaSec_next:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
  }
}
#contents .el1000_contents .charaSec .charaSec_next {
  background: url(/el1000/assets/img/arr_right.webp) no-repeat center center/100% 100%;
  left: auto;
  right: 1.758vw;
}
#contents .el1000_contents .charaEn {
  position: absolute;
  z-index: 10;
  top: 0;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-mask-image: url("/el1000/assets/img/mask_blur.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 200% 200%;
  -webkit-mask-position: center center;
}
#contents .el1000_contents .charaEn span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contents .el1000_contents .charaEn span img {
  width: 125vw;
  height: auto;
}
#contents .el1000_contents .charaIllust {
  position: relative;
  z-index: 11;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-bottom: -41.406vw;
}
#contents .el1000_contents .charaIllust span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contents .el1000_contents .charaIllust span img {
  width: 125vw;
  height: auto;
}
#contents .el1000_contents .charaDot {
  width: 22.559vw;
  height: 29.297vw;
  position: absolute;
  z-index: 30;
  top: 106.934vw;
  left: 4.883vw;
}
#contents .el1000_contents .charaDotBase {
  width: 22.559vw;
  height: 29.297vw;
  position: absolute;
  z-index: 30;
  top: 106.934vw;
  left: 4.883vw;
  background: url(/el1000/assets/img/wld_char/charaDot.webp) no-repeat center center/100% 100%;
  z-index: 20;
}
#contents .el1000_contents .charaDot i, #contents .el1000_contents .charaDot span {
  display: block;
  position: relative;
}
#contents .el1000_contents .charaDot span {
  -webkit-mask-image: url("/el1000/assets/img/wld_char/charaDotMask.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaDot i {
  position: relative;
}
#contents .el1000_contents .charaDot i::before {
  content: "";
  background: url(/el1000/assets/img/wld_char/charaDotFrame.webp) no-repeat center bottom/100% auto;
  width: 100%;
  height: 50%;
  z-index: -1;
  position: absolute;
  left: 0%;
  bottom: 0%;
  pointer-events: none;
}
#contents .el1000_contents .charaDot i::after {
  content: "";
  background: url(/el1000/assets/img/wld_char/charaDotFrame.webp) no-repeat center top/100% auto;
  width: 100%;
  height: 50%;
  z-index: 20;
  position: absolute;
  left: 0%;
  top: 0%;
  z-index: -1;
  pointer-events: none;
}
#contents .el1000_contents .charaDot i img {
  display: block;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  z-index: 100;
  position: relative;
}
#contents .el1000_contents .charaAge {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  width: 100%;
  height: 127.832vw;
  top: 92.969vw;
}
#contents .el1000_contents .charaAge div {
  width: 100%;
  height: 93.457vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
}
#contents .el1000_contents .charaAge span {
  display: block;
  position: absolute;
  top: 0;
  width: 156.25vw;
  height: 93.457vw;
  -webkit-mask-image: url("/el1000/assets/img/wld_char/slash.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 0%;
  -webkit-mask-position: center center;
  -webkit-transform: rotate(-16.84deg);
          transform: rotate(-16.84deg);
  -webkit-transition: 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaAge span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .el1000_contents .charaAgeBtn {
  width: 44.922vw;
  position: absolute;
  top: 124.512vw;
  right: 4.883vw;
  z-index: 200;
  height: 10.84vw;
}
#contents .el1000_contents .charaAgeBtn li {
  position: absolute;
  top: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaAgeBtn a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  #contents .el1000_contents .charaAgeBtn a {
    -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .el1000_contents .charaAgeBtn a:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 0.977vw rgba(72, 213, 255, 0.5));
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  #contents .el1000_contents .charaAgeBtn a:hover {
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
            filter: brightness(1.2) drop-shadow(0 0 clamp(8px, 0.417vw, 150vw) rgba(72, 213, 255, 0.5));
  }
}
#contents .el1000_contents .charaAgeBtn a::after {
  content: "";
  width: 5.176vw;
  height: 4.199vw;
  display: block;
  position: absolute;
  right: 5.273vw;
  top: 3.125vw;
  background: url(/el1000/assets/img/arr03.webp) no-repeat center center/100% auto;
  -webkit-animation: arr 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
          animation: arr 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
#contents .el1000_contents .charaNav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .el1000_contents .charaNav li {
  width: 20.996vw;
  height: 21.191vw;
  position: relative;
  pointer-events: none;
  margin: 0 1.367vw 2.539vw;
}
#contents .el1000_contents .charaNav li::before {
  content: "";
  background: url(/el1000/assets/img/wld_char/archiveFrame.webp) no-repeat center center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 100;
  pointer-events: none;
  -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaNav li::after {
  content: "";
  background: url(/el1000/assets/img/wld_char/archiveFrame@active.webp) no-repeat center center/100% 100%;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 200;
  pointer-events: none;
  -webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0;
}
#contents .el1000_contents .charaNav li.-active {
  pointer-events: none;
}
#contents .el1000_contents .charaNav li.-active::after {
  opacity: 1;
}
#contents .el1000_contents .charaNav li a {
  display: block;
  position: relative;
}
#contents .el1000_contents .charaNav li a span {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: url("/el1000/assets/img/wld_char/archiveMask.webp");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  background: -webkit-gradient(linear, left top, right top, color-stop(11%, #533719), color-stop(92%, #1a0d05));
  background: linear-gradient(90deg, #533719 11%, #1a0d05 92%);
}
#contents .el1000_contents .charaNav li a[data-chara=chara01] span {
  background: -webkit-gradient(linear, left bottom, left top, from(#7c1114), to(#b31e1e));
  background: linear-gradient(0deg, #7c1114 0%, #b31e1e 100%);
}
#contents .el1000_contents .charaNav li a[data-chara=chara02] span {
  background-color: #1a0d05;
}
#contents .el1000_contents .charaNav li a i {
  display: block;
  -webkit-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#contents .el1000_contents .charaNav li a:hover i {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-filter: brightness(1.12);
          filter: brightness(1.12);
}
#contents .el1000_contents .charaNav li a {
  pointer-events: all;
}
#contents .el1000_contents .charaNav li:hover::after, #contents .el1000_contents .charaNav li:hover::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
}
#contents .el1000_contents .charaNav li.-new a::before,
#contents .el1000_contents .charaNav li.-new a::after {
  content: "";
  width: 2.344vw;
  height: 2.344vw;
  background-color: #48d5ff;
  border-radius: 50%;
  position: absolute;
  top: 2.344vw;
  left: 2.344vw;
  -webkit-animation: blink 1.8s infinite;
          animation: blink 1.8s infinite;
  z-index: 1000;
  pointer-events: none;
}
#contents .el1000_contents .charaNav li.-new a::after {
  -webkit-animation: blink2 1.8s infinite;
          animation: blink2 1.8s infinite;
}
#contents .el1000_contents .charaSec.charaChange .charaSec_prev {
  -webkit-transform: translate(-151%, 0);
          transform: translate(-151%, 0);
  pointer-events: none;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaSec.charaChange .charaSec_next {
  -webkit-transform: translate(151%, 0);
          transform: translate(151%, 0);
  pointer-events: none;
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@-webkit-keyframes dotout {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 75%);
            transform: translate(0, 75%);
    opacity: 1;
  }
}
@keyframes dotout {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(0, -10%);
            transform: translate(0, -10%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 75%);
            transform: translate(0, 75%);
    opacity: 1;
  }
}
@-webkit-keyframes dotbottom {
  0% {
    z-index: -1;
  }
  45% {
    z-index: 100;
  }
  100% {
    z-index: 100;
  }
}
@keyframes dotbottom {
  0% {
    z-index: -1;
  }
  45% {
    z-index: 100;
  }
  100% {
    z-index: 100;
  }
}
#contents .el1000_contents .charaSec .charaDetail .charaDot.out i::before {
  -webkit-animation: dotbottom 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: dotbottom 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  z-index: 1;
}
#contents .el1000_contents .charaSec .charaDetail .charaDot.out span img {
  -webkit-animation: dotout 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: dotout 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
#contents .el1000_contents .charaSec .charaDetail .charaIllust.out {
  -webkit-transform: scale(0.88);
          transform: scale(0.88);
  opacity: 0;
  -webkit-filter: blur(0.3vw) brightness(0.8);
          filter: blur(0.3vw) brightness(0.8);
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#contents .el1000_contents .charaSec .charaDetail .charaEn.out {
  -webkit-transform: translate(0, -9%);
          transform: translate(0, -9%);
  opacity: 0;
  -webkit-filter: blur(0.7vw);
          filter: blur(0.7vw);
  -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (min-width: 1024px) {
  #contents .el1000_contents .charaSec .charaDetail .charaEn.out {
    -webkit-transform: translate(0, -6%);
            transform: translate(0, -6%);
    opacity: 0;
    -webkit-filter: blur(0.7vw);
            filter: blur(0.7vw);
  }
}
#contents .el1000_contents .charaSec .charaDetail .borderBox.out,
#contents .el1000_contents .charaSec .charaDetail .charaSlide.out {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 0;
  -webkit-filter: blur(0.5vw);
          filter: blur(0.5vw);
  -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 1024px) {
  #contents .el1000_contents .charaSec .charaDetail .borderBox.out,
  #contents .el1000_contents .charaSec .charaDetail .charaSlide.out {
    -webkit-transform: translate(0%, 9%);
            transform: translate(0%, 9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
    -webkit-transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
#contents .el1000_contents .charaSec .charaDetail.in {
  opacity: 1;
  -webkit-transition: 0.9s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.9s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
@-webkit-keyframes dotin {
  0% {
    -webkit-transform: translate(0, 80%);
            transform: translate(0, 80%);
    opacity: 1;
  }
  10% {
    -webkit-transform: translate(0, 75%);
            transform: translate(0, 75%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, -8%);
            transform: translate(0, -8%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
  }
}
@keyframes dotin {
  0% {
    -webkit-transform: translate(0, 80%);
            transform: translate(0, 80%);
    opacity: 1;
  }
  10% {
    -webkit-transform: translate(0, 75%);
            transform: translate(0, 75%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, -8%);
            transform: translate(0, -8%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
  }
}
@-webkit-keyframes dotinbottom {
  0% {
    z-index: 100;
  }
  50% {
    z-index: 100;
  }
  51% {
    z-index: -1;
  }
  100% {
    z-index: -1;
  }
}
@keyframes dotinbottom {
  0% {
    z-index: 100;
  }
  50% {
    z-index: 100;
  }
  51% {
    z-index: -1;
  }
  100% {
    z-index: -1;
  }
}
#contents .el1000_contents .charaSec .charaDetail .charaDot.in i::before {
  -webkit-animation: dotinbottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: dotinbottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#contents .el1000_contents .charaSec .charaDetail .charaDot.in span img {
  -webkit-animation: dotin 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
          animation: dotin 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
@-webkit-keyframes blurin {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
  }
}
@keyframes blurin {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -webkit-filter: blur(0) brightness(1);
            filter: blur(0) brightness(1);
  }
}
#contents .el1000_contents .charaSec .charaDetail .charaIllust.in {
  -webkit-animation: blurin 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: blurin 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@-webkit-keyframes slidein {
  0% {
    -webkit-transform: translate(0, 9%);
            transform: translate(0, 9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  25% {
    -webkit-transform: translate(0, 9%);
            transform: translate(0, 9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes slidein {
  0% {
    -webkit-transform: translate(0, 9%);
            transform: translate(0, 9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  25% {
    -webkit-transform: translate(0, 9%);
            transform: translate(0, 9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slideinpc {
  0% {
    -webkit-transform: translate(0, 6%);
            transform: translate(0, 6%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  25% {
    -webkit-transform: translate(0, 6%);
            transform: translate(0, 6%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes slideinpc {
  0% {
    -webkit-transform: translate(0, 6%);
            transform: translate(0, 6%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  25% {
    -webkit-transform: translate(0, 6%);
            transform: translate(0, 6%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
#contents .el1000_contents .charaSec .charaDetail .charaEn.in {
  -webkit-animation: slidein 1.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: slidein 1.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@media (min-width: 1024px) {
  #contents .el1000_contents .charaSec .charaDetail .charaEn.in {
    -webkit-animation: slideinpc 1.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
            animation: slideinpc 1.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
}
@-webkit-keyframes slidein2 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes slidein2 {
  0% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 0;
    -webkit-filter: blur(0.25vw);
            filter: blur(0.25vw);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@-webkit-keyframes slidein3 {
  0% {
    -webkit-transform: translate(0, -9%);
            transform: translate(0, -9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  25% {
    -webkit-transform: translate(0, -9%);
            transform: translate(0, -9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
@keyframes slidein3 {
  0% {
    -webkit-transform: translate(0, -9%);
            transform: translate(0, -9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  25% {
    -webkit-transform: translate(0, -9%);
            transform: translate(0, -9%);
    opacity: 0;
    -webkit-filter: blur(0.25vw) brightness(1.5);
            filter: blur(0.25vw) brightness(1.5);
  }
  100% {
    -webkit-transform: translate(0, 0%);
            transform: translate(0, 0%);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}
#contents .el1000_contents .charaSec .charaDetail .borderBox.in,
#contents .el1000_contents .charaSec .charaDetail .charaSlide.in {
  -webkit-animation: slidein2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: slidein2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@media (min-width: 1024px) {
  #contents .el1000_contents .charaSec .charaDetail .borderBox.in,
  #contents .el1000_contents .charaSec .charaDetail .charaSlide.in {
    -webkit-animation: slidein3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
            animation: slidein3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
}
#contents .el1000_contents .charaLoader {
  position: absolute;
  left: 50%;
  top: 39.063vw;
  width: 24.805vw;
  height: 24.805vw;
  z-index: 150;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 0;
}
#contents .el1000_contents .charaLoader span {
  display: block;
  opacity: 0.66;
  height: 100%;
  -webkit-animation: spin 2.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
          animation: spin 2.2s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
@media (min-width: 1024px) {
  #contents .el1000_contents .charaLoader span {
    opacity: 0.8;
  }
}
#contents .el1000_contents .charaLoader span i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  background: url(/el1000/assets/img/wld_char/loader.webp) no-repeat center center/100% 100%;
}
#contents .el1000_contents .charaLoad {
  position: absolute;
  top: 0;
  opacity: 0;
  left: 101vw;
}
#contents .el1000_contents .charaDetail {
  z-index: 100;
}
@media (max-width: 1023px) {
  #contents .el1000_contents .charaDetail {
    min-height: 100vh;
  }
}
@media (min-width: 1024px) {
  #contents .el1000_contents .secondTitle {
    padding: clamp(105px, 5.469vw, 150vw) 0 clamp(84px, 4.375vw, 150vw);
  }
  #contents .el1000_contents .secondTitle span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(11%, #533719), color-stop(92%, #1a0d05));
    background: linear-gradient(90deg, #533719 11%, #1a0d05 92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #contents .el1000_contents .secondTitle em {
    font-size: clamp(91px, 4.74vw, 150vw);
  }
  #contents .el1000_contents .secondTitle em small {
    font-size: clamp(62px, 3.229vw, 150vw);
    padding-top: 0.36em;
  }
  #contents .el1000_contents .wcLead {
    width: clamp(1138px, 59.271vw, 150vw);
    margin: 0 auto;
  }
  #contents .el1000_contents .wcLeadH201 {
    position: relative;
    margin-bottom: clamp(46px, 2.396vw, 150vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #contents .el1000_contents .wcLeadH201 img {
    height: clamp(41px, 2.135vw, 150vw);
    width: auto;
  }
  #contents .el1000_contents .wcLeadH301 {
    margin-bottom: clamp(18px, 0.938vw, 150vw);
    width: 100%;
  }
  #contents .el1000_contents .wcLeadH301 span {
    display: block;
  }
  #contents .el1000_contents .wcLeadH301 img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .wcLead_dot01 {
    width: clamp(189px, 9.844vw, 150vw);
    left: auto;
    right: 50%;
    top: min(-59px, -3.073vw);
    margin-right: clamp(289px, 15.052vw, 150vw);
  }
  #contents .el1000_contents .wcLead_dot02 {
    width: clamp(63px, 3.281vw, 150vw);
    right: auto;
    left: 50%;
    top: min(-28px, -1.458vw);
    margin-left: clamp(320px, 16.667vw, 150vw);
  }
  #contents .el1000_contents .wcLeadSlide {
    margin-bottom: clamp(140px, 7.292vw, 150vw);
    width: clamp(569px, 29.635vw, 150vw);
    height: clamp(325px, 16.927vw, 150vw);
    top: min(-30px, -1.563vw);
    padding-bottom: clamp(50px, 2.604vw, 150vw);
  }
  #contents .el1000_contents .wcLeadSlide::before {
    content: "";
    width: 100%;
    height: clamp(325px, 16.927vw, 150vw);
    background: url(/el1000/assets/img/frame/movie_frame.webp) no-repeat center center/100% 100%;
  }
  #contents .el1000_contents .wcLeadSlide .swiper-slide {
    overflow: hidden;
    height: clamp(325px, 16.927vw, 150vw);
  }
  #contents .el1000_contents .wcLeadSlide .swiper-slide img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .wcLeadSlide .swiper-nav {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: min(-50px, -2.604vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet {
    border: clamp(2px, 0.104vw, 150vw) solid #1a0d05;
    width: clamp(13px, 0.677vw, 150vw);
    height: clamp(13px, 0.677vw, 150vw);
    margin: 0 clamp(10px, 0.521vw, 150vw);
  }
  #contents .el1000_contents .wcLeadSlide .swiper-nav .swiper-pagination-bullet::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
  }
  #contents .el1000_contents .ageSec {
    padding: clamp(0px, 0vw, 150vw) 0 clamp(0px, 0vw, 150vw);
    margin: min(-17px, -0.885vw) auto 0;
  }
  #contents .el1000_contents .ageSecH301 {
    width: clamp(1100px, 57.292vw, 150vw);
    margin: 0 auto;
  }
  #contents .el1000_contents .ageSecH301 img {
    height: clamp(88px, 4.583vw, 150vw);
    width: auto;
  }
  #contents .el1000_contents .ageSec .borderBox {
    margin-bottom: clamp(0px, 0vw, 150vw);
  }
  #contents .el1000_contents .ageSec .borderBoxMid_head span i {
    width: clamp(61.33px, 4.792vw, 150vw);
    height: clamp(61.33px, 4.792vw, 150vw);
    position: absolute;
    left: clamp(36.67px, 2.865vw, 150vw);
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  #contents .el1000_contents .ageSec .borderBoxMid_head span i img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .ageNav {
    margin: clamp(26px, 2.031vw, 150vw) 0 min(-6px, -0.469vw);
  }
  #contents .el1000_contents .ageNav a {
    width: clamp(203.33px, 15.885vw, 150vw);
    margin: 0 clamp(4px, 0.313vw, 150vw) clamp(20px, 1.563vw, 150vw);
  }
  #contents .el1000_contents .ageNav a img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .ageNav a.-new::before, #contents .el1000_contents .ageNav a.-new::after {
    width: clamp(7.33px, 0.573vw, 150vw);
    height: clamp(7.33px, 0.573vw, 150vw);
    top: min(-3.33px, -0.26vw);
    left: min(-3.33px, -0.26vw);
  }
  #contents .el1000_contents .ageKv {
    margin-bottom: 0;
    position: absolute;
    right: clamp(40px, 3.125vw, 150vw);
    top: 0;
  }
  #contents .el1000_contents .ageKv span {
    display: block;
    width: clamp(806.67px, 63.021vw, 150vw);
    height: clamp(478px, 37.344vw, 150vw);
    left: min(0px, 0vw);
  }
  #contents .el1000_contents .ageKv span img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .ageBody {
    width: clamp(526px, 41.094vw, 150vw);
    margin-left: clamp(70px, 5.469vw, 150vw);
    padding: clamp(34.67px, 2.708vw, 150vw) 0 0;
  }
  #contents .el1000_contents .ageBody h4 {
    width: 100%;
    margin: clamp(26px, 2.031vw, 150vw) auto clamp(16px, 0.833vw, 150vw);
    text-align: center;
  }
  #contents .el1000_contents .ageBody h4 img {
    width: auto;
    height: clamp(44px, 3.438vw, 150vw);
  }
  #contents .el1000_contents .ageWrap {
    min-height: clamp(478px, 37.344vw, 150vw);
  }
  #contents .el1000_contents .ageWrap .ageKv span {
    -webkit-mask-size: 0% 0%;
  }
  #contents .el1000_contents .ageWrap .ageBody {
    opacity: 0;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  #contents .el1000_contents .charaWrap {
    position: relative;
    margin-bottom: clamp(22px, 1.146vw, 150vw);
  }
  #contents .el1000_contents .charaDetail {
    width: clamp(1280px, 66.667vw, 150vw);
    margin: 0 auto;
    min-height: clamp(768px, 40vw, 150vw);
    padding-top: clamp(26px, 1.354vw, 150vw);
  }
  #contents .el1000_contents .charaSec {
    padding: clamp(56px, 2.917vw, 150vw) 0 0;
    margin-bottom: clamp(114px, 5.938vw, 150vw);
  }
  #contents .el1000_contents .charaSec h2 {
    width: clamp(635px, 33.073vw, 150vw);
    margin: 0 auto clamp(42px, 2.188vw, 150vw);
  }
  #contents .el1000_contents .charaSec h2 img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaSec .borderBox {
    width: clamp(500px, 26.042vw, 150vw);
    margin: 0 clamp(60px, 3.125vw, 150vw) clamp(25px, 1.302vw, 150vw) auto;
  }
  #contents .el1000_contents .charaSec .borderBox .borderBoxMid_head {
    width: clamp(500px, 26.042vw, 150vw);
    margin: 0 0 0 min(-35px, -1.823vw);
  }
  #contents .el1000_contents .charaSec .borderBox .borderBoxMid_head em {
    color: #998877;
    font-size: clamp(17px, 0.885vw, 150vw);
  }
  #contents .el1000_contents .charaSec .borderBox .borderBoxMid_head em b {
    margin-left: clamp(20px, 1.042vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSlide {
    width: clamp(494px, 25.729vw, 150vw);
    margin: 0 clamp(64px, 3.333vw, 150vw) clamp(0px, 0vw, 150vw) auto;
    height: clamp(333px, 17.344vw, 150vw);
    padding-bottom: clamp(50px, 2.604vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-container {
    height: clamp(283px, 14.74vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSlide::before {
    content: "";
    width: 100%;
    height: clamp(283px, 14.74vw, 150vw);
    background: url(/el1000/assets/img/frame/movie_frame.webp) no-repeat center center/100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    pointer-events: none;
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-slide {
    height: clamp(283px, 14.74vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-slide img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-nav {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: min(0px, 0vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet {
    border: clamp(2px, 0.104vw, 150vw) solid #1a0d05;
    width: clamp(13px, 0.677vw, 150vw);
    height: clamp(13px, 0.677vw, 150vw);
    margin: 0 clamp(10px, 0.521vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSlide .swiper-nav .swiper-pagination-bullet::after {
    width: clamp(28px, 1.458vw, 150vw);
    height: clamp(28px, 1.458vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSec_prev,
  #contents .el1000_contents .charaSec .charaSec_next {
    width: clamp(56px, 2.917vw, 150vw);
    height: clamp(88px, 4.583vw, 150vw);
    margin: 0;
    left: clamp(28px, 1.458vw, 150vw);
    top: clamp(278px, 14.479vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaSec_next {
    left: auto;
    right: clamp(28px, 1.458vw, 150vw);
  }
  #contents .el1000_contents .charaEn {
    position: absolute;
    z-index: 10;
    top: clamp(-76px, -3.958vw, 150vw);
    width: clamp(202px, 10.521vw, 150vw);
    left: clamp(40px, 2.083vw, 150vw);
  }
  #contents .el1000_contents .charaEn span {
    display: block;
  }
  #contents .el1000_contents .charaEn span img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaIllust {
    position: absolute;
    z-index: 20;
    top: min(-74px, -3.854vw);
    width: clamp(520px, 27.083vw, 150vw);
    left: auto;
    right: 50%;
    margin-right: min(-32px, -1.667vw);
    margin-bottom: clamp(0px, 0vw, 150vw);
  }
  #contents .el1000_contents .charaIllust span {
    display: block;
  }
  #contents .el1000_contents .charaIllust span img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaDot {
    width: clamp(141px, 7.344vw, 150vw);
    height: clamp(183px, 9.531vw, 150vw);
    top: clamp(528px, 27.5vw, 150vw);
    left: clamp(172px, 8.958vw, 150vw);
  }
  #contents .el1000_contents .charaDotBase {
    width: clamp(141px, 7.344vw, 150vw);
    height: clamp(183px, 9.531vw, 150vw);
    right: 50%;
    top: clamp(528px, 27.5vw, 150vw);
    left: auto;
    margin-right: clamp(326px, 16.979vw, 150vw);
  }
  #contents .el1000_contents .charaDot i {
    position: relative;
  }
  #contents .el1000_contents .charaDot i img {
    display: block;
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaAge {
    width: clamp(1920px, 100vw, 150vw);
    height: clamp(831px, 43.281vw, 150vw);
    top: clamp(184px, 9.583vw, 150vw);
  }
  #contents .el1000_contents .charaAge div {
    width: clamp(1920px, 100vw, 150vw);
    height: clamp(831px, 43.281vw, 150vw);
    left: min(-26px, -1.354vw);
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  #contents .el1000_contents .charaAge span {
    width: clamp(2200px, 114.583vw, 150vw);
    height: clamp(480px, 25vw, 150vw);
    -webkit-mask-image: url("/el1000/assets/img/wld_char/slash@pc.webp");
    -webkit-mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 0%;
    -webkit-mask-position: center center;
    -webkit-transform: rotate(-10.22deg);
            transform: rotate(-10.22deg);
  }
  #contents .el1000_contents .charaAge span img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaAgeBtn {
    width: clamp(298px, 15.521vw, 150vw);
    top: clamp(625px, 32.552vw, 150vw);
    right: 50%;
    z-index: 200;
    margin-right: min(-22px, -1.146vw);
    height: clamp(72px, 3.75vw, 150vw);
  }
  #contents .el1000_contents .charaAgeBtn a img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaAgeBtn a::after {
    content: "";
    width: clamp(33px, 1.719vw, 150vw);
    height: clamp(31px, 1.615vw, 150vw);
    right: clamp(34px, 1.771vw, 150vw);
    top: clamp(20px, 1.042vw, 150vw);
  }
  #contents .el1000_contents .charaNav li {
    width: clamp(112px, 5.833vw, 150vw);
    height: clamp(113px, 5.885vw, 150vw);
    margin: 0 clamp(5px, 0.26vw, 150vw) clamp(0px, 0vw, 150vw);
    width: clamp(74.67px, 5.833vw, 150vw);
    height: clamp(75.33px, 5.885vw, 150vw);
    margin: 0 clamp(3.33px, 0.26vw, 150vw) clamp(0px, 0vw, 150vw);
  }
  #contents .el1000_contents .charaNav li a {
    display: block;
    position: relative;
  }
  #contents .el1000_contents .charaNav li img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaNav li.-new a::before,
  #contents .el1000_contents .charaNav li.-new a::after {
    width: clamp(11px, 0.573vw, 150vw);
    height: clamp(11px, 0.573vw, 150vw);
    top: clamp(14px, 0.729vw, 150vw);
    left: clamp(14px, 0.729vw, 150vw);
  }
  #contents .el1000_contents .charaNav li a {
    display: block;
    position: relative;
  }
  #contents .el1000_contents .charaNav li img {
    width: 100%;
    height: auto;
  }
  #contents .el1000_contents .charaNav li.-new a::before,
  #contents .el1000_contents .charaNav li.-new a::after {
    width: clamp(7.33px, 0.573vw, 150vw);
    height: clamp(7.33px, 0.573vw, 150vw);
    top: clamp(9.33px, 0.729vw, 150vw);
    left: clamp(9.33px, 0.729vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaNav li {
    width: clamp(92px, 4.792vw, 150vw);
    height: clamp(93px, 4.844vw, 150vw);
    margin: 0 clamp(4px, 0.208vw, 150vw) clamp(0px, 0vw, 150vw);
  }
  #contents .el1000_contents .charaSec .charaNav li.-new a::before,
  #contents .el1000_contents .charaSec .charaNav li.-new a::after {
    width: clamp(11px, 0.573vw, 150vw);
    height: clamp(11px, 0.573vw, 150vw);
    top: clamp(10px, 0.521vw, 150vw);
    left: clamp(10px, 0.521vw, 150vw);
  }
  #contents .el1000_contents .charaSec.charaChange .charaSec_prev {
    -webkit-transform: translate(-151%, 0);
            transform: translate(-151%, 0);
    pointer-events: none;
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .el1000_contents .charaSec.charaChange .charaSec_next {
    -webkit-transform: translate(151%, 0);
            transform: translate(151%, 0);
    pointer-events: none;
    -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  #contents .el1000_contents .charaLoader {
    top: clamp(302px, 15.729vw, 150vw);
    width: clamp(94.67px, 7.396vw, 150vw);
    height: clamp(94.67px, 7.396vw, 150vw);
  }
  #contents .el1000_contents .charaLoad {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 101vw;
  }
  #contents .el1000_contents .charaDetail {
    z-index: 100;
    -webkit-transition: height 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

#contents.wld_char .el1000_contents .secondTitle span {
  -webkit-filter: blur(1vw) brightness(2);
          filter: blur(1vw) brightness(2);
  opacity: 0;
  -webkit-transform: skew(-6deg);
          transform: skew(-6deg);
  display: block;
}
#contents.wld_char .el1000_contents .wcLead {
  opacity: 0;
  -webkit-filter: blur(0.5vw);
          filter: blur(0.5vw);
  -webkit-transform: translate(0, 5%);
          transform: translate(0, 5%);
}
#contents.wld_char .el1000_contents .wcLead_dot01 {
  opacity: 0;
  -webkit-transform: translate(-8vw, 0);
          transform: translate(-8vw, 0);
  -webkit-filter: blur(0.5vw);
          filter: blur(0.5vw);
}
#contents.wld_char .el1000_contents .wcLead_dot02 {
  opacity: 0;
  -webkit-transform: translate(8vw, 0);
          transform: translate(8vw, 0);
  -webkit-filter: blur(0.5vw);
          filter: blur(0.5vw);
}
@media (min-width: 1024px) {
  #contents.wld_char .el1000_contents .wcLead_dot01 {
    -webkit-transform: translate(min(-100px, -5.208vw), 0);
            transform: translate(min(-100px, -5.208vw), 0);
  }
  #contents.wld_char .el1000_contents .wcLead_dot02 {
    -webkit-transform: translate(clamp(100px, 5.208vw, 150vw), 0);
            transform: translate(clamp(100px, 5.208vw, 150vw), 0);
  }
}

.windowloaded.loadingend #contents.wld_char .el1000_contents .secondTitle span {
  -webkit-filter: blur(0) brightness(1);
          filter: blur(0) brightness(1);
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: opacity 0.75s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 1.25s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.75s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 1.25s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.75s 0s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.25s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.75s 0s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.25s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 1.25s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1.2s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.windowloaded.loadingend #contents.wld_char .el1000_contents .wcLead {
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: 1.25s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1.25s 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.windowloaded.loadingend #contents.wld_char .el1000_contents .wcLead_dot01, .windowloaded.loadingend #contents.wld_char .el1000_contents .wcLead_dot02 {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transition: opacity 0.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 0.6s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 0.6s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: filter 0.6s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: filter 0.6s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), transform 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-filter 0.6s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}