@charset "UTF-8";
/* libs */
/*
 * size
 */
/**
 * ディレクトリ変数
 */
/**
 * 言語の変数
 */
/**
 * ブレイクポイント変数
 */
/**
 * スケール変数
 */
/**
 * ビューポート変数
 * PC: PC向け
 * SP: スマートフォン向け
 */
/*
 * mediaQuery
 */
/* 画面サイズが$num以上の場合 */
/* 画面サイズが$num以下の場合 */
/*
 * 2つの値の比率を計算する関数
 *
 * @param {Number} $value1: 比率の分子となる値
 * @param {Number} $value2: 比率の分母となる値
 * @param {String} $unit: 結果に付加する単位（省略可能）
 * @return {Number|String} 計算された比率（単位が指定された場合は文字列）
 */
.youtube-modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: visible;
  width: 100%;
  height: 100%;
}

.youtube-modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url("/assets/deadverse-reloaded/common/img/bg_modal.png") repeat center center;
}
.is-opening .youtube-modal__bg {
  animation: fadeIn 0.2s ease-out forwards;
}
.is-closing .youtube-modal__bg {
  animation: fadeOut 0.4s ease-out forwards;
}

.youtube-modal__container {
  position: relative;
  width: auto;
  height: auto;
  pointer-events: none;
  opacity: 0;
}
.is-opening .youtube-modal__container {
  animation: fadeIn 0.2s ease-out forwards;
}
.is-closing .youtube-modal__container {
  animation: fadeOut 0.4s ease-out forwards;
}
@media screen and (max-width: 768px) {
  .youtube-modal__container {
    margin: 5.0666666667vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .youtube-modal__container {
    margin: 1.3194444444vw auto 0;
  }
}
@media screen and (min-width: 1920px) {
  .youtube-modal__container {
    margin: 19px auto 0;
  }
}

.youtube-modal__closeWrapper {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}

.youtube-modal__closeButton {
  pointer-events: auto;
}
@media screen and (max-width: 768px) {
  .youtube-modal__closeButton {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .youtube-modal__closeButton {
    margin-bottom: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .youtube-modal__closeButton {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1920px) {
  .youtube-modal__closeButton {
    margin-bottom: 20px;
  }
}

.youtube-modal__closePicture {
  display: inline-block;
  cursor: pointer;
  transform: translateX(30px);
  opacity: 0;
  box-shadow: 8px 8px 16px 0 rgba(34, 43, 104, 0.15);
}
.is-opening .youtube-modal__closePicture {
  animation: slideInFromRight 0.2s linear 0s forwards;
}
.is-closing .youtube-modal__closePicture {
  animation: slideOutToRight 0.2s linear 0s forwards;
}
@media screen and (max-width: 768px) {
  .youtube-modal__closePicture {
    width: 60px;
    height: 40px;
  }
}
@media screen and (min-width: 769px) {
  .youtube-modal__closePicture {
    width: 60px;
    height: 40px;
  }
}
.youtube-modal__closePicture:hover {
  opacity: 0.8;
}

.youtube-modal__closeButtonImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.youtube-modal__video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(40px);
  pointer-events: auto;
  opacity: 0;
  background-color: var(--black-000);
}
.is-opening .youtube-modal__video {
  animation: slideUpFromBottom 0.2s linear 0s forwards;
}
.youtube-modal__video iframe {
  position: relative;
  z-index: 1010;
  top: 0;
  left: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideInFromRight {
  from {
    transform: translateX(30px);
    opacity: 0;
  }
  to {
    transform: translateX(2px);
    opacity: 1;
  }
}
@keyframes slideOutToRight {
  from {
    transform: translateX(2px);
    opacity: 1;
  }
  to {
    transform: translateX(30px);
    opacity: 0;
  }
}
@keyframes slideUpFromBottom {
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
body.is-scroll-lock {
  position: fixed;
  left: 0;
  overflow: hidden;
  width: 100%;
}
body.is-scroll-lock .l-wrapper-gutter {
  overflow: auto;
  scrollbar-gutter: stable;
}

.fixed-header {
  mix-blend-mode: exclusion;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .fixed-header {
    mix-blend-mode: normal;
    z-index: 11;
  }
}
.fixed-header .header {
  position: fixed;
  top: -200px;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: none !important;
}
@media screen and (max-width: 768px) {
  .fixed-header .header {
    top: -20px !important;
    background: #111 !important;
    display: block !important;
    padding: 5.3333333333vw 8.5333333333vw 8.5333333333vw !important;
    border-radius: 0 0 20px 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: auto;
    max-height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  .fixed-header .header.is-open {
    top: 0 !important;
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 768px) {
  .fixed-header .header-logo {
    margin-bottom: 10.6666666667vw !important;
  }
}
@media screen and (max-width: 768px) {
  .fixed-header .header-logo-link {
    background-image: url("/assets/deadverse-reloaded/common/img/logo_wht.png") !important;
    margin: 2.6666666667vw auto !important;
  }
}
@media screen and (max-width: 768px) {
  .fixed-header .header-nav {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .fixed-header .menu-btn {
    display: block !important;
  }
}

.btn-area {
  display: flex;
  justify-content: center;
}

.btn {
  border-radius: 0.8333333333vw;
  border: 2px solid #111;
  display: flex;
  width: 100%;
  max-width: 480px;
  height: 4.4444444444vw;
  padding: 0.6944444444vw 2.7777777778vw;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #111;
  font-family: "new-science-extended", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btn {
    max-width: 64.8vw;
    height: 10.6666666667vw;
    font-size: 1.1rem;
    border-radius: 1.6vw;
    border: 1px solid #111;
  }
}
.btn:hover {
  background-color: #111;
  color: #fff;
}
.btn.is-blank {
  position: relative;
  padding-right: 2.9166666667vw;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn.is-blank {
    padding: 2.6666666667vw 6.4vw 2.6666666667vw 3.2vw;
    height: auto;
    min-height: 10.6666666667vw;
  }
}
.btn.is-blank::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("/assets/deadverse-reloaded/common/img/arrow_blank.png") no-repeat 0 0;
  background-size: contain;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 1.6666666667vw;
}
@media screen and (max-width: 768px) {
  .btn.is-blank::after {
    width: 12px;
    height: 12px;
    right: 2.1333333333vw;
  }
}
.btn.is-disabled:hover {
  background-color: transparent;
  color: #111;
}
.btn.is-disabled::after {
  content: none;
}

.sns {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .sns {
    display: block;
  }
}

.sns-lead {
  font-family: "new-science-extended", sans-serif;
  font-size: 1rem;
  margin-right: 0.8333333333vw;
  color: #fff;
}
.is-white .sns-lead {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .sns-lead {
    font-size: 3.2vw;
    color: #fff;
    margin-bottom: 4.2666666667vw;
  }
}

.sns-list {
  display: flex;
}

.sns-item {
  margin-right: 0.8333333333vw;
}
.sns-item:last-child {
  margin-right: 0;
}

.sns-link {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
  display: block;
}
@media screen and (max-width: 768px) {
  .sns-link {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.sns-link.is-x {
  background: url("/assets/deadverse-reloaded/common/img/btn_x_wht.png") no-repeat center center;
  background-size: contain;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.is-white .sns-link.is-x, .sns-link.is-x:hover {
  background-image: url("/assets/deadverse-reloaded/common/img/btn_x.png");
}
@media screen and (max-width: 768px) {
  .sns-link.is-x {
    background-image: url("/assets/deadverse-reloaded/common/img/btn_x.png");
  }
}
.sns-link.is-youtube {
  background: url("/assets/deadverse-reloaded/common/img/btn_youtube_wht.png") no-repeat center center;
  background-size: contain;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.is-white .sns-link.is-youtube, .sns-link.is-youtube:hover {
  background-image: url("/assets/deadverse-reloaded/common/img/btn_youtube.png");
}
@media screen and (max-width: 768px) {
  .sns-link.is-youtube {
    background-image: url("/assets/deadverse-reloaded/common/img/btn_youtube.png");
  }
}
.sns-link.is-tiktok {
  background: url("/assets/deadverse-reloaded/common/img/btn_tiktok_wht.png") no-repeat center center;
  background-size: contain;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.is-white .sns-link.is-tiktok, .sns-link.is-tiktok:hover {
  background-image: url("/assets/deadverse-reloaded/common/img/btn_tiktok.png");
}
@media screen and (max-width: 768px) {
  .sns-link.is-tiktok {
    background-image: url("/assets/deadverse-reloaded/common/img/btn_tiktok.png");
  }
}
.sns-link.is-mixi2 {
  background: url("/assets/deadverse-reloaded/common/img/btn_mixi2_wht.png") no-repeat center center;
  background-size: contain;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}
.is-white .sns-link.is-mixi2, .sns-link.is-mixi2:hover {
  background-image: url("/assets/deadverse-reloaded/common/img/btn_mixi2.png");
}
@media screen and (max-width: 768px) {
  .sns-link.is-mixi2 {
    background-image: url("/assets/deadverse-reloaded/common/img/btn_mixi2.png");
  }
}

.sns-btn {
  width: 1.9444444444vw;
  height: 1.9444444444vw;
}

.index .menu-btn-item {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.index .menu-btn-item.is-show {
  opacity: 1;
  visibility: visible;
}

.is-menu-open .menu-btn-item {
  opacity: 1;
  visibility: visible;
}

.character-detail {
  position: relative;
}
@media screen and (max-width: 768px) {
  .character-detail.is-rinne {
    background: url("/assets/deadverse-reloaded/character/img/rinne/silhouette_sp.png") no-repeat right 2.6666666667vw;
    background-size: 60vw auto;
  }
  .character-detail.is-yakumo {
    background: url("/assets/deadverse-reloaded/character/img/yakumo/silhouette_sp.png") no-repeat right 2.6666666667vw;
    background-size: 60vw auto;
  }
  .character-detail.is-jugemu {
    background: url("/assets/deadverse-reloaded/character/img/jugemu/silhouette_sp.png") no-repeat right 2.6666666667vw;
    background-size: 60vw auto;
  }
  .character-detail.is-neo {
    background: url("/assets/deadverse-reloaded/character/img/neo/silhouette_sp.png") no-repeat right 2.6666666667vw;
    background-size: 60vw auto;
  }
}

.character-detail-contents {
  display: flex;
}
@media screen and (max-width: 768px) {
  .character-detail-contents {
    display: block;
  }
}

.character-img-area {
  position: relative;
  flex: 0 0 50%;
  background: url("/assets/deadverse-reloaded/character/img/bg_chara.png") repeat right top;
  background-size: 24px auto;
  padding: 4.1666666667vw 0.6944444444vw 8.3333333333vw 0;
}
@media screen and (max-width: 768px) {
  .character-img-area {
    background: none;
    padding: 2.6666666667vw 0 0;
  }
  .character-img-area::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    background: url("/assets/deadverse-reloaded/character/img/bg_chara.png") repeat right top;
    background-size: 12px auto;
  }
}

.character-face {
  position: absolute;
  top: 7.2222222222vw;
  left: 11.1111111111vw;
}
@media screen and (max-width: 768px) {
  .character-face {
    top: 3.7333333333vw;
    left: 3.7333333333vw;
  }
}

.character-face-img {
  width: 8.3333333333vw;
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .character-face-img {
    width: 19.2vw;
  }
}

.character-main-img {
  display: flex;
  margin-left: auto;
  width: 69.4444444444%;
}
.is-jugemu .character-main-img {
  transform: translateX(4.1666666667%);
}
@media screen and (max-width: 768px) {
  .is-jugemu .character-main-img {
    transform: translateX(8%);
  }
}
@media screen and (max-width: 768px) {
  .character-main-img {
    width: 80%;
    margin: auto;
    position: relative;
    z-index: 1;
  }
}

.character-data {
  flex: 1 1 auto;
  padding: 7.2222222222vw 12.5vw 5.5555555556vw 4.7222222222vw;
}
.is-rinne .character-data {
  background: url("/assets/deadverse-reloaded/character/img/rinne/silhouette.png") no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .is-rinne .character-data {
    background: none;
  }
}
.is-yakumo .character-data {
  background: url("/assets/deadverse-reloaded/character/img/yakumo/silhouette.png") no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .is-yakumo .character-data {
    background: none;
  }
}
.is-jugemu .character-data {
  background: url("/assets/deadverse-reloaded/character/img/jugemu/silhouette.png") no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .is-jugemu .character-data {
    background: none;
  }
}
.is-neo .character-data {
  background: url("/assets/deadverse-reloaded/character/img/neo/silhouette.png") no-repeat right center;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .is-neo .character-data {
    background: none;
  }
}
@media screen and (max-width: 768px) {
  .character-data {
    padding: 3.2vw 2.1333333333vw 13.8666666667vw;
  }
}
.character-data .btn {
  width: 25vw;
  height: 3.3333333333vw;
  font-size: 0.9722222222vw;
  border-radius: 0.5555555556vw;
}
@media screen and (max-width: 768px) {
  .character-data .btn {
    width: 96vw;
    height: 10.6666666667vw;
    font-size: 3.7333333333vw;
    border-radius: 2.1333333333vw;
  }
}

.character-name-en {
  font-family: "new-science-extended", sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  border-bottom: solid 1px #111;
  padding-bottom: 8px;
  margin-bottom: 3.8888888889vw;
}
@media screen and (max-width: 768px) {
  .character-name-en {
    font-size: 1.1rem;
    margin-bottom: 7.4666666667vw;
  }
}

.character-name {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2.7777777778vw;
}
@media screen and (max-width: 768px) {
  .character-name {
    font-size: 4rem;
    margin-bottom: 6.4vw;
  }
}

.character-cv {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  align-items: center;
  margin-bottom: 3.8888888889vw;
}
@media screen and (max-width: 768px) {
  .character-cv {
    font-size: 1.8rem;
    margin-bottom: 6.4vw;
  }
}
.character-cv .en {
  font-family: "new-science-extended", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .character-cv .en {
    font-size: 1.2rem;
    margin-right: 8px;
  }
}

.character-description {
  margin-bottom: 3.3333333333vw;
}
@media screen and (max-width: 768px) {
  .character-description {
    margin-bottom: 8.5333333333vw;
  }
}

.character-description-lead {
  font-family: "new-science-extended", sans-serif;
  color: #fff;
  font-size: 1.2rem;
  background: #111;
  padding: 8px;
  margin-bottom: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
  .character-description-lead {
    margin-bottom: 4.2666666667vw;
  }
}

.character-description-item {
  font-size: 1.8rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .character-description-item {
    font-size: 1.6rem;
  }
}

.character-description-movie {
  position: relative;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
}

.character-description-movie-img {
  width: 100%;
}

.character-navi {
  position: absolute;
  top: 2.2222222222vw;
  right: 2.2222222222vw;
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 768px) {
  .character-navi {
    display: block;
    gap: 0;
    top: 0;
    right: auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
  }
}

.character-navi-prev,
.character-navi-next {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  border-radius: 12px;
  border: 2px solid #111;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .character-navi-prev,
  .character-navi-next {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border: 1px solid #111;
    border-radius: 6px;
    position: absolute;
    top: 53.3333333333vw;
    right: 5.3333333333vw;
    pointer-events: auto;
  }
}
.character-navi-prev:hover,
.character-navi-next:hover {
  background-color: #111;
}
.character-navi-prev:hover::before,
.character-navi-next:hover::before {
  filter: invert(1);
}
.character-navi-prev::before,
.character-navi-next::before {
  content: "";
  display: block;
  width: 1.5277777778vw;
  height: 1.5277777778vw;
  background: url("/assets/deadverse-reloaded/character/img/arrow.svg") no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .character-navi-prev::before,
  .character-navi-next::before {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}

.character-navi-prev {
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .character-navi-prev {
    left: 5.3333333333vw;
    right: auto;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/deadverse-reloaded/common/img/bg_modal.png") repeat center center;
  z-index: 12;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.modal.is-active {
  opacity: 1;
  visibility: visible;
}

.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 4.1666666667vw;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modal-close {
    top: 8px;
    right: 8px;
    width: 16vw;
  }
}

.modal-close-img {
  width: 100%;
}

.modal-content {
  border: solid 2px #fff;
  border-radius: 12px;
  width: 83.3333333333vw;
  margin: 12.2222222222vw auto 1.6666666667vw;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .modal-content {
    width: 96vw;
    margin: 16vw auto 6.4vw;
  }
}

.modal-title {
  border-radius: 0 0 12px 0;
  background-color: #fff;
  font-family: "new-science-extended", sans-serif;
  font-weight: 400;
  display: inline-block;
  padding: 4px 40px;
  font-size: 0.9722222222vw;
}
@media screen and (max-width: 768px) {
  .modal-title {
    font-size: 2.9333333333vw;
    padding: 4px 24px;
  }
}

.modal-item {
  display: none;
}
.modal-item.is-active {
  display: block;
}

.modal-column {
  display: flex;
  padding: 3.6111111111vw 5.5555555556vw 4.4444444444vw;
}
@media screen and (max-width: 768px) {
  .modal-column {
    display: block;
    padding: 8.5333333333vw 0 0;
  }
}

.modal-img {
  flex: 0 0 22.2222222222vw;
  width: 22.2222222222vw;
  margin-right: 3.8888888889vw;
}
@media screen and (max-width: 768px) {
  .modal-img {
    width: 64vw;
    margin: 0 auto 4.2666666667vw;
  }
}

.modal-img-item {
  width: 100%;
}

.modal-block {
  color: #fff;
}

.modal-lead {
  font-size: 1.25vw;
  margin-bottom: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  .modal-lead {
    font-size: 4.2666666667vw;
    margin-bottom: 2.6666666667vw;
    padding: 0 8.5333333333vw;
  }
}

.modal-name {
  font-size: 2.7777777778vw;
  font-weight: bold;
  margin-bottom: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
  .modal-name {
    font-size: 6.4vw;
    margin-bottom: 4.2666666667vw;
    padding: 0 8.5333333333vw;
  }
}

.modal-description {
  margin-bottom: 3.0555555556vw;
}
@media screen and (max-width: 768px) {
  .modal-description {
    margin-bottom: 6.4vw;
    padding: 0 8.5333333333vw;
  }
}

.modal-description-text {
  font-size: 1.25vw;
  margin-bottom: 2.2222222222vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .modal-description-text {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.modal-description-text:last-child {
  margin-bottom: 0;
}
.modal-description-text a {
  color: #fff;
  text-decoration: underline;
}

.modal-profile {
  border-top: solid 1px #fff;
  padding-top: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
  .modal-profile {
    padding: 6.4vw 8.5333333333vw;
  }
}

.modal-profile-lead {
  font-family: "new-science-extended", sans-serif;
  font-size: 0.8333333333vw;
  margin-bottom: 1.1111111111vw;
}
@media screen and (max-width: 768px) {
  .modal-profile-lead {
    font-size: 3.2vw;
    margin-bottom: 3.2vw;
  }
}

.modal-profile-text {
  font-size: 0.9722222222vw;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .modal-profile-text {
    font-size: 3.2vw;
  }
}

.modal-bottom {
  text-align: center;
  margin-bottom: 2.2222222222vw;
}
@media screen and (max-width: 768px) {
  .modal-bottom {
    margin-bottom: 8.5333333333vw;
  }
}

.modal-bottom-close {
  color: #fff;
  font-family: "new-science-extended", sans-serif;
  font-size: 0.8333333333vw;
  font-weight: 700;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modal-bottom-close {
    font-size: 3.2vw;
  }
}

.movie-contents iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56.25vw;
  border: none;
  margin: auto;
}

.is-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .is-sp {
    display: block;
  }
}.header[data-astro-cid-xtuzscdq]{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}@media screen and (max-width: 768px){.header[data-astro-cid-xtuzscdq]{padding:12px 0;justify-content:center}}.header-logo[data-astro-cid-xtuzscdq]{pointer-events:auto}.header-logo-link[data-astro-cid-xtuzscdq]{display:block;width:158px;height:90px;background:url(/assets/deadverse-reloaded/common/img/logo_wht.png) no-repeat center center;background-size:contain;overflow:hidden;text-indent:200%;white-space:nowrap}.is-white[data-astro-cid-xtuzscdq] .header-logo-link[data-astro-cid-xtuzscdq]{background-image:url(/assets/deadverse-reloaded/common/img/logo_wht.png)}@media screen and (max-width: 980px){.header-logo-link[data-astro-cid-xtuzscdq]{width:110.6px;height:63px}}@media screen and (max-width: 768px){.header-logo-link[data-astro-cid-xtuzscdq]{width:33.8666666667vw;height:19.2vw;background-image:url(/assets/deadverse-reloaded/common/img/logo.png);margin:2.6666666667vw auto}}.header-nav[data-astro-cid-xtuzscdq]{pointer-events:auto}@media screen and (max-width: 768px){.header-nav[data-astro-cid-xtuzscdq]{display:none;pointer-events:auto}}.header-nav-list[data-astro-cid-xtuzscdq]{display:flex;justify-content:flex-end;gap:16px;list-style:none;margin:0 0 24px;padding:0}@media screen and (max-width: 768px){.header-nav-list[data-astro-cid-xtuzscdq]{display:block;margin-bottom:10.6666666667vw}}@media screen and (max-width: 768px){.header-nav-item[data-astro-cid-xtuzscdq]{margin-bottom:4.2666666667vw}}.header-nav-link[data-astro-cid-xtuzscdq]{font-size:1.4rem;font-weight:700;text-decoration:none;font-family:"new-science-extended",sans-serif;color:#fff;position:relative;padding:0 2px}.header-nav-link[data-astro-cid-xtuzscdq]::after{content:"";display:block;width:0;height:2px;background-color:#fff;position:absolute;top:0;bottom:0;left:0;margin:auto;transform:translateY(1px);transition:0.5s cubic-bezier(0.165,0.84,0.44,1)}.is-white[data-astro-cid-xtuzscdq] .header-nav-link[data-astro-cid-xtuzscdq]{color:#fff}.header-nav-link[data-astro-cid-xtuzscdq]:hover::after{width:100%}@media screen and (max-width: 980px){.header-nav-link[data-astro-cid-xtuzscdq]{font-size:1.2rem}}@media screen and (max-width: 768px){.header-nav-link[data-astro-cid-xtuzscdq]{color:#fff;font-size:5.3333333333vw}}.sns[data-astro-cid-xtuzscdq]{justify-content:flex-end}@media screen and (max-width: 768px){.sns[data-astro-cid-xtuzscdq]{display:block}}.menu-btn[data-astro-cid-xtuzscdq]{display:none}@media screen and (max-width: 768px){.menu-btn[data-astro-cid-xtuzscdq]{pointer-events:auto}.is-open[data-astro-cid-xtuzscdq]+.menu-btn[data-astro-cid-xtuzscdq] .menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(1){transform:rotate(35deg);top:27px}.is-open[data-astro-cid-xtuzscdq]+.menu-btn[data-astro-cid-xtuzscdq] .menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(2){opacity:0}.is-open[data-astro-cid-xtuzscdq]+.menu-btn[data-astro-cid-xtuzscdq] .menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(3){transform:rotate(-35deg);bottom:27px}}.menu-btn-item[data-astro-cid-xtuzscdq]{width:56px;height:56px;position:fixed;top:0;right:0;border-radius:0 0 0 20px;background-color:#111;z-index:11;cursor:pointer}@media screen and (max-width: 768px){.menu-btn-item[data-astro-cid-xtuzscdq]{pointer-events:auto}}.menu-btn-line[data-astro-cid-xtuzscdq]{width:24px;height:2px;position:absolute;right:0;left:0;background-color:#fff;margin:auto;transition:0.3s cubic-bezier(0.165,0.84,0.44,1)}.menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(1){top:19px}.menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(2){top:0;bottom:0}.menu-btn-line[data-astro-cid-xtuzscdq]:nth-child(3){bottom:19px}.footer[data-astro-cid-spe36pgr]{background-color:#080808;padding-top:64px;position:relative}.footer-pagetop[data-astro-cid-spe36pgr]{position:absolute;writing-mode:vertical-rl;font-family:"new-science-extended",sans-serif;color:#fff;font-size:1.4rem;right:25px;top:34px;transition:0.3s}@media screen and (max-width: 768px){.footer-pagetop[data-astro-cid-spe36pgr]{font-size:1.2rem;right:18px}}.footer-pagetop[data-astro-cid-spe36pgr]:hover{opacity:0.5}@media screen and (max-width: 768px){.footer-pagetop[data-astro-cid-spe36pgr]:hover{opacity:1}}.footer-pagetop[data-astro-cid-spe36pgr]::before{content:"";display:inline-block;width:1px;height:24px;background-color:#fff;margin-bottom:5px}.footer-share[data-astro-cid-spe36pgr]{margin-bottom:3.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:64px}@media screen and (max-width: 768px){.footer-share[data-astro-cid-spe36pgr]{margin-bottom:48px}}.footer-share-title[data-astro-cid-spe36pgr]{text-align:center;font-family:"new-science-extended",sans-serif;font-size:1.4rem;font-weight:500;line-height:1;margin-right:30px;color:#fff;position:relative}@media screen and (max-width: 768px){.footer-share-title[data-astro-cid-spe36pgr]{font-size:1rem;margin-right:24px}}.footer-share-list[data-astro-cid-spe36pgr]{display:flex;justify-content:center;gap:2.6rem}@media screen and (max-width: 768px){.footer-share-list[data-astro-cid-spe36pgr]{gap:2.4rem}}.footer-share-item[data-astro-cid-spe36pgr]{flex:0 0 4.8rem;width:4.8rem}@media screen and (max-width: 768px){.footer-share-item[data-astro-cid-spe36pgr]{flex:0 0 3.2rem;width:3.2rem}}.footer-share-img[data-astro-cid-spe36pgr]{width:100%}.footer-banner[data-astro-cid-spe36pgr]{width:300px;margin:0 auto 0.8rem}@media screen and (max-width: 768px){.footer-banner[data-astro-cid-spe36pgr]{width:60vw}}.footer-banner-img[data-astro-cid-spe36pgr]{width:100%}.footer-container[data-astro-cid-spe36pgr]{padding-top:4rem;text-align:center}.footer-logo[data-astro-cid-spe36pgr]{margin-bottom:2rem}.footer-logo-mixi[data-astro-cid-spe36pgr]{width:72px}.footer-copyright[data-astro-cid-spe36pgr]{font-size:1rem;font-weight:bold;color:#A3A3A3;display:block;margin-bottom:3rem}.footer-monsto[data-astro-cid-spe36pgr]{border-top:1px solid #333;padding:1.5rem 2.2rem}.footer-monsto-link[data-astro-cid-spe36pgr]{color:#fff;font-size:1.4rem;line-height:1.4;display:flex;align-items:center;font-weight:bold}@media screen and (max-width: 768px){.footer-monsto-link[data-astro-cid-spe36pgr]{justify-content:center;font-size:1rem}}.footer-monsto-link[data-astro-cid-spe36pgr]::before{content:"";display:inline-block;width:2rem;height:2rem;background:url(/assets/common/img/link_arrow.svg) no-repeat center center;margin-right:0.5rem}