@charset "UTF-8";
/*
 * 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;
}

:root {
  --meradeath-black: #002338;
  --meradeath-pink: #FF1EA0;
  --meradeath-sky: #0AAAE6;
  --meradeath-white: #fff;
}

.meradeath-index {
  position: relative;
  background: linear-gradient(270deg, rgba(0, 188, 255, 0.05) 0%, rgba(255, 0, 251, 0.05) 100%), var(--color-white, #FFF);
  overflow: hidden;
}
.meradeath-index::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/meradeath/common/bg_pattern.webp") repeat;
  background-size: 12px auto;
  pointer-events: none;
  z-index: 1;
}

.main-inner {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .main-inner {
    padding-left: 10.5555555556vw;
  }
}

.meradeath-divider {
  height: 2.1333333333vw;
  background: linear-gradient(90deg, var(--meradeath-pink) 0%, var(--meradeath-sky) 100%);
  position: relative;
}
@media screen and (min-width: 769px) {
  .meradeath-divider {
    height: 0.5555555556vw;
  }
}
.meradeath-divider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--meradeath-pink) 0%, var(--meradeath-sky) 100%);
}
.meradeath-divider:first-child::after {
  top: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .meradeath-divider:first-child::after {
    top: -0.2777777778vw;
  }
}
.meradeath-divider:last-child::after {
  bottom: -1.0666666667vw;
}
@media screen and (min-width: 769px) {
  .meradeath-divider:last-child::after {
    bottom: -0.2777777778vw;
  }
}

.youtube-modal__closePicture {
  width: 36.8vw;
}
@media screen and (min-width: 769px) {
  .youtube-modal__closePicture {
    width: 9.5833333333vw;
  }
}

.youtube-modal__closeButtonImg {
  right: 10px;
  position: relative;
}

.youtube-modal__bg {
  background: rgba(0, 35, 56, 0.9);
}

.pc-only {
  display: none;
}
@media screen and (min-width: 769px) {
  .pc-only {
    display: block;
  }
}

.sp-only {
  display: block;
}
@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}

.pickup-content,
.news-box,
.introduction-body,
.onair-box,
.character-card,
.staff-grid {
  opacity: 0;
  transition: opacity 0.8s ease;
  transition-delay: 0.4s;
}
.pickup-content.is-visible,
.news-box.is-visible,
.introduction-body.is-visible,
.onair-box.is-visible,
.character-card.is-visible,
.staff-grid.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .pickup-content,
  .news-box,
  .introduction-body,
  .onair-box,
  .character-card,
  .staff-grid {
    transition: none;
    opacity: 1;
  }
}body{font-family:"Roboto","Zen Kaku Gothic New",sans-serif}.skip-link[data-astro-cid-v5q7mv5q]{position:absolute;top:-40px;left:0;z-index:10000;padding:8px;background:#fff;color:#111;text-decoration:none;font-size:1.4rem}.skip-link[data-astro-cid-v5q7mv5q]:focus{top:0}.bg-fire[data-astro-cid-yhs4ks6k]{position:fixed;width:100%;height:calc(100svh + 200px);top:-60px;left:0;overflow:hidden;pointer-events:none;z-index:0;transform:translateZ(0);will-change:transform;backface-visibility:hidden}@media screen and (min-width: 769px){.bg-fire[data-astro-cid-yhs4ks6k]{height:100%;top:0}}.bg-fire-flame[data-astro-cid-yhs4ks6k]{position:absolute;width:105%;max-width:620px;height:auto;overflow:visible;will-change:transform}.bg-fire[data-astro-cid-yhs4ks6k].is-scroll-paused .bg-fire-flame[data-astro-cid-yhs4ks6k]{animation-play-state:paused}.bg-fire-flame-blue[data-astro-cid-yhs4ks6k]{right:-26vw;top:-4%;animation:bg-fire-sway-b 5.4s ease-in-out infinite}.bg-fire-flame-pink[data-astro-cid-yhs4ks6k]{left:-27vw;bottom:-4%;transform:rotate(180deg);animation:bg-fire-sway-a 6.5s ease-in-out infinite;animation-delay:-1.85s}@keyframes bg-fire-sway-a{0%,100%{transform:translate(0,0) rotate(-2deg) scale(1)}25%{transform:translate(1%,-2%) rotate(1deg) scale(1.04)}50%{transform:translate(-1%,1%) rotate(-3deg) scale(0.97)}75%{transform:translate(2%,-1%) rotate(2deg) scale(1.02)}}@keyframes bg-fire-sway-b{0%,100%{transform:rotate(228deg) translate(0,0) scale(1)}30%{transform:rotate(232deg) translate(-2%,1%) scale(1.05)}60%{transform:rotate(226deg) translate(1%,-2%) scale(0.96)}85%{transform:rotate(231deg) translate(-1%,1%) scale(1.03)}}@media (prefers-reduced-motion: reduce){.bg-fire-flame[data-astro-cid-yhs4ks6k]{animation:none}.bg-fire-flame[data-astro-cid-yhs4ks6k] animate{display:none}}.side-nav[data-astro-cid-mxb2pt3p]{display:none;position:fixed;left:0;top:0;width:10.5555555556vw;height:100vh;background:var(--meradeath-black);z-index:10;align-items:center;justify-content:center;overflow:hidden}@media screen and (min-width: 769px){.side-nav[data-astro-cid-mxb2pt3p]{display:flex}}.side-nav-list[data-astro-cid-mxb2pt3p]{position:relative;display:flex;flex-direction:column;gap:2.2222222222vw}.side-nav-item[data-astro-cid-mxb2pt3p]{text-align:center}.side-nav-link[data-astro-cid-mxb2pt3p]{display:inline-block;font-family:ofelia-text,sans-serif;font-weight:700;font-style:italic;font-size:0.9722222222vw;color:var(--meradeath-white);white-space:nowrap;position:relative;z-index:1;opacity:0.5;transition:opacity 0.3s ease}.side-nav-link[data-astro-cid-mxb2pt3p].is-active{opacity:1}.side-nav-indicator[data-astro-cid-mxb2pt3p]{position:absolute;left:0;width:0;top:0;height:0;transition:top 0.3s ease,height 0.3s ease,left 0.3s ease,width 0.3s ease;pointer-events:none}.side-nav-indicator[data-astro-cid-mxb2pt3p]::before,.side-nav-indicator[data-astro-cid-mxb2pt3p]::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4.5833333333vw;height:2.2916666667vw;background-repeat:no-repeat;background-size:contain;background-position:center}.side-nav-indicator[data-astro-cid-mxb2pt3p]::before{right:100%;background-image:url(/assets/meradeath/common/menu_frame_left.webp)}.side-nav-indicator[data-astro-cid-mxb2pt3p]::after{left:100%;background-image:url(/assets/meradeath/common/menu_frame_right.webp)}.footer[data-astro-cid-cfdmrn4l]{position:relative;z-index:2}.footer-content[data-astro-cid-cfdmrn4l]{background:var(--meradeath-black);display:flex;flex-direction:column;align-items:center;gap:10.6666666667vw;padding:12.8vw 0}@media screen and (min-width: 769px){.footer-content[data-astro-cid-cfdmrn4l]{gap:4.4444444444vw;padding:4.4444444444vw 0}}.footer-share[data-astro-cid-cfdmrn4l]{display:flex;align-items:center;gap:6.4vw}@media screen and (min-width: 769px){.footer-share[data-astro-cid-cfdmrn4l]{gap:2.2222222222vw}}.footer-share-label[data-astro-cid-cfdmrn4l]{font-family:ofelia-text,sans-serif;font-weight:600;font-style:italic;font-size:2.9333333333vw;letter-spacing:1.4666666667vw;color:var(--meradeath-white);white-space:nowrap}@media screen and (min-width: 769px){.footer-share-label[data-astro-cid-cfdmrn4l]{font-size:1.25vw;letter-spacing:0.625vw}}.footer-share-list[data-astro-cid-cfdmrn4l]{display:flex;align-items:center;gap:4.2666666667vw}@media screen and (min-width: 769px){.footer-share-list[data-astro-cid-cfdmrn4l]{gap:1.6666666667vw}}.footer-share-item[data-astro-cid-cfdmrn4l]{display:block;width:12.8vw;height:12.8vw}@media screen and (min-width: 769px){.footer-share-item[data-astro-cid-cfdmrn4l]{width:4.4444444444vw;height:4.4444444444vw}}.footer-share-icon[data-astro-cid-cfdmrn4l]{display:block;width:100%;height:100%}.footer-bnr-list[data-astro-cid-cfdmrn4l]{display:flex;flex-direction:column;gap:4.2666666667vw}@media screen and (min-width: 769px){.footer-bnr-list[data-astro-cid-cfdmrn4l]{flex-direction:row;gap:3.3333333333vw}}.footer-bnr[data-astro-cid-cfdmrn4l]{display:block;width:60vw}@media screen and (min-width: 769px){.footer-bnr[data-astro-cid-cfdmrn4l]{width:20.8333333333vw}}.footer-bnr-img[data-astro-cid-cfdmrn4l]{display:block;width:100%;height:auto}.footer-bottom[data-astro-cid-cfdmrn4l]{display:flex;flex-direction:column;align-items:center;gap:8.5333333333vw;width:70.4vw}@media screen and (min-width: 769px){.footer-bottom[data-astro-cid-cfdmrn4l]{gap:2.7777777778vw;width:27.7777777778vw}}.footer-bottom-logo[data-astro-cid-cfdmrn4l]{height:6.9333333333vw;width:auto}@media screen and (min-width: 769px){.footer-bottom-logo[data-astro-cid-cfdmrn4l]{height:2.7777777778vw}}.footer-links[data-astro-cid-cfdmrn4l]{display:flex;flex-wrap:wrap;justify-content:center;gap:3.2vw;font-size:2.6666666667vw;color:var(--meradeath-white)}.footer-links[data-astro-cid-cfdmrn4l] a[data-astro-cid-cfdmrn4l]{color:var(--meradeath-white)}@media screen and (min-width: 769px){.footer-links[data-astro-cid-cfdmrn4l]{gap:0.8333333333vw;font-size:0.8333333333vw}}.footer-copyright[data-astro-cid-cfdmrn4l]{font-size:2.6666666667vw;color:var(--meradeath-white)}@media screen and (min-width: 769px){.footer-copyright[data-astro-cid-cfdmrn4l]{font-size:0.8333333333vw}}