@charset "UTF-8";
/* Magnific Popup CSS */
.mfp-bg {
  overflow: hidden;
  opacity: 0.9;
  position: fixed;
  z-index: 1042;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.is-adventurer .mfp-bg {
  background-color: #2c210e;
}
@media (max-width: 767.98px) {
  .is-adventurer .mfp-bg {
    opacity: 0.8;
  }
}
@media (min-width: 768px) {
  .mfp-bg {
    min-width: 1000px;
  }
  .is-adventurer .mfp-bg {
    opacity: 0.5;
  }
}

.mfp-wrap {
  position: fixed;
  z-index: 1043;
  top: 0;
  left: 0;
  outline: none !important;
  width: 100%;
  height: 100%;

  -webkit-backface-visibility: hidden;
}
.mfp-wrap::-webkit-scrollbar {
  width: 5px;
}
.mfp-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgb(100, 100, 100);
}
.mfp-wrap::-webkit-scrollbar-track {
  background-color: rgb(50, 50, 50);
}

.mfp-container {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.mfp-container::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#bangaihen .mfp-container {
  padding-top: 0;
}

.mfp-align-top .mfp-container::before {
  display: none;
}

.mfp-content {
  display: inline-block;
  position: relative;
  z-index: 1045;
  margin: 0 auto;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .mfp-content {
    max-width: 81.8666666667vw;
  }
  .is-adventurer .mfp-content {
    padding-top: 29.3333333333vw;
    padding-bottom: 13.3333333333vw;
    max-width: 80vw;
  }
}
@media (min-width: 768px) {
  .mfp-content {
    max-width: 68.75vw;
  }
  .is-adventurer .mfp-content {
    max-width: 70.8333333333vw;
  }
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor:         zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor:         zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  position: absolute;
  z-index: 1044;
  top: 50%;
  right: 8px;
  left: 8px;
  margin-top: -0.8em;
  width: auto;
  text-align: center;
  color: #ccc;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  display: block;
  overflow: visible;
  z-index: 1046;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: transparent;
  box-shadow: none;

  -webkit-appearance: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.mfp-close {
  opacity: 0.65;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/assets/img/common/icon-modal-close.svg) center no-repeat;
  background-size: contain;
}
button.mfp-close:hover,
button.mfp-close:focus {
  opacity: 1;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  top: 50%;
  background: url(/daphne/de/assets/img/icon_next.png) center no-repeat !important;
  background-size: contain !important;
}
@media (max-width: 767.98px) {
  .mfp-arrow {
    position: fixed;
    margin-top: -4.6666666667vw;
    width: 5.0666666667vw;
    height: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .mfp-arrow {
    position: absolute;
    margin-top: -1.8229166667vw;
    width: 1.9791666667vw;
    height: 3.6458333333vw;
  }
}

.mfp-arrow-left {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 767.98px) {
  .mfp-arrow-left {
    left: 2.2666666667vw;
  }
}
@media (min-width: 768px) {
  .mfp-arrow-left {
    left: 10.5208333333vw;
  }
}

@media (max-width: 767.98px) {
  .mfp-arrow-right {
    right: 2.2666666667vw;
  }
}
@media (min-width: 768px) {
  .mfp-arrow-right {
    right: 10.5208333333vw;
  }
}

.mfp-iframe-holder {
  padding-top: 0px;
  padding-bottom: 0px;
}
.mfp-iframe-holder .mfp-content {
  width: 100%;
  line-height: 0;
}
.mfp-iframe-scaler {
  padding-top: 56.25%;
  width: 100%;
  height: 0;
}
.mfp-iframe-scaler iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.resident-iframe {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
.resident-iframe iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 40px 0 40px;
  width: auto;
  max-width: 100%;
  height: auto;
  line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 40px;
  right: 0;
  bottom: 40px;
  left: 0;
  width: auto;
  height: auto;
  background: #444;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small {
  display: block;
  color: #bdbdbd;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: -36px;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  padding-right: 36px;
  text-align: left;
  word-wrap: break-word;
  color: #f3f3f3;
  line-height: 18px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 768px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-right: 0;
    padding-left: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    box-sizing: border-box;
    position: fixed;
    top: auto;
    bottom: 0;
    margin: 0;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.6);
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    top: 3px;
    right: 5px;
  }
  .mfp-img-mobile .mfp-close {
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 35px;
  }
}
@media all and (max-width: 768px) {
  .mfp-container {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.mfp-fade {
  /* overlay at start */
  /* content at start */
}
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.25s ease-out;
  /* overlay animate in */
  /* overlay animate out */
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.9;
}
@media (max-width: 767.98px) {
  .is-adventurer .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
}
@media (min-width: 768px) {
  .is-adventurer .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.5;
  }
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap {
  /* content animate it */
  /* content animate out */
}
.mfp-fade.mfp-wrap .mfp-container {
  opacity: 0;
  transition: all 0.25s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-container {
  opacity: 0;
}

/*!

locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll

 */
html.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  display: inline-block;
  height: 100vh;
  white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}

.c-scrollbar {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: center right;
          transform-origin: center right;
}

.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
          transform: scaleX(1.45);
}

.c-scrollbar:hover,
.has-scroll-scrolling .c-scrollbar,
.has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
  top: auto;
  bottom: 0;
  width: 100%;
  height: 10px;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
  -webkit-transform: scaleY(1.3);
          transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  margin: 2px;
  border-radius: 10px;
  width: 7px;
  cursor: -webkit-grab;
  cursor:         grab;
  background-color: black;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor:         grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

/* Slider */
.slick-slider {
  display: block;
  box-sizing: border-box;
  position: relative;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: -webkit-grab;
  cursor: grab;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging,
.dragging .slick-list {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}
.slick-track::before,
.slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  border: 1px solid transparent;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*
* styles.css
*
*/
/* --------------------------------
  keyframes
-------------------------------- */
@-webkit-keyframes attack {
  0% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  15% {
    -webkit-transform: translate(-4vh, 4vh) rotate(0.6deg);
            transform: translate(-4vh, 4vh) rotate(0.6deg);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  30% {
    -webkit-transform: translate(-2vh, 2vh) rotate(-0.5deg);
            transform: translate(-2vh, 2vh) rotate(-0.5deg);
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  40% {
    -webkit-transform: translate(-1vh, 1vh) rotate(0.4deg);
            transform: translate(-1vh, 1vh) rotate(0.4deg);
  }
  50% {
    -webkit-transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
            transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
  }
  60% {
    -webkit-transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
            transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
  }
  70% {
    -webkit-transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
            transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
  }
  80% {
    -webkit-transform: translate(-0.2vh, 0.2vh);
            transform: translate(-0.2vh, 0.2vh);
  }
  85% {
    -webkit-transform: translate(0.175vh, -0.175vh);
            transform: translate(0.175vh, -0.175vh);
  }
  90% {
    -webkit-transform: translate(-0.15vh, -0.15vh);
            transform: translate(-0.15vh, -0.15vh);
  }
  93% {
    -webkit-transform: translate(0.125vh, 0.125vh);
            transform: translate(0.125vh, 0.125vh);
  }
  96% {
    -webkit-transform: translate(0.1vh, 0.1vh);
            transform: translate(0.1vh, 0.1vh);
  }
  98% {
    -webkit-transform: translate(0.075vh, 0.075vh);
            transform: translate(0.075vh, 0.075vh);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes attack {
  0% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  15% {
    -webkit-transform: translate(-4vh, 4vh) rotate(0.6deg);
            transform: translate(-4vh, 4vh) rotate(0.6deg);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  30% {
    -webkit-transform: translate(-2vh, 2vh) rotate(-0.5deg);
            transform: translate(-2vh, 2vh) rotate(-0.5deg);
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  40% {
    -webkit-transform: translate(-1vh, 1vh) rotate(0.4deg);
            transform: translate(-1vh, 1vh) rotate(0.4deg);
  }
  50% {
    -webkit-transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
            transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
  }
  60% {
    -webkit-transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
            transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
  }
  70% {
    -webkit-transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
            transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
  }
  80% {
    -webkit-transform: translate(-0.2vh, 0.2vh);
            transform: translate(-0.2vh, 0.2vh);
  }
  85% {
    -webkit-transform: translate(0.175vh, -0.175vh);
            transform: translate(0.175vh, -0.175vh);
  }
  90% {
    -webkit-transform: translate(-0.15vh, -0.15vh);
            transform: translate(-0.15vh, -0.15vh);
  }
  93% {
    -webkit-transform: translate(0.125vh, 0.125vh);
            transform: translate(0.125vh, 0.125vh);
  }
  96% {
    -webkit-transform: translate(0.1vh, 0.1vh);
            transform: translate(0.1vh, 0.1vh);
  }
  98% {
    -webkit-transform: translate(0.075vh, 0.075vh);
            transform: translate(0.075vh, 0.075vh);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes attack-sp {
  0% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  15% {
    -webkit-transform: translate(-4vh, 4vh) rotate(0.6deg);
            transform: translate(-4vh, 4vh) rotate(0.6deg);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  30% {
    -webkit-transform: translate(-2vh, 2vh) rotate(-0.5deg);
            transform: translate(-2vh, 2vh) rotate(-0.5deg);
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  40% {
    -webkit-transform: translate(-1vh, 1vh) rotate(0.4deg);
            transform: translate(-1vh, 1vh) rotate(0.4deg);
  }
  50% {
    -webkit-transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
            transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
  }
  60% {
    -webkit-transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
            transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
  }
  70% {
    -webkit-transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
            transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
  }
  80% {
    -webkit-transform: translate(-0.2vh, 0.2vh);
            transform: translate(-0.2vh, 0.2vh);
  }
  85% {
    -webkit-transform: translate(0.175vh, -0.175vh);
            transform: translate(0.175vh, -0.175vh);
  }
  90% {
    -webkit-transform: translate(-0.15vh, -0.15vh);
            transform: translate(-0.15vh, -0.15vh);
  }
  93% {
    -webkit-transform: translate(0.125vh, 0.125vh);
            transform: translate(0.125vh, 0.125vh);
  }
  96% {
    -webkit-transform: translate(0.1vh, 0.1vh);
            transform: translate(0.1vh, 0.1vh);
  }
  98% {
    -webkit-transform: translate(0.075vh, 0.075vh);
            transform: translate(0.075vh, 0.075vh);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes attack-sp {
  0% {
    -webkit-transform: none;
            transform: none;
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  15% {
    -webkit-transform: translate(-4vh, 4vh) rotate(0.6deg);
            transform: translate(-4vh, 4vh) rotate(0.6deg);
    -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  30% {
    -webkit-transform: translate(-2vh, 2vh) rotate(-0.5deg);
            transform: translate(-2vh, 2vh) rotate(-0.5deg);
    -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  40% {
    -webkit-transform: translate(-1vh, 1vh) rotate(0.4deg);
            transform: translate(-1vh, 1vh) rotate(0.4deg);
  }
  50% {
    -webkit-transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
            transform: translate(0.5vh, -0.5vh) rotate(-0.2deg);
  }
  60% {
    -webkit-transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
            transform: translate(-0.35vh, -0.35vh) rotate(-0.1deg);
  }
  70% {
    -webkit-transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
            transform: translate(0.25vh, 0.25vh) rotate(0.05deg);
  }
  80% {
    -webkit-transform: translate(-0.2vh, 0.2vh);
            transform: translate(-0.2vh, 0.2vh);
  }
  85% {
    -webkit-transform: translate(0.175vh, -0.175vh);
            transform: translate(0.175vh, -0.175vh);
  }
  90% {
    -webkit-transform: translate(-0.15vh, -0.15vh);
            transform: translate(-0.15vh, -0.15vh);
  }
  93% {
    -webkit-transform: translate(0.125vh, 0.125vh);
            transform: translate(0.125vh, 0.125vh);
  }
  96% {
    -webkit-transform: translate(0.1vh, 0.1vh);
            transform: translate(0.1vh, 0.1vh);
  }
  98% {
    -webkit-transform: translate(0.075vh, 0.075vh);
            transform: translate(0.075vh, 0.075vh);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes attacked {
  0% {
    -webkit-filter: blur(20px) grayscale(50%);
            filter: blur(20px) grayscale(50%);
  }
  100% {
    -webkit-filter: none;
            filter: none;
  }
}
@keyframes attacked {
  0% {
    -webkit-filter: blur(20px) grayscale(50%);
            filter: blur(20px) grayscale(50%);
  }
  100% {
    -webkit-filter: none;
            filter: none;
  }
}
/* --------------------------------
  body
-------------------------------- */
html {
  margin-right: 0 !important;
}
html::-webkit-scrollbar {
  width: 0px;
}
html:not(.is-loaded) {
  overflow: hidden;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

body {
  background-color: black;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
  font-weight: 300;

  -webkit-tap-highlight-color: transparent;
}
html.is-hash:not(.is-loaded) body {
  visibility: hidden;
  opacity: 0;
}
html.is-hash.is-loaded body {
  transition: opacity 1s, visibility 1s;
}
body a {
  text-decoration: none;
  color: #d4ad7a;
}
body a:hover {
  color: inherit;
}
body img {
  width: 100%;
}
body .wrapper {
  overflow: hidden;
  position: relative;
}
/* --------------------------------
  utility
-------------------------------- */
.u-hyphen {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif !important;
}

/* --------------------------------
  .registerlist
-------------------------------- */
.registerlist {
  display: flex;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .registerlist {
    flex-wrap: wrap;

    gap: 4vw;
  }
  .registerlist > li > a {
    opacity: 1;
  }
  .registerlist > li > a img {
    width: auto;
    height: 11.6vw;
  }
}
@media (min-width: 768px) {
  .registerlist {
    gap: 1.3541666667vw;
  }
  .registerlist > li > a {
    transition: opacity 0.3s;
  }
  .registerlist > li > a:hover {
    opacity: 0.45;
  }
  .registerlist > li > a img {
    width: auto;
    height: 3.6458333333vw;
  }
}

/* --------------------------------
  .heading
-------------------------------- */
.heading {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.heading > strong {
  opacity: 0.7;
  position: relative;
  text-align: center;
  letter-spacing: -0.04em;
  color: #d4ad7a;
}
.heading > strong::before,
.heading > strong::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.heading > strong::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.heading.heading-news > strong {
  opacity: 1;
  color: #277184;
}
.heading.heading-story > span {
  opacity: 0.6;
}
@media (max-width: 767.98px) {
  .heading > strong {
    margin-top: 2.4vw;
    padding-left: 2.1333333333vw;
    font-size: 8.8vw;
    line-height: 1.1;
  }
  .heading > strong::before,
  .heading > strong::after {
    top: 50%;
    margin-top: -0.8vw;
    width: 20.4vw;
    height: 2.4vw;
  }
  .no-webp .heading > strong::before,
  .no-webp .heading > strong::after {
    background-image: url("/daphne/de/assets/img/icon_1line_sm.png");
  }
  .webp .heading > strong::before,
  .webp .heading > strong::after {
    background-image: url("/daphne/de/assets/img/icon_1line_sm.webp");
  }
  .heading > strong:before {
    left: -23.4666666667vw;
  }
  .heading > strong::after {
    right: -23.4666666667vw;
  }
  .heading.heading-news > strong {
    margin-top: 1.8666666667vw;
  }
  .heading.heading-story > strong {
    margin-top: 4.2666666667vw;
  }
  .heading.heading-about > strong {
    padding-left: 0.8vw;
    letter-spacing: -0.04em;
  }
}
@media (min-width: 768px) {
  .heading > strong {
    margin-top: 0.5208333333vw;
    font-size: 3.4375vw;
    line-height: 1.1;
  }
  .heading > strong::before,
  .heading > strong::after {
    top: 1.40625vw;
    width: 10.0520833333vw;
    height: 0.9895833333vw;
  }
  .no-webp .heading > strong::before,
  .no-webp .heading > strong::after {
    background-image: url("/daphne/de/assets/img/icon_1line_lg.png");
  }
  .webp .heading > strong::before,
  .webp .heading > strong::after {
    background-image: url("/daphne/de/assets/img/icon_1line_lg.webp");
  }
  .heading > strong:before {
    left: -11.40625vw;
  }
  .heading > strong::after {
    right: -11.3020833333vw;
  }
  .heading.heading-news > span {
    font-size: 2.6041666667vw;
    line-height: 1.6875;
  }
  .heading.heading-news > strong {
    margin-top: 0.15625vw;
  }
  .heading.heading-news > strong:before {
    left: -12.6041666667vw;
  }
  .heading.heading-news > strong::after {
    right: -12.5vw;
  }
  .heading.heading-twitter > strong:before {
    left: -11.5625vw;
  }
  .heading.heading-twitter > strong::after {
    right: -11.3020833333vw;
  }
  .heading.heading-story > strong {
    margin-top: 1.3020833333vw;
  }
}

/* --------------------------------
  .header
-------------------------------- */
.header .header_logo {
  position: fixed;
}
html:not(.is-loaded) .header .header_nav,
html:not(.is-loaded) .header .header_toggle,
html:not(.is-loaded) .header .header_logo {
  opacity: 0;
}
html:not(.is-loaded) .header {
  pointer-events: none;
}
html.is-loaded .header .header_logo {
  opacity: 1;
  transition: opacity 2s 0.2s;
  -webkit-transform: none;
          transform: none;
}
html.is-loaded .header .header_nav,
html.is-loaded .header .header_toggle {
  transition: opacity 2s 0.2s;
}
@media (max-width: 767.98px) {
  .header {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
  }
  body.is-attack .header {
    -webkit-animation: attack-sp 0.5s 0.1s both;
            animation: attack-sp 0.5s 0.1s both;
  }
  .header .header_logo {
    z-index: 10;
    top: 6.8vw;
    left: 4.5333333333vw;
    width: 29.8666666667vw;
    height: 14.6666666667vw;
  }
  html.is-scrolled .header .header_logo > a {
    opacity: 0.5;
    transition: opacity 1s;
  }
  html.is-scrolling .header .header_logo > a {
    transition-duration: 0s;
  }
  .header .header_nav {
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 20vw;
    padding-bottom: 6.6666666667vw;
    transition: visibility 0.1s 1s;
    pointer-events: none;
  }
  .is-header-open .header .header_nav {
    visibility: visible;
    transition-delay: 0s;
    pointer-events: visible;
  }
  .header .header_nav .header_nav_menu {
    opacity: 0;
    position: relative;
    z-index: 2;
    padding-top: 8.2666666667vw;
    padding-bottom: 10.2666666667vw;
    width: 100%;
    height: 113.7333333333vw;
    transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, transform 1s;
    transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
  }
  .no-webp .header .header_nav .header_nav_menu {
    background-image: url("/daphne/de/assets/img/header_bg6_sm.png");
  }
  .webp .header .header_nav .header_nav_menu {
    background-image: url("/daphne/de/assets/img/header_bg6_sm.webp");
  }
  .is-header-open .header .header_nav .header_nav_menu {
    opacity: 1;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: none;
            transform: none;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li {
    flex: 1;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #f4e6d3;
    text-shadow: 1.0666666667vw 1.0666666667vw 0.4vw rgba(0, 0, 0, 0.21), 1.0666666667vw 1.0666666667vw 0.4vw rgba(51, 33, 23, 0.21);
    font-family: "Cormorant", serif;
    font-size: 5.8666666667vw;
    font-weight: 300;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li:not(:first-child) {
    position: relative;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li:not(:first-child)::before {
    content: "";
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24.6666666667vw;
    width: 49.3333333333vw;
    height: 0.2666666667vw;
    background-color: #bca97f;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_bg {
    display: none;
  }
  .header .header_nav .header_nav_sns {
    display: flex;
    opacity: 0;
    position: relative;
    z-index: 2;
    margin: 1.6vw auto 0;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateY(2.6666666667vw);
            transform: translateY(2.6666666667vw);

    gap: 4vw;
  }
  .is-header-open .header .header_nav .header_nav_sns {
    opacity: 1;
    transition-delay: 0.2s;
    -webkit-transform: none;
            transform: none;
  }
  .header .header_nav .header_nav_sns > li {
    width: auto;
  }
  .header .header_nav .header_nav_sns > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .header .header_nav .header_nav_sns > li > a > img {
    width: 10vw;
  }
  .header .header_nav .header_nav_sns > li > a > img[src*=icon_x] {
    width: 8vw;
  }
  .header .header_nav .header_nav_langswitch {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 100%;
  }
  .header .header_nav .header_nav_langswitch img {
    width: 7.3333333333vw;
  }
  .header .header_nav .header_nav_langswitch button {
    display: flex;
    align-items: center;
    position: relative;
    transition: opacity 0.3s;

    gap: 2vw;
  }
  .header .header_nav .header_nav_langswitch button::after {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #f4e6d3;
    border-left: 1px solid #f4e6d3;
    width: 1.6vw;
    height: 1.6vw;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .header .header_nav .header_nav_langswitch button:hover {
    opacity: 0.7;
  }
  .header .header_nav .header_nav_langswitch_tab {
    display: none;
    position: absolute;
    bottom: calc(100% + 6.6666666667vw);
    left: -6.6666666667vw;
    padding: 4vw;
    border: 1px solid #8e785b;
    background-color: #000;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list {
    display: flex;
    flex-flow: column;

    gap: 4vw;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list li {
    line-height: 1;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a {
    transition: opacity 0.3s;
    white-space: nowrap;
    color: #f4e6d3;
    font-size: 3.4666666667vw;
    line-height: 1;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a:hover {
    opacity: 0.7;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a[inert] {
    cursor: not-allowed;
    color: #7a736a;
  }
  .header .header_nav .header_nav_bg {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 1s;
    background-color: black;
  }
  .is-header-open .header .header_nav .header_nav_bg {
    opacity: 0.9;
  }
  .header .header_toggle {
    position: absolute;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
    width: 18.2666666667vw;
    height: 18.2666666667vw;
  }
  .header .header_toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.8666666667vw;
    height: 4vw;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .no-webp .header .header_toggle::before {
    background-image: url("/daphne/de/assets/img/header_toggle_open.png");
  }
  .webp .header .header_toggle::before {
    background-image: url("/daphne/de/assets/img/header_toggle_open.webp");
  }
  @-webkit-keyframes headerToggle {
    0%,
    100% {
      -webkit-transform: none;
              transform: none;
    }
    50% {
      -webkit-transform: rotate(360deg) scale(0);
              transform: rotate(360deg) scale(0);
    }
  }
  @keyframes headerToggle {
    0%,
    100% {
      -webkit-transform: none;
              transform: none;
    }
    50% {
      -webkit-transform: rotate(360deg) scale(0);
              transform: rotate(360deg) scale(0);
    }
  }
  .is-header-change .header .header_toggle {
    -webkit-animation: headerToggle 0.5s both;
            animation: headerToggle 0.5s both;
  }
  .is-header-open .header .header_toggle::before {
    width: 5.6vw;
    height: 5.6vw;
  }
  .no-webp .is-header-open .header .header_toggle::before {
    background-image: url("/daphne/de/assets/img/header_toggle_close.png");
  }
  .webp .is-header-open .header .header_toggle::before {
    background-image: url("/daphne/de/assets/img/header_toggle_close.webp");
  }
}
@media (min-width: 768px) {
  .header {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;

    will-change: transform, filter;
  }
  body.is-attack .header {
    -webkit-animation: attack 0.5s 0.1s both;
            animation: attack 0.5s 0.1s both;
  }
  .header .header_logo {
    top: 2.5vw;
    left: 3.1770833333vw;
    width: 13.2291666667vw;
    height: 6.4583333333vw;
  }
  html.is-scrolled .header .header_logo > a {
    opacity: 0.35;
    transition: opacity 1s;
  }
  html.is-scrolled .header .header_logo > a:hover {
    opacity: 1;
  }
  html.is-scrolling .header .header_logo > a {
    transition-duration: 0s;
  }
  .header .header_nav .header_nav_menu {
    display: flex;
    position: absolute;
    top: 2.96875vw;
    left: 29.6875vw;
    width: 56.5104166667vw;
    height: 4.4791666667vw;
    transition: opacity 1s;
  }
  .header .header_nav .header_nav_menu::before {
    content: "";
    position: absolute;
    top: -2.0833333333vw;
    left: -2.6041666667vw;
    width: 56.5104166667vw;
    height: 8.6458333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    pointer-events: none;

    -webkit-filter: brightness(120%) contrast(90%) opacity(80%);

            filter: brightness(120%) contrast(90%) opacity(80%);
  }
  .no-webp .header .header_nav .header_nav_menu::before {
    background-image: url("/daphne/de/assets/img/header_bg_lg.png");
  }
  .webp .header .header_nav .header_nav_menu::before {
    background-image: url("/daphne/de/assets/img/header_bg_lg.webp");
  }
  html.is-scrolled .header .header_nav .header_nav_menu::before {
    transition: -webkit-filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s;

    -webkit-filter: brightness(40%) contrast(110%) opacity(100%);

            filter: brightness(40%) contrast(110%) opacity(100%);
  }
  html.is-scrolling .header .header_nav .header_nav_menu::before {
    transition-duration: 0s;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li {
    height: 100%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li > a {
    display: flex;
    opacity: 0;
    height: 100%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._news {
    width: 16%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._story {
    width: 7%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._classesraces {
    width: 14%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._characters {
    width: 13%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._howtoplay {
    width: 13%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._movie {
    width: 8%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_list > li._about {
    width: 22%;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_bg {
    content: "";
    opacity: 0.8;
    position: absolute;
    top: -2.0833333333vw;
    left: -2.6041666667vw;
    width: 56.5104166667vw;
    height: 8.6458333333vw;
    pointer-events: none;

    --left: 0%;
    --top: 50%;
    -webkit-mask-image: radial-gradient(ellipse closest-side at 25% var(--top), rgb(0, 0, 0) 33.3%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-position: var(--left) 0%;
    -webkit-mask-size: 50% 140%;
    -webkit-mask-repeat: no-repeat;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_bg > div {
    opacity: 0;
    height: 100%;
    transition: opacity 2.5s;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
  }
  .no-webp .header .header_nav .header_nav_menu .header_nav_menu_bg > div {
    background-image: url("/daphne/de/assets/img/header_bg_lg.png");
  }
  .webp .header .header_nav .header_nav_menu .header_nav_menu_bg > div {
    background-image: url("/daphne/de/assets/img/header_bg_lg.webp");
  }
  @-webkit-keyframes navLight {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.5;
    }
    50% {
      opacity: 0.8;
    }
    75% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes navLight {
    0% {
      opacity: 1;
    }
    25% {
      opacity: 0.5;
    }
    50% {
      opacity: 0.8;
    }
    75% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  .header .header_nav .header_nav_menu .header_nav_menu_bg.is-active {
    -webkit-animation: navLight 4s infinite;
            animation: navLight 4s infinite;
  }
  .header .header_nav .header_nav_menu .header_nav_menu_bg.is-active > div {
    opacity: 1;
    transition: opacity 0.5s;
  }
  .header .header_nav .header_nav_sns {
    display: flex;
    position: absolute;
    top: 3.3333333333vw;
    right: 4.0104166667vw;
    height: 3.9583333333vw;

    gap: 1.5625vw;
  }
  .header .header_nav .header_nav_sns > li {
    flex: 1;
  }
  .header .header_nav .header_nav_sns > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .header .header_nav .header_nav_sns > li > a > img {
    width: 2.0833333333vw;
  }
  .header .header_nav .header_nav_sns > li > a > img[src*=icon_x] {
    width: 1.5625vw;
  }
  html.is-scrolled .header .header_nav .header_nav_sns > li > a {
    transition: -webkit-filter 1s;
    transition: filter 1s;
    transition: filter 1s, -webkit-filter 1s;

    -webkit-filter: grayscale(100%) opacity(50%);

            filter: grayscale(100%) opacity(50%);
  }
  html.is-scrolling .header .header_nav .header_nav_sns > li > a {
    transition-duration: 0s;
  }
  .header .header_nav .header_nav_sns > li > a:hover {
    -webkit-filter: none !important;
            filter: none !important;
  }
  .header .header_nav .header_nav_langswitch {
    display: flex;
    align-items: center;
    position: relative;
    width: 3.6458333333vw;
    height: 100%;
  }
  .header .header_nav .header_nav_langswitch img {
    width: 1.71875vw;
  }
  .header .header_nav .header_nav_langswitch button {
    display: flex;
    align-items: center;
    position: relative;
    transition: opacity 0.3s;

    gap: 0.78125vw;
  }
  .header .header_nav .header_nav_langswitch button::after {
    content: "";
    display: inline-block;
    border-bottom: 1px solid #f4e6d3;
    border-left: 1px solid #f4e6d3;
    width: 0.625vw;
    height: 0.625vw;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .header .header_nav .header_nav_langswitch button:hover {
    opacity: 0.7;
  }
  .header .header_nav .header_nav_langswitch_tab {
    display: none;
    position: absolute;
    top: 100%;
    left: -1.5625vw;
    padding: 1.0416666667vw;
    border: 1px solid #8e785b;
    background-color: #000;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list {
    display: flex;
    flex-flow: column;

    gap: 0.78125vw;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list li {
    line-height: 1;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a {
    transition: opacity 0.3s;
    white-space: nowrap;
    color: #f4e6d3;
    font-size: 0.8333333333vw;
    line-height: 1;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a:hover {
    opacity: 0.7;
  }
  .header .header_nav .header_nav_langswitch_tab .header_nav_langswitch_tab_list a[inert] {
    cursor: not-allowed;
    color: #7a736a;
  }
  .header .header_nav .header_nav_bg {
    display: none;
  }
  .header .header_toggle {
    display: none;

    content-visibility: hidden;
  }
}

/* --------------------------------
  .hero
-------------------------------- */
.hero {
  position: relative;
  padding-bottom: calc(var(--vh, 1vh) * 23);
  height: 123vh;
  height: calc(var(--vh, 1vh) * 123);
  /* hero_register_list */
}
.hero .hero_inner {
  position: absolute;
  z-index: 3;
  top: 43%;
  right: 0;
  left: 0;

  --blur: 5;
}
.hero .hero_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}
.hero .hero_title > span {
  display: block;
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
html.is-ready .hero .hero_title > span {
  opacity: 0;
  transition: opacity 1s;
}
html.is-loaded .hero .hero_title > span {
  opacity: 1;
  transition: opacity 2s;
  -webkit-transform: none;
          transform: none;
}
.hero .hero_copy {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.hero .hero_copy .hero_copy_title {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.hero .hero_copy .hero_copy_title .hero_copy_title_inner {
  display: block;
}
html.is-loaded .hero .hero_copy .hero_copy_title {
  opacity: 1;
  transition: opacity 1s, -webkit-filter 1s;
  transition: opacity 1s, filter 1s;
  transition: opacity 1s, filter 1s, -webkit-filter 1s;
}
html.is-load .hero .hero_copy .hero_copy_svg {
  opacity: 0;
  transition: opacity 1.4s 2.7s, -webkit-filter 1.4s 2.7s;
  transition: opacity 1.4s 2.7s, filter 1.4s 2.7s;
  transition: opacity 1.4s 2.7s, filter 1.4s 2.7s, -webkit-filter 1.4s 2.7s;
}
.hero .hero_copy .hero_copy_svg svg {
  fill: #c2b3a4;
}
.hero .hero_copy .hero_copy_svg svg g {
  opacity: 0;

  fill: #c2b3a4;
}
html.is-load .hero .hero_copy .hero_copy_svg svg g {
  transition: -webkit-transform 0.75s 1.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: transform 0.75s 1.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: transform 0.75s 1.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.75s 1.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  -webkit-transform: translate(0.001px, 0.001px) !important;
          transform: translate(0.001px, 0.001px) !important;
  -webkit-animation: heroCopy 0.5s both;
          animation: heroCopy 0.5s both;
}
@-webkit-keyframes heroCopy {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes heroCopy {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.hero .hero_copy .hero_copy_svg svg #_1st_1 {
  -webkit-transform: translate(7%, -10.2%);
          transform: translate(7%, -10.2%);
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.hero .hero_copy .hero_copy_svg svg #_1st_2 {
  -webkit-transform: translate(-4.7%, 6.1%);
          transform: translate(-4.7%, 6.1%);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.hero .hero_copy .hero_copy_svg svg #_1st_3 {
  -webkit-transform: translate(1.7%, 4.6%);
          transform: translate(1.7%, 4.6%);
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.hero .hero_copy .hero_copy_svg svg #_1st_4 {
  -webkit-transform: translate(-11.8%, -13.9%);
          transform: translate(-11.8%, -13.9%);
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.hero .hero_copy .hero_copy_svg svg #_1st_5 {
  -webkit-transform: translate(7%, -12.2%);
          transform: translate(7%, -12.2%);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero .hero_copy .hero_copy_svg svg #_1st_6 {
  -webkit-transform: translate(8.9%, 8%);
          transform: translate(8.9%, 8%);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_1 {
  -webkit-transform: translate(2.5%, -3%);
          transform: translate(2.5%, -3%);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_2 {
  -webkit-transform: translate(-4.5%, -15.7%);
          transform: translate(-4.5%, -15.7%);
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_3 {
  -webkit-transform: translate(-6.8%, -3%);
          transform: translate(-6.8%, -3%);
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_4 {
  -webkit-transform: translate(-9.2%, 2.6%);
          transform: translate(-9.2%, 2.6%);
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_5 {
  -webkit-transform: translate(7.3%, -6.4%);
          transform: translate(7.3%, -6.4%);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.hero .hero_copy .hero_copy_svg svg #_2nd_6 {
  -webkit-transform: translate(9.5%, 12.8%);
          transform: translate(9.5%, 12.8%);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero .hero_copy .hero_copy_svg svg #_3rd_1 {
  -webkit-transform: translate(-7.1%, 9.8%);
          transform: translate(-7.1%, 9.8%);
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.hero .hero_copy .hero_copy_svg svg #_3rd_2 {
  -webkit-transform: translate(11.6%, -6.5%);
          transform: translate(11.6%, -6.5%);
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.hero .hero_copy .hero_copy_svg svg #_3rd_3 {
  -webkit-transform: translate(4.6%, 9.7%);
          transform: translate(4.6%, 9.7%);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.hero .hero_copy .hero_copy_svg svg #_3rd_4 {
  -webkit-transform: translate(-9.5%, 9.4%);
          transform: translate(-9.5%, 9.4%);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.hero .hero_copy .hero_copy_svg svg #_3rd_5 {
  -webkit-transform: translate(11.7%, -6.7%);
          transform: translate(11.7%, -6.7%);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.hero .hero_lead {
  margin-right: auto;
  margin-left: auto;
}
html:not(.is-loaded) .hero .hero_lead {
  opacity: 0;
}
html.is-loaded .hero .hero_lead {
  transition: opacity 2s, -webkit-filter 1.6s;
  transition: opacity 2s, filter 1.6s;
  transition: opacity 2s, filter 1.6s, -webkit-filter 1.6s;
}
.hero .hero_register_list {
  position: relative;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .hero .hero_register_list {
    margin-top: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .hero .hero_register_list {
    margin-top: -1.0416666667vw;
  }
}
html:not(.is-loaded) .hero .hero_register_list {
  opacity: 0;
}
html.is-loaded .hero .hero_register_list {
  transition: opacity 2s, -webkit-filter 1.6s;
  transition: opacity 2s, filter 1.6s;
  transition: opacity 2s, filter 1.6s, -webkit-filter 1.6s;
}
@media (max-width: 767.98px) {
  .hero .hero_register_list .registerlist {
    flex-wrap: wrap;
  }
}
.hero .hero_slider {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
html:not(.is-loaded) .hero .hero_slider {
  opacity: 0.2;
}
html.is-loaded .hero .hero_slider {
  transition: opacity 1.8s;
}
.hero .hero_slider img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.hero .hero_fog {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .hero .hero_fog {
  background-image: url("/daphne/de/assets/img/hero_fog1.png");
}
.webp .hero .hero_fog {
  background-image: url("/daphne/de/assets/img/hero_fog1.webp");
}
html.is-load .hero .hero_fog {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s 2.6s, -webkit-transform 3s 2.6s;
  transition: opacity 1s 2.6s, transform 3s 2.6s;
  transition: opacity 1s 2.6s, transform 3s 2.6s, -webkit-transform 3s 2.6s;
  -webkit-transform: translate(100vw, -80vh);
          transform: translate(100vw, -80vh);
}
@media (max-width: 767.98px) {
  .hero .hero_inner {
    margin-top: -32vw;
    padding-left: 2.6666666667vw;
  }
  .hero .hero_title {
    top: -11.2vw;
    width: 38.1333333333vw;
  }
  .hero .hero_title > span {
    -webkit-transform: scale(2) translate(-8vw, 4vw);
            transform: scale(2) translate(-8vw, 4vw);
  }
  .hero .hero_copy {
    width: 87.2vw;
  }
  .hero .hero_copy .hero_copy_title .hero_copy_title_inner {
    -webkit-filter: drop-shadow(4vw 4vw 0.5333333333vw black);
            filter: drop-shadow(4vw 4vw 0.5333333333vw black);
  }
  .hero .hero_lead {
    margin-top: -22.2666666667vw;
    width: 92.9333333333vw;

    -webkit-filter: drop-shadow(4vw 4vw 0.5333333333vw black);

            filter: drop-shadow(4vw 4vw 0.5333333333vw black);
  }
  .hero .hero_fog {
    -webkit-transform: translate(-40%, -50%);
            transform: translate(-40%, -50%);
  }
  .hero .hero_fog.hero_fog1 {
    width: 472.2666666667vw;
    height: 192.8vw;
  }
}
@media (min-width: 768px) {
  .hero .hero_inner {
    margin-top: -16.6145833333vw;
    padding-left: 0.4166666667vw;
  }
  .hero .hero_title {
    top: -1.6666666667vw;
    width: 31.6145833333vw;
  }
  .hero .hero_title > span {
    position: relative;
    top: 0;
    left: -1.5625vw;
    width: 14.4791666667vw;
    -webkit-transform: scale(2) translate(1.3020833333vw, 3.125vw);
            transform: scale(2) translate(1.3020833333vw, 3.125vw);
  }
  .hero .hero_copy {
    width: 44.4270833333vw;
  }
  .hero .hero_copy .hero_copy_title .hero_copy_title_inner {
    -webkit-filter: drop-shadow(1.5625vw 1.5625vw 0.2083333333vw black);
            filter: drop-shadow(1.5625vw 1.5625vw 0.2083333333vw black);
  }
  .hero .hero_lead {
    margin-top: -10.46875vw;
    width: 36.3020833333vw;
    -webkit-transform: translateX(0.3645833333vw);
            transform: translateX(0.3645833333vw);

    -webkit-filter: drop-shadow(1.5625vw 1.5625vw 0.2083333333vw black);

            filter: drop-shadow(1.5625vw 1.5625vw 0.2083333333vw black);
  }
  .hero .hero_fog {
    -webkit-transform: translate(-90%, -40%);
            transform: translate(-90%, -40%);
  }
  .hero .hero_fog.hero_fog1 {
    width: 184.4791666667vw;
    height: 75.3125vw;
  }
}

/* --------------------------------
  .trailer
-------------------------------- */
.trailer {
  position: relative;
}
html:not(.is-load) .trailer {
  content-visibility: hidden;
}
.trailer .trailer_inner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.trailer .trailer_link {
  display: block;
}
@media (max-width: 767.98px) {
  .trailer .trailer_inner {
    padding-top: 10.4vw;
    padding-bottom: 9.8666666667vw;
  }
  .no-webp .trailer .trailer_inner {
    background-image: url("/daphne/de/assets/img/trailer_bg_sm.png");
  }
  .webp .trailer .trailer_inner {
    background-image: url("/daphne/de/assets/img/trailer_bg_sm.webp");
  }
  .trailer .trailer_link {
    margin: 0 auto;
    width: 81.6vw;
    height: 41.8666666667vw;
  }
  .trailer .trailer_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9.0666666667vw;
    margin-left: -9.3333333333vw;
    pointer-events: none;
  }
}
@media (min-width: 768px) {
  .trailer .trailer_inner {
    padding-top: 9.3229166667vw;
    padding-bottom: 8.9583333333vw;
  }
  .no-webp .trailer .trailer_inner {
    background-image: url("/daphne/de/assets/img/trailer_bg_lg.png");
  }
  .webp .trailer .trailer_inner {
    background-image: url("/daphne/de/assets/img/trailer_bg_lg.webp");
  }
  .trailer .trailer_link {
    margin: 0 auto;
    width: 57.7083333333vw;
    height: 29.5833333333vw;
  }
  .trailer .trailer_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.5416666667vw;
    margin-left: -4.6875vw;
    pointer-events: none;
  }
}

/* --------------------------------
.preregistration_bnr
-------------------------------- */
.preregistration_bnr {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .preregistration_bnr {
    padding-top: 1.6145833333vw;
  }
}
@media (max-width: 767.98px) {
  .preregistration_bnr {
    padding-top: 3.7333333333vw;
  }
}
html:not(.is-loaded) .preregistration_bnr {
  opacity: 0;
}
html.is-loaded .preregistration_bnr {
  transition: opacity 2s, -webkit-filter 1.6s;
  transition: opacity 2s, filter 1.6s;
  transition: opacity 2s, filter 1.6s, -webkit-filter 1.6s;
}
.preregistration_bnr .preregistration_bnr_link {
  display: block;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .preregistration_bnr .preregistration_bnr_link {
    width: 75.6vw;
  }
}
@media (min-width: 768px) {
  .preregistration_bnr .preregistration_bnr_link {
    width: 26.0416666667vw;
  }
  .preregistration_bnr .preregistration_bnr_link::after {
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s;
    background-image: url(/daphne/de/assets/img/btn_preregister_lg_ov.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
  }
  .preregistration_bnr .preregistration_bnr_link:hover::after {
    opacity: 1;
  }
}
.preregistration_bnr .preregistration_bnr_link_button {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .preregistration_bnr .preregistration_bnr_link_button {
    right: 3.4666666667vw;
  }
}
@media (min-width: 768px) {
  .preregistration_bnr .preregistration_bnr_link_button {
    right: 1.40625vw;
  }
}
@media (max-width: 767.98px) {
  .preregistration_bnr .preregistration_bnr_link_button .btn {
    width: 8.8vw;
    height: 8.8vw;
  }
}
@media (min-width: 768px) {
  .preregistration_bnr .preregistration_bnr_link_button .btn {
    width: 3.125vw;
    height: 3.125vw;
  }
}
@media (max-width: 767.98px) {
  .preregistration_bnr .preregistration_bnr_link_button .btn.btn-blank::after,
  [data-cursor=blank] .preregistration_bnr .preregistration_bnr_link_button .btn::after {
    width: 2.6666666667vw;
    height: 2.1333333333vw;
  }
}
@media (min-width: 768px) {
  .preregistration_bnr .preregistration_bnr_link_button .btn.btn-blank::after,
  [data-cursor=blank] .preregistration_bnr .preregistration_bnr_link_button .btn::after {
    width: 0.9375vw;
    height: 0.78125vw;
  }
}

/* --------------------------------
  .intro
-------------------------------- */
.intro {
  overflow: hidden;
  position: relative;
  z-index: 2;
  /* .preregistration_bnr */
}
.intro .intro_inner {
  position: relative;
  z-index: 2;
}
.intro .intro_lead > p {
  opacity: 0.65;
  text-align: center;
  letter-spacing: 0.04em;
  color: #ddd1b7;
}
.intro .intro_register {
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro .intro_register .intro_register_title {
  display: flex;
  justify-content: center;
}
.intro .intro_register .intro_register_title > span {
  position: relative;
  letter-spacing: 0.04em;
}
.intro .intro_register .intro_register_title > span::before,
.intro .intro_register .intro_register_title > span::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .intro .intro_register .intro_register_title > span::before,
.no-webp .intro .intro_register .intro_register_title > span::after {
  background-image: url("/daphne/de/assets/img/icon_3line.png");
}
.webp .intro .intro_register .intro_register_title > span::before,
.webp .intro .intro_register .intro_register_title > span::after {
  background-image: url("/daphne/de/assets/img/icon_3line.webp");
}
.intro .intro_register .intro_register_title > span::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.intro .intro_catch {
  text-align: center;
  letter-spacing: -0.04em;
}
@media (max-width: 767.98px) {
  .intro {
    margin-top: 66.6666666667vw;
    padding-top: 8.8vw;
    padding-bottom: 28.8vw;
  }
  .intro::before {
    height: 8vw;
  }
  .intro .intro_lead > p {
    padding-left: 2.9333333333vw;
    text-shadow: 0 0 2.6666666667vw black, 0 0 1.3333333333vw black;
    font-size: 5.6vw;
    line-height: 1.5476190476;
  }
  .intro .intro_lead > p > span {
    font-size: 2.6666666667vw;
  }
  .intro .intro_lead > p:not(:first-child) {
    margin-top: 2.1666666667em;
  }
  .intro .intro_register {
    margin: 10.6666666667vw auto 0;
    padding-top: 7.4666666667vw;
    width: 89.3333333333vw;
    height: 40vw;
    background: url(/daphne/de/assets/img/intro_register_bg_sm.png) center no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .no-webp .intro .intro_register {
    background-image: url("/daphne/de/assets/img/intro_register_bg_sm.png");
  }
  .webp .intro .intro_register {
    background-image: url("/daphne/de/assets/img/intro_register_bg_sm.webp");
  }
  .intro .intro_register .intro_register_title {
    padding-left: 1.8666666667vw;
    font-size: 5.0666666667vw;
  }
  .intro .intro_register .intro_register_title > span::before,
  .intro .intro_register .intro_register_title > span::after {
    top: 2.4vw;
    width: 16.5333333333vw;
    height: 4vw;
  }
  .intro .intro_register .intro_register_title > span::before {
    left: -19.4666666667vw;
  }
  .intro .intro_register .intro_register_title > span::after {
    right: -17.6vw;
  }
  .intro .intro_register .intro_register_list {
    margin-bottom: 5.3333333333vw;
  }
  .intro .intro_register .intro_register_list .registerlist > li:first-child:not(:last-child) {
    margin-right: 2.6666666667vw;
  }
  .intro .intro_catch {
    margin-top: 7.2vw;
    padding-right: 1.0666666667vw;
    font-size: 6.1333333333vw;
    line-height: 1.6347826087;
  }
}
@media (min-width: 768px) {
  .intro {
    margin-top: 40vh;
    padding-top: 6.71875vw;
    padding-bottom: 12.8125vw;
  }
  .intro::before {
    height: 5.2083333333vw;
  }
  .intro .intro_lead > p {
    padding-left: 0.9895833333vw;
    text-shadow: 0 0 1.0416666667vw black, 0 0 0.5208333333vw black;
    font-size: 1.875vw;
    line-height: 1.6666666667;
  }
  .intro .intro_lead > p > span {
    letter-spacing: -0.04em;
    font-size: 0.7291666667vw;
  }
  .intro .intro_lead > p:not(:first-child) {
    margin-top: 3.0769230769em;
  }
  .intro .intro_register {
    margin: 6.1979166667vw auto 0;
    padding-top: 1.4583333333vw;
    width: 50.2083333333vw;
    height: 10.4166666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .no-webp .intro .intro_register {
    background-image: url("/daphne/de/assets/img/intro_register_bg.png");
  }
  .webp .intro .intro_register {
    background-image: url("/daphne/de/assets/img/intro_register_bg.webp");
  }
  .intro .intro_register .intro_register_title {
    padding-left: 0.625vw;
    font-size: 1.9791666667vw;
  }
  .intro .intro_register .intro_register_title > span::before,
  .intro .intro_register .intro_register_title > span::after {
    top: 0.6770833333vw;
    width: 10.0520833333vw;
    height: 2.34375vw;
  }
  .intro .intro_register .intro_register_title > span::before {
    left: -11.875vw;
  }
  .intro .intro_register .intro_register_title > span::after {
    right: -11.1979166667vw;
  }
  .intro .intro_register .intro_register_list {
    margin-bottom: 1.5625vw;
  }
  .intro .intro_catch {
    margin-top: 1.9270833333vw;
    font-size: 2.9166666667vw;
    line-height: 1.5126785714;
  }
}
@media (max-width: 767.98px) {
  .intro .preregistration_bnr {
    padding-top: 0.8vw;
  }
}
@media (min-width: 768px) {
  .intro .preregistration_bnr {
    padding-top: 0.625vw;
  }
}

/* --------------------------------
  .news
-------------------------------- */
.news {
  position: relative;
}
html:not(.is-load) .news {
  content-visibility: hidden;
}
.news .news_inner {
  position: relative;
  z-index: 2;
}
.news .news_list,
.news .news_twitter {
  overflow-y: auto;
  height: 100%;
}
.news .news_list::-webkit-scrollbar,
.news .news_twitter::-webkit-scrollbar {
  background-color: #000;
}
.news .news_list::-webkit-scrollbar-thumb,
.news .news_twitter::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.news .news_list .news_list_item .news_list_time {
  opacity: 0.4;
  letter-spacing: 0.03em;
  color: #d4ba98;
}
.news .news_list .news_list_item .news_list_title {
  opacity: 0.65;
  letter-spacing: 0.03em;
}
.news .news_list .news_list_item a:visited {
  color: inherit;
}
.news .news_bg {
  height: 300vh;
}
@media (max-width: 767.98px) {
  .news {
    padding-top: 12.5333333333vw;
  }
  body.is-attack .news {
    -webkit-animation: attack-sp 0.5s 0.1s both;
            animation: attack-sp 0.5s 0.1s both;
  }
  .news .news_inner {
    padding: 0 6.2666666667vw;
  }
  .news .news_item .news_item_body {
    margin-top: 6.4vw;
    padding: 6.6666666667vw 2.6666666667vw;
    height: 80vw;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
  }
  .no-webp .news .news_item .news_item_body {
    background-image: url("/daphne/de/assets/img/news_item_bg.png");
  }
  .webp .news .news_item .news_item_body {
    background-image: url("/daphne/de/assets/img/news_item_bg.webp");
  }
  .news .news_item:not(:first-child) {
    margin-top: 12vw;
  }
  .news .news_list::-webkit-scrollbar,
  .news .news_twitter::-webkit-scrollbar {
    width: 0.8vw;
  }
  .news .news_list::-webkit-scrollbar-thumb,
  .news .news_twitter::-webkit-scrollbar-thumb {
    border-radius: 0.4vw;
  }
  .news .news_list {
    padding: 0.5333333333vw 7.7333333333vw;
  }
  .news .news_list .news_list_item {
    margin-bottom: 3.7333333333vw;
  }
  .news .news_list .news_list_item .news_list_time {
    font-size: 3.4666666667vw;
  }
  .news .news_list .news_list_item .news_list_title {
    margin-top: 0.5333333333vw;
    font-size: 4vw;
    line-height: 1.4;
  }
  .news .news_twitter {
    padding: 0vw 3.3333333333vw;
  }
}
@media (min-width: 768px) {
  .news {
    padding-top: 4.6875vw;

    will-change: transform, filter;
  }
  body.is-attack .news {
    -webkit-animation: attack 0.5s 0.1s both;
            animation: attack 0.5s 0.1s both;
  }
  .news .news_inner {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    padding-top: 7.4479166667vw;
    width: 68.8541666667vw;
  }
  .news .news_item {
    width: 34.1145833333vw;
  }
  .news .news_item .news_item_body {
    margin-top: 1.9791666667vw;
    padding: 2.6041666667vw 1.0416666667vw;
    height: 31.25vw;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
  }
  .no-webp .news .news_item .news_item_body {
    background-image: url("/daphne/de/assets/img/news_item_bg.png");
  }
  .webp .news .news_item .news_item_body {
    background-image: url("/daphne/de/assets/img/news_item_bg.webp");
  }
  .news .news_list::-webkit-scrollbar,
  .news .news_twitter::-webkit-scrollbar {
    width: 0.3125vw;
  }
  .news .news_list::-webkit-scrollbar-thumb,
  .news .news_twitter::-webkit-scrollbar-thumb {
    border-radius: 0.15625vw;
  }
  .news .news_list {
    padding: 1.1458333333vw 2.8645833333vw 0;
  }
  .news .news_list .news_list_item {
    margin-bottom: 1.9791666667vw;
  }
  .news .news_list .news_list_item .news_list_time {
    font-size: 1.25vw;
  }
  .news .news_list .news_list_item .news_list_title {
    margin-top: 0.3125vw;
    font-size: 1.5625vw;
    line-height: 1.4;
  }
  .news .news_twitter {
    padding: 0vw 1.3020833333vw;
  }
}

/* --------------------------------
  .bgarea
-------------------------------- */
html:not(.is-load) .bgarea {
  content-visibility: hidden;
}
@media (min-width: 768px) {
  .bgarea {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 5.2083333333vw, black calc(100% - 15.625vw), rgba(0, 0, 0, 0) 100%);
  }
}

/* --------------------------------
  .story
-------------------------------- */
.story {
  position: relative;
  z-index: 2;
}
.story .story_inner {
  position: relative;
  z-index: 2;
}
.story .story_title {
  position: relative;
  z-index: 2;
}
.story .story_item .story_item_lead {
  position: relative;
  z-index: 2;
  letter-spacing: 0.03em;
}
.story .story_item .story_item_image > div {
  overflow: hidden;
}
.story .story_item .story_item_image > div::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .story .story_item .story_item_image > div::before {
  background-image: url("/daphne/de/assets/img/story_item_image_bg.png");
}
.webp .story .story_item .story_item_image > div::before {
  background-image: url("/daphne/de/assets/img/story_item_image_bg.webp");
}
@media (max-width: 767.98px) {
  .story {
    padding-top: 41.8666666667vw;
    padding-bottom: 40vw;
  }
  body.is-attack .story {
    -webkit-animation: attack-sp 0.5s 0.1s both;
            animation: attack-sp 0.5s 0.1s both;
  }
  .story .story_inner {
    padding-right: 7.7333333333vw;
    padding-left: 7.7333333333vw;
  }
  .story .story_item .story_item_lead {
    padding-top: 12.5333333333vw;
  }
  .story .story_item .story_item_lead > p {
    text-align: center;
    font-size: 4.8vw;
    line-height: 1.8333333333;
  }
  .story .story_item .story_item_lead > p:not(:first-child) {
    margin-top: 2.5384615385em;
  }
  .story .story_item .story_item_image > div {
    position: relative;
    padding-top: 2.6666666667vw;
    width: 57.0666666667vw;
    height: 37.3333333333vw;
  }
  .story .story_item .story_item_image > div:nth-of-type(1) {
    margin-top: 21.3333333333vw;
    margin-left: 0.6666666667vw;
  }
  .story .story_item .story_item_image > div:nth-of-type(2) {
    margin-top: 8.5333333333vw;
    margin-left: 25.6vw;
  }
  .story .story_bg {
    position: absolute;
    top: -18.6666666667vw;
    left: 0;
    width: 100%;
    height: 120%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;

    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 13.3333333333vw, black calc(100% - 40vw), rgba(0, 0, 0, 0) 100%);
  }
  .no-webp .story .story_bg {
    background-image: url("/daphne/de/assets/img/story_bg_sm.png");
  }
  .webp .story .story_bg {
    background-image: url("/daphne/de/assets/img/story_bg_sm.webp");
  }
  .story .story_bg2 {
    position: absolute;
    top: -33.6vw;
    left: 0;
    width: 100%;
    height: 255.7333333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    pointer-events: none;
  }
  .no-webp .story .story_bg2 {
    background-image: url("/daphne/de/assets/img/story_bg2_sm.png");
  }
  .webp .story .story_bg2 {
    background-image: url("/daphne/de/assets/img/story_bg2_sm.webp");
  }
  .story .story_bg3 {
    position: absolute;
    top: 118.4vw;
    left: 0;
    width: 94.9333333333vw;
    height: 135.4666666667vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .no-webp .story .story_bg3 {
    background-image: url("/daphne/de/assets/img/story_bg3_sm.png");
  }
  .webp .story .story_bg3 {
    background-image: url("/daphne/de/assets/img/story_bg3_sm.webp");
  }
}
@media (min-width: 768px) {
  .story {
    padding-top: 14.6354166667vw;
    padding-bottom: 20.8333333333vw;
    min-height: 80vh;

    will-change: transform, filter;
  }
  body.is-attack .story {
    -webkit-animation: attack 0.5s 0.1s both;
            animation: attack 0.5s 0.1s both;
  }
  .story .story_item {
    margin: 9.6875vw auto 0;
    width: 68.9583333333vw;
  }
  .story .story_item .story_item_lead {
    padding-top: 6.6145833333vw;
  }
  .story .story_item .story_item_lead > p {
    font-size: 1.875vw;
    line-height: 1.8333333333;
  }
  .story .story_item .story_item_lead > p:not(:first-child) {
    margin-top: 1.8333333333em;
  }
  .story .story_item .story_item_image > div {
    position: absolute;
    padding-top: 1.0416666667vw;
    width: 34.3229166667vw;
    height: 22.3958333333vw;
  }
  .story .story_item .story_item_image > div:nth-of-type(1) {
    top: 23.0729166667vw;
    left: 50vw;
  }
  .story .story_item .story_item_image > div:nth-of-type(2) {
    top: 49.9479166667vw;
    left: 54.9479166667vw;
  }
  .story .story_bg {
    position: absolute;
    top: -7.2916666667vw;
    left: 0;
    width: 100%;
    height: 229.1666666667vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .no-webp .story .story_bg {
    background-image: url("/daphne/de/assets/img/story_bg_lg.png");
  }
  .webp .story .story_bg {
    background-image: url("/daphne/de/assets/img/story_bg_lg.webp");
  }
  .story .story_bg2 {
    position: absolute;
    top: -2.6041666667vw;
    left: 0;
    width: 100%;
    height: 99.8958333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    pointer-events: none;
  }
  .no-webp .story .story_bg2 {
    background-image: url("/daphne/de/assets/img/story_bg2_lg.png");
  }
  .webp .story .story_bg2 {
    background-image: url("/daphne/de/assets/img/story_bg2_lg.webp");
  }
  .story .story_bg3 {
    position: absolute;
    top: 38.4895833333vw;
    left: 0;
    width: 66.5625vw;
    height: 90.2083333333vw;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .no-webp .story .story_bg3 {
    background-image: url("/daphne/de/assets/img/story_bg3_lg.png");
  }
  .webp .story .story_bg3 {
    background-image: url("/daphne/de/assets/img/story_bg3_lg.webp");
  }
}

/* --------------------------------
  .characters
-------------------------------- */
.character {
  position: relative;
}
.character .character_slider {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.no-webp .character .character_slider {
  background-image: url("/daphne/de/assets/img/character_slider_bg.png");
}
.webp .character .character_slider {
  background-image: url("/daphne/de/assets/img/character_slider_bg.webp");
}
.character .character_slider .character_slider_list .character_slider_list_item {
  text-align: center;
}
.character .character_slider .character_slider_list .character_slider_list_item ._image {
  position: relative;
  transition: -webkit-filter 0.5s;
  transition: filter 0.5s;
  transition: filter 0.5s, -webkit-filter 0.5s;

  -webkit-filter: brightness(35%);

          filter: brightness(35%);
}
.character .character_slider .character_slider_list .character_slider_list_item ._name,
.character .character_slider .character_slider_list .character_slider_list_item ._name-en {
  opacity: 0.15;
  transition: opacity 0.5s;
  color: #d4ba98;
}
.character .character_slider .character_slider_list .character_slider_list_item ._name {
  letter-spacing: 0.03em;
  font-weight: 400;
}
.character .character_slider .character_slider_list .character_slider_list_item ._name-en {
  letter-spacing: 0.03em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.character .character_slider .character_slider_list .character_slider_list_item.slick-cloned {
  z-index: -1;
}
.character .character_slider .character_slider_list .character_slider_list_item.slick-center {
  cursor: pointer;
}
.character .character_slider .character_slider_list .character_slider_list_item.slick-center ._image {
  -webkit-filter: none;
          filter: none;
}
.character .character_slider .character_slider_list .character_slider_list_item.slick-center ._name,
.character .character_slider .character_slider_list .character_slider_list_item.slick-center ._name-en {
  opacity: 0.6;
}
.character .character_slider .character_slider_list .character_slider_list_item:not(.slick-center) {
  pointer-events: none;
}
.character .character_slider .character_slider_list > .character_slider_list_item:not(:first-child) {
  display: none;
}
.character .character_slider .character_slider_list.dragging .character_slider_list_item {
  pointer-events: none;
}
.character .character_slider .character_slider_pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  letter-spacing: 0.03em;
  font-family: "Cormorant", serif;
  font-weight: 300;
  line-height: 1;
}
.no-webp .character .character_slider .character_slider_pager {
  background-image: url("/daphne/de/assets/img/character_slider_pager_bg.png");
}
.webp .character .character_slider .character_slider_pager {
  background-image: url("/daphne/de/assets/img/character_slider_pager_bg.webp");
}
.character .character_slider .character_slider_pager > span {
  min-width: 1em;
}
.character .character_slider .character_slider_pager > span:first-child {
  text-align: right;
}
.character .character_slider .character_slider_pager > span:last-child {
  text-align: left;
}
.character .character_slider .character_slider_nav {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .character .character_slider .character_slider_nav {
  background-image: url("/daphne/de/assets/img/icon_next.png");
}
.webp .character .character_slider .character_slider_nav {
  background-image: url("/daphne/de/assets/img/icon_next.webp");
}
.character .character_slider .character_slider_nav.character_slider_nav-prev {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
@media (max-width: 767.98px) {
  .character {
    padding-top: 14.4vw;
    padding-bottom: 30.1333333333vw;
    height: 208.8vw;
  }
  .character .character_slider {
    margin-top: 9.3333333333vw;
    padding-top: 0.4vw;
    padding-bottom: 16vw;
    background-size: auto 100%;

    -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 8vw), rgba(0, 0, 0, 0) 100%);
  }
  .character .character_slider .character_slider_list {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 2%, black 25%, black 75%, rgba(0, 0, 0, 0) 98%);
  }
  .character .character_slider .character_slider_list .character_slider_list_item {
    position: relative;
    width: 61.7333333333vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._image {
    left: -2.4vw;
    width: 65.4666666667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._name {
    margin-top: 0.2666666667vw;
    padding-left: 1.3333333333vw;
    font-size: 5.0666666667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._name-en {
    margin-top: -0.5333333333vw;
    padding-left: 1.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._btn {
    opacity: 0;
    position: absolute;
    top: 28.8vw;
    left: 1.0666666667vw;
    transition: opacity 0.5s, -webkit-transform 0.1s 0.4s;
    transition: opacity 0.5s, transform 0.1s 0.4s;
    transition: opacity 0.5s, transform 0.1s 0.4s, -webkit-transform 0.1s 0.4s;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    pointer-events: none;
  }
  .character .character_slider .character_slider_list .character_slider_list_item.slick-current ._btn,
  .character .character_slider .character_slider_list .character_slider_list_item.slick-center ._btn {
    opacity: 1;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: none;
            transform: none;
  }
  .character .character_slider .character_slider_pager {
    margin-top: 4vw;
    padding-bottom: 1.3333333333vw;
    width: 34.9333333333vw;
    height: 12.8vw;
    font-size: 8vw;
  }
  .character .character_slider .character_slider_nav {
    top: 40.5333333333vw;
    width: 5.2vw;
    height: 9.3333333333vw;
  }
  .character .character_slider .character_slider_nav.character_slider_nav-prev {
    left: 5.3333333333vw;
  }
  .character .character_slider .character_slider_nav.character_slider_nav-next {
    right: 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .character {
    padding-top: 12.8125vw;
    padding-bottom: 11.4583333333vw;
  }
  .character .character_slider {
    margin-top: 3.0208333333vw;
    padding-top: 0.15625vw;
    padding-bottom: 6.25vw;
    background-size: cover;

    -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 3.125vw), rgba(0, 0, 0, 0) 100%);
  }
  .character .character_slider .character_slider_list {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
  }
  .character .character_slider .character_slider_list .character_slider_list_item {
    width: 24.1145833333vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._image {
    left: -0.9375vw;
    width: 25.5729166667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._name {
    margin-top: 0.1041666667vw;
    padding-left: 0.5208333333vw;
    font-size: 1.9791666667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._name-en {
    margin-top: -0.2083333333vw;
    padding-left: 0.5208333333vw;
    font-size: 1.3541666667vw;
  }
  .character .character_slider .character_slider_list .character_slider_list_item ._btn {
    display: none;

    content-visibility: hidden;
  }
  .character .character_slider .character_slider_pager {
    margin-top: 1.5625vw;
    padding-bottom: 0.5208333333vw;
    width: 13.6458333333vw;
    height: 5vw;
    font-size: 3.125vw;
  }
  .character .character_slider .character_slider_nav {
    top: 15.625vw;
    margin-top: 0.3125vw;
    width: 1.71875vw;
    height: 3.125vw;
  }
  .character .character_slider .character_slider_nav.character_slider_nav-prev {
    left: 5.2083333333vw;
  }
  .character .character_slider .character_slider_nav.character_slider_nav-next {
    right: 5.3125vw;
  }
}

/* --------------------------------
  .adventurer
-------------------------------- */
.adventurer {
  background-color: #000;
  /* .adventurer_title */
  /* .adventurer_subtitle */
  /* .adventurer_choose */
  /* .adventurer_race */
}
@media (max-width: 767.98px) {
  .adventurer {
    padding-top: 35.2vw;
    padding-bottom: 40vw;

    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 26.6666666667vw);
  }
}
@media (min-width: 768px) {
  .adventurer {
    padding-top: 11.4583333333vw;
    padding-bottom: 15.625vw;

    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 10.4166666667vw);
  }
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_anchor {
    margin-top: -29.3333333333vw;
    padding-top: 29.3333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_anchor {
    margin-top: -11.4583333333vw;
    padding-top: 11.4583333333vw;
  }
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_title {
    margin-bottom: 14.2666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_title {
    margin-bottom: 6.09375vw;
  }
}
.adventurer .adventurer_subtitle {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 2.0833333333vw;
  margin-right: auto;
  margin-left: auto;
}
.adventurer .adventurer_subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .adventurer .adventurer_subtitle::before {
  background-image: url("/daphne/de/assets/img/adventurer_arrow.png");
}
.webp .adventurer .adventurer_subtitle::before {
  background-image: url("/daphne/de/assets/img/adventurer_arrow.webp");
}
.adventurer .adventurer_subtitle > span {
  opacity: 0.7;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.adventurer .adventurer_subtitle > strong {
  color: rgba(212, 173, 122, 0.5);
}
.adventurer .adventurer_subtitle > strong::before {
  content: "~  ";
  white-space: pre;
}
.adventurer .adventurer_subtitle > strong::after {
  content: "  ~";
  white-space: pre;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_subtitle {
    display: block;
    padding-left: 14.9333333333vw;
  }
  .adventurer .adventurer_subtitle::before {
    width: 10.9333333333vw;
    height: 1.3333333333vw;
  }
  .adventurer .adventurer_subtitle > span {
    letter-spacing: -0.04em;
    font-size: 8vw;
  }
  .adventurer .adventurer_subtitle > strong {
    display: block;
    margin-bottom: 7.4666666667vw;
    margin-left: 4.4vw;
    margin-left: 0.4vw;
    letter-spacing: -0.04em;
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_subtitle {
    padding-left: 4.4270833333vw;
    width: 70.8333333333vw;
  }
  .adventurer .adventurer_subtitle.adventurer_subtitle--character {
    margin-top: 5.7291666667vw;
  }
  .adventurer .adventurer_subtitle::before {
    width: 2.8645833333vw;
    height: 0.3125vw;
  }
  .adventurer .adventurer_subtitle > span {
    letter-spacing: -0.04em;
    font-size: 3.125vw;
  }
  .adventurer .adventurer_subtitle > strong {
    margin-left: 1.71875vw;
    letter-spacing: -0.04em;
    font-size: 1.09375vw;
  }
}
.adventurer .adventurer_choose {
  position: relative;
}
.adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  z-index: 3;
  transition: opacity 0.5s;
}
.adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_title img {
  width: auto;
}
.adventurer .adventurer_choose .adventurer_choose_link {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  height: 100%;
}
.adventurer .adventurer_choose .adventurer_choose_link svg {
  width: 100%;
  height: auto;

  fill: none;
}
.adventurer .adventurer_choose .adventurer_choose_link svg g {
  cursor: pointer;
}
.adventurer .adventurer_choose .adventurer_choose_hover {
  pointer-events: none;
}
.adventurer .adventurer_choose .adventurer_choose_hover > div {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s;
}
.adventurer .adventurer_choose[data-adventurer=thief] .adventurer_choose_list_item[data-adventurer=thief],
.adventurer .adventurer_choose[data-adventurer=knight] .adventurer_choose_list_item[data-adventurer=knight],
.adventurer .adventurer_choose[data-adventurer=warrior] .adventurer_choose_list_item[data-adventurer=warrior],
.adventurer .adventurer_choose[data-adventurer=magician] .adventurer_choose_list_item[data-adventurer=magician],
.adventurer .adventurer_choose[data-adventurer=priest] .adventurer_choose_list_item[data-adventurer=priest],
.adventurer .adventurer_choose[data-adventurer=dwarf] .adventurer_choose_list_item[data-adventurer=dwarf],
.adventurer .adventurer_choose[data-adventurer=elf] .adventurer_choose_list_item[data-adventurer=elf],
.adventurer .adventurer_choose[data-adventurer=human] .adventurer_choose_list_item[data-adventurer=human],
.adventurer .adventurer_choose[data-adventurer=beastfolk] .adventurer_choose_list_item[data-adventurer=beastfolk],
.adventurer .adventurer_choose[data-adventurer=thief] .adventurer_choose_hover ._thief,
.adventurer .adventurer_choose[data-adventurer=knight] .adventurer_choose_hover ._knight,
.adventurer .adventurer_choose[data-adventurer=warrior] .adventurer_choose_hover ._warrior,
.adventurer .adventurer_choose[data-adventurer=magician] .adventurer_choose_hover ._magician,
.adventurer .adventurer_choose[data-adventurer=priest] .adventurer_choose_hover ._priest,
.adventurer .adventurer_choose[data-adventurer=dwarf] .adventurer_choose_hover ._dwarf,
.adventurer .adventurer_choose[data-adventurer=elf] .adventurer_choose_hover ._elf,
.adventurer .adventurer_choose[data-adventurer=human] .adventurer_choose_hover ._human,
.adventurer .adventurer_choose[data-adventurer=beastfolk] .adventurer_choose_hover ._beastfolk,
.adventurer .adventurer_choose:not([data-adventurer]) .adventurer_choose_list_item[data-adventurer=thief],
.adventurer .adventurer_choose:not([data-adventurer]) .adventurer_choose_list_item[data-adventurer=dwarf] {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_choose.adventurer_choose--race {
    margin-top: 13.3333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list {
    margin-top: 20.5333333333vw;
    margin-top: 14.5333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item {
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item .adventurer_choose_list_title {
    position: absolute;
    z-index: 2;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item .adventurer_choose_list_title img {
    height: 22vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item .adventurer_choose_list_btn {
    position: absolute;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item .adventurer_choose_list_link {
    visibility: hidden;
    position: absolute;
    top: 18.6666666667vw;
    left: 0;
    width: 100%;
    height: 130.6666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=thief] .adventurer_choose_list_btn {
    top: 66.6666666667vw;
    left: 66.6666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=knight] .adventurer_choose_list_btn {
    top: 33.3333333333vw;
    left: 58.6666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=warrior] .adventurer_choose_list_btn {
    top: 66.6666666667vw;
    left: 22.6666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=magician] .adventurer_choose_list_btn {
    top: 61.3333333333vw;
    left: 53.3333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=priest] .adventurer_choose_list_btn {
    top: 48vw;
    left: 61.3333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=dwarf] .adventurer_choose_list_btn {
    top: 30.4vw;
    left: 60vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=elf] .adventurer_choose_list_btn {
    top: 45.6vw;
    left: 61.8666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=human] .adventurer_choose_list_btn {
    top: 48.5333333333vw;
    left: 58.9333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=beastfolk] .adventurer_choose_list_btn {
    top: 42.1333333333vw;
    left: 65.0666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_prev,
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_next {
    position: absolute;
    z-index: 3;
    top: 3.4666666667vw;
    width: 5.0666666667vw;
    height: 9.3333333333vw;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .no-webp .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_prev,
  .no-webp .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_next {
    background-image: url("/daphne/de/assets/img/icon_next.png");
  }
  .webp .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_prev,
  .webp .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_next {
    background-image: url("/daphne/de/assets/img/icon_next.webp");
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_prev {
    left: 5.3333333333vw;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_next {
    right: 5.3333333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_bg {
    position: relative;
    top: -5.3333333333vw;
    margin-bottom: 4vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_bg img {
    width: 271.2vw;
    max-width: inherit;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
  }
  .adventurer .adventurer_choose .adventurer_choose_bg.adventurer_choose_bg--race {
    top: 0.5333333333vw;
    margin-bottom: 19.4666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_bg.adventurer_choose_bg--race img {
    width: 228.2666666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_link,
  .adventurer .adventurer_choose .adventurer_choose_hover {
    display: none;

    content-visibility: hidden;
  }
  .adventurer .adventurer_choose:not([data-adventurer]) .adventurer_choose_list_item[data-adventurer=thief] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=thief] .adventurer_choose_list_item[data-adventurer=thief] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=knight] .adventurer_choose_list_item[data-adventurer=knight] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=warrior] .adventurer_choose_list_item[data-adventurer=warrior] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=magician] .adventurer_choose_list_item[data-adventurer=magician] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=priest] .adventurer_choose_list_item[data-adventurer=priest] .adventurer_choose_list_link,
  .adventurer .adventurer_choose:not([data-adventurer]) .adventurer_choose_list_item[data-adventurer=dwarf] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=dwarf] .adventurer_choose_list_item[data-adventurer=dwarf] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=elf] .adventurer_choose_list_item[data-adventurer=elf] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=human] .adventurer_choose_list_item[data-adventurer=human] .adventurer_choose_list_link,
  .adventurer .adventurer_choose[data-adventurer=beastfolk] .adventurer_choose_list_item[data-adventurer=beastfolk] .adventurer_choose_list_link {
    visibility: visible;
  }
  .adventurer .adventurer_choose:not([data-adventurer]) .adventurer_choose_bg:not(.adventurer_choose_bg--race) img,
  .adventurer .adventurer_choose[data-adventurer=thief] .adventurer_choose_bg:not(.adventurer_choose_bg--race) img {
    -webkit-transform: translateX(-63%);
            transform: translateX(-63%);
  }
  .adventurer .adventurer_choose[data-adventurer=knight] .adventurer_choose_bg img {
    -webkit-transform: translateX(-51%);
            transform: translateX(-51%);
  }
  .adventurer .adventurer_choose[data-adventurer=warrior] .adventurer_choose_bg img {
    -webkit-transform: translateX(-41%);
            transform: translateX(-41%);
  }
  .adventurer .adventurer_choose[data-adventurer=magician] .adventurer_choose_bg img {
    -webkit-transform: translateX(-17%);
            transform: translateX(-17%);
  }
  .adventurer .adventurer_choose[data-adventurer=priest] .adventurer_choose_bg img {
    -webkit-transform: translateX(-1%);
            transform: translateX(-1%);
  }
  .adventurer .adventurer_choose[data-adventurer=dwarf] .adventurer_choose_bg img {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .adventurer .adventurer_choose[data-adventurer=elf] .adventurer_choose_bg img {
    -webkit-transform: translateX(-19%);
            transform: translateX(-19%);
  }
  .adventurer .adventurer_choose[data-adventurer=human] .adventurer_choose_bg img {
    -webkit-transform: translateX(-37%);
            transform: translateX(-37%);
  }
  .adventurer .adventurer_choose[data-adventurer=beastfolk] .adventurer_choose_bg img {
    -webkit-transform: translateX(-57%);
            transform: translateX(-57%);
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_choose {
    overflow: hidden;
    margin-top: -6.9270833333vw;
    height: 56.1458333333vw;
  }
  .adventurer .adventurer_choose.adventurer_choose--race {
    margin-top: -5.7291666667vw;
    margin-bottom: -2.6041666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item {
    opacity: 0.5;
    padding-bottom: 1.5625vw;
    cursor: pointer;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=thief] {
    top: 21.5104166667vw;
    left: 75.5208333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=knight] {
    top: 6.09375vw;
    left: 63.5416666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=warrior] {
    top: 20.5208333333vw;
    left: 54.0104166667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=magician] {
    top: 21.40625vw;
    left: 34.84375vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=priest] {
    top: 13.0208333333vw;
    left: 20.3125vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=dwarf] {
    top: 11.875vw;
    left: 20.9375vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=elf] {
    top: 12.2916666667vw;
    left: 40.625vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=human] {
    top: 17.2916666667vw;
    left: 52.6041666667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_item[data-adventurer=beastfolk] {
    top: 8.4375vw;
    left: 68.75vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_title img {
    height: 5.46875vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_title.adventurer_choose_list_title--race img {
    height: 5.2083333333vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_btn,
  .adventurer .adventurer_choose .adventurer_choose_list .adventurer_choose_list_link {
    display: none;

    content-visibility: hidden;
  }
  .adventurer .adventurer_choose .adventurer_choose_list_prev,
  .adventurer .adventurer_choose .adventurer_choose_list_next {
    display: none;

    content-visibility: hidden;
  }
  .adventurer .adventurer_choose .adventurer_choose_link {
    top: -4.0104166667vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_link.adventurer_choose_link--race {
    top: 4.21875vw;
  }
  .adventurer .adventurer_choose .adventurer_choose_hover > div {
    height: 56.1458333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_race {
    margin-top: -6.9270833333vw;
    margin-bottom: 5.5208333333vw;
  }
}

/* --------------------------------
  .adventurer-modal
-------------------------------- */
.adventurer-modal {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* .adventurer-modal_inner */
  /* .adventurer-modal_title */
  /* .adventurer-modal_image */
  /* .adventurer-modal_thumb */
  /* .adventurer-modal_lead */
  /* adventurer-modal-race */
}
.adventurer-modal::before,
.adventurer-modal::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.adventurer-modal::before {
  top: 0;
}
.adventurer-modal::after {
  bottom: 0;
}
@media (max-width: 767.98px) {
  .adventurer-modal {
    padding: 11.2vw 8.5333333333vw 14.9333333333vw 8.4vw;
    width: 80vw;
  }
  .no-webp .adventurer-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_sm.png");
  }
  .webp .adventurer-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_sm.webp");
  }
  .adventurer-modal::before {
    height: 4.4vw;
  }
  .no-webp .adventurer-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_sm.png");
  }
  .webp .adventurer-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_sm.webp");
  }
  .adventurer-modal::after {
    height: 1.8666666667vw;
  }
  .no-webp .adventurer-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_sm.png");
  }
  .webp .adventurer-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_sm.webp");
  }
}
@media (min-width: 768px) {
  .adventurer-modal {
    padding: 5.3125vw 6.3020833333vw 5.8333333333vw;
    width: 70.8333333333vw;
  }
  .no-webp .adventurer-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_lg.png");
  }
  .webp .adventurer-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_lg.webp");
  }
  .adventurer-modal::before {
    height: 1.7708333333vw;
  }
  .no-webp .adventurer-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_lg.png");
  }
  .webp .adventurer-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_lg.webp");
  }
  .adventurer-modal::after {
    height: 0.625vw;
  }
  .no-webp .adventurer-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_lg.png");
  }
  .webp .adventurer-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_lg.webp");
  }
}
.adventurer-modal .adventurer-modal_inner {
  opacity: 0;
  position: relative;
  color: #d4ba98;
}
.is-modalchanging .adventurer-modal .adventurer-modal_inner {
  opacity: 1;
  transition: opacity 1s;
}
@media (min-width: 768px) {
  .adventurer-modal .adventurer-modal_inner {
    padding-top: 1.25vw;
    padding-bottom: 7.2916666667vw;
    padding-left: 29.1666666667vw;
    min-height: 31.6666666667vw;
  }
}
.adventurer-modal .adventurer-modal_title {
  display: flex;
  flex-direction: column;
}
.adventurer-modal .adventurer-modal_title > span {
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.adventurer-modal .adventurer-modal_title > strong {
  letter-spacing: 0.13em;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .adventurer-modal .adventurer-modal_title > span {
    font-size: 2.4vw;
  }
  .adventurer-modal .adventurer-modal_title > strong {
    margin-top: -1.0666666667vw;
    margin-left: -0.2666666667vw;
    font-size: 6.4vw;
  }
}
@media (min-width: 768px) {
  .adventurer-modal .adventurer-modal_title > span {
    font-size: 0.9375vw;
  }
  .adventurer-modal .adventurer-modal_title > strong {
    margin-top: -0.3125vw;
    margin-left: -0.1041666667vw;
    font-size: 2.5vw;
  }
}
.adventurer-modal .adventurer-modal_image {
  position: relative;
}
.adventurer-modal .adventurer-modal_image > ._image:not(:first-child) {
  display: none;
}
.adventurer-modal .adventurer-modal_image ._image img {
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (max-width: 767.98px) {
  .adventurer-modal .adventurer-modal_image {
    margin-top: 3.2vw;
    width: 63.2vw;
    height: 63.3333333333vw;
  }
  .adventurer-modal .adventurer-modal_image ._image {
    width: 63.2vw;
    height: 63.3333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer-modal .adventurer-modal_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 24.6875vw;
    height: 31.6666666667vw;
  }
  .adventurer-modal .adventurer-modal_image ._image {
    width: 24.6875vw;
    height: 31.6666666667vw;
  }
}
.adventurer-modal .adventurer-modal_thumb {
  display: flex;
}
.adventurer-modal .adventurer-modal_thumb ._image {
  position: relative;
  cursor: pointer;
}
.adventurer-modal .adventurer-modal_thumb ._image::before,
.adventurer-modal .adventurer-modal_thumb ._image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.adventurer-modal .adventurer-modal_thumb ._image::before {
  opacity: 0.7;
  transition: opacity 0.5s;
  background-color: #000;
}
.adventurer-modal .adventurer-modal_thumb ._image::after {
  border: 1px solid #d0a974;
}
.adventurer-modal .adventurer-modal_thumb ._image img {
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (hover: hover) {
  .adventurer-modal .adventurer-modal_thumb ._image:hover::before {
    opacity: 0.35;
  }
}
.adventurer-modal .adventurer-modal_thumb ._image.is-active::before {
  opacity: 0;
}
@media (max-width: 767.98px) {
  .adventurer-modal .adventurer-modal_thumb {
    margin-top: 3.7333333333vw;
    width: 100%;

    gap: 0 1.8666666667vw;
  }
  .adventurer-modal .adventurer-modal_thumb ._image {
    width: calc((100% - 5.6vw) / 4);
  }
  .adventurer-modal .adventurer-modal_thumb ._image > div {
    width: 14vw;
    height: 14vw;
  }
}
@media (min-width: 768px) {
  .adventurer-modal .adventurer-modal_thumb {
    position: absolute;
    bottom: 0.0520833333vw;
    left: 29.1666666667vw;
    width: 29.375vw;

    gap: 0 0.7291666667vw;
  }
  .adventurer-modal .adventurer-modal_thumb ._image {
    width: 6.7708333333vw;
    height: 6.7708333333vw;
  }
}
@media (max-width: 767.98px) {
  .adventurer-modal .adventurer-modal_lead {
    margin-top: 4vw;
    letter-spacing: 0.1em;
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
@media (min-width: 768px) {
  .adventurer-modal .adventurer-modal_lead {
    margin-top: 1.3541666667vw;
    letter-spacing: 0.04em;
    font-size: 0.9375vw;
    line-height: 2.1111111111;
  }
}
@media (min-width: 768px) {
  .adventurer-modal.adventurer-modal--race {
    padding-bottom: 3.90625vw;
  }
}
@media (min-width: 768px) {
  .adventurer-modal.adventurer-modal--race .adventurer-modal_inner {
    padding-bottom: 0vw;
    min-height: 29.375vw;
  }
}
@media (min-width: 768px) {
  .adventurer-modal.adventurer-modal--race .adventurer-modal_image ._image {
    margin-left: -4.8958333333vw;
    width: 33.0208333333vw;
    height: 29.375vw;
  }
}

/* --------------------------------
  .howtoplay
-------------------------------- */
.howtoplay {
  position: relative;
}
.howtoplay .howtoplay_slider {
  position: relative;
}
.howtoplay .howtoplay_slider .howtoplay_slider_label {
  font-family: "Cormorant", serif;
  line-height: 1;
}
.howtoplay .howtoplay_slider .howtoplay_slider_image .howtoplay_slider_image_inner {
  overflow: hidden;
  position: absolute;
}
.howtoplay .howtoplay_slider .howtoplay_slider_image .howtoplay_slider_image_inner img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
}
.howtoplay .howtoplay_slider .howtoplay_slider_image .howtoplay_slider_image_inner img.is-active {
  opacity: 1;
  z-index: 2;
}
.howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main {
  color: rgba(221, 209, 183, 0.65);
}
.howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > h3 {
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > p {
  letter-spacing: 0.1em;
}
.howtoplay .howtoplay_slider .howtoplay_slider_list > .howtoplay_slider_list_item:not(:first-child) {
  display: none;
}
.howtoplay .howtoplay_slider .howtoplay_slider_list.is-noslide .slick-list {
  cursor: default !important;
}
.howtoplay .howtoplay_slider .howtoplay_slider_nav {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .howtoplay .howtoplay_slider .howtoplay_slider_nav {
  background-image: url("/daphne/de/assets/img/icon_next.png");
}
.webp .howtoplay .howtoplay_slider .howtoplay_slider_nav {
  background-image: url("/daphne/de/assets/img/icon_next.webp");
}
.howtoplay .howtoplay_slider .howtoplay_slider_nav.howtoplay_slider_nav-prev {
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
.howtoplay .howtoplay_recommend {
  margin-right: auto;
  margin-left: auto;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_title {
  text-align: center;
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_inner {
  display: block;
  position: relative;
  cursor: pointer;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before,
.howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.no-webp .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before,
.no-webp .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
  background-image: url("/daphne/de/assets/img/howtoplay_recommend_bg.png");
}
.webp .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before,
.webp .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
  background-image: url("/daphne/de/assets/img/howtoplay_recommend_bg.webp");
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before {
  top: 0;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
  bottom: 0;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle,
.howtoplay .howtoplay_recommend .howtoplay_recommend_lead {
  color: #ddd1b7;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle {
  font-weight: 400;
}
.howtoplay .howtoplay_recommend .howtoplay_recommend_lead {
  letter-spacing: 0.1em;
}
@media (max-width: 767.98px) {
  .howtoplay {
    padding-top: 26.6666666667vw;
    padding-bottom: 9.3333333333vw;
  }
  .howtoplay .howtoplay_slider {
    position: relative;
    margin-top: -0.2666666667vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_label {
    position: absolute;
    top: 0;
    left: 66.6666666667vw;
    font-size: 8vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_label > span {
    font-size: 23.6706666667vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_image {
    position: absolute;
    top: 23.4666666667vw;
    right: 0;
    left: 0;
    margin: 1.0666666667vw auto 0;
    width: 62.9333333333vw;
    height: 123.7333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
  }
  .no-webp .howtoplay .howtoplay_slider .howtoplay_slider_image {
    background-image: url("/daphne/de/assets/img/howtoplay_slider_image_bg.png");
  }
  .webp .howtoplay .howtoplay_slider .howtoplay_slider_image {
    background-image: url("/daphne/de/assets/img/howtoplay_slider_image_bg.webp");
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_image .howtoplay_slider_image_inner {
    top: 14.6666666667vw;
    left: 5.3333333333vw;
    border-radius: 0.8vw;
    width: 53.8666666667vw;
    height: 95.4666666667vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 8.2666666667vw, black calc(100% - 8.2666666667vw), rgba(0, 0, 0, 0) 100%);
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item {
    padding: 160.2666666667vw 8.2666666667vw 0;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > h3 {
    margin-right: -2.6666666667vw;
    margin-left: -2.6666666667vw;
    font-size: 5.6vw;
    line-height: 1.5476190476;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > p {
    margin-top: 6.1333333333vw;
    font-size: 4.2666666667vw;
    line-height: 1.3125;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav {
    top: 83.7333333333vw;
    width: 5.2vw;
    height: 9.3333333333vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav.howtoplay_slider_nav-prev {
    left: 5.3333333333vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav.howtoplay_slider_nav-next {
    right: 5.3333333333vw;
  }
  .howtoplay .howtoplay_recommend {
    margin-top: 13.6vw;
    margin-right: 5.3333333333vw;
    margin-left: 5.3333333333vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_title {
    font-size: 6.1333333333vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner {
    margin-top: 1.8666666667vw;
    padding-top: 8.5333333333vw;
    padding-bottom: 9.6vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before,
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
    height: 1.6vw;
    background-size: auto 100%;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle {
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 4.5333333333vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle > span {
    display: block;
    letter-spacing: 0.1em;
    font-size: 2.6666666667vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_lead {
    margin: 4.8vw 7.4666666667vw 5.6vw;
    text-align: center;
    font-size: 3.4666666667vw;
    line-height: 1.6153846154;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_btn {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 18.2666666667vw;
  }
}
@media (min-width: 768px) {
  .howtoplay {
    padding-top: 11.4583333333vw;
    padding-bottom: 8.8541666667vw;
  }
  .howtoplay .howtoplay_slider {
    margin: 1.4583333333vw auto 0;
    width: 74.375vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_label {
    position: absolute;
    top: 0;
    left: 61.5625vw;
    font-size: 3.125vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_label > span {
    font-size: 9.2463541667vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_image {
    position: absolute;
    top: 4.4270833333vw;
    left: 7.03125vw;
    width: 18.1770833333vw;
    height: 36.9270833333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
  }
  .no-webp .howtoplay .howtoplay_slider .howtoplay_slider_image {
    background-image: url("/daphne/de/assets/img/howtoplay_slider_image_bg.png");
  }
  .webp .howtoplay .howtoplay_slider .howtoplay_slider_image {
    background-image: url("/daphne/de/assets/img/howtoplay_slider_image_bg.webp");
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_image .howtoplay_slider_image_inner {
    top: 4.375vw;
    left: 1.5625vw;
    border-radius: 0.3125vw;
    width: 15.5208333333vw;
    height: 27.6041666667vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 36%, black 39%, black 89%, rgba(0, 0, 0, 0) 92%);
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 4.375vw 7.03125vw 0;
    height: 41.3020833333vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main {
    padding-bottom: 1.875vw;
    width: 38.28125vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > h3 {
    font-size: 2.1875vw;
    line-height: 1.5476190476;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_list .howtoplay_slider_list_item .howtoplay_slider_list_item_main > p {
    margin-top: 5.2604166667vw;
    font-size: 1.6666666667vw;
    line-height: 1.3125;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav {
    top: 50%;
    margin-top: 0.3125vw;
    width: 1.71875vw;
    height: 3.125vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav.howtoplay_slider_nav-prev {
    left: 0vw;
  }
  .howtoplay .howtoplay_slider .howtoplay_slider_nav.howtoplay_slider_nav-next {
    right: 0.1041666667vw;
  }
  .howtoplay .howtoplay_recommend {
    margin-top: 4.4791666667vw;
    width: 59.7916666667vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_title {
    font-size: 2.2916666667vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner {
    margin-top: 0.7291666667vw;
    padding-top: 2.8645833333vw;
    padding-bottom: 3.3333333333vw;
    padding-left: 3.9583333333vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::before,
  .howtoplay .howtoplay_recommend .howtoplay_recommend_inner::after {
    height: 0.625vw;
    background-size: 100% 100%;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle {
    letter-spacing: 0.13em;
    font-size: 1.5625vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_subtitle > span {
    margin-left: 1em;
    letter-spacing: 0.13em;
    font-size: 1.0416666667vw;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_lead {
    margin-top: 0.8854166667vw;
    font-size: 1.1458333333vw;
    line-height: 1.7272727273;
  }
  .howtoplay .howtoplay_recommend .howtoplay_recommend_btn {
    position: absolute;
    top: 2.5vw;
    right: 3.90625vw;
  }
}

/* --------------------------------
  .interview
-------------------------------- */
@media (max-width: 767.98px) {
  .interview {
    padding-top: 13.3333333333vw;
    padding-bottom: 40vw;
  }
}
@media (min-width: 768px) {
  .interview {
    padding-top: 4.6875vw;
    padding-bottom: 14.0625vw;
  }
}
@media (max-width: 767.98px) {
  .interview .interview_body {
    margin-top: 9.3333333333vw;
    padding: 0 5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .interview .interview_body {
    margin-top: 3.4375vw;
  }
}

.special-boxs {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .special-boxs {
    gap: 5.8666666667vw;
  }
}
@media (min-width: 768px) {
  .special-boxs {
    gap: 2.6041666667vw;
  }
}

.special-box {
  display: flex;
  position: relative;
  margin: auto;
  width: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("/daphne/de/assets/img/special_border_top_lg.png"), url("/daphne/de/assets/img/special_border_loop_lg.png"), url("/daphne/de/assets/img/special_border_bottom_lg.png");
  background-repeat: no-repeat, repeat-y, no-repeat;
  background-position: top center, center center, bottom center;
  background-size: 100% auto, 100% auto, 100% auto;
}
@media (max-width: 767.98px) {
  .special-box {
    padding: 6.6666666667vw 8vw 10.6666666667vw;
    background-image: url("/daphne/de/assets/img/special_border_top_sm.png"), url("/daphne/de/assets/img/special_border_loop_sm.png"), url("/daphne/de/assets/img/special_border_bottom_sm.png");

    gap: 4vw;
  }
}
@media (min-width: 768px) {
  .special-box {
    padding: 3.125vw 9.2708333333vw 3.125vw 8.125vw;
    max-width: 70.8333333333vw;
    transition: background-color 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);

    gap: 1.25vw;
  }
  .special-box:hover:not(.-comingmore) {
    transition: background-color 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (max-width: 767.98px) {
  .special-box.-column01 {
    padding: 8vw 5.3333333333vw 8vw 7.2vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column01 .special-box_name {
    align-items: flex-start;
    padding: 0.8vw 4vw;

    gap: 1.6vw;
  }
  .special-box.-column01 .special-box_name::after {
    content: "";
    position: absolute;
    top: 1.8666666667vw;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 1px;
    background-color: #6b5a41;
  }
}
@media (min-width: 768px) {
  .special-box.-column01 .special-box_name {
    padding: 0 2.0833333333vw;

    gap: 1.875vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column01 .special-box_name .sign {
    right: 2.6666666667vw;
    bottom: -5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box.-column01 .special-box_name .sign {
    top: 1.5625vw;
    right: 3.3854166667vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .special-box.-column02 {
    padding: 1.4583333333vw 7.96875vw 1.4583333333vw 2.34375vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_namearea {
    width: 100%;

    gap: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box.-column02 .special-box_namearea {
    padding: 1.4583333333vw 0;

    gap: 4.6875vw;
  }
}
.special-box.-column02 .special-box_name {
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 50%;
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_name::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    left: 0;
    border-top: 1px solid #6b5a41;
    border-bottom: 1px solid #6b5a41;
    pointer-events: none;
  }
}
.special-box.-column02 .special-box_name .en {
  justify-content: center;
  width: 100%;
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_name .en {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .special-box.-column02 .special-box_name .en {
    padding: 0.1041666667vw 0;
  }
}
.special-box.-column02 .special-box_name .jp {
  justify-content: center;
  width: 100%;
}
.special-box.-column02 .special-box_name .jp::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  background-color: #6b5a41;
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_name .jp::after {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_name .sign {
    right: 2.6666666667vw;
    bottom: -5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box.-column02 .special-box_name .sign {
    top: 3.4375vw;
    right: -0.9895833333vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.0666666667vw;
    margin: auto;
    width: 32.2666666667vw;
    height: 1.6vw;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    background-image: url("/daphne/de/assets/img/special_button_left.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.0666666667vw;
    bottom: 0;
    margin: auto;
    width: 32.2666666667vw;
    height: 1.6vw;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    background-image: url("/daphne/de/assets/img/special_button_right.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
@media (max-width: 767.98px) {
  .special-box.-column02 .special-box_button .btn::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.special-box.-comingmore {
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .special-box.-comingmore {
    flex-direction: column;
    padding-bottom: 9.8666666667vw;
  }
}
@media (min-width: 768px) {
  .special-box.-comingmore {
    padding: 1.4583333333vw 7.96875vw 1.0416666667vw 2.34375vw;
  }
}
@media (max-width: 767.98px) {
  .special-box.-comingmore .special-box_namearea {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .special-box.-comingmore .special-box_namearea {
    padding: 1.4583333333vw 0;
  }
}
.special-box.-comingmore .special-box_name {
  flex-direction: column;
  justify-content: center;
}
.special-box.-comingmore .top {
  letter-spacing: 0.033em;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
}
@media (max-width: 767.98px) {
  .special-box.-comingmore .top {
    padding-bottom: 1.0666666667vw;
    font-size: 6.6666666667vw;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .special-box.-comingmore .top {
    font-size: 1.9791666667vw;
    line-height: 1.3;
  }
}
.special-box.-comingmore .under {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  letter-spacing: 0.033em;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
}
@media (max-width: 767.98px) {
  .special-box.-comingmore .under {
    padding-top: 1.0666666667vw;
    font-size: 4vw;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .special-box.-comingmore .under {
    font-size: 1.0416666667vw;
    line-height: 2.1;
  }
}
.special-box.-comingmore .under::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  background-color: #6b5a41;
}
.special-box .special-box_image {
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .special-box .special-box_image {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_image {
    width: 12.9166666667vw;
  }
}
.special-box .special-box_namearea {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.special-box .special-box_name {
  display: flex;
  align-items: center;
  flex-grow: 1;
  position: relative;
  border-top: 1px solid #6b5a41;
  border-bottom: 1px solid #6b5a41;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name {
    flex-direction: column;
    padding: 1.8666666667vw 0 3.2vw;
    width: 100%;
  }
}
.special-box .special-box_name + .special-box_name::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/daphne/de/assets/img/icon_cross.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name + .special-box_name::after {
    left: -8.5333333333vw;
    width: 7.3333333333vw;
    height: 7.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name + .special-box_name::after {
    left: -3.4895833333vw;
    width: 2.2916666667vw;
    height: 2.2916666667vw;
  }
}
.special-box .special-box_name .en {
  display: flex;
  letter-spacing: 0.033em;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .en {
    text-align: center;
    font-size: 4.5333333333vw;
    line-height: 1.1;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .en {
    white-space: nowrap;
    font-size: 1.875vw;
    line-height: 1.3;
  }
}
.special-box .special-box_name .jp {
  display: flex;
  position: relative;
  letter-spacing: -0.03em;
  color: #d4ad7a;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .jp {
    text-align: center;
    font-size: 2.6666666667vw;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .jp {
    white-space: nowrap;
    font-size: 1.0416666667vw;
    line-height: 2.03;
  }
}
.special-box .special-box_name .sign {
  position: absolute;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .sign {
    bottom: -3.7333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .sign {
    bottom: 0;
  }
}
.special-box .special-box_name .sign.horii img {
  position: relative;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .sign.horii img {
    top: 1.3333333333vw;
    right: 0.5333333333vw;
    width: 11.4666666667vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .sign.horii img {
    right: 2.8125vw;
    width: 3.75vw;
  }
}
.special-box .special-box_name .sign.robert img {
  position: relative;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .sign.robert img {
    top: 1.6vw;
    right: -1.3333333333vw;
    width: 25.2vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .sign.robert img {
    top: 0.6770833333vw;
    right: -0.7291666667vw;
    width: 9.84375vw;
  }
}
.special-box .special-box_name .sign.oshii img {
  position: relative;
}
@media (max-width: 767.98px) {
  .special-box .special-box_name .sign.oshii img {
    top: 1.3333333333vw;
    right: -2.6666666667vw;
    width: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_name .sign.oshii img {
    right: 1.0416666667vw;
    width: 2.6041666667vw;
  }
}
.special-box .special-box_button {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .special-box .special-box_button {
    position: relative;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_button {
    position: absolute;
    top: 0;
    right: 1.7708333333vw;
    bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .special-box .special-box_button .btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_button .btn {
    width: 4.375vw;
    height: 4.375vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_button .btn-open::after {
    width: 1.875vw;
    height: 1.875vw;
  }
}
@media (max-width: 767.98px) {
  .special-box .special-box_button .btn-blank::after {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-box .special-box_button .btn-blank::after {
    width: 1.4583333333vw;
    height: 1.4583333333vw;
  }
}

.special-modal {
  position: relative;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .special-modal {
    padding: 11.2vw 2.9333333333vw 14.9333333333vw;
    width: 100%;
  }
  .no-webp .special-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_sm.png");
  }
  .webp .special-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_sm.webp");
  }
  .special-modal::before {
    height: 4.4vw;
  }
  .no-webp .special-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_sm.png");
  }
  .webp .special-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_sm.webp");
  }
  .special-modal::after {
    height: 1.8666666667vw;
  }
  .no-webp .special-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_sm.png");
  }
  .webp .special-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_sm.webp");
  }
}
@media (min-width: 768px) {
  .special-modal {
    padding: 4.6875vw 2.6041666667vw;
    width: 60.9375vw;
  }
  .no-webp .special-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_lg.png");
  }
  .webp .special-modal {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg3_lg.webp");
  }
  .special-modal::before {
    height: 1.7708333333vw;
  }
  .no-webp .special-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_lg.png");
  }
  .webp .special-modal::before {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg1_lg.webp");
  }
  .special-modal::after {
    height: 0.625vw;
  }
  .no-webp .special-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_lg.png");
  }
  .webp .special-modal::after {
    background-image: url("/daphne/de/assets/img/adventurer_modal_bg2_lg.webp");
  }
}
.special-modal::before,
.special-modal::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.special-modal::before {
  top: 0;
}
.special-modal::after {
  bottom: 0;
}
.special-modal .special-modal_inner {
  height: 100%;

  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_inner {
    padding: 0 4vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_inner {
    padding: 0 2.1875vw;
    max-height: 60vh;
  }
}
.special-modal .special-modal_inner::-webkit-scrollbar {
  display: none;
}
.special-modal .special-modal_box_namearea {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_namearea {
    width: 100%;

    gap: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_namearea {
    gap: 4.6875vw;
  }
}
.special-modal .special-modal_box_name {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
  border-top: 1px solid #6b5a41;
  border-bottom: 1px solid #6b5a41;
  width: 50%;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name {
    flex-direction: column;
    padding: 1.8666666667vw 0 3.2vw;
  }
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    left: 0;
    border-top: 1px solid #6b5a41;
    border-bottom: 1px solid #6b5a41;
    pointer-events: none;
  }
}
.special-modal .special-modal_box_name + .special-modal_box_name::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url("/daphne/de/assets/img/icon_cross.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name + .special-modal_box_name::after {
    left: -8.5333333333vw;
    width: 7.3333333333vw;
    height: 7.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name + .special-modal_box_name::after {
    left: -3.4895833333vw;
    width: 2.2916666667vw;
    height: 2.2916666667vw;
  }
}
.special-modal .special-modal_box_name .en {
  display: flex;
  justify-content: center;
  width: 100%;
  letter-spacing: 0.033em;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .en {
    padding: 0;
    text-align: center;
    font-size: 4.5333333333vw;
    line-height: 1.1;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name .en {
    padding: 0.1041666667vw 0;
    white-space: nowrap;
    font-size: 1.875vw;
    line-height: 1.3;
  }
}
.special-modal .special-modal_box_name .jp {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  letter-spacing: -0.03em;
  color: #d4ad7a;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .jp {
    padding-top: 0.8vw;
    text-align: center;
    font-size: 2.6666666667vw;
    line-height: 1.2;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name .jp {
    white-space: nowrap;
    font-size: 1.0416666667vw;
    line-height: 2.03;
  }
}
.special-modal .special-modal_box_name .jp::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  height: 1px;
  background-color: #6b5a41;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .jp::after {
    display: none;
  }
}
.special-modal .special-modal_box_name .sign {
  position: absolute;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .sign {
    right: 2.6666666667vw;
    bottom: -5.3333333333vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name .sign {
    top: 3.4375vw;
    right: -0.9895833333vw;
    bottom: 0;
  }
}
.special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_yuji-horii.png"] {
  position: relative;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_yuji-horii.png"] {
    top: 1.3333333333vw;
    right: 0.5333333333vw;
    width: 11.4666666667vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_yuji-horii.png"] {
    right: 2.8125vw;
    width: 3.75vw;
  }
}
.special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_robert-woodhead.png"] {
  position: relative;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_robert-woodhead.png"] {
    top: 1.6vw;
    right: -1.3333333333vw;
    width: 25.2vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_box_name .sign img[src="/daphne/de/assets/img/special_sign_robert-woodhead.png"] {
    right: -0.7291666667vw;
    width: 9.84375vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_wrap {
    display: flex;
  }
}
.special-modal .special-modal_image {
  flex: 1;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_image {
    margin-top: 10.1333333333vw;
    padding: 0 5.6vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_image {
    margin-top: 3.90625vw;
  }
}
.special-modal .special-modal_content {
  flex: 1;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_content {
    margin-top: 5.0666666667vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_content {
    margin-top: 3.125vw;
  }
}
.special-modal .special-modal_text {
  color: #ddd1b7;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_text {
    padding: 0 5.6vw;
    font-size: 3.2vw;
    line-height: 1.8;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_text {
    padding-left: 1.5625vw;
    font-size: 1.25vw;
    line-height: 1.8;
  }
}
.special-modal .special-modal_link {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #6b5a41;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #ddd1b7;
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_link {
    margin: 6.6666666667vw auto 0;
    padding: 0 3.4666666667vw 1.8666666667vw 4.5333333333vw;
    font-size: 3.2vw;

    gap: 2.4vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_link {
    position: relative;
    left: 1.0416666667vw;
    margin: 2.6041666667vw auto 0;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    font-size: 1.25vw;

    gap: 0.9375vw;
  }
  .special-modal .special-modal_link:hover {
    opacity: 0.45;
    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.special-modal .special-modal_link[target=_blank]::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .special-modal .special-modal_link[target=_blank]::after {
  background-image: url("/daphne/de/assets/img/icon_blank.png");
}
.webp .special-modal .special-modal_link[target=_blank]::after {
  background-image: url("/daphne/de/assets/img/icon_blank.webp");
}
@media (max-width: 767.98px) {
  .special-modal .special-modal_link[target=_blank]::after {
    width: 3.2vw;
    height: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .special-modal .special-modal_link[target=_blank]::after {
    width: 1.3020833333vw;
    height: 1.09375vw;
  }
}

/* --------------------------------
  .bgarea2
-------------------------------- */
.bgarea2 {
  overflow: hidden;
  position: relative;
}
html:not(.is-load) .bgarea2 {
  content-visibility: hidden;
}
.bgarea2 .bgarea2_inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.no-webp .bgarea2 .bgarea2_inner {
  background-image: url("/daphne/de/assets/img/bgarea2_bg.png");
}
.webp .bgarea2 .bgarea2_inner {
  background-image: url("/daphne/de/assets/img/bgarea2_bg.webp");
}
@media (max-width: 767.98px) {
  .bgarea2 {
    height: 30.6666666667vw;
  }
  .bgarea2 .bgarea2_inner {
    height: 125.7333333333vw;
  }
}
@media (min-width: 768px) {
  .bgarea2 {
    height: 16.6666666667vw;
  }
  .bgarea2 .bgarea2_inner {
    height: 125vw;
  }
}

/* --------------------------------
  .movie
-------------------------------- */
.movie {
  min-height: 70vh;
}
html:not(.is-load) .movie {
  content-visibility: hidden;
}
.movie .movie_list .movie_list_item .movie_listitem__inner {
  display: block;
}
.movie .movie_list .movie_list_item .movie_list_item_title {
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.04em;
  color: rgba(221, 209, 183, 0.7);
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2) {
  letter-spacing: -0.04em;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: normal;
}
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2)::before,
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2)::after {
  content: "~";
}
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2)::before {
  margin-right: 0.5em;
}
.movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2)::after {
  margin-left: 0.5em;
}
.movie .movie_list .movie_list_item:nth-of-type(n + 4) {
  display: none;
}
@-webkit-keyframes movieListItem {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes movieListItem {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 4) {
  display: block;
  -webkit-animation: movieListItem 1s both;
          animation: movieListItem 1s both;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 4) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 5) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 6) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 7) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 8) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 9) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.movie .movie_list.is-active .movie_list_item:nth-of-type(n + 10) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.movie .movie_more {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.movie .movie_more::before,
.movie .movie_more::after {
  content: "";
  opacity: 0.5;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #c5b07e;
}
.movie .movie_more::before {
  top: 0;
}
.movie .movie_more::after {
  bottom: 0;
}
.movie .movie_more > span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  letter-spacing: 0.05em;
  color: rgba(221, 209, 183, 0.5);
}
.movie .movie_more > span::before,
.movie .movie_more > span::after {
  content: "";
  opacity: 0.35;
  position: absolute;
  height: 1px;
  background-color: #fff;
}
.movie .movie_more > span > i {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .movie .movie_more > span > i {
  background-image: url("/daphne/de/assets/img/icon_plus.png");
}
.webp .movie .movie_more > span > i {
  background-image: url("/daphne/de/assets/img/icon_plus.webp");
}
.movie .movie_more.is-active {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1s, visibility 0.1s 1s;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .movie {
    padding-top: 27.7333333333vw;
    padding-bottom: 21.6vw;
  }
  .movie .movie_list {
    margin-top: 16vw;
  }
  .movie .movie_list .movie_list_item {
    position: relative;
  }
  .movie .movie_list .movie_list_item .movie_list_item_title {
    padding-bottom: 0.5333333333vw;
    padding-left: 4.5333333333vw;
    width: 95.0666666667vw;
    height: 20.9333333333vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-shadow: 0.4vw 0.4vw 0.4vw rgba(0, 0, 0, 0.21), 0.4vw 0.4vw 0.4vw rgba(51, 33, 23, 0.21);
    font-size: 5.8666666667vw;
  }
  .no-webp .movie .movie_list .movie_list_item .movie_list_item_title {
    background-image: url("/daphne/de/assets/img/movie_list_bg_sm.png");
  }
  .webp .movie .movie_list .movie_list_item .movie_list_item_title {
    background-image: url("/daphne/de/assets/img/movie_list_bg_sm.webp");
  }
  .movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(1) {
    margin-right: 6.9333333333vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2) {
    margin-top: -1.8666666667vw;
    font-size: 3.2vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_image {
    position: relative;
    left: -7.4666666667vw;
    margin-top: 3.7333333333vw;
    width: 114.9333333333vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_btn {
    position: absolute;
    top: 51.7333333333vw;
    left: 40.5333333333vw;
  }
  .movie .movie_list .movie_list_item:not(:first-child) {
    margin-top: 23.7333333333vw;
  }
  .movie .movie_more {
    margin-top: 13.0666666667vw;
    width: 57.7333333333vw;
  }
  .movie .movie_more > span {
    padding-right: 2.5333333333vw;
    padding-bottom: 1.7333333333vw;
    width: 57.7333333333vw;
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .movie .movie_more > span::before,
  .movie .movie_more > span::after {
    right: 1.3333333333vw;
    left: 1.3333333333vw;
  }
  .movie .movie_more > span::before {
    top: 0.8vw;
  }
  .movie .movie_more > span::after {
    bottom: 0.8vw;
  }
  .movie .movie_more > span > i {
    position: relative;
    top: 0.8vw;
    margin-right: 5.2vw;
    width: 6vw;
    height: 6vw;
  }
}
@media (min-width: 768px) {
  .movie {
    padding-top: 13.0729166667vw;
    padding-bottom: 11.5104166667vw;
  }
  .movie .movie_list {
    margin: 10.78125vw auto 0;
    width: 68.4895833333vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_inner {
    display: flex;
    position: relative;
    padding-top: 5.7291666667vw;
    height: 16.3541666667vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_inner:hover .movie_list_item_title,
  .movie .movie_list .movie_list_item .movie_list_item_inner:hover .movie_list_item_image {
    -webkit-filter: none;
            filter: none;
  }
  .movie .movie_list .movie_list_item .movie_list_item_title {
    padding-bottom: 0.2604166667vw;
    width: 42.6041666667vw;
    height: 8.1770833333vw;
    transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    text-shadow: 0.15625vw 0.15625vw 0.15625vw rgba(0, 0, 0, 0.21), 0.15625vw 0.15625vw 0.15625vw rgba(51, 33, 23, 0.21);
    font-size: 2.2916666667vw;

    -webkit-filter: brightness(80%);

            filter: brightness(80%);
  }
  .no-webp .movie .movie_list .movie_list_item .movie_list_item_title {
    background-image: url("/daphne/de/assets/img/movie_list_bg.png");
  }
  .webp .movie .movie_list .movie_list_item .movie_list_item_title {
    background-image: url("/daphne/de/assets/img/movie_list_bg.webp");
  }
  .movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(1) {
    margin-right: 2.7083333333vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_title > span:nth-of-type(2) > span:nth-of-type(2) {
    margin-top: -0.6770833333vw;
    font-size: 1.09375vw;
  }
  .movie .movie_list .movie_list_item .movie_list_item_image {
    position: absolute;
    width: 46.6666666667vw;
    height: 30vw;
    transition: -webkit-filter 0.5s;
    transition: filter 0.5s;
    transition: filter 0.5s, -webkit-filter 0.5s;

    -webkit-filter: brightness(40%);

            filter: brightness(40%);
  }
  .movie .movie_list .movie_list_item .movie_list_item_btn {
    display: none;

    content-visibility: hidden;
  }
  .movie .movie_list .movie_list_item:not(:first-child) {
    margin-top: 10.4166666667vw;
  }
  .movie .movie_list .movie_list_item:nth-of-type(odd) .movie_list_item_inner {
    flex-direction: row-reverse;
  }
  .movie .movie_list .movie_list_item:nth-of-type(odd) .movie_list_item_title {
    padding-left: 6.6666666667vw;
  }
  .movie .movie_list .movie_list_item:nth-of-type(odd) .movie_list_item_image {
    top: -7.9166666667vw;
    left: -4.7395833333vw;
  }
  .movie .movie_list .movie_list_item:nth-of-type(even) .movie_list_item_title {
    padding-right: 7.0833333333vw;
  }
  .movie .movie_list .movie_list_item:nth-of-type(even) .movie_list_item_image {
    top: -5.625vw;
    right: -5.3125vw;
  }
  .movie .movie_more {
    margin-top: 10.1041666667vw;
    width: 22.5520833333vw;
  }
  .movie .movie_more > span {
    padding-right: 0.9895833333vw;
    padding-bottom: 0.6770833333vw;
    width: 22.5520833333vw;
    height: 5.1041666667vw;
    font-size: 1.6666666667vw;
  }
  .movie .movie_more > span::before,
  .movie .movie_more > span::after {
    right: 0.5208333333vw;
    left: 0.5208333333vw;
  }
  .movie .movie_more > span::before {
    top: 0.3125vw;
  }
  .movie .movie_more > span::after {
    bottom: 0.3125vw;
  }
  .movie .movie_more > span > i {
    position: relative;
    top: 0.3125vw;
    margin-right: 2.03125vw;
    width: 2.34375vw;
    height: 2.34375vw;
  }
}

/* --------------------------------
  .bgarea3
-------------------------------- */
.bgarea3 {
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
html:not(.is-load) .bgarea3 {
  content-visibility: hidden;
}
@media (max-width: 767.98px) {
  .bgarea3 {
    height: 50.6666666667vw;
  }
  .no-webp .bgarea3 {
    background-image: url("/daphne/de/assets/img/about_bg_sm.png");
  }
  .webp .bgarea3 {
    background-image: url("/daphne/de/assets/img/about_bg_sm.webp");
  }
}
@media (min-width: 768px) {
  .bgarea3 {
    height: 34.375vw;
  }
  .no-webp .bgarea3 {
    background-image: url("/daphne/de/assets/img/about_bg_lg.png");
  }
  .webp .bgarea3 {
    background-image: url("/daphne/de/assets/img/about_bg_lg.webp");
  }
}

/* --------------------------------
  .about
-------------------------------- */
.about .about_lead {
  text-align: center;
  letter-spacing: 0.1em;
  color: rgba(221, 209, 183, 0.65);
}
.about .about_wizardry_title {
  margin-right: auto;
  margin-left: auto;
}
.about .about_history-lineup {
  display: block;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .about .about_history-lineup {
    margin-top: 13.3333333333vw;
    padding: 10.6666666667vw 2.6666666667vw;
    max-width: 90.6666666667vw;

    aspect-ratio: 674/364;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup {
    opacity: 0.75;
    margin-top: 5.2604166667vw;
    padding: 3.3333333333vw 0.5208333333vw 4.9479166667vw;
    max-width: 50vw;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);

    aspect-ratio: 1928/728;
  }
  .about .about_history-lineup:hover {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}
.about .about_history-lineup .about_history-lineup_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_bg {
    background-image: url(/daphne/de/assets/img/about_history-lineup_sm.png);
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_bg {
    background-image: url(/daphne/de/assets/img/about_history-lineup_lg.png);
  }
}
.about .about_history-lineup .about_history-lineup_title {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #d4ad7a;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_title {
    font-size: 8.9333333333vw;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_title {
    font-size: 3.4375vw;
  }
}
.about .about_history-lineup .about_history-lineup_lead {
  position: relative;
  z-index: 1;
  text-align: center;
  letter-spacing: 0.1em;
  color: rgba(221, 209, 183, 0.65);
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_lead {
    margin-top: 2.1333333333vw;
    padding-top: 6.4vw;
    font-size: 3.2vw;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_lead {
    margin-top: 0.3645833333vw;
    padding-top: 2.0833333333vw;
    font-size: 1.3541666667vw;
  }
}
.about .about_history-lineup .about_history-lineup_lead::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-image: url(/daphne/de/assets/img/about_history-lineup_line.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  aspect-ratio: 311/15;
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_lead::after {
    width: 15.4666666667vw;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_lead::after {
    width: 6.1458333333vw;
  }
}
.about .about_history-lineup .about_history-lineup_button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_button {
    right: 3.2vw;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_button {
    right: 2.6041666667vw;
  }
}
@media (max-width: 767.98px) {
  .about .about_history-lineup .about_history-lineup_button .btn {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
@media (min-width: 768px) {
  .about .about_history-lineup .about_history-lineup_button .btn {
    width: 4.2708333333vw;
    height: 4.2708333333vw;
  }
}
.about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}
.about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a::before {
  content: "";
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.no-webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a::before {
  background-image: url("/daphne/de/assets/img/icon_next.png");
}
.webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a::before {
  background-image: url("/daphne/de/assets/img/icon_next.webp");
}
.about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > h4 {
  opacity: 0.5;
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > p {
  letter-spacing: 0.1em;
  color: rgba(246, 233, 224, 0.5);
}
.about .about_wizardryva .about_wizardryva_title {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.about .about_wizardryva .about_wizardryva_subtitle {
  display: flex;
  justify-content: center;
  font-weight: 400;
}
.about .about_wizardryva .about_wizardryva_subtitle > span {
  position: relative;
  letter-spacing: 0.04em;
}
.about .about_wizardryva .about_wizardryva_subtitle > span::before,
.about .about_wizardryva .about_wizardryva_subtitle > span::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .about .about_wizardryva .about_wizardryva_subtitle > span::before,
.no-webp .about .about_wizardryva .about_wizardryva_subtitle > span::after {
  background-image: url("/daphne/de/assets/img/icon_3line.png");
}
.webp .about .about_wizardryva .about_wizardryva_subtitle > span::before,
.webp .about .about_wizardryva .about_wizardryva_subtitle > span::after {
  background-image: url("/daphne/de/assets/img/icon_3line.webp");
}
.about .about_wizardryva .about_wizardryva_subtitle > span::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.about .about_overview .about_overview_title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.about .about_overview .about_overview_title > span {
  letter-spacing: 0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.about .about_overview .about_overview_title > strong {
  letter-spacing: 0.04em;
  font-weight: 400;
}
.about .about_overview .about_overview_table th,
.about .about_overview .about_overview_table td {
  text-align: left;
  vertical-align: top;
}
.about .about_overview .about_overview_table th {
  letter-spacing: 0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.about .about_overview .about_overview_table td {
  letter-spacing: 0.04em;
}
.about .about_overview .about_overview_table td h4 {
  font-weight: 400;
}
.about .about_overview .about_overview_table td dl {
  display: flex;
}
.about .about_overview .about_overview_table td dl dt {
  display: flex;
  justify-content: space-between;
  width: 3.6em;
}
.about .about_overview .about_overview_table td dl dt::after {
  content: "：";
}
.about .about_overview .about_overview_table td dl dd {
  flex: 1;
}
@media (max-width: 767.98px) {
  .about .about_overview {
    margin: 14.4vw auto 0;
    padding: 7.4666666667vw 4vw 0;
    width: 89.8666666667vw;
    height: 65.8666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .no-webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_sm.png");
  }
  .webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_sm.webp");
  }
  .about .about_overview .about_overview_title > span {
    font-size: 5.8666666667vw;
  }
  .about .about_overview .about_overview_title > strong {
    margin-top: -0.5333333333vw;
    font-size: 3.7333333333vw;
  }
  .about .about_overview .about_overview_table {
    margin-top: 1.8666666667vw;
    margin-left: 6.1333333333vw;
  }
  .about .about_overview .about_overview_table th {
    padding-top: 1.3333333333vw;
    width: 16.6666666667vw;
    font-size: 3.2vw;
  }
  .about .about_overview .about_overview_table td {
    font-size: 3.2vw;
    line-height: 2.3333333333;
  }
  .about .about_overview .about_overview_table td dl {
    font-size: 2.9333333333vw;
    line-height: 1.6363636364;
  }
  .about .about_overview .about_overview_table td dl:first-of-type {
    margin-top: -1.3333333333vw;
  }
  .about .about_overview .about_overview_table td dl:last-of-type {
    margin-bottom: 5.6vw;
  }
}
@media (min-width: 768px) {
  .about .about_overview {
    margin: 4.3229166667vw auto 0;
    padding-top: 2.34375vw;
    width: 50.2083333333vw;
    height: 21.8229166667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .no-webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_lg.png");
  }
  .webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_lg.webp");
  }
  .about .about_overview .about_overview_title > span {
    font-size: 2.2916666667vw;
  }
  .about .about_overview .about_overview_title > strong {
    margin-top: -0.2083333333vw;
    font-size: 1.3541666667vw;
  }
  .about .about_overview .about_overview_table {
    margin-top: 1.5104166667vw;
    margin-right: 2.6041666667vw;
    margin-left: 5.8333333333vw;
    width: 100%;
  }
  .about .about_overview .about_overview_table th {
    padding-top: 0.15625vw;
    width: 7.7604166667vw;
    font-size: 1.0416666667vw;
  }
  .about .about_overview .about_overview_table td {
    font-size: 0.9375vw;
    line-height: 2;
  }
  .about .about_overview .about_overview_table td > div {
    display: grid;

    grid-template-rows: auto auto;
    grid-template-columns: 5.2em 1fr;
    grid-template-areas: "areaA areaB" "areaA areaC";
  }
  .about .about_overview .about_overview_table td > div > h4 {
    grid-area: areaA;
  }
  .about .about_overview .about_overview_table td > div > dl {
    padding-top: 0.2604166667vw;
    line-height: 1.2777777778;
  }
  .about .about_overview .about_overview_table td > div > dl > dd > span {
    font-size: 0.7291666667vw;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    grid-area: areaB;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    margin-bottom: 0.8333333333vw;

    grid-area: areaC;
  }
}
@media (max-width: 767.98px) {
  .about .about_overview.about_system {
    margin: 14.4vw auto 0;
    padding: 7.4666666667vw 4vw 0;
    width: 89.8666666667vw;
    height: 138vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
}
@media (min-width: 768px) {
  .about .about_overview.about_system {
    margin: 4.3229166667vw auto 0;
    padding-top: 2.34375vw;
    width: 50.2083333333vw;
    height: 32vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
}
.about .about_catch {
  text-align: center;
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.about .about_sns {
  display: flex;
  justify-content: center;
}
.about .about_share > h3 {
  text-align: center;
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.about .about_share > ul {
  display: flex;
  justify-content: center;
}
.about .about_credit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767.98px) {
  .about {
    padding-top: 21.8666666667vw;
  }
  .about .about_lead {
    margin-top: 9.0666666667vw;
    padding: 0 2.6666666667vw;
    font-size: 4.5333333333vw;
    line-height: 1.8235294118;
  }
  .about .about_wizardry_title {
    margin-top: 15.2vw;
    width: 61.0666666667vw;
  }
  .about .about_wizardry {
    margin-top: 16.2666666667vw;
  }
  .about .about_wizardry .about_wizardry_list {
    margin: 10.1333333333vw 5.3333333333vw 0;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a {
    padding-top: 10.1333333333vw;
    padding-right: 1.0666666667vw;
    height: 48vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a::before {
    right: 2.6666666667vw;
    margin-top: -3.7333333333vw;
    width: 4.4vw;
    height: 8vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > h4 {
    font-size: 8.8vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > p {
    margin: 3.2vw 5.6vw 0;
    font-size: 3.4666666667vw;
    line-height: 1.6153846154;
  }
  .no-webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(1) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg1_sm.png");
  }
  .webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(1) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg1_sm.webp");
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(2) {
    margin-top: 1.3333333333vw;
  }
  .no-webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(2) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg2_sm.png");
  }
  .webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(2) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg2_sm.webp");
  }
  .about .about_wizardryva {
    margin-top: 21.3333333333vw;
  }
  .about .about_wizardryva .about_wizardryva_title {
    width: 50vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle {
    margin-top: 5.8666666667vw;
    padding-left: 1.6vw;
    font-size: 5.0666666667vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::before,
  .about .about_wizardryva .about_wizardryva_subtitle > span::after {
    top: 1.7333333333vw;
    width: 16.5333333333vw;
    height: 3.8666666667vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::before {
    left: -22.4vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::after {
    right: -22vw;
  }
  .about .about_wizardryva .about_wizardryva_list {
    margin-top: 4vw;
  }
  .about .about_overview {
    margin: 14.4vw auto 0;
    padding: 7.4666666667vw 4vw 0;
    width: 89.8666666667vw;
    height: 65.8666666667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .no-webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_sm.png");
  }
  .webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_sm.webp");
  }
  .about .about_overview .about_overview_title > span {
    font-size: 5.8666666667vw;
  }
  .about .about_overview .about_overview_title > strong {
    margin-top: -0.5333333333vw;
    font-size: 3.7333333333vw;
  }
  .about .about_overview .about_overview_table {
    margin-top: 1.8666666667vw;
    margin-left: 6.1333333333vw;
  }
  .about .about_overview .about_overview_table th {
    width: 16.6666666667vw;
    font-size: 4vw;
  }
  .about .about_overview .about_overview_table td {
    font-size: 4vw;
    line-height: 1.8666666667;
  }
  .about .about_overview .about_overview_table td dl {
    font-size: 4vw;
    line-height: 1.2;
  }
  .about .about_overview .about_overview_table td dl:first-of-type {
    margin-top: -1.3333333333vw;
  }
  .about .about_overview .about_overview_table td dl:last-of-type {
    margin-bottom: 5.6vw;
  }
  .about .about_catch {
    margin-top: 12.2666666667vw;
    font-size: 6.1333333333vw;
    line-height: 1.6347826087;
  }
  .about .about_sns {
    margin-top: 10.6666666667vw;
  }
  .about .about_sns > li {
    width: 11.6vw;
  }
  .about .about_sns > li:not(:first-child) {
    margin-left: 7.0666666667vw;
  }
  .about .about_sns > li img[src*=icon_x] {
    width: 8vw;
  }
  .about .about_share {
    margin-top: 11.2vw;
  }
  .about .about_share > h3 {
    font-size: 4.8vw;
  }
  .about .about_share > ul {
    margin-top: 4.8vw;
  }
  .about .about_share > ul > li {
    width: 8.2666666667vw;
  }
  .about .about_share > ul > li:not(:first-child) {
    margin-left: 6.2666666667vw;
  }
  .about .about_credit {
    margin-top: 16.2666666667vw;
    padding: 9.6vw 2.1333333333vw 0 2.1333333333vw;
    width: 53.3333333333vw;
  }
  .about .about_credit > li._studio2pro {
    width: 7.7333333333vw;
  }
  .about .about_credit > li._drecom {
    padding-top: 1.8666666667vw;
    width: 30.4vw;
  }
}
@media (min-width: 768px) {
  .about {
    padding-top: 8.0208333333vw;
  }
  .about .about_lead {
    margin-top: 2.6041666667vw;
    font-size: 1.6666666667vw;
    line-height: 1.9375;
  }
  .about .about_wizardry_title {
    margin-top: 4.4791666667vw;
    width: 19.1666666667vw;
  }
  .about .about_wizardry {
    margin-top: 5.15625vw;
  }
  .about .about_wizardry .about_wizardry_list {
    display: flex;
    justify-content: space-between;
    margin: 3.0208333333vw auto 0;
    width: 84.375vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item {
    width: 42.0833333333vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a {
    padding-top: 3.90625vw;
    padding-right: 0.78125vw;
    height: 18.75vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a::before {
    right: 2.5520833333vw;
    margin-top: -1.4583333333vw;
    width: 1.71875vw;
    height: 3.125vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > h4 {
    font-size: 3.4375vw;
  }
  .about .about_wizardry .about_wizardry_list .about_wizardry_list_item > a > p {
    margin: 1.1458333333vw 3.9583333333vw 0;
    font-size: 1.3541666667vw;
    line-height: 1.6153846154;
  }
  .no-webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(1) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg1_lg.png");
  }
  .webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(1) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg1_lg.webp");
  }
  .no-webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(2) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg2_lg.png");
  }
  .webp .about .about_wizardry .about_wizardry_list .about_wizardry_list_item:nth-of-type(2) > a {
    background-image: url("/daphne/de/assets/img/about_wizardry_bg2_lg.webp");
  }
  .about .about_wizardryva {
    margin-top: 5.5208333333vw;
  }
  .about .about_wizardryva .about_wizardryva_title {
    width: 14.7916666667vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle {
    margin-top: 2.0833333333vw;
    padding-left: 0.625vw;
    font-size: 1.9791666667vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::before,
  .about .about_wizardryva .about_wizardryva_subtitle > span::after {
    top: 0.6770833333vw;
    width: 10.0520833333vw;
    height: 2.34375vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::before {
    left: -11.875vw;
  }
  .about .about_wizardryva .about_wizardryva_subtitle > span::after {
    right: -11.1979166667vw;
  }
  .about .about_wizardryva .about_wizardryva_list {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 768px) and (max-width: 767.98px) {
  .about .preregistration_bnr {
    padding-top: 7.7333333333vw;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .about .preregistration_bnr {
    padding-top: 2.6041666667vw;
  }
}
@media (min-width: 768px) {
  .about .about_overview {
    margin: 4.3229166667vw auto 0;
    padding-top: 2.34375vw;
    width: 50.2083333333vw;
    height: 21.8229166667vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }
  .no-webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_lg.png");
  }
  .webp .about .about_overview {
    background-image: url("/daphne/de/assets/img/about_overview_bg_lg.webp");
  }
  .about .about_overview .about_overview_title > span {
    font-size: 2.2916666667vw;
  }
  .about .about_overview .about_overview_title > strong {
    margin-top: -0.2083333333vw;
    font-size: 1.3541666667vw;
  }
  .about .about_overview .about_overview_table {
    margin-top: 1.5104166667vw;
    margin-right: 2.6041666667vw;
    margin-left: 5.8333333333vw;
    width: 100%;
  }
  .about .about_overview .about_overview_table th {
    width: 7.7604166667vw;
    font-size: 1.1458333333vw;
    line-height: 1.6363636364;
  }
  .about .about_overview .about_overview_table td {
    font-size: 1.1458333333vw;
    line-height: 1.6363636364;
  }
  .about .about_overview .about_overview_table td > div {
    display: grid;

    grid-template-rows: auto auto;
    grid-template-columns: 5.2em 1fr;
    grid-template-areas: "areaA areaB" "areaA areaC";
  }
  .about .about_overview .about_overview_table td > div > h4 {
    grid-area: areaA;
  }
  .about .about_overview .about_overview_table td > div > dl {
    padding-top: 0.2604166667vw;
    line-height: 1.2777777778;
  }
  .about .about_overview .about_overview_table td > div > dl > dd > span {
    font-size: 0.7291666667vw;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    grid-area: areaB;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    margin-bottom: 0.8333333333vw;

    grid-area: areaC;
  }
  .about .about_overview .about_overview_table td > div > h4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 768px){
  .about .about_overview .about_overview_table td > div > h4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > h4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .about .about_overview .about_overview_table td > div > h4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > dl:first-of-type {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .about .about_overview .about_overview_table td > div > dl:last-of-type {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 768px) {
  .about .about_catch {
    margin-top: 6.25vw;
    font-size: 2.9166666667vw;
    line-height: 1.5126785714;
  }
}
@media (min-width: 768px) {
  .about .about_sns {
    margin-top: 2.6041666667vw;
  }
  .about .about_sns > li {
    width: 3.125vw;
  }
  .about .about_sns > li:not(:first-child) {
    margin-left: 2.7604166667vw;
  }
  .about .about_sns > li img[src*=icon_x] {
    width: 1.7708333333vw;
  }
  .about .about_sns > li a {
    transition: opacity 0.3s;
  }
  .about .about_sns > li a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 768px) {
  .about .about_share {
    margin-top: 7.8125vw;
  }
  .about .about_share > h3 {
    font-size: 1.875vw;
  }
  .about .about_share > ul {
    margin-top: 2.4479166667vw;
  }
  .about .about_share > ul > li {
    width: 2.8125vw;
  }
  .about .about_share > ul > li:not(:first-child) {
    margin-left: 2.4479166667vw;
  }
  .about .about_share > ul > li a {
    transition: opacity 0.3s;
  }
  .about .about_share > ul > li a:hover {
    opacity: 0.45;
  }
}
@media (min-width: 768px) {
  .about .about_credit {
    margin-top: 10.5729166667vw;
    padding-top: 4.6354166667vw;
    padding-left: 0.15625vw;
    width: 20.8333333333vw;
  }
  .about .about_credit > li._studio2pro {
    width: 3.3333333333vw;
  }
  .about .about_credit > li._drecom {
    padding-top: 0.7291666667vw;
    width: 12.7604166667vw;
  }
}

/* --------------------------------
footer
----------------------------------- */
.footer .footer_nav {
  display: flex;
  justify-content: center;
}
.footer .footer_nav > li > a {
  opacity: 0.45;
  transition: opacity 0.3s;
  letter-spacing: 0.04em;
  color: #919191;
}
.footer .footer_nav > li > a:hover {
  opacity: 1;
}
.footer .footer_copyright {
  opacity: 0.45;
  text-align: center;
  color: #787878;
}
@media (max-width: 767.98px) {
  .footer {
    margin-top: 15.7333333333vw;
    padding-bottom: 13.3333333333vw;
  }
  .footer .footer_nav {
    flex-wrap: wrap;
    margin: 0 4vw;
  }
  .footer .footer_nav > li {
    padding: 0 2.6666666667vw;
  }
  .footer .footer_nav > li > a {
    font-size: 3.7333333333vw;
    line-height: 2.1428571429;
  }
  .footer .footer_copyright {
    margin-top: 8.6666666667vw;
    font-size: 3.4666666667vw;
    line-height: 3.8461538462;
  }
}
@media (min-width: 768px) {
  .footer {
    margin-top: 10.15625vw;
    padding-bottom: 12.03125vw;
  }
  .footer .footer_nav > li > a {
    font-size: 1.3541666667vw;
  }
  .footer .footer_nav > li:not(:first-child) {
    margin-left: 1.7708333333vw;
  }
  .footer .footer_copyright {
    margin-top: 5.7291666667vw;
    font-size: 1.25vw;
  }
}

/* --------------------------------
recommend
----------------------------------- */
.recommend {
  margin-right: auto;
  margin-left: auto;
}
.recommend_wrap {
  position: relative;
}
.recommend .recommend_title {
  position: relative;
  text-align: center;
  letter-spacing: -0.04em;
  font-family: "Cormorant", serif;
  font-weight: 300;
}
.recommend .recommend_subtitle {
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.recommend .recommend_inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  color: #ddd1b7;
}
.recommend .recommend_inner::before,
.recommend .recommend_inner::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.no-webp .recommend .recommend_inner::before,
.no-webp .recommend .recommend_inner::after {
  background-image: url("/daphne/de/assets/img/howtoplay_recommend_bg.png");
}
.webp .recommend .recommend_inner::before,
.webp .recommend .recommend_inner::after {
  background-image: url("/daphne/de/assets/img/howtoplay_recommend_bg.webp");
}
.recommend .recommend_inner::before {
  top: 0;
}
.recommend .recommend_inner::after {
  bottom: 0;
}
.recommend .recommend_lead {
  letter-spacing: 0.1em;
}
.recommend .recommend_profile > dt,
.recommend .recommend_profile > dd {
  letter-spacing: 0.1em;
}
@media (max-width: 767.98px) {
  .recommend {
    margin-top: -13.3333333333vw;
    margin-right: -3.7333333333vw;
    margin-left: -3.7333333333vw;
    padding-bottom: 13.3333333333vw;
    width: 89.3333333333vw;
  }
  .recommend_wrap {
    margin-top: 48vw;
    padding-top: 1px;
    padding-bottom: 29.3333333333vw;
  }
  .recommend .recommend_title {
    font-size: 6.1333333333vw;
  }
  .recommend .recommend_inner {
    margin-top: 2vw;
    padding: 12.8vw 6.4vw 14.6666666667vw;
  }
  .recommend .recommend_inner::before,
  .recommend .recommend_inner::after {
    height: 1.6vw;
    background-size: auto 100%;
  }
  .recommend .recommend_subtitle {
    margin: 0 -1.3333333333vw 9.8666666667vw;
    font-size: 4.5333333333vw;
  }
  .recommend .recommend_subtitle > span {
    display: block;
    font-size: 2.6666666667vw;
  }
  .recommend .recommend_lead {
    margin-top: 6.6666666667vw;
    font-size: 3.4666666667vw;
    line-height: 1.6153846154;
  }
  .recommend .recommend_image {
    margin-top: 5.3333333333vw;
  }
  .recommend .recommend_image > div:not(:first-child) {
    margin-top: 2.4vw;
  }
  .recommend .recommend_profile {
    margin-top: 13.3333333333vw;
  }
  .recommend .recommend_profile > dt {
    font-size: 2.9333333333vw;
  }
  .recommend .recommend_profile > dd {
    margin-top: 2.6666666667vw;
    font-size: 2.9333333333vw;
    line-height: 1.6363636364;
  }
}
@media (min-width: 768px) {
  .recommend {
    padding-bottom: 2.6041666667vw;
    width: 59.7916666667vw;
  }
  .recommend_wrap {
    margin-top: 11.4583333333vw;
    padding-bottom: 10.4166666667vw;
  }
  .recommend .recommend_title {
    font-size: 2.2916666667vw;
  }
  .recommend .recommend_inner {
    margin-top: 0.78125vw;
    padding: 5vw 4.9479166667vw 6.7708333333vw;
  }
  .recommend .recommend_inner::before,
  .recommend .recommend_inner::after {
    height: 0.625vw;
    background-size: 100% 100%;
  }
  .recommend .recommend_subtitle {
    margin-bottom: 3.8541666667vw;
    font-size: 1.5625vw;
  }
  .recommend .recommend_subtitle > span {
    margin-left: 1em;
    font-size: 1.0416666667vw;
  }
  .recommend .recommend_lead {
    margin-top: 1.875vw;
    font-size: 1.1458333333vw;
    line-height: 1.7272727273;
  }
  .recommend .recommend_image {
    display: flex;
    justify-content: space-between;
    margin-top: 1.9791666667vw;
  }
  .recommend .recommend_image > div {
    width: 24.4791666667vw;
  }
  .recommend .recommend_profile {
    margin-top: 5.2083333333vw;
  }
  .recommend .recommend_profile > dt {
    font-size: 1.0416666667vw;
  }
  .recommend .recommend_profile > dd {
    margin-top: 1.0416666667vw;
    font-size: 1.0416666667vw;
    line-height: 1.9;
  }
}

/* --------------------------------
fixedbg
----------------------------------- */
.fixedbg {
  display: none;
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  pointer-events: none;

  content-visibility: hidden;
}
html:not(.is-load) .fixedbg {
  content-visibility: hidden;
}
.fixedbg.fixedbg-dungeon .fixedbg_inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.fixedbg.fixedbg-dungeon .fixedbg_inner > video {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.no-webp .fixedbg.fixedbg-enemy {
  background-image: url("/daphne/de/assets/img/enemy_bg.png");
}
.webp .fixedbg.fixedbg-enemy {
  background-image: url("/daphne/de/assets/img/enemy_bg.webp");
}
.fixedbg.fixedbg-enemy > video:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.is-beforeattack .fixedbg.fixedbg-enemy > video:nth-of-type(2) {
  opacity: 1;
}
.fixedbg.fixedbg-enemy-warn {
  z-index: 100;
}
.fixedbg.fixedbg-enemy-warn::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  background: radial-gradient(rgba(85, 17, 0, 0) 0%, #510 100%);
}
.fixedbg.fixedbg-enemy-warn::after {
  content: "Escape or...";
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -0.5em;
  transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s, -webkit-transform 0.1s 0.3s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  text-align: center;
  letter-spacing: -0.04em;
  color: #ff470f;
  font-family: "Cormorant", serif;
  font-weight: 300;
  line-height: 1;
}
.fixedbg.fixedbg-enemy-warn.is-warn::before {
  opacity: 0.6;
  transition: opacity 1s linear, -webkit-transform 1s linear;
  transition: opacity 1s linear, transform 1s linear;
  transition: opacity 1s linear, transform 1s linear, -webkit-transform 1s linear;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.fixedbg.fixedbg-enemy-warn.is-warn::after {
  visibility: visible;
  opacity: 0.3;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
  -webkit-transform: none;
          transform: none;
}
body.is-beforeattack .fixedbg.fixedbg-enemy-warn::before {
  opacity: 0.3 !important;
  transition: opacity 1.5s linear;
}
body.is-beforeattack .fixedbg.fixedbg-enemy-warn::after {
  opacity: 0 !important;
  transition: opacity 0.6s;
}
.no-webp .fixedbg.fixedbg-field {
  background-image: url("/daphne/de/assets/img/howtoplay_bg.png");
}
.webp .fixedbg.fixedbg-field {
  background-image: url("/daphne/de/assets/img/howtoplay_bg.webp");
}
.fixedbg.fixedbg-candle {
  -webkit-clip-path: inset(var(--inset) 0 0 0);
          clip-path: inset(var(--inset) 0 0 0);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) var(--inset), black calc(var(--inset) + 10%));
}
.no-webp .fixedbg.fixedbg-candle {
  background-image: url("/daphne/de/assets/img/candle.png");
}
.webp .fixedbg.fixedbg-candle {
  background-image: url("/daphne/de/assets/img/candle.webp");
}
.fixedbg.is-active {
  display: block;

  content-visibility: visible;
}
.fixedbg > video {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (max-width: 767.98px) {
  .fixedbg.fixedbg-dungeon .fixedbg_inner {
    -webkit-transform-origin: 45% 60%;
            transform-origin: 45% 60%;
  }
  body.is-attack .fixedbg.fixedbg-enemy {
    -webkit-animation: attack-sp 0.5s 0.1s both;
            animation: attack-sp 0.5s 0.1s both;
  }
  .fixedbg.fixedbg-enemy-warn::after {
    font-size: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .fixedbg.fixedbg-dungeon .fixedbg_inner {
    -webkit-transform-origin: 50% 55%;
            transform-origin: 50% 55%;
  }
  .fixedbg.fixedbg-enemy {
    will-change: transform, filter;
  }
  body.is-attack .fixedbg.fixedbg-enemy {
    -webkit-animation: attack 0.5s 0.1s both;
            animation: attack 0.5s 0.1s both;
  }
  .fixedbg.fixedbg-enemy-warn::after {
    font-size: 3.6458333333vw;
  }
}

/* --------------------------------
fog
----------------------------------- */
.fog {
  position: absolute;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
html:not(.is-load) .fog {
  content-visibility: hidden;
}
.fog .fog_inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}
.fog.fog-1 {
  display: none;
}
@-webkit-keyframes fog1 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(70%, -70%);
            transform: translate(70%, -70%);
  }
}
@keyframes fog1 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(70%, -70%);
            transform: translate(70%, -70%);
  }
}
@-webkit-keyframes fog1-1 {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);

    -webkit-filter: blur(30px);

            filter: blur(30px);
  }
  100% {
    -webkit-transform: translate(-10%, 20%);
            transform: translate(-10%, 20%);

    -webkit-filter: none;

            filter: none;
  }
}
@keyframes fog1-1 {
  0% {
    -webkit-transform: translate(0%, -20%);
            transform: translate(0%, -20%);

    -webkit-filter: blur(30px);

            filter: blur(30px);
  }
  100% {
    -webkit-transform: translate(-10%, 20%);
            transform: translate(-10%, 20%);

    -webkit-filter: none;

            filter: none;
  }
}
@-webkit-keyframes fog1-2 {
  0% {
    -webkit-transform: translate(0%, -40%);
            transform: translate(0%, -40%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    -webkit-transform: translate(10%, 40%);
            transform: translate(10%, 40%);

    -webkit-filter: blur(40px);

            filter: blur(40px);
  }
}
@keyframes fog1-2 {
  0% {
    -webkit-transform: translate(0%, -40%);
            transform: translate(0%, -40%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    -webkit-transform: translate(10%, 40%);
            transform: translate(10%, 40%);

    -webkit-filter: blur(40px);

            filter: blur(40px);
  }
}
@-webkit-keyframes fog1-3 {
  0% {
    -webkit-transform: translate(10%, 0%);
            transform: translate(10%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog1-3 {
  0% {
    -webkit-transform: translate(10%, 0%);
            transform: translate(10%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
.no-webp .fog.fog-1 .fog-1-1 {
  background-image: url("/daphne/de/assets/img/fog1-1.png");
}
.webp .fog.fog-1 .fog-1-1 {
  background-image: url("/daphne/de/assets/img/fog1-1.webp");
}
.no-webp .fog.fog-1 .fog-1-2 {
  background-image: url("/daphne/de/assets/img/fog1-2.png");
}
.webp .fog.fog-1 .fog-1-2 {
  background-image: url("/daphne/de/assets/img/fog1-2.webp");
}
.no-webp .fog.fog-1 .fog-1-3 {
  background-image: url("/daphne/de/assets/img/fog1-3.png");
}
.webp .fog.fog-1 .fog-1-3 {
  background-image: url("/daphne/de/assets/img/fog1-3.webp");
}
.is-hero.is-loaded .fog.fog-1,
.is-hero-after.is-loaded .fog.fog-1 {
  display: block;
  -webkit-animation: fog1 6s linear infinite;
          animation: fog1 6s linear infinite;

  mix-blend-mode: hard-light;
}
.is-hero.is-loaded .fog.fog-1 .fog-1-1,
.is-hero-after.is-loaded .fog.fog-1 .fog-1-1 {
  -webkit-animation: fog1-1 6s linear infinite;
          animation: fog1-1 6s linear infinite;
}
.is-hero.is-loaded .fog.fog-1 .fog-1-2,
.is-hero-after.is-loaded .fog.fog-1 .fog-1-2 {
  -webkit-animation: fog1-2 6s linear infinite;
          animation: fog1-2 6s linear infinite;
}
.is-hero.is-loaded .fog.fog-1 .fog-1-3,
.is-hero-after.is-loaded .fog.fog-1 .fog-1-3 {
  -webkit-animation: fog1-3 6s linear infinite;
          animation: fog1-3 6s linear infinite;
}
html:not(.is-loaded) .fog.fog-1 {
  opacity: 0;
}
.fog.fog-2 {
  display: none;
}
.no-webp .fog.fog-2 {
  background-image: url("/daphne/de/assets/img/fog2.png");
}
.webp .fog.fog-2 {
  background-image: url("/daphne/de/assets/img/fog2.webp");
}
@-webkit-keyframes fog2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%) scale(1.2);
            transform: translate(100%, -50%) scale(1.2);

    -webkit-filter: blur(50px);

            filter: blur(50px);
  }
}
@keyframes fog2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(100%, -50%) scale(1.2);
            transform: translate(100%, -50%) scale(1.2);

    -webkit-filter: blur(50px);

            filter: blur(50px);
  }
}
.is-hero.is-loaded .fog.fog-2,
.is-hero-after.is-loaded .fog.fog-2 {
  display: block;
  -webkit-animation: fog2 7s linear infinite;
          animation: fog2 7s linear infinite;

  mix-blend-mode: hard-light;
}
.fog.fog-3 {
  display: none;
}
.no-webp .fog.fog-3 {
  background-image: url("/daphne/de/assets/img/fog3.png");
}
.webp .fog.fog-3 {
  background-image: url("/daphne/de/assets/img/fog3.webp");
}
@-webkit-keyframes fog3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-150%, 30%);
            transform: translate(-150%, 30%);

    -webkit-filter: blur(5px);

            filter: blur(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(75%, -50%);
            transform: translate(75%, -50%);

    -webkit-filter: blur(30px);

            filter: blur(30px);
  }
}
@keyframes fog3 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-150%, 30%);
            transform: translate(-150%, 30%);

    -webkit-filter: blur(5px);

            filter: blur(5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(75%, -50%);
            transform: translate(75%, -50%);

    -webkit-filter: blur(30px);

            filter: blur(30px);
  }
}
.is-hero.is-loaded .fog.fog-3,
.is-hero-after.is-loaded .fog.fog-3 {
  display: block;
  -webkit-animation: fog3 8s linear infinite;
          animation: fog3 8s linear infinite;

  mix-blend-mode: hard-light;
}
.fog.fog-4 .fog_inner {
  display: none;
}
.no-webp .fog.fog-4 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog4.png");
}
.webp .fog.fog-4 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog4.webp");
}
@-webkit-keyframes fog4 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(60%, -30%);
            transform: translate(60%, -30%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog4 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-60%, 0%);
            transform: translate(-60%, 0%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(60%, -30%);
            transform: translate(60%, -30%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
.is-hero .fog.fog-4 .fog_inner,
.is-hero-after .fog.fog-4 .fog_inner {
  display: block;
  -webkit-animation: fog4 5s linear infinite;
          animation: fog4 5s linear infinite;
}
.no-webp .fog.fog-5 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog5.png");
}
.webp .fog.fog-5 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog5.webp");
}
.no-webp .fog.fog-6 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog6.png");
}
.webp .fog.fog-6 .fog_inner {
  background-image: url("/daphne/de/assets/img/fog6.webp");
}
.fog.fog-7 {
  opacity: 0;
  top: -50vh;
  left: 0;
  width: 100%;
}
.fog.fog-7 .fog_inner {
  height: 300vh;
  background-color: rgba(15, 10, 4, 0.9);
}
.fog.fog-16 {
  -webkit-animation: fog16 8s linear infinite;
          animation: fog16 8s linear infinite;

  will-change: filter;
}
.no-webp .fog.fog-16 {
  background-image: url("/daphne/de/assets/img/fog16.png");
}
.webp .fog.fog-16 {
  background-image: url("/daphne/de/assets/img/fog16.webp");
}
@-webkit-keyframes fog16 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-80%, -10%);
            transform: translate(-80%, -10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(40%, 20%);
            transform: translate(40%, 20%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog16 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-80%, -10%);
            transform: translate(-80%, -10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(40%, 20%);
            transform: translate(40%, 20%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
.fog.fog-17 {
  -webkit-animation: fog17 8s linear infinite;
          animation: fog17 8s linear infinite;

  will-change: filter;
}
.no-webp .fog.fog-17 {
  background-image: url("/daphne/de/assets/img/fog17.png");
}
.webp .fog.fog-17 {
  background-image: url("/daphne/de/assets/img/fog17.webp");
}
@-webkit-keyframes fog17 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-40%, -10%);
            transform: translate(-40%, -10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(40%, 20%);
            transform: translate(40%, 20%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog17 {
  0% {
    opacity: 1;
    -webkit-transform: translate(-40%, -10%);
            transform: translate(-40%, -10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(40%, 20%);
            transform: translate(40%, 20%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
.fog.fog-18 {
  -webkit-animation: fog18 7s linear infinite;
          animation: fog18 7s linear infinite;

  will-change: filter;
}
.no-webp .fog.fog-18 {
  background-image: url("/daphne/de/assets/img/fog18.png");
}
.webp .fog.fog-18 {
  background-image: url("/daphne/de/assets/img/fog18.webp");
}
@-webkit-keyframes fog18 {
  0% {
    opacity: 1;
    -webkit-transform: translate(60%, 5%);
            transform: translate(60%, 5%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-30%, -5%);
            transform: translate(-30%, -5%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog18 {
  0% {
    opacity: 1;
    -webkit-transform: translate(60%, 5%);
            transform: translate(60%, 5%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-30%, -5%);
            transform: translate(-30%, -5%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
.fog.fog-19 {
  -webkit-animation: fog19 9s linear infinite;
          animation: fog19 9s linear infinite;

  will-change: filter;
}
.no-webp .fog.fog-19 {
  background-image: url("/daphne/de/assets/img/fog19.png");
}
.webp .fog.fog-19 {
  background-image: url("/daphne/de/assets/img/fog19.webp");
}
@-webkit-keyframes fog19 {
  0% {
    opacity: 1;
    -webkit-transform: translate(60%, 10%);
            transform: translate(60%, 10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-60%, -10%);
            transform: translate(-60%, -10%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@keyframes fog19 {
  0% {
    opacity: 1;
    -webkit-transform: translate(60%, 10%);
            transform: translate(60%, 10%);

    -webkit-filter: none;

            filter: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-60%, -10%);
            transform: translate(-60%, -10%);

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
}
@media (max-width: 767.98px) {
  .fog.fog-1 {
    top: 6.6666666667vw;
    left: -61.4666666667vw;
    width: 169.2vw;
    height: 125.0666666667vw;
  }
  .fog.fog-2 {
    top: 126.6666666667vw;
    left: -100.6666666667vw;
    width: 170.6666666667vw;
    height: 98vw;
  }
  .fog.fog-3 {
    top: 126.6666666667vw;
    left: 43.8666666667vw;
    width: 128.6666666667vw;
    height: 93.8666666667vw;
  }
  .fog.fog-4 {
    top: -9.3333333333vw;
    left: -79.2vw;
    width: 180.2666666667vw;
    height: 136.4vw;
  }
  .fog.fog-5 {
    top: 41.6vw;
    left: -54.6666666667vw;
    width: 252.1333333333vw;
    height: 334.6666666667vw;
  }
  .fog.fog-6 {
    top: -71.8666666667vw;
    left: -54.6666666667vw;
    width: 252.1333333333vw;
    height: 506.1333333333vw;
  }
  .fog.fog-16 {
    top: -56.8vw;
    left: -37.8666666667vw;
    width: 75.6vw;
    height: 68.4vw;
  }
  .fog.fog-17 {
    bottom: -72.1333333333vw;
    left: -81.7333333333vw;
    width: 138.8vw;
    height: 102.4vw;
  }
  .fog.fog-18 {
    bottom: -63.0666666667vw;
    left: 27.2vw;
    width: 141.3333333333vw;
    height: 105.3333333333vw;
  }
  .fog.fog-19 {
    bottom: -66.8vw;
    left: 57.8666666667vw;
    width: 140vw;
    height: 102vw;
  }
}
@media (min-width: 768px) {
  .fog.fog-1 {
    top: 5.2083333333vw;
    left: -26.875vw;
    width: 66.09375vw;
    height: 48.8541666667vw;
  }
  .fog.fog-2 {
    top: 46.5104166667vw;
    left: -26.875vw;
    width: 66.6666666667vw;
    height: 38.28125vw;
  }
  .fog.fog-3 {
    top: 40.9895833333vw;
    left: 60.2083333333vw;
    width: 50.2604166667vw;
    height: 36.6666666667vw;
  }
  .fog.fog-4 {
    top: 5.46875vw;
    left: -33.3333333333vw;
    width: 70.4166666667vw;
    height: 53.28125vw;
  }
  .fog.fog-5 {
    top: 35.3645833333vw;
    left: -33.3333333333vw;
    width: 166.6666666667vw;
    height: 110.8333333333vw;
  }
  .fog.fog-6 {
    top: -5.625vw;
    left: -33.3333333333vw;
    width: 166.6666666667vw;
    height: 149.6875vw;
  }
  .fog.fog-6 .fog_inner {
    will-change: transform, filter;
  }
  .fog.fog-10 {
    display: none;
    top: -6.6666666667vw;
    left: -23.125vw;
    width: 54.0625vw;
    height: 40.15625vw;
  }
  .no-webp .fog.fog-10 {
    background-image: url("/daphne/de/assets/img/fog10.png");
  }
  .webp .fog.fog-10 {
    background-image: url("/daphne/de/assets/img/fog10.webp");
  }
  @-webkit-keyframes fog10 {
    0% {
      opacity: 0;
      -webkit-transform: translate(20%, 10%);
              transform: translate(20%, 10%);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(0%, -10%);
              transform: translate(0%, -10%);
    }
  }
  @keyframes fog10 {
    0% {
      opacity: 0;
      -webkit-transform: translate(20%, 10%);
              transform: translate(20%, 10%);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(0%, -10%);
              transform: translate(0%, -10%);
    }
  }
  .is-news .fog.fog-10 {
    display: block;
    -webkit-animation: fog10 6s linear infinite;
            animation: fog10 6s linear infinite;

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
  .fog.fog-11 {
    display: none;
    top: -2.34375vw;
    left: 81.40625vw;
    width: 46.5625vw;
    height: 36.6145833333vw;
  }
  .no-webp .fog.fog-11 {
    background-image: url("/daphne/de/assets/img/fog11.png");
  }
  .webp .fog.fog-11 {
    background-image: url("/daphne/de/assets/img/fog11.webp");
  }
  @-webkit-keyframes fog11 {
    0% {
      opacity: 0;
      -webkit-transform: translate(-20%, 10%);
              transform: translate(-20%, 10%);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(0%, -10%);
              transform: translate(0%, -10%);
    }
  }
  @keyframes fog11 {
    0% {
      opacity: 0;
      -webkit-transform: translate(-20%, 10%);
              transform: translate(-20%, 10%);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: translate(0%, -10%);
              transform: translate(0%, -10%);
    }
  }
  .is-news .fog.fog-11 {
    display: block;
    -webkit-animation: fog11 8s linear infinite;
            animation: fog11 8s linear infinite;

    -webkit-filter: blur(20px);

            filter: blur(20px);
  }
  .fog.fog-16 {
    top: -8.3333333333vw;
    left: -33.3333333333vw;
    width: 57.5vw;
    height: 55.8854166667vw;
  }
  .fog.fog-17 {
    bottom: -25vw;
    left: -33.3333333333vw;
    width: 67.7604166667vw;
    height: 50vw;
  }
  .fog.fog-18 {
    bottom: -30.15625vw;
    left: 50vw;
    width: 69.0104166667vw;
    height: 51.40625vw;
  }
  .fog.fog-19 {
    bottom: -32.03125vw;
    left: 49.4791666667vw;
    width: 98.8020833333vw;
    height: 49.7916666667vw;
  }
}

/* --------------------------------
cursor
----------------------------------- */
@media (max-width: 767.98px) {
  .cursor {
    display: none;

    content-visibility: hidden;
  }
}
@media (min-width: 768px) {
  .cursor {
    opacity: 0;
    position: fixed;
    z-index: 300;
    top: 0;
    left: 0;
    transition: opacity 0.5s;
    pointer-events: none;
  }
  .cursor.is-hover {
    opacity: 1;
  }
  .cursor .cursor_inner {
    position: absolute;
    top: -4.5442708333vw;
    left: -4.5442708333vw;
    width: 9.0890625vw;
    height: 9.0890625vw;
    transition: visibility 0.1s 0.5s;

    content-visibility: hidden;
  }
  @-webkit-keyframes cursorPlay {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes cursorPlay {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes cursorPlayBefore {
    0%,
    30% {
      opacity: 0;
      -webkit-transform: translateX(20%);
              transform: translateX(20%);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
    }
  }
  @keyframes cursorPlayBefore {
    0%,
    30% {
      opacity: 0;
      -webkit-transform: translateX(20%);
              transform: translateX(20%);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
              transform: none;
    }
  }
  .cursor[data-cursor] .cursor_inner {
    -webkit-animation: cursorPlay 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: cursorPlay 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    content-visibility: visible;
  }
  .cursor[data-cursor] .cursor_inner::before {
    -webkit-animation: cursorPlayBefore 1s;
            animation: cursorPlayBefore 1s;
  }
}

/* --------------------------------
btn
----------------------------------- */
.btn {
  cursor: pointer;
}
.btn > svg {
  pointer-events: none;
}
.btn > svg .st0 {
  fill: none;
  stroke: #c5b07e;
  stroke-width: 2;
}
.btn > svg .st1 {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: circle1 1.5s linear infinite;
          animation: circle1 1.5s linear infinite;

  fill: url(#CircleGradient);
}
@-webkit-keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes circle1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.btn > svg .st2 {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: circle2 5s linear infinite;
          animation: circle2 5s linear infinite;

  fill: none;
  stroke: #c5b07e;
  stroke-width: 2;
}
@-webkit-keyframes circle2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes circle2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.btn.btn-play::before,
.btn.btn-open::before,
.btn.btn-blank::before,
[data-cursor] .btn::before {
  content: attr(data-cursor-text);
  position: absolute;
  color: rgba(234, 224, 199, 0.5);
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-weight: bold;
  font-style: normal;
}
.btn.btn-play::after,
[data-cursor=play] .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .btn.btn-play::after,
.no-webp [data-cursor=play] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_triangle.png");
}
.webp .btn.btn-play::after,
.webp [data-cursor=play] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_triangle.webp");
}
.btn.btn-open::after,
[data-cursor=open] .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .btn.btn-open::after,
.no-webp [data-cursor=open] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_plus.png");
}
.webp .btn.btn-open::after,
.webp [data-cursor=open] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_plus.webp");
}
.btn.btn-blank::after,
[data-cursor=blank] .btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .btn.btn-blank::after,
.no-webp [data-cursor=blank] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_blank.png");
}
.webp .btn.btn-blank::after,
.webp [data-cursor=blank] .btn::after {
  background-image: url("/daphne/de/assets/img/icon_blank.webp");
}
@media (max-width: 767.98px) {
  .btn.btn-blank::before,
  [data-cursor=blank] .btn::before {
    top: 2.1333333333vw;
    left: -3.2vw;
  }
  .btn.btn-blank::after,
  [data-cursor=blank] .btn::after {
    width: 3.2vw;
    height: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .btn.btn-blank::after,
  [data-cursor=blank] .btn::after {
    width: 1.25vw;
    height: 1.0416666667vw;
  }
}
.btn.btn-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .btn.btn-close::before {
  background-image: url("/daphne/de/assets/img/header_toggle_close.png");
}
.webp .btn.btn-close::before {
  background-image: url("/daphne/de/assets/img/header_toggle_close.webp");
}
.btn.btn-close + .btn.btn-close {
  position: relative;
  top: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .btn {
    width: 18.2666666667vw;
    height: 18.2666666667vw;
  }
  .btn > svg .st0 {
    opacity: 0.8;
  }
  .btn > svg .st1 {
    opacity: 0.5;
  }
  .btn > svg .st2 {
    opacity: 0.5;
  }
  .btn.btn-play::before,
  .btn.btn-open::before,
  [data-cursor] .btn::before {
    top: 0.5333333333vw;
    left: -5.0666666667vw;
    font-size: 2.9333333333vw;
  }
  .btn.btn-play::after,
  [data-cursor=play] .btn::after {
    margin-top: -1.7333333333vw;
    margin-left: -1.4666666667vw;
    width: 4.2666666667vw;
    height: 3.8666666667vw;
  }
  .btn.btn-open::before {
    top: 2.1333333333vw;
    left: -3.2vw;
  }
  .btn.btn-open:after {
    width: 10vw;
    height: 10vw;
  }
  .btn.btn-close {
    position: absolute;
    top: -42.9333333333vw;
    right: -3.6vw;
  }
  .btn.btn-close::before {
    width: 5.6vw;
    height: 5.6vw;
  }
}
@media (min-width: 768px) {
  .btn {
    width: 9.0890625vw;
    height: 9.0890625vw;
  }
  .btn > svg .st0 {
    opacity: 0.5;
  }
  .btn > svg .st1 {
    opacity: 0.5;
  }
  .btn > svg .st2 {
    opacity: 0.35;
  }
  .btn.btn-play::before,
  .btn.btn-open::before,
  [data-cursor] .btn::before {
    top: 0.6770833333vw;
    left: -1.5104166667vw;
    font-size: 1.0416666667vw;
  }
  .btn.btn-play::after,
  [data-cursor=play] .btn::after {
    margin-top: -0.8854166667vw;
    margin-left: -0.7291666667vw;
    width: 2.0833333333vw;
    height: 1.9270833333vw;
  }
  .btn.btn-open::after,
  [data-cursor=open] .btn::after {
    width: 3.90625vw;
    height: 3.90625vw;
  }
  .btn.btn-close {
    position: absolute;
    top: -8.8541666667vw;
    right: -7.8125vw;
  }
  .btn.btn-close::before {
    width: 2.8125vw;
    height: 2.8125vw;
  }
}

/* --------------------------------
adventurer_character
----------------------------------- */
.adventurer .adventurer_character {
  position: relative;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character {
    margin-top: 3.7333333333vw;
    padding: 0 10.2666666667vw 12.2666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character {
    margin-top: 2.4479166667vw;
    padding-bottom: 11.4583333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_list {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
            mask-image: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
  }
}
.adventurer .adventurer_character_list > .adventurer_character_list_item:not(:first-child) {
  display: none;

  content-visibility: hidden;
}
.adventurer .adventurer_character_list_item {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_list_item {
    display: flex;
    flex-direction: column-reverse;
    padding: 6.1333333333vw 7.2vw 16vw;
    background-image: url(/daphne/de/assets/img/adventurer_character_bg_sm.png);
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_list_item {
    padding: 5.2083333333vw 19.53125vw 5.2083333333vw;
    min-height: 37.9166666667vw;
    background-image: url(/daphne/de/assets/img/adventurer_character_bg_lg.png);
  }
}
.adventurer .adventurer_character_list_item::before,
.adventurer .adventurer_character_list_item::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  background-image: url(/daphne/de/assets/img/adventurer_character_line_lg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_list_item::before,
  .adventurer .adventurer_character_list_item::after {
    width: 100%;
    height: 1.6vw;
    background-image: url(/daphne/de/assets/img/adventurer_character_line_sm.png);
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_list_item::before,
  .adventurer .adventurer_character_list_item::after {
    width: 100vw;
    height: 0.78125vw;
    background-image: url(/daphne/de/assets/img/adventurer_character_line_lg.png);
  }
}
.adventurer .adventurer_character_list_item::before {
  top: 0;
}
.adventurer .adventurer_character_list_item::after {
  bottom: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.adventurer .adventurer_character_list_item.slick-active .adventurer_character_list_image {
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.adventurer .adventurer_character_bg {
  position: absolute;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_bg {
    top: 4.2666666667vw;
    right: -18.6666666667vw;
    width: 69.3333333333vw;
    height: 69.3333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_bg {
    top: 0.78125vw;
    right: 5.7291666667vw;
    width: 35.9375vw;
    height: 35.9375vw;
  }
}
.adventurer .adventurer_character_cv {
  position: absolute;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_cv {
    top: 57.3333333333vw;
    right: 25.6vw;
    font-size: 2.9333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_cv {
    top: 30.4166666667vw;
    right: 12.8125vw;
    font-size: 0.9375vw;
  }
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_main {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_main {
    max-width: 27.6041666667vw;
  }
}
.adventurer .adventurer_character_main_name {
  display: flex;
  flex-direction: column;
}
.adventurer .adventurer_character_main_name span {
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_main_name span {
    font-size: 6.4vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_main_name span {
    font-size: 2.5vw;
  }
}
.adventurer .adventurer_character_main_text {
  position: relative;
  letter-spacing: 0.1em;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_main_text {
    margin-top: 2.9333333333vw;
    padding-top: 4.2666666667vw;
    font-size: 3.2vw;
    line-height: 1.85;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_main_text {
    margin-top: 1.6666666667vw;
    padding-top: 2.0833333333vw;
    font-size: 0.9375vw;
    line-height: 2.1;
  }
}
.adventurer .adventurer_character_main_text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/daphne/de/assets/img/adventurer_character_name_line.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_main_text::after {
    width: 21.3333333333vw;
    height: 1.0666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_main_text::after {
    width: 8.0729166667vw;
    height: 0.3645833333vw;
  }
}
.adventurer .adventurer_character_list_image {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s, -webkit-transform 0s;
  transition-delay: 1s;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_list_image {
    position: relative;
    right: 5.6vw;
    width: 50.6666666667vw;
    -webkit-transform: translateX(2.6666666667vw);
            transform: translateX(2.6666666667vw);
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_list_image {
    position: absolute;
    top: 0;
    right: -19.7916666667vw;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 26.0416666667vw;
    -webkit-transform: translateX(1.0416666667vw);
            transform: translateX(1.0416666667vw);
  }
}
.adventurer .adventurer_character_thumbs {
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_thumbs {
    margin-top: -5.8666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumbs {
    margin-top: -1.3541666667vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.adventurer .adventurer_character_thumbs .slick-dots {
  display: flex;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_thumbs .slick-dots {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 9.0666666667vw;

    gap: 8vw 2.4vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumbs .slick-dots {
    gap: 0.5208333333vw;
  }
}
.adventurer .adventurer_character_thumbs .slick-dots li {
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_thumbs .slick-dots li {
    width: calc((100% - 4.8vw) / 3);
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumbs .slick-dots li {
    width: 6.875vw;
  }
}
.adventurer .adventurer_character_thumb {
  position: relative;
  width: 100%;
}
.adventurer .adventurer_character_thumb::after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 100%;
  pointer-events: none;
}
.adventurer .adventurer_character_thumb .image {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.adventurer .adventurer_character_thumb .image::after {
  content: "";
  display: block;
  opacity: 0.8;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.2s;
  background-color: #000;
}
.adventurer .adventurer_character_thumb .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/daphne/de/assets/img/adventurer_character_thumb_frame.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.adventurer .adventurer_character_thumb .name {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_thumb .name {
    bottom: -1.8666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumb .name {
    bottom: -0.78125vw;
  }
}
.adventurer .adventurer_character_thumb .name img {
  width: auto;
  max-width: none;
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_thumb .name img {
    height: 2.6666666667vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumb .name img {
    height: 0.8333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_thumbs li:hover .adventurer_character_thumb span:nth-of-type(1)::after {
    opacity: 0.45;
  }
}
.adventurer .adventurer_character_thumbs .slick-active span:nth-of-type(1)::after {
  opacity: 0 !important;
}
.adventurer .adventurer_character_nav-prev,
.adventurer .adventurer_character_nav-next {
  position: absolute;
  z-index: 3;
  margin: auto;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-webp .adventurer .adventurer_character_nav-prev,
.no-webp .adventurer .adventurer_character_nav-next {
  background-image: url("/daphne/de/assets/img/icon_next.png");
}
.webp .adventurer .adventurer_character_nav-prev,
.webp .adventurer .adventurer_character_nav-next {
  background-image: url("/daphne/de/assets/img/icon_next.webp");
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_nav-prev,
  .adventurer .adventurer_character_nav-next {
    top: 77.3333333333vw;
    bottom: auto;
    width: 5.0666666667vw;
    height: 9.3333333333vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_nav-prev,
  .adventurer .adventurer_character_nav-next {
    top: -19.7916666667vw;
    bottom: 0;
    width: 1.9791666667vw;
    height: 3.6458333333vw;
  }
}
.adventurer .adventurer_character_nav-prev {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_nav-prev {
    left: 4vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_nav-prev {
    left: 4.1666666667vw;
  }
}
@media (max-width: 767.98px) {
  .adventurer .adventurer_character_nav-next {
    right: 4vw;
  }
}
@media (min-width: 768px) {
  .adventurer .adventurer_character_nav-next {
    right: 4.1666666667vw;
  }
}

.adventurer_arrow:after {
  content: "";
  position: absolute;
  top: -50%;
  right: -100%;
  bottom: -50%;
  left: -100%;
}

.adventurer-modal_image .slick-slide,
.adventurer-modal_image .slick-slider .slick-track,
.adventurer-modal_image .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);

  -webkit-perspective: 1000;

          perspective: 1000;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* --------------------------------
  .fixed-store
-------------------------------- */
.fixed-store {
  opacity: 0;
  position: fixed;
  z-index: 2;
  transition: opacity 0.2s;
  background-repeat: no-repeat;
  background-size: contain;
}

.is-loaded .fixed-store {
  opacity: 1;
}

@media (min-width: 768px) {
  .fixed-store {
    right: 25px;
    bottom: 60px;
    width: 13.5416666667vw;
    max-width: 260px;
    height: 14.84375vw;
    max-height: 285px;
    background-color: #1f1c19;
  }
  .no-webp .fixed-store {
    background-image: url("/daphne/de/assets/img/fixed_bg_lg.png");
  }
  .webp .fixed-store {
    background-image: url("/daphne/de/assets/img/fixed_bg_lg.webp");
  }
}
@media (max-width: 767.98px) {
  .fixed-store {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 18.1333333333vw;

    gap: 1.8666666667vw;
  }
  .no-webp .fixed-store {
    background-image: url("/daphne/de/assets/img/fixed_bg_sm.png");
  }
  .webp .fixed-store {
    background-image: url("/daphne/de/assets/img/fixed_bg_sm.webp");
  }
}
@media (min-width: 768px) {
  .fixed-store .fixed-store_text {
    margin: 1.6666666667vw auto 0;
    width: 10.625vw;
    max-width: 204px;
  }
}
@media (max-width: 767.98px) {
  .fixed-store .fixed-store_text {
    width: 21.4666666667vw;
  }
}
.fixed-store .fixed-store_list {
  display: flex;
}

@media (min-width: 768px) {
  .fixed-store .fixed-store_list {
    align-items: center;
    flex-direction: column;
    margin-top: 1.1979166667vw;

    gap: 0.8854166667vw;
  }
}
@media (max-width: 767.98px) {
  .fixed-store .fixed-store_list {
    justify-content: center;

    gap: 2.1333333333vw;
  }
}
@media (min-width: 768px) {
  .fixed-store .fixed-store_list li {
    width: 9.8958333333vw;
    max-width: 190px;
  }
}
@media (max-width: 767.98px) {
  .fixed-store .fixed-store_list li {
    width: 20vw;
  }
}
@media (min-width: 768px) {
  .fixed-store .fixed-store_list li a {
    transition: opacity 0.3s;
  }
  .fixed-store .fixed-store_list li a:hover {
    opacity: 0.45;
  }
}
@media (max-width: 767.98px) {
  html[lang=en] .fixed-store {
    gap: 1.2vw;
  }
}
@media (min-width: 768px) {
  html[lang=en] .fixed-store .fixed-store_text {
    width: 10.8333333333vw;
    max-width: 208px;
  }
}
@media (max-width: 767.98px) {
  html[lang=en] .fixed-store .fixed-store_text {
    width: 23.0666666667vw;
  }
}
@media (max-width: 767.98px) {
  html[lang=en] .fixed-store .fixed-store_list {
    gap: 1.7333333333vw;
  }
}
@media (max-width: 767.98px) {
  html[lang=en] .fixed-store .fixed-store_list li {
    width: 20vw;
  }
  html[lang=en] .fixed-store .fixed-store_list li.googleplay {
    width: 32.8vw;
  }
}
/*# sourceMappingURL=styles.css.map */