html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img,
video {
  font-size: 0;
  line-height: 0;
}
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
}
.wf-loading #wp {
  opacity: 0;
}
.wf-inactive #wp,
.wf-active #wp {
  opacity: 1;
}
body:not(.l-page-dlc) #wp {
  overflow: hidden;
}
#wp {
  position: relative;
  -webkit-transition: 0.1s opacity ease;
  transition: 0.1s opacity ease;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  #wp:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 56.22254758418741vw;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(43%, rgba(0,0,0,0)), to(#000)), url("../images/common/bg/bg_footer.jpg") top center/cover;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 43%, #000 100%), url("../images/common/bg/bg_footer.jpg") top center/cover;
    background: linear-gradient(0deg, rgba(0,0,0,0) 43%, #000 100%), url("../images/common/bg/bg_footer.jpg") top center/cover;
  }
}
@media screen and (min-width: 769px) {
  #wp:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 56.22254758418741vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 29.282576866764277vw;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(72%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 72%);
    background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 72%);
  }
}
body {
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background: #000;
  color: #c8c8c8;
}
body img {
  width: 100%;
  display: block;
}
body video {
  display: block;
}
svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.c-svg__container {
  position: relative;
  display: block;
}
.c-svg__container svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .is-sp {
    display: none !important;
  }
}
.is-frame-none:before {
  display: none !important;
}
.is-frame-none:after {
  display: none !important;
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
.l-firespark {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  mix-blend-mode: screen;
  z-index: 100;
}
.l-firespark.js-view {
  opacity: 1;
}
.l-firespark video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top-battle-feature__obj__hdg span {
  display: block;
  position: relative;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__hdg span {
    -webkit-transition: 1.5s all ease-in-out;
    transition: 1.5s all ease-in-out;
    top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__hdg span {
    -webkit-transition: 0.7s all ease-in-out;
    transition: 0.7s all ease-in-out;
    top: 1.333333333333333vw;
  }
}
.p-top-battle-feature__obj__hdg.js-active span {
  opacity: 1;
  top: 0;
}
.p-top-battle-feature__obj__detail {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__detail {
    -webkit-transition: 1s all ease-in-out 0.15s;
    transition: 1s all ease-in-out 0.15s;
    top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__detail {
    -webkit-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
    top: 1.333333333333333vw;
  }
}
.p-top-battle-feature__obj__detail.js-active {
  opacity: 1;
  top: 0;
}
@media screen and (min-width: 769px) {
  .c-expo-obj__line,
  .p-top-battle-feature__obj__line,
  .p-top-battle-pick__line {
    -webkit-transition: 0.7s width ease-in-out 0.4s;
    transition: 0.7s width ease-in-out 0.4s;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__line,
  .p-top-battle-feature__obj__line,
  .p-top-battle-pick__line {
    -webkit-transition: 0.7s width ease-in-out;
    transition: 0.7s width ease-in-out;
  }
}
.c-expo-obj__line:not(.js-active),
.p-top-battle-feature__obj__line:not(.js-active),
.p-top-battle-pick__line:not(.js-active) {
  width: 0;
}
@media screen and (min-width: 769px) {
  .p-story-intro__line,
  .p-story-expo-obj__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    -webkit-transition: 0.7s width ease-in-out;
    transition: 0.7s width ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro__line,
  .p-story-expo-obj__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    -webkit-transition: 0.7s width ease-in-out;
    transition: 0.7s width ease-in-out;
  }
}
.p-story-intro__line:not(.js-active),
.p-story-expo-obj__line:not(.js-active),
.p-dlc-detail-expo-obj__line:not(.js-active),
.p-dlc-detail-new_action-block__line:not(.js-active) {
  width: 0;
}
.p-battle-system__list__obj.js-active,
.p-battle-block__visual.js-active,
.p-story-world__block__contents.js-active,
.p-story-world-expo__obj.js-active,
.p-top-battle-feature__obj__trailer.js-active,
.p-top-battle-pick__trailer.js-active,
.p-top-news__list__container.js-active .p-top-news__list__inner,
.p-top-trailer__object.js-active .c-trailer,
.p-dlc-about-trailer-object__inner.js-active .c-trailer,
.p-dlc-detail-expo__obj.js-active {
  opacity: 0;
  -webkit-animation: fadeAnim 1s ease forwards;
  animation: fadeAnim 1s ease forwards;
}
@-webkit-keyframes fadeAnim {
  0% {
    opacity: 0;
    -webkit-filter: contrast(1.13) sepia(1) blur(3px);
    filter: contrast(1.13) sepia(1) blur(3px);
  }
  50% {
    -webkit-filter: contrast(1) sepia(0.5) blur(0);
    filter: contrast(1) sepia(0.5) blur(0);
  }
  100% {
    -webkit-filter: contrast(1) sepia(0) blur(0);
    filter: contrast(1) sepia(0) blur(0);
    opacity: 1;
  }
}
@keyframes fadeAnim {
  0% {
    opacity: 0;
    -webkit-filter: contrast(1.13) sepia(1) blur(3px);
    filter: contrast(1.13) sepia(1) blur(3px);
  }
  50% {
    -webkit-filter: contrast(1) sepia(0.5) blur(0);
    filter: contrast(1) sepia(0.5) blur(0);
  }
  100% {
    -webkit-filter: contrast(1) sepia(0) blur(0);
    filter: contrast(1) sepia(0) blur(0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowLeft {
  0% {
    left: 0vw;
  }
  50% {
    left: 7.320644216691069vw;
  }
  51% {
    left: -7.320644216691069vw;
  }
  100% {
    left: 0vw;
  }
}
@keyframes arrowLeft {
  0% {
    left: 0vw;
  }
  50% {
    left: 7.320644216691069vw;
  }
  51% {
    left: -7.320644216691069vw;
  }
  100% {
    left: 0vw;
  }
}
@-webkit-keyframes flare {
  0% {
    opacity: 0;
    -webkit-filter: brightness(0) blur(5px) contrast(1.2);
    filter: brightness(0) blur(5px) contrast(1.2);
  }
  25% {
    -webkit-filter: brightness(5) blur(5px) contrast(1.2);
    filter: brightness(5) blur(5px) contrast(1.2);
  }
  50% {
    -webkit-filter: brightness(1) blur(5px) contrast(1.1);
    filter: brightness(1) blur(5px) contrast(1.1);
  }
  100% {
    -webkit-filter: brightness(1) blur(0) contrast(1);
    filter: brightness(1) blur(0) contrast(1);
    opacity: 1;
  }
}
@keyframes flare {
  0% {
    opacity: 0;
    -webkit-filter: brightness(0) blur(5px) contrast(1.2);
    filter: brightness(0) blur(5px) contrast(1.2);
  }
  25% {
    -webkit-filter: brightness(5) blur(5px) contrast(1.2);
    filter: brightness(5) blur(5px) contrast(1.2);
  }
  50% {
    -webkit-filter: brightness(1) blur(5px) contrast(1.1);
    filter: brightness(1) blur(5px) contrast(1.1);
  }
  100% {
    -webkit-filter: brightness(1) blur(0) contrast(1);
    filter: brightness(1) blur(0) contrast(1);
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-top__inner,
  .p-character-top__inner,
  .p-movies_images-top__inner,
  .p-products-top__inner,
  .p-story-top__inner,
  .p-dlc-top__inner {
    height: 39.38506588579795vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-top__inner,
  .p-character-top__inner,
  .p-movies_images-top__inner,
  .p-products-top__inner,
  .p-story-top__inner,
  .p-dlc-top__inner {
    height: 77.2vw;
  }
}
.c-modal-image,
.c-modal-image-slider,
.c-modal-mulch-slider,
.c-news-popup,
.c-modal-video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 8000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: rgba(0,0,0,0.65);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s ease opacity;
  transition: 0.3s ease opacity;
}
.c-modal-image.js-active,
.c-modal-image-slider.js-active,
.c-modal-mulch-slider.js-active,
.c-news-popup.js-active,
.c-modal-video.js-active {
  opacity: 1;
  pointer-events: auto;
}
.c-modal-image__bg,
.c-modal-image-slider__bg,
.c-modal-mulch-slider__bg,
.c-news-popup__bg,
.c-modal-video__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.c-modal-image__inner,
.c-modal-image-slider__inner,
.c-modal-mulch-slider__inner,
.c-news-popup__inner,
.c-modal-video__inner {
  position: relative;
  z-index: 2;
}
.c-modal-image__close,
.c-modal-image-slider__btn--close,
.c-modal-mulch-slider__btn--close,
.c-news-popup__close,
.c-modal-product__content__close,
.c-modal-video__close,
.p-products-modal__content__close,
.p-top-products-modal__content__close {
  position: absolute;
  cursor: pointer;
  z-index: 5;
  background: url("../images/common/symbol/btn/close.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-modal-image__close,
  .c-modal-image-slider__btn--close,
  .c-modal-mulch-slider__btn--close,
  .c-news-popup__close,
  .c-modal-product__content__close,
  .c-modal-video__close,
  .p-products-modal__content__close,
  .p-top-products-modal__content__close {
    top: 3.953147877013177vw;
    right: 3.953147877013177vw;
    width: 2.6398243045388vw;
    height: 2.6398243045388vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image__close,
  .c-modal-image-slider__btn--close,
  .c-modal-mulch-slider__btn--close,
  .c-news-popup__close,
  .c-modal-product__content__close,
  .c-modal-video__close,
  .p-products-modal__content__close,
  .p-top-products-modal__content__close {
    top: 5.333333333333334vw;
    right: 5.333333333333334vw;
    width: 8vw;
    height: 8vw;
  }
}
.c-modal-previously_sold_items__close,
.c-modal-spec__close,
.c-modal-trial__close {
  cursor: pointer;
  z-index: 5;
  background: url("../images/common/symbol/btn/close.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items__close,
  .c-modal-spec__close,
  .c-modal-trial__close {
    width: 2.6398243045388vw;
    height: 2.6398243045388vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items__close,
  .c-modal-spec__close,
  .c-modal-trial__close {
    width: 5.657333333333333vw;
    height: 5.657333333333333vw;
  }
}
.c-expo-obj__img[data-module="Imagefocus"] .c-frame__inner,
.p-news-picture[data-module="ImageSliderObject"] .c-frame__inner,
.p-news-picture[data-module="Imagefocus"] .c-frame__inner {
  overflow: hidden;
}
.c-expo-obj__img[data-module="Imagefocus"] img,
.p-news-picture[data-module="ImageSliderObject"] img,
.p-news-picture[data-module="Imagefocus"] img {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
}
.c-expo-obj__img[data-module="Imagefocus"]:hover img,
.p-news-picture[data-module="ImageSliderObject"]:hover img,
.p-news-picture[data-module="Imagefocus"]:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.p-top-news__obj__container .c-hover-img__frame {
  overflow: hidden;
}
.p-top-news__obj__container .c-hover-img__thumbnail {
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.p-top-news__obj__container .c-btn-frame {
  -webkit-transition: 0.7s all ease;
  transition: 0.7s all ease;
}
.p-top-news__obj__container:hover .c-hover-img__thumbnail {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
@media screen and (min-width: 769px) {
  .p-top-news__obj__container:hover .c-btn-frame {
    -webkit-filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
    filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
  }
}
.p-products-pkg__content__ttl .c-hdg-sep__hdg,
.p-products-dlc-link,
.p-top-products__block__hdg,
.p-top-products-spec_button {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg:hover,
  .p-products-dlc-link:hover,
  .p-top-products__block__hdg:hover,
  .p-top-products-spec_button:hover {
    -webkit-filter: brightness(1.2) drop-shadow(0 0 0.292825768667643vw #ffffff);
    filter: brightness(1.2) drop-shadow(0 0 0.292825768667643vw #ffffff);
    text-shadow: rgba(255,255,190,0.7) 0 0 1.02489019033675vw;
  }
}
.c-btn--color,
.c-imagse-accordion__btn,
.p-character-detail__item__desc__type__opt:not(.is-active),
.p-products-pkg__opts__list__item,
.p-top-kv__linkbtn {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (min-width: 769px) {
  .c-btn--color.thema--beige:hover,
  .c-imagse-accordion__btn.thema--beige:hover,
  .p-character-detail__item__desc__type__opt:not(.is-active).thema--beige:hover,
  .p-products-pkg__opts__list__item.thema--beige:hover,
  .p-top-kv__linkbtn.thema--beige:hover {
    -webkit-filter: drop-shadow(0 0 0.585651537335286vw #5880e6) brightness(0.84);
    filter: drop-shadow(0 0 0.585651537335286vw #5880e6) brightness(0.84);
    border-image: linear-gradient(to right, #2a3c82, #a9d7f5, #2a3c82) 1;
    opacity: 0.9;
  }
}
@media screen and (min-width: 769px) {
  .c-btn--color.thema--blue:hover,
  .c-imagse-accordion__btn.thema--blue:hover,
  .p-character-detail__item__desc__type__opt:not(.is-active).thema--blue:hover,
  .p-products-pkg__opts__list__item.thema--blue:hover,
  .p-top-kv__linkbtn.thema--blue:hover {
    -webkit-filter: drop-shadow(0 0 0.585651537335286vw #5880e6) brightness(0.84);
    filter: drop-shadow(0 0 0.585651537335286vw #5880e6) brightness(0.84);
    border-image: linear-gradient(to right, #2a3c82, #a9d7f5, #2a3c82) 1;
    opacity: 0.9;
  }
}
@media screen and (min-width: 769px) {
}
.p-battle-top__hdg:before,
.p-character-top__hdg:before,
.p-movies_images-artwork__hdg:before,
.p-movies_images-movie__hdg:before,
.p-movies_images-screenshots__hdg:before,
.p-movies_images-top__hdg:before,
.p-movies_images-trailer__hdg:before,
.p-products-top__hdg:before,
.p-story-country__sechdg:before,
.p-story-intro__sechdg:before,
.p-story-world__sechdg:before,
.p-story-top__hdg:before,
.p-top-battle__sec_hdg:before,
.p-top-character__sec_hdg:before,
.p-top-news__sec_hdg:before,
.p-top-products_sec_hdg:before,
.p-top-related__sec_hdg:before,
.p-top-sns__sec_hdg:before,
.p-top-staff__sec_hdg:before,
.p-top-story__sec_hdg:before,
.p-dlc-detail__content__sec_hdg:before,
.p-dlc-detail-hdg__title:before,
.p-dlc-expass-hdg__title:before,
.p-dlc-top__hdg:before {
  left: 1em;
  opacity: 0;
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}
.p-battle-top__hdg:after,
.p-character-top__hdg:after,
.p-movies_images-artwork__hdg:after,
.p-movies_images-movie__hdg:after,
.p-movies_images-screenshots__hdg:after,
.p-movies_images-top__hdg:after,
.p-movies_images-trailer__hdg:after,
.p-products-top__hdg:after,
.p-story-country__sechdg:after,
.p-story-intro__sechdg:after,
.p-story-world__sechdg:after,
.p-story-top__hdg:after,
.p-top-battle__sec_hdg:after,
.p-top-character__sec_hdg:after,
.p-top-news__sec_hdg:after,
.p-top-products_sec_hdg:after,
.p-top-related__sec_hdg:after,
.p-top-sns__sec_hdg:after,
.p-top-staff__sec_hdg:after,
.p-top-story__sec_hdg:after,
.p-dlc-detail__content__sec_hdg:after,
.p-dlc-detail-hdg__title:after,
.p-dlc-expass-hdg__title:after,
.p-dlc-top__hdg:after {
  right: 1em;
  opacity: 0;
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}
.p-battle-top__hdg.js-active:before,
.p-character-top__hdg.js-active:before,
.p-movies_images-artwork__hdg.js-active:before,
.p-movies_images-movie__hdg.js-active:before,
.p-movies_images-screenshots__hdg.js-active:before,
.p-movies_images-top__hdg.js-active:before,
.p-movies_images-trailer__hdg.js-active:before,
.p-products-top__hdg.js-active:before,
.p-story-country__sechdg.js-active:before,
.p-story-intro__sechdg.js-active:before,
.p-story-world__sechdg.js-active:before,
.p-story-top__hdg.js-active:before,
.p-top-battle__sec_hdg.js-active:before,
.p-top-character__sec_hdg.js-active:before,
.p-top-news__sec_hdg.js-active:before,
.p-top-products_sec_hdg.js-active:before,
.p-top-related__sec_hdg.js-active:before,
.p-top-sns__sec_hdg.js-active:before,
.p-top-staff__sec_hdg.js-active:before,
.p-top-story__sec_hdg.js-active:before,
.p-dlc-detail__content__sec_hdg.js-active:before,
.p-dlc-detail-hdg__title.js-active:before,
.p-dlc-expass-hdg__title.js-active:before,
.p-dlc-top__hdg.js-active:before {
  opacity: 1;
  left: 0;
}
.p-battle-top__hdg.js-active:after,
.p-character-top__hdg.js-active:after,
.p-movies_images-artwork__hdg.js-active:after,
.p-movies_images-movie__hdg.js-active:after,
.p-movies_images-screenshots__hdg.js-active:after,
.p-movies_images-top__hdg.js-active:after,
.p-movies_images-trailer__hdg.js-active:after,
.p-products-top__hdg.js-active:after,
.p-story-country__sechdg.js-active:after,
.p-story-intro__sechdg.js-active:after,
.p-story-world__sechdg.js-active:after,
.p-story-top__hdg.js-active:after,
.p-top-battle__sec_hdg.js-active:after,
.p-top-character__sec_hdg.js-active:after,
.p-top-news__sec_hdg.js-active:after,
.p-top-products_sec_hdg.js-active:after,
.p-top-related__sec_hdg.js-active:after,
.p-top-sns__sec_hdg.js-active:after,
.p-top-staff__sec_hdg.js-active:after,
.p-top-story__sec_hdg.js-active:after,
.p-dlc-detail__content__sec_hdg.js-active:after,
.p-dlc-detail-hdg__title.js-active:after,
.p-dlc-expass-hdg__title.js-active:after,
.p-dlc-top__hdg.js-active:after {
  opacity: 1;
  right: 0;
}
.p-top-battle__sec_hdg,
.p-top-character__sec_hdg,
.p-top-news__sec_hdg,
.p-top-products_sec_hdg,
.p-top-related__sec_hdg,
.p-top-sns__sec_hdg,
.p-top-staff__sec_hdg,
.p-top-story__sec_hdg,
.p-dlc-detail__content__sec_hdg {
  position: relative;
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
  top: 1em;
  opacity: 0;
}
.p-top-battle__sec_hdg.js-active,
.p-top-character__sec_hdg.js-active,
.p-top-news__sec_hdg.js-active,
.p-top-products_sec_hdg.js-active,
.p-top-related__sec_hdg.js-active,
.p-top-sns__sec_hdg.js-active,
.p-top-staff__sec_hdg.js-active,
.p-top-story__sec_hdg.js-active,
.p-dlc-detail__content__sec_hdg.js-active {
  top: 0;
  opacity: 1;
}
.c-demo-btn {
  width: 11.273792093704246vw;
  height: 3.660322108345535vw;
}
.c-demo-trailer {
  width: 8.568814055636896vw;
  height: 8.568814055636896vw;
}
.c-demo--separation {
  width: 36.603221083455345vw;
}
.c-demo--frame {
  width: 36.603221083455345vw;
}
[class*="c-demo-"] +[class*="c-demo-"] {
  margin-top: 2.196193265007321vw;
}
.l-battle-focusmode_system,
.l-dlc-focusmode_system {
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-battle-focusmode_system,
  .l-dlc-focusmode_system {
    background: #000 url("../images/common/bg/bg.jpg") center/contain;
  }
}
.l-battle-focusmode_system:before,
.l-dlc-focusmode_system:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #000), to(rgba(6,6,6,0)));
  background: -webkit-linear-gradient(top, #000 35%, rgba(6,6,6,0) 100%);
  background: linear-gradient(180deg, #000 35%, rgba(6,6,6,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-battle-focusmode_system:before,
  .l-dlc-focusmode_system:before {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .l-battle-focusmode_system:before,
  .l-dlc-focusmode_system:before {
    height: 40vw;
  }
}
.l-battle-focusmode_system:after,
.l-dlc-focusmode_system:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #000), to(rgba(6,6,6,0)));
  background: -webkit-linear-gradient(bottom, #000 35%, rgba(6,6,6,0) 100%);
  background: linear-gradient(0deg, #000 35%, rgba(6,6,6,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-battle-focusmode_system:after,
  .l-dlc-focusmode_system:after {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .l-battle-focusmode_system:after,
  .l-dlc-focusmode_system:after {
    height: 40vw;
  }
}
.l-battle-focusmode_system >[class*="l-"],
.l-dlc-focusmode_system >[class*="l-"] {
  position: relative;
  z-index: 1;
}
[class*="c-btn--"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  [class*="c-btn--"] {
    padding: clamp(1px, 0.073206442166911vw, 0.073206442166911vw);
  }
}
@media screen and (max-width: 768px) {
  [class*="c-btn--"] {
    padding: 1px;
  }
}
[class*="c-btn--"].font--crimsontext .c-btn__txt {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  [class*="c-btn--"].thema--beige {
  border-width: 0.043206442166911vw;
  border-style: solid;
  border-image: linear-gradient(to right, #4a5264, #7a8e9b, #4a5264) 1;
  }
}
@media screen and (max-width: 768px) {
  [class*="c-btn--"].thema--beige {
  border-width: 0.043206442166911vw;
  border-style: solid;
  border-image: linear-gradient(to right, #4a5264, #7b8f9c, #4a5264) 1;
  }
}
[class*="c-btn--"].thema--beige .c-btn__txt {
  color: #20293d;
}
@media screen and (min-width: 769px) {
  [class*="c-btn--"].thema--blue {
  border-width: 0.043206442166911vw;
  border-style: solid;
  border-image: linear-gradient(to right, #4a5264, #7b8f9c, #4a5264) 1;
  }
}
@media screen and (max-width: 768px) {
  [class*="c-btn--"].thema--blue {
  border-width: 0.043206442166911vw;
  border-style: solid;
  border-image: linear-gradient(to right, #4a5264, #7b8f9c, #4a5264) 1;
  }
}
[class*="c-btn--"].thema--blue .c-btn__txt {
  color: #fff;
}
.c-btn__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-btn__txt {
  display: block;
  text-decoration: none;
}
.c-btn--trailer {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.c-btn--color {
  position: relative;
}
.c-btn--color.thema--beige .c-btn__inner {
  background: linear-gradient(to right, #060a20, #242d42, #060a20);
  opacity: 1;
}
.c-btn--color.thema--beige .c-btn__txt {
  color: #ffffff;
}
.c-btn--color.thema--blue .c-btn__inner {
  background: #1a1655;
}
.c-btn--color.thema--blue .c-btn__txt {
  color: #fff;
}
.c-btn--color.thema--blue:after {
  background: #fff;
}
.c-btn--color:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-mask-image: url("../images/common/symbol/btn/ico_arrow.svg");
  mask-image: url("../images/common/symbol/btn/ico_arrow.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.c-btn--color.active-mode[href="javascript:void(0)"] {
  cursor: default;
  pointer-events: none;
  border-color: #888;
}
.c-btn--color.active-mode[href="javascript:void(0)"] .c-btn__inner {
  background: #888;
}
.c-btn--color.active-mode[href="javascript:void(0)"] .c-btn__txt {
  color: #fff;
}
.c-btn--color.active-mode[href="javascript:void(0)"]:after {
  background: #fff;
}
.c-btn--trailer__effect {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: rotate(45deg) scale(0.65);
  transform: rotate(45deg) scale(0.65);
}
.c-btn--arrow {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.c-btn--arrow .c-btn-arrow-frame {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-btn--arrow:hover {
    -webkit-filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
    filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
  }
}
.c-btn--arrow:hover .c-btn--arrow__inner .c-svg__container {
  -webkit-animation: arrowInner 1s ease-in-out;
  animation: arrowInner 1s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-btn--arrow .c-btn--arrow__inner {
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%);
  overflow: hidden;
}
.c-btn--arrow .c-btn--arrow__inner--right {
  -webkit-transform: translate(-40%, -50%) rotate(180deg);
  transform: translate(-40%, -50%) rotate(180deg);
}
.c-btn--arrow .c-btn--arrow__inner .c-svg__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-modal-product__content__container__edition__list__item,
.c-modal-product__content__container__store__list__item,
.p-products-pkg__content__container__store__list__item {
  cursor: pointer;
  color: #fff;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"],
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
    cursor: pointer;
    padding: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
    padding: 0.266666666666667vw;
  }
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] >[class$="__inner"],
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] >[class$="__inner"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] >[class$="__inner"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s border ease;
  transition: 0.3s border ease;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"] {
    font-size: 1.317715959004393vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class*="__txt"] {
    font-size: 3.333333333333333vw;
    line-height: 1.52;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"] {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 6.588579795021962vw;
    height: 1.903367496339678vw;
    border-radius: 0.951683748169839vw;
    margin-right: 1.02489019033675vw;
    border: 0.073206442166911vw rgba(177,162,132,0.4) solid;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] [class$="__label"] {
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 17.333333333333336vw;
    height: 5.333333333333334vw;
    border-radius: 2.666666666666667vw;
    margin-right: 1.6vw;
    border: 0.133333333333333vw rgba(177,162,132,0.4) solid;
  }
}
.c-modal-product__content__container__edition__list__item span,
.c-modal-product__content__container__store__list__item span,
.p-products-pkg__content__container__store__list__item span {
  opacity: 0.4;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item span,
  .c-modal-product__content__container__store__list__item span,
  .p-products-pkg__content__container__store__list__item span {
    width: 1.02489019033675vw;
    height: 1.02489019033675vw;
    margin-right: 0.658857979502196vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item span,
  .c-modal-product__content__container__store__list__item span,
  .p-products-pkg__content__container__store__list__item span {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
    margin-right: 1.6vw;
  }
}
.c-modal-product__content__container__edition__list__item span::after,
.c-modal-product__content__container__store__list__item span::after,
.p-products-pkg__content__container__store__list__item span::after {
  content: '';
  width: 85%;
  height: 85%;
  border-radius: 50%;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item span::after,
  .c-modal-product__content__container__store__list__item span::after,
  .p-products-pkg__content__container__store__list__item span::after {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item span::after,
  .c-modal-product__content__container__store__list__item span::after,
  .p-products-pkg__content__container__store__list__item span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-49%, -49%);
    transform: translate(-49%, -49%);
  }
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"].is-active span,
.c-modal-product__content__container__store__list__item >[class*="__wrap"].is-active span,
.p-products-pkg__content__container__store__list__item >[class*="__wrap"].is-active span {
  opacity: 1;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"].is-active span::after,
.c-modal-product__content__container__store__list__item >[class*="__wrap"].is-active span::after,
.p-products-pkg__content__container__store__list__item >[class*="__wrap"].is-active span::after {
  opacity: 1;
}
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
  border: 1px solid rgba(0,112,204,0.4);
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
    height: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"],
  .p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] {
    height: 17.333333333333336vw;
  }
}
.c-modal-product__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] >[class*="__inner"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"] >[class$="__btn"] >[class*="__inner"] {
  border: 1px solid rgba(0,112,204,0.4);
  background-color: rgba(0,112,204,0.1);
}
.c-modal-product__content__container__store__list__item [class*="__note"],
.p-products-pkg__content__container__store__list__item [class*="__note"] {
  display: none;
}
.c-modal-product__content__container__store__list__item [data-url=""],
.p-products-pkg__content__container__store__list__item [data-url=""] {
  cursor: default;
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list__item [data-url=""],
  .p-products-pkg__content__container__store__list__item [data-url=""] {
    padding-bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list__item [data-url=""],
  .p-products-pkg__content__container__store__list__item [data-url=""] {
    padding-bottom: 5.333333333333334vw;
  }
}
.c-modal-product__content__container__store__list__item [data-url=""] [class*="__note"],
.p-products-pkg__content__container__store__list__item [data-url=""] [class*="__note"] {
  display: block !important;
  color: #e34424;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list__item [data-url=""] [class*="__note"],
  .p-products-pkg__content__container__store__list__item [data-url=""] [class*="__note"] {
    margin-top: 0.805270863836018vw;
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list__item [data-url=""] [class*="__note"],
  .p-products-pkg__content__container__store__list__item [data-url=""] [class*="__note"] {
    margin-top: 2.666666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__store__list__item [data-url=""] >[class*="__btn"],
.p-products-pkg__content__container__store__list__item [data-url=""] >[class*="__btn"] {
  border: 1px solid rgba(68,68,68,0.4);
  background-color: transparent;
  cursor: default;
}
.c-modal-product__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"],
.p-products-pkg__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] {
  border: 1px solid rgba(68,68,68,0.4);
  background-color: transparent;
}
.c-modal-product__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"],
.p-products-pkg__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"] {
  color: #444;
}
.c-modal-product__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"] span,
.p-products-pkg__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"] span {
  border: 1px solid rgba(68,68,68,0.4);
}
.c-modal-product__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"] span:after,
.p-products-pkg__content__container__store__list__item [data-url=""] >[class*="__btn"] >[class*="__inner"] >[class*="__txt"] span:after {
  background-color: #444;
}
.c-modal-product__content__container__store__list__item span,
.p-products-pkg__content__container__store__list__item span {
  border: 1px solid #0070cc;
}
.c-modal-product__content__container__store__list__item span::after,
.p-products-pkg__content__container__store__list__item span::after {
  background-color: #0070cc;
}
.c-modal-product__content__container__store__list__item >[class*="__wrap"].is-active >[class$="__btn"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"].is-active >[class$="__btn"] {
  border: 1px solid #0070cc;
}
.c-modal-product__content__container__store__list__item >[class*="__wrap"].is-active >[class$="__btn"] >[class$="__inner"],
.p-products-pkg__content__container__store__list__item >[class*="__wrap"].is-active >[class$="__btn"] >[class$="__inner"] {
  border: 1px solid #0070cc;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] {
  border: 1px solid rgba(177,162,132,0.4);
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"] >[class$="__btn"] >[class*="__inner"] {
  border: 1px solid rgba(177,162,132,0.4);
  background-color: rgba(177,162,132,0.1);
}
.c-modal-product__content__container__edition__list__item span {
  border: 1px solid #ffffff;
}
.c-modal-product__content__container__edition__list__item span::after {
  background-color: #ffffff;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"].is-active >[class$="__btn"] {
  border: 1px solid #ffffff;
}
.c-modal-product__content__container__edition__list__item >[class*="__wrap"].is-active >[class$="__btn"] >[class$="__inner"] {
  border: 1px solid #ffffff;
}
@-webkit-keyframes arrowInner {
  0% {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
  49.9% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  50% {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
  100% {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}
@keyframes arrowInner {
  0% {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
  49.9% {
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
  }
  50% {
    -webkit-transform: translate(100%);
    transform: translate(100%);
  }
  100% {
    -webkit-transform: translate(0%);
    transform: translate(0%);
  }
}
.c-common-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: lighten;
}
@media screen and (max-width: 768px) {
  .c-common-layer {
    display: none;
  }
}
.c-common-layer [class*='-common--'] {
  position: absolute;
  width: 100%;
  height: 56.29575402635432vw;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-common-layer [class*='-common--']:not(.js-active):before {
    left: -1.464128843338214vw;
    bottom: -1.464128843338214vw;
    opacity: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-common-layer [class*='-common--']:before {
    content: '';
    display: block;
    position: relative;
    left: 0;
    opacity: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1.3s all ease 0.2s;
    transition: 1.3s all ease 0.2s;
    background: url("../images/common/bg/footer.jpg") bottom center/contain no-repeat;
    mix-blend-mode: lighten;
    pointer-events: none;
    z-index: 1;
  }
}
.c-common--01 {
  bottom: 16.691068814055637vw;
}
.c-frame--type01 {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-frame--type01 {
    border: 0.219619326500732vw solid #ffffff;
    padding: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type01 {
    border: 0.4vw solid #ffffff;
    padding: 0.266666666666667vw;
  }
}
.c-frame--type01 .c-frame__inner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-frame--type01 .c-frame__inner {
    border: 0.073206442166911vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type01 .c-frame__inner {
    border: 0.133333333333333vw solid #ffffff;
  }
}
.c-frame--type02 .c-frame__line_box,
.c-frame--type02 .c-frame__line_box .c-frame__line--lt,
.c-frame--type02 .c-frame__line_box .c-frame__line--rb {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.c-frame--type02 .c-frame__line_box .c-frame__line--lt:before,
.c-frame--type02 .c-frame__line_box .c-frame__line--rb:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background: #ffffff;
  min-width: 1px;
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:before,
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:before {
    width: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:before,
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:before {
    width: 0.133333333333333vw;
  }
}
.c-frame--type02 .c-frame__line_box .c-frame__line--lt:after,
.c-frame--type02 .c-frame__line_box .c-frame__line--rb:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:after,
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:after {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:after,
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:after {
    height: 0.133333333333333vw;
  }
}
.c-frame--type02 {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-frame--type02 {
    border: 0.146412884333821vw solid #ffffff;
    padding: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 {
    border: 0.266666666666667vw solid #ffffff;
    padding: 0.8vw;
  }
}
.c-frame--type02 .c-frame__inner {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.c-frame--type02 .c-frame__line_box {
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:before {
    left: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:before {
    left: 0.8vw;
  }
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:after {
    top: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--lt:after {
    top: 0.8vw;
  }
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:before {
    right: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:before {
    right: 0.8vw;
  }
}
@media screen and (min-width: 769px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:after {
    bottom: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .c-frame--type02 .c-frame__line_box .c-frame__line--rb:after {
    bottom: 0.8vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-expo-obj__img >.c-frame--type02,
  .p-dlc-detail-expo-obj__img >.c-frame--type02 {
    padding: 0;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .p-story-expo-obj__img >.c-frame--type02 >.c-frame__line_box,
  .p-dlc-detail-expo-obj__img >.c-frame--type02 >.c-frame__line_box {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-story-expo-obj__container >.c-frame--type02,
  .p-dlc-detail-expo-obj__container >.c-frame--type02 {
    padding: 0;
    border: none;
  }
}
@media screen and (min-width: 769px) {
  .p-story-expo-obj__container >.c-frame--type02 >.c-frame__line_box,
  .p-dlc-detail-expo-obj__container >.c-frame--type02 >.c-frame__line_box {
    display: none;
  }
}
.c-modal-product__content__container__detail__hdg,
.c-modal-product__content__spec__ttl,
.p-battle-top__hdg,
.p-character-detail__item__desc__name--en,
.p-character-top__hdg,
.p-movies_images-top__hdg,
.p-products-pkg__content__container__detail__hdg,
.p-products-pkg__content__spec__ttl,
.p-products-top__hdg,
.p-story-top__hdg,
.p-dlc-top__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__hdg,
  .c-modal-product__content__spec__ttl,
  .p-battle-top__hdg,
  .p-character-detail__item__desc__name--en,
  .p-character-top__hdg,
  .p-movies_images-top__hdg,
  .p-products-pkg__content__container__detail__hdg,
  .p-products-pkg__content__spec__ttl,
  .p-products-top__hdg,
  .p-story-top__hdg,
  .p-dlc-top__hdg {
    font-size: 7.027818448023426vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__hdg,
  .c-modal-product__content__spec__ttl,
  .p-battle-top__hdg,
  .p-character-detail__item__desc__name--en,
  .p-character-top__hdg,
  .p-movies_images-top__hdg,
  .p-products-pkg__content__container__detail__hdg,
  .p-products-pkg__content__spec__ttl,
  .p-products-top__hdg,
  .p-story-top__hdg,
  .p-dlc-top__hdg {
    font-size: 9.6vw;
    line-height: 1.083333333333333;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 8.799999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__hdg:before,
  .c-modal-product__content__spec__ttl:before,
  .p-battle-top__hdg:before,
  .p-character-detail__item__desc__name--en:before,
  .p-character-top__hdg:before,
  .p-movies_images-top__hdg:before,
  .p-products-pkg__content__container__detail__hdg:before,
  .p-products-pkg__content__spec__ttl:before,
  .p-products-top__hdg:before,
  .p-story-top__hdg:before,
  .p-dlc-top__hdg:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__hdg:before,
  .c-modal-product__content__spec__ttl:before,
  .p-battle-top__hdg:before,
  .p-character-detail__item__desc__name--en:before,
  .p-character-top__hdg:before,
  .p-movies_images-top__hdg:before,
  .p-products-pkg__content__container__detail__hdg:before,
  .p-products-pkg__content__spec__ttl:before,
  .p-products-top__hdg:before,
  .p-story-top__hdg:before,
  .p-dlc-top__hdg:before {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__hdg:after,
  .c-modal-product__content__spec__ttl:after,
  .p-battle-top__hdg:after,
  .p-character-detail__item__desc__name--en:after,
  .p-character-top__hdg:after,
  .p-movies_images-top__hdg:after,
  .p-products-pkg__content__container__detail__hdg:after,
  .p-products-pkg__content__spec__ttl:after,
  .p-products-top__hdg:after,
  .p-story-top__hdg:after,
  .p-dlc-top__hdg:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__hdg:after,
  .c-modal-product__content__spec__ttl:after,
  .p-battle-top__hdg:after,
  .p-character-detail__item__desc__name--en:after,
  .p-character-top__hdg:after,
  .p-movies_images-top__hdg:after,
  .p-products-pkg__content__container__detail__hdg:after,
  .p-products-pkg__content__spec__ttl:after,
  .p-products-top__hdg:after,
  .p-story-top__hdg:after,
  .p-dlc-top__hdg:after {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-left: 5.066666666666666vw;
  }
}
.c-sec_hdg--frame:before {
  position: relative;
  content: '';
  display: block;
  background: url("../images/common/symbol/text/hdg_arrow-decoraton-left.svg") center/contain no-repeat;
}
.c-sec_hdg--frame:after {
  position: relative;
  content: '';
  display: block;
  background: url("../images/common/symbol/text/hdg_arrow-decoraton-right.svg") center/contain no-repeat;
  
}
.c-sec_hdg--frame--type02:before {
  content: '';
  display: block;
  background: url("../images/common/symbol/text/hdg_arrow-decoraton-left.svg") center/contain no-repeat;
}
.c-sec_hdg--frame--type02:after {
  content: '';
  display: block;
  background: url("../images/common/symbol/text/hdg_arrow-decoraton-right.svg") center/contain no-repeat;
}
.c-separation--arrow.is-left:before,
.c-separation--arrow.is-right:after,
.c-separation--arrow.is-double:before,
.c-separation--arrow.is-double:after {
  content: '';
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-separation--arrow.is-left:before,
  .c-separation--arrow.is-right:after,
  .c-separation--arrow.is-double:before,
  .c-separation--arrow.is-double:after {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
  }
}
@media screen and (max-width: 768px) {
  .c-separation--arrow.is-left:before,
  .c-separation--arrow.is-right:after,
  .c-separation--arrow.is-double:before,
  .c-separation--arrow.is-double:after {
    width: 6.666666666666667vw;
    height: 4.225333333333333vw;
  }
}
.c-separation--arrow.is-left:before,
.c-separation--arrow.is-double:before {
  background: url("../images/common/symbol/separation/arrow-left.png") center/contain no-repeat;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-separation--arrow.is-left:before,
  .c-separation--arrow.is-double:before {
    margin-right: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-separation--arrow.is-left:before,
  .c-separation--arrow.is-double:before {
    margin-right: 1.466666666666667vw;
  }
}
.c-separation--arrow.is-right:after,
.c-separation--arrow.is-double:after {
  background: url("../images/common/symbol/separation/arrow-right.png") center/contain no-repeat;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-separation--arrow.is-right:after,
  .c-separation--arrow.is-double:after {
    margin-left: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-separation--arrow.is-right:after,
  .c-separation--arrow.is-double:after {
    margin-left: 1.466666666666667vw;
  }
}
.c-separation--arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-separation__line {
  background: #ffffff;
  opacity: 0.6;
  width: 100%;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .c-separation__line {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-separation__line {
    height: 0.133333333333333vw;
  }
}
.c-video-slider__list__obj__line,
.c-expo-obj__line,
.c-onsale:before,
.c-onsale:after,
.p-story-intro__line,
.p-story-world__block__line,
.p-story-expo-obj__line,
.p-top-battle-feature__obj__line,
.p-top-battle-pick__line,
.p-dlc-detail-expo-obj__line,
.p-dlc-detail-new_action-block__line {
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  opacity: 0.6;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__line,
  .c-expo-obj__line,
  .c-onsale:before,
  .c-onsale:after,
  .p-story-intro__line,
  .p-story-world__block__line,
  .p-story-expo-obj__line,
  .p-top-battle-feature__obj__line,
  .p-top-battle-pick__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    width: 3.733528550512445vw;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__line,
  .c-expo-obj__line,
  .c-onsale:before,
  .c-onsale:after,
  .p-story-intro__line,
  .p-story-world__block__line,
  .p-story-expo-obj__line,
  .p-top-battle-feature__obj__line,
  .p-top-battle-pick__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    width: 19.733333333333334vw;
    height: 0.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country__line .c-separation__line,
  .p-story__sep_line .c-separation__line,
  .p-dlc-anchor-sep .c-separation__line,
  .p-dlc-detail__content__frame .c-separation__line,
  .p-dlc-expass-sep .c-separation__line {
    -webkit-transition: 0.7s width ease-in-out;
    transition: 0.7s width ease-in-out;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country__line:not(.js-active) .c-separation__line,
  .p-story__sep_line:not(.js-active) .c-separation__line,
  .p-dlc-anchor-sep:not(.js-active) .c-separation__line,
  .p-dlc-detail__content__frame:not(.js-active) .c-separation__line,
  .p-dlc-expass-sep:not(.js-active) .c-separation__line {
    width: 0%;
  }
}
.p-battle__sep_line,
.p-character-detail__sep_line,
.p-movies_images-sep,
.p-dlc-anchor-sep,
.p-dlc-detail__content__frame,
.p-dlc-expass-sep {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-battle__sep_line,
  .p-character-detail__sep_line,
  .p-movies_images-sep,
  .p-dlc-anchor-sep,
  .p-dlc-detail__content__frame,
  .p-dlc-expass-sep {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle__sep_line,
  .p-character-detail__sep_line,
  .p-movies_images-sep,
  .p-dlc-anchor-sep,
  .p-dlc-detail__content__frame,
  .p-dlc-expass-sep {
    width: 89.33333333333333vw;
  }
}
.c-vertical-separation--arrow.is-double:before,
.c-vertical-separation--arrow.is-double:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .c-vertical-separation--arrow.is-double:before,
  .c-vertical-separation--arrow.is-double:after {
    width: 1.318448023426062vw;
    height: 2.080527086383602vw;
  }
}
@media screen and (max-width: 768px) {
  .c-vertical-separation--arrow.is-double:before,
  .c-vertical-separation--arrow.is-double:after {
    width: 4.225333333333333vw;
    height: 6.666666666666667vw;
  }
}
.c-vertical-separation--arrow.is-double:before {
  top: 0;
  background: url("../images/common/symbol/separation/arrow-top.png") center/contain;
}
.c-vertical-separation--arrow.is-double:after {
  bottom: 0;
  background: url("../images/common/symbol/separation/arrow-bottom.png") center/contain;
}
.c-vertical-separation--arrow {
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto 0;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .c-vertical-separation--arrow {
    width: 1.318448023426062vw;
  }
}
@media screen and (max-width: 768px) {
  .c-vertical-separation--arrow {
    width: 4.225333333333333vw;
  }
}
.c-vertical-separation__line {
  background: #ffffff;
  opacity: 0.6;
  min-width: 1px;
  position: absolute;
  right: 0;
  margin: auto;
  min-width: 1px;
}
@media screen and (min-width: 769px) {
  .c-vertical-separation__line {
    left: -0.073206442166911vw;
    width: 0.073206442166911vw;
    top: 2.635431918008785vw;
    bottom: 2.635431918008785vw;
  }
}
@media screen and (max-width: 768px) {
  .c-vertical-separation__line {
    left: -0.073206442166911vw;
    width: 0.133333333333333vw;
    top: 0;
    bottom: 0;
  }
}
.c-hdg-sep__hdg__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-hdg-sep__hdg__line {
  -webkit-transition: 1.5s width cubic-bezier(0.87, 0, 0.13, 1);
  transition: 1.5s width cubic-bezier(0.87, 0, 0.13, 1);
  width: 0%;
}
.c-hdg-sep__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg {
    margin-left: 0.878477306002928vw;
    margin-right: 0.878477306002928vw;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg {
    margin-left: 1.333333333333333vw;
    margin-right: 1.333333333333333vw;
  }
}
.c-hdg-sep__hdg.is-type01 {
  background: url("../images/common/frame/sephdg138.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type01 {
    width: 10.132503660322108vw;
    height: 2.543923865300147vw;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type01 {
    width: 37.44vw;
    height: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type03 {
    width: 29.64860907759883vw;
    height: 3.440702781844803vw;
    background: url("../images/common/frame/sephdg405.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type03 {
    width: 63.06666666666667vw;
    height: 12vw;
    background: url("../images/common/frame/sephdg473.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type04 {
    width: 17.05710102489019vw;
    height: 3.440702781844803vw;
    background: url("../images/common/frame/sephdg233.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type04 {
    width: 45.33333333333333vw;
    height: 10.666666666666668vw;
    background: url("../images/common/frame/sephdg340.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type05 {
    width: 15.476573938506588vw;
    height: 2.543923865300147vw;
    background: url("../images/common/frame/sephdg211.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type05 {
    width: 49.744vw;
    height: 10.666666666666668vw;
    background: url("../images/common/frame/sephdg373.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type06 {
    width: 22.25475841874085vw;
    height: 3.513909224011713vw;
    background: url("../images/common/frame/sephdg304.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type06 {
    width: 56.00000000000001vw;
    height: 10.666666666666668vw;
    background: url("../images/common/frame/sephdg420.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type07 {
    width: 16.940702781844802vw;
    height: 2.543923865300147vw;
    background: url("../images/common/frame/sephdg231_34.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-hdg-sep__hdg.is-type08 {
    width: 16.398243045387993vw;
    height: 3.440702781844803vw;
    background: url("../images/common/frame/sephdg224.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-hdg-sep__hdg.is-type08 {
    width: 45.33333333333333vw;
    height: 10.666666666666668vw;
    background: url("../images/common/frame/sephdg340.svg") center/contain no-repeat;
  }
}
.c-hdg-sep__hdg__container.js-active .c-hdg-sep__hdg__line {
  width: 45%;
}
.c-spark-layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: lighten;
}
.c-spark-layer [class*='-spark--'] {
  position: absolute;
  width: 100%;
  left: 0;
}
.c-spark-layer [class*='-spark--']:before {
  content: '';
  display: block;
  position: relative;
  left: 0;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
  opacity: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
}
@media screen and (min-width: 769px) {
  .c-spark-layer [class*='-spark--']:not(.js-active):before {
    left: -1.464128843338214vw;
    bottom: -1.464128843338214vw;
    opacity: 0;
  }
}
.c-line {
  display: inline-block;
  position: relative;
  width: 1.4em;
  height: 0.7em;
  min-height: 1px;
}
.c-line:before {
  content: '';
  display: block;
  position: absolute;
  min-height: 1px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 0.03em;
}
.c-line.thema-white:before {
  background: #fff;
}
.c-line.thema-l-gray:before {
  background: #c8c8c8;
}
.c-line.thema-beige:before {
  background: #ffffff;
}
.c-line span {
  display: none;
}
.js-btn-spark {
  position: absolute;
  top: 50%;
  left: 0;
  pointer-events: none;
}
.js-btn-spark-rect {
  width: 0.4vw;
  height: 0.15vw;
  position: absolute;
  background: -webkit-radial-gradient(circle, #0666f5 0%, rgba(245,107,6,0) 100%);
  background: radial-gradient(circle, #0681f5 0%, rgba(245,107,6,0) 100%);
  top: 0;
  left: 0;
  mix-blend-mode: screen;
  border-radius: 50%;
}
.js-btn-spark-rect:nth-child(3n) {
  height: 0.25vw;
  width: 0.25vw;
  background: -webkit-radial-gradient(circle, #061ef5 0%, rgba(245,107,6,0) 100%);
  background: radial-gradient(circle, #0681f5 0%, rgba(245,107,6,0) 100%);
}
.js-btn-spark-rect:nth-child(5n) {
  height: 0.3vw;
  width: 0.3vw;
  background: -webkit-radial-gradient(circle, #1100ff 0%, rgba(255,46,0,0) 100%);
  background: radial-gradient(circle, #00c3ff 0%, rgba(255,46,0,0) 100%);
}
.js-btn-spark-rect:nth-child(10n) {
  height: 0.5vw;
  width: 0.5vw;
  background: -webkit-radial-gradient(circle, rgba(6, 22, 245, 0.75) 0%, rgba(245,107,6,0) 100%);
  background: radial-gradient(circle, rgba(6, 42, 245, 0.75) 0%, rgba(245,107,6,0) 100%);
}
.js-btn-spark-rect:nth-child(7n) {
  background: -webkit-radial-gradient(circle, rgba(64, 169, 255, 0.9) 0%, rgba(208,171,143,0) 75%);
  background: radial-gradient(circle, rgba(64, 99, 255, 0.9) 0%, rgba(208,171,143,0) 75%);
  height: 0.4vw;
  width: 0.4vw;
}
.c-imagse-accordion__block__container {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__block__container {
    height: 35.87115666178624vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__block__container {
    height: 84vw;
  }
}
.c-imagse-accordion__block__container.js-active {
  height: auto;
}
.c-imagse-accordion__container {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__container {
    width: 92.31332357247439vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__container {
    width: 89.33333333333333vw;
  }
}
.c-imagse-accordion__block__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-imagse-accordion__obj {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__obj {
    width: 29.79502196193265vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__obj {
    width: 42.93333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__obj +.c-imagse-accordion__obj {
    margin-left: 1.464128843338214vw;
  }
}
.c-imagse-accordion__obj img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.c-imagse-accordion__obj .c-frame__inner {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__obj:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__obj:nth-of-type(n+4) {
    padding-top: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__obj:nth-of-type(3n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__obj:nth-of-type(even) {
    margin-left: 3.466666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__obj:nth-of-type(n+3) {
    padding-top: 3.466666666666666vw;
  }
}
.c-imagse-accordion__btn {
  position: relative;
  background: url("../images/common/frame/btn.svg") center/contain no-repeat;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__btn {
    width: 4.146412884333821vw;
    height: 4.146412884333821vw;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__btn {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
    margin-top: 4vw;
  }
}
.c-imagse-accordion__btn:before {
  content: '';
  display: block;
  position: absolute;
  min-width: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__btn:before {
    width: 0.146412884333821vw;
    height: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__btn:before {
    width: 0.266666666666667vw;
    height: 2.666666666666667vw;
  }
}
.c-imagse-accordion__btn:after {
  content: '';
  display: block;
  position: absolute;
  min-height: 1px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__btn:after {
    width: 1.464128843338214vw;
    height: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__btn:after {
    width: 2.666666666666667vw;
    height: 0.266666666666667vw;
  }
}
.c-imagse-accordion__btn.js-active:before {
  opacity: 0;
}
.c-imagse-accordion__block__base {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .c-imagse-accordion__block__base {
    height: 35.87115666178624vw;
  }
}
@media screen and (max-width: 768px) {
  .c-imagse-accordion__block__base {
    height: 84vw;
  }
}
@media screen and (min-width: 769px) {
  .c-expo-obj__img .c-trailer__btn,
  .p-top-trailer__object .c-trailer__btn,
  .p-dlc-about-trailer-object__inner .c-trailer__btn {
    width: 9.282576866764275vw;
    height: 9.282576866764275vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__thumbnail .c-trailer__btn,
  .c-expo-obj__img .c-trailer__btn,
  .p-top-trailer__object .c-trailer__btn,
  .p-dlc-about-trailer-object__inner .c-trailer__btn {
    width: 16.462666666666667vw;
    height: 16.462666666666667vw;
  }
}
@media screen and (min-width: 769px) {
}
@media screen and (max-width: 768px) {
  .p-battle-visual__video .c-trailer__btn,
  .p-top-battle-feature__obj__trailer .c-trailer__btn,
  .p-top-battle-pick__trailer .c-trailer__btn,
  .p-dlc-detail-new_action-block__img .c-trailer__btn {
    width: 11.639999999999999vw;
    height: 11.639999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__video .c-trailer__btn,
  .p-top-battle-feature__obj__trailer .c-trailer__btn,
  .p-top-battle-pick__trailer .c-trailer__btn,
  .p-dlc-detail-new_action-block__img .c-trailer__btn {
    width: 6.300878477306003vw;
    height: 6.300878477306003vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__video .c-trailer__btn:before,
  .p-top-battle-feature__obj__trailer .c-trailer__btn:before,
  .p-top-battle-pick__trailer .c-trailer__btn:before,
  .p-dlc-detail-new_action-block__img .c-trailer__btn:before {
    width: 26.333333333333332vw;
    height: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__video .c-trailer__btn:before,
  .p-top-battle-feature__obj__trailer .c-trailer__btn:before,
  .p-top-battle-pick__trailer .c-trailer__btn:before,
  .p-dlc-detail-new_action-block__img .c-trailer__btn:before {
    width: 10.102489019033674vw;
    height: 1.756954612005857vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__video .c-trailer__btn,
  .p-top-battle-feature__obj__trailer .c-trailer__btn,
  .p-top-battle-pick__trailer .c-trailer__btn,
  .p-dlc-detail-new_action-block__img .c-trailer__btn {
    bottom: 1.976573938506589vw;
    left: 1.976573938506589vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__video .c-trailer__btn,
  .p-top-battle-feature__obj__trailer .c-trailer__btn,
  .p-top-battle-pick__trailer .c-trailer__btn,
  .p-dlc-detail-new_action-block__img .c-trailer__btn {
    bottom: 3.6vw;
    left: 3.6vw;
  }
}
.c-trailer {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.c-trailer .c-frame__inner >* {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media screen and (min-width: 769px) {
  .c-trailer:hover .c-btn--trailer {
    -webkit-filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
    filter: drop-shadow(0 0 0.292825768667643vw #ffffbe);
  }
}
.c-trailer:hover .c-frame__inner >* {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.c-trailer:not(.is-type-02) .c-trailer__btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.c-trailer.is-type-02 .c-trailer__btn {
  position: absolute;
}
.c-trailer.is-type-02 .c-trailer__btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 81.3953488372093%;
}
@media screen and (min-width: 769px) {
  .c-trailer.is-type-02 .c-trailer__btn:before {
    background: url("../images/common/symbol/text/play_movie_pc.png") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-trailer.is-type-02 .c-trailer__btn:before {
    background: url("../images/common/symbol/text/play_movie_sp.png") center/contain no-repeat;
  }
}
.c-trailer .c-trailer__container {
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-trailer .c-trailer__container {
    bottom: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .c-trailer .c-trailer__container {
    bottom: 5.333333333333334vw;
  }
}
.c-trailer .c-frame__inner {
  overflow: hidden;
}
.c-video-slider__container {
  position: relative;
}
.c-video-slider__list__obj {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj {
    width: 40.19033674963397vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj {
    width: 66.13333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__thumbnail .c-trailer__btn {
    width: 7.393850658857979vw;
    height: 7.393850658857979vw;
  }
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__thumbnail +.c-video-slider__list__obj__ttl {
    margin-top: 1.610541727672035vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__thumbnail +.c-video-slider__list__obj__ttl {
    margin-top: 5.333333333333334vw;
  }
}
.c-video-slider__list__obj__hdg {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__hdg {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4.933333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__hdg +.c-video-slider__list__obj__ttl {
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__hdg +.c-video-slider__list__obj__ttl {
    margin-top: 2.666666666666667vw;
  }
}
.c-video-slider__list__obj__ttl {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__ttl {
    font-size: 1.756954612005857vw;
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__ttl {
    font-size: 4.533333333333333vw;
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-video-slider__list__obj__line {
    margin-top: 1.683748169838946vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__list__obj__line {
    margin-top: 4vw;
  }
}
[class*="c-video-slider__arrow--"] {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  [class*="c-video-slider__arrow--"] {
    top: 8.052708638360176vw;
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="c-video-slider__arrow--"] {
    top: 12.666666666666668vw;
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .c-video-slider__arrow--prev {
    left: 23.64568081991215%;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__arrow--prev {
    left: 9.066666666666666vw;
  }
}
.c-video-slider__arrow--prev:not(.swiper-button-prev) {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-video-slider__arrow--next {
    right: 23.64568081991215%;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__arrow--next {
    right: 9.066666666666666vw;
  }
}
.c-video-slider__arrow--next:not(.swiper-button-next) {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-video-slider__pagination {
    min-height: 1.317715959004393vw;
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__pagination {
    min-height: 3.466666666666666vw;
    margin-top: 3.333333333333333vw;
  }
}
.c-video-slider__pagination.swiper-pagination {
  position: relative;
  bottom: 0 !important;
}
.c-video-slider__pagination:not(.swiper-pagination) {
  display: none;
}
.c-video-slider__pagination .swiper-pagination-bullet {
  background: url("../images/top/character/pagination.svg");
  background-size: 100% 100%;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .c-video-slider__pagination .swiper-pagination-bullet {
    width: 1.171303074670571vw;
    height: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .c-video-slider__pagination .swiper-pagination-bullet {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
.c-video-slider__list__item {
  cursor: pointer;
}
.c-dlc-bnr__container {
  display: block;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr__container {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr__container {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr__container:hover .c-dlc-bnr-section__thumbnail img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
.c-dlc-bnr-section__inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-section__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-section__inner:before {
    content: "";
    display: block;
    width: 34.40702781844802vw;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-section__thumbnail {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 34.40702781844802vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-section__thumbnail {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-section__thumbnail img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s -webkit-transform ease;
    transition: 0.5s -webkit-transform ease;
    transition: 0.5s transform ease;
    transition: 0.5s transform ease, 0.5s -webkit-transform ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.c-dlc-bnr-block__container {
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-block__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-block__inner {
    padding-left: 3.22108345534407vw;
    padding-top: 2.781844802342606vw;
    padding-bottom: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-block__inner {
    display: inline-block;
    padding-top: 5.333333333333334vw;
    padding-bottom: 5.733333333333333vw;
  }
}
.c-dlc-bnr-block__title {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-block__title {
    width: 49.780380673499266vw;
    height: 3.440702781844803vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    background: url("../images/common/dlc/title_frame_pc.svg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-block__title {
    width: 80.01066666666668vw;
    height: 10.666666666666668vw;
    margin-inline: auto;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    background: url("../images/common/dlc/title_frame_sp.svg") center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-box__inner {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-box__inner {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products +.c-dlc-bnr-products {
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-products +.c-dlc-bnr-products {
    margin-top: 5.333333333333334vw;
  }
}
.c-dlc-bnr-products__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products__label {
    width: 10.248901903367496vw;
    height: 2.342606149341142vw;
    border-radius: 2.342606149341142vw;
    border: 0.073206442166911vw solid #ffffff;
    font-size: 1.09809663250366vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-products__label {
    width: 26.655999999999995vw;
    height: 5.600000000000001vw;
    border-radius: 5.600000000000001vw;
    margin-inline: auto;
    border: 0.133333333333333vw solid #ffffff;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-dlc-bnr-products__title {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.903367496339678vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-products__title {
    font-size: 4vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    text-align: center;
    padding-top: 2.666666666666667vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products__title > span {
    display: block;
    margin-left: 2.928257686676428vw;
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-products__title > span {
    margin-left: 5.333333333333334vw;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-products__title_sub::before {
    content: '';
    display: block;
    position: absolute;
    width: 0.073206442166911vw;
    height: 1.317715959004393vw;
    right: 18.740849194729137vw;
    background: rgba(177,162,132,0.5);
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-products__title_sub::before {
    content: '';
    display: block;
    position: absolute;
    width: 0.133333333333333vw;
    height: 2.4vw;
    right: 34.66666666666667vw;
    bottom: 5.866666666666666vw;
    background: rgba(177,162,132,0.5);
  }
}
.c-dlc-bnr-block__sep {
  width: 100%;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-dlc-bnr-block__sep {
    height: 0.073206442166911vw;
    margin-top: 2.196193265007321vw;
    margin-bottom: 1.808199121522694vw;
  }
}
@media screen and (max-width: 768px) {
  .c-dlc-bnr-block__sep {
    height: 0.133333333333333vw;
    margin-top: 5.333333333333334vw;
    margin-bottom: 5.333333333333334vw;
  }
}
.p-dlc-modal__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  margin: 0 auto;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__container {
    padding: 8.052708638360176vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__container {
    padding: 20vh 0;
  }
}
.p-dlc-modal__container:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.p-dlc-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.p-dlc-modal__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  border-radius: 6px;
  position: relative;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__content {
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__content {
    width: 89.33333333333333vw;
  }
}
.p-dlc-modal__content__close {
  position: fixed;
  cursor: pointer;
  z-index: 5;
  background: url("../images/common/symbol/btn/close.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__content__close {
    right: 3.953147877013177vw;
    top: 3.953147877013177vw;
    width: 2.6398243045388vw;
    height: 2.6398243045388vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__content__close {
    right: 5.333333333333334vw;
    top: 5.333333333333334vw;
    width: 8vw;
    height: 8vw;
  }
}
.p-dlc-modal__content__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__content__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__content__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__content__container__img--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__content__container__img--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-modal__content__container__img--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-modal__content__container__img--sp {
    display: block;
  }
}
.c-expo-obj__contents:before,
.p-story-world__block__contents__inner:before,
.p-story-expo-obj__contents:before,
.p-dlc-detail-expo-obj__contents:before,
.p-dlc-detail-new_action-block__contents:before {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
}
.c-expo-obj__contents:after,
.p-story-world__block__contents__inner:after,
.p-story-expo-obj__contents:after,
.p-dlc-detail-expo-obj__contents:after,
.p-dlc-detail-new_action-block__contents:after {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-expo-obj__contents:before,
  .p-story-expo-obj__contents:before,
  .p-dlc-detail-expo-obj__contents:before,
  .p-dlc-detail-new_action-block__contents:before {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
  }
}
@media screen and (min-width: 769px) {
  .c-expo-obj__contents:after,
  .p-story-expo-obj__contents:after,
  .p-dlc-detail-expo-obj__contents:after,
  .p-dlc-detail-new_action-block__contents:after {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__contents {
    margin-top: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__contents:before {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__contents:after {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-expo-obj__inner,
  .p-story-expo-obj__inner,
  .p-dlc-detail-expo-obj__inner,
  .p-dlc-detail-new_action-block__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .c-expo-obj__img,
  .p-story-expo-obj__img,
  .p-dlc-detail-expo-obj__img,
  .p-dlc-detail-new_action-block__img {
    width: 40.19033674963397vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__img {
    width: 89.46666666666667vw;
  }
}
.c-expo-obj__img[data-module="Imagefocus"] {
  cursor: pointer;
}
.c-expo-obj__img video {
  width: 100%;
  height: 100%;
}
.c-expo-obj__hdg,
.p-story-expo-obj__hdg,
.p-dlc-detail-expo-obj__hdg,
.p-dlc-detail-new_action-block__hdg {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-expo-obj__hdg,
  .p-story-expo-obj__hdg,
  .p-dlc-detail-expo-obj__hdg,
  .p-dlc-detail-new_action-block__hdg {
    font-size: 2.049780380673499vw;
    line-height: 1.571428571428571;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.493411420204978vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__hdg,
  .p-story-expo-obj__hdg,
  .p-dlc-detail-expo-obj__hdg,
  .p-dlc-detail-new_action-block__hdg {
    font-size: 5.333333333333334vw;
    line-height: 1.35;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.72vw;
  }
}
@media screen and (min-width: 769px) {
  .c-expo-obj__line,
  .p-story-expo-obj__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    margin-top: 1.976573938506589vw;
    margin-bottom: 1.976573938506589vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__line,
  .p-story-expo-obj__line,
  .p-dlc-detail-expo-obj__line,
  .p-dlc-detail-new_action-block__line {
    margin-top: 5.333333333333334vw;
    margin-bottom: 5.333333333333334vw;
  }
}
.c-expo-obj__txt,
.p-story-expo-obj__txt,
.p-dlc-detail-expo-obj__txt,
.p-dlc-detail-new_action-block__txt {
  font-family: $font-NotoSerifJP;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-expo-obj__txt,
  .p-story-expo-obj__txt,
  .p-dlc-detail-expo-obj__txt,
  .p-dlc-detail-new_action-block__txt {
    font-size: 1.171303074670571vw;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 45.31478770131771vw;
  }
}
@media screen and (max-width: 768px) {
  .c-expo-obj__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 89.33333333333333vw;
  }
}
.l-footer {
  position: relative;
}
@media screen and (min-width: 769px) {
  .l-footer {
    padding-bottom: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding-bottom: 8.666666666666668vw;
  }
}
.c-footer__inner {
  position: relative;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-footer__inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer__inner {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer__rating {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3.030014641288433vw;
    height: 3.726207906295754vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer__rating {
    width: 11.469333333333333vw;
    height: 14.105333333333334vw;
  }
}
.c-footer-overview__section__frame--top:before,
.c-footer-overview__section__frame--bottom:after {
  content: '';
  display: block;
  width: 100%;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__frame--top:before,
  .c-footer-overview__section__frame--bottom:after {
    height: 0.219619326500732vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__frame--top:before,
  .c-footer-overview__section__frame--bottom:after {
    height: 0.4vw;
  }
}
.c-footer-overview__section__frame--top:after,
.c-footer-overview__section__frame--bottom:before {
  content: '';
  display: block;
  width: 100%;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__frame--top:after,
  .c-footer-overview__section__frame--bottom:before {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__frame--top:after,
  .c-footer-overview__section__frame--bottom:before {
    height: 0.133333333333333vw;
  }
}
.c-footer-overview__section__inner .logo_area:before,
.c-footer-overview-block__xvilogo__container:after {
  content: '';
  display: block;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area:before,
  .c-footer-overview-block__xvilogo__container:after {
    width: 0.073206442166911vw;
    min-width: 1px;
    height: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area:before,
  .c-footer-overview-block__xvilogo__container:after {
    width: 0.133333333333333vw;
    min-width: 1px;
    height: 11.333333333333332vw;
  }
}
.c-footer-overview__section__frame--top {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__frame--top:after {
    margin-top: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__frame--top:after {
    margin-top: 0.266666666666667vw;
  }
}
.c-footer-overview__section__frame--bottom {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__frame--bottom:after {
    margin-top: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__frame--bottom:after {
    margin-top: 0.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2.049780380673499vw;
    padding-bottom: 2.049780380673499vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner {
    padding-top: 8.4vw;
    padding-bottom: 8vw;
  }
}
.c-footer-overview__section__inner .logo_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area {
    margin-right: 7.759882869692533vw;
    gap: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area {
    margin-top: 5.333333333333334vw;
    gap: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area:before {
    margin-right: 2.181551976573939vw;
    margin-left: 5.124450951683748vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area:before {
    display: none;
  }
}
.c-footer-overview__section__inner .logo_area--ps5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area--ps5 {
    width: 6.058565153733529vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area--ps5 {
    width: 19.654666666666667vw;
  }
}
.c-footer-overview__section__inner .logo_area--steam {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area--steam {
    width: 6.058565153733529vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area--steam {
    width: 19.861333333333334vw;
  }
}
.c-footer-overview__section__inner .logo_area--epic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section__inner .logo_area--epic {
    width: 5.23792093704246vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section__inner .logo_area--epic {
    width: 17.171999999999997vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview-block__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview-block__detail {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview-block__detail__colum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview-block__detail__colum +.c-footer-overview-block__detail__colum {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview__txt {
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__txt {
    font-size: 2.933333333333333vw;
    line-height: 1.681818181818182;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__txt .c-footer-overview__txt--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.c-footer-overview-block__xvilogo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-footer-overview-block__xvilogo {
    width: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview-block__xvilogo {
    width: 89.73333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview-block__xvilogo__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview-block__xvilogo__container:after {
    margin-left: 4.414348462664714vw;
    margin-right: 4.443631039531478vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview-block__xvilogo__container:after {
    display: none;
  }
}
.c-footer-overview__obj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.c-footer__notes {
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  .c-footer__notes {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-footer__notes {
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-footer-overview__section {
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-overview__section {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__policy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__policy {
    margin-top: 8vw;
  }
}
.c-footer-detail__links__policy:after {
  content: '';
  display: block;
  background: rgba(177,162,132,0.5);
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__policy:after {
    height: 2.196193265007321vw;
    width: 0.073206442166911vw;
    min-width: 1px;
    margin-left: 2.196193265007321vw;
    margin-right: 2.196193265007321vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__policy__colum {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__policy__colum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__policy__colum +.c-footer-detail__links__policy__colum {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 2.196193265007321vw;
    height: 2.196193265007321vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.464128843338214vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links {
    margin-top: 8vw;
  }
}
.c-footer-detail__links__social__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-footer-detail__links__policy__txt {
  display: block;
  color: #c8c8c8;
  text-decoration: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__policy__txt {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__policy__txt {
    width: 50%;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-footer-detail__links__policy__txt:hover {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__policy__txt +.c-footer-detail__links__policy__txt {
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4vw;
    padding-bottom: 4vw;
    border-top: 0.133333333333333vw #ffffff solid;
    border-bottom: 0.133333333333333vw #ffffff solid;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.c-footer-detail__links__social .c-svg__parts--01 {
  fill: #c8c8c8;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.c-footer-detail__links__social:hover .c-svg__parts--01 {
  fill: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__social.is-tw {
    width: 1.571742313323572vw;
    height: 1.276720351390923vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social.is-tw {
    width: 6.377333333333334vw;
    height: 5.18vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__social.is-ig {
    width: 1.376281112737921vw;
    height: 1.376281112737921vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social.is-ig {
    width: 5.584vw;
    height: 5.582666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__social.is-fb {
    width: 1.522693997071742vw;
    height: 1.513909224011713vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social.is-fb {
    width: 6.178666666666667vw;
    height: 6.141333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-footer-detail__links__social +.c-footer-detail__links__social {
    margin-left: 1.537335285505125vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__links__social +.c-footer-detail__links__social {
    margin-left: 6.4vw;
  }
}
.c-ft__small-pslogo {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .c-ft__small-pslogo {
    width: 0.819180087847731vw;
  }
}
@media screen and (max-width: 768px) {
  .c-ft__small-pslogo {
    width: 2.458666666666667vw;
    position: relative;
    top: 0.533333333333333vw;
  }
}
.c-ft__small-ps5logo {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .c-ft__small-ps5logo {
    width: 2.346998535871157vw;
  }
}
@media screen and (max-width: 768px) {
  .c-ft__small-ps5logo {
    width: 7.590666666666666vw;
  }
}
.c-footer-detail__copyright {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  display: block;
}
@media screen and (min-width: 769px) {
  .c-footer-detail__copyright {
    font-size: 0.732064421669107vw;
    line-height: 1.4;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .c-footer-detail__copyright {
    font-size: 2.666666666666667vw;
    line-height: 1.45;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 7.8vw;
  }
}
.l-top__area:before {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: -webkit-linear-gradient(top, #000, transparent);
  background: linear-gradient(180deg, #000, transparent);
}
@media screen and (min-width: 769px) {
  .l-top__area:before {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top__area:before {
    height: 26.666666666666668vw;
  }
}
.l-top__area:after {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background: -webkit-linear-gradient(bottom, #000, transparent);
  background: linear-gradient(0deg, #000, transparent);
}
@media screen and (min-width: 769px) {
  .l-top__area:after {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top__area:after {
    height: 26.666666666666668vw;
  }
}
.b-header__gradient,
.b-lower-header__gradient {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .b-header__gradient,
  .b-lower-header__gradient {
    height: 10.980966325036604vw;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0.828)), to(#000));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.828) 80%, #000 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.828) 80%, #000 100%);
  }
}
@media screen and (max-width: 768px) {
  .b-header__gradient,
  .b-lower-header__gradient {
    height: 20vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
    background: -webkit-linear-gradient(top, #000, transparent);
    background: linear-gradient(180deg, #000, transparent);
  }
}
.b-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999;
}
.b-header[data-roll="header"] {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .b-header {
    padding: 1.464128843338214vw 3.953147877013177vw 0;
  }
}
@media screen and (max-width: 768px) {
  .b-header {
    position: fixed;
    padding: 6.266666666666667vw 5.333333333333334vw 0;
  }
}
.b-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.b-header__logo {
  display: block;
  position: relative;
  z-index: 100;
}
@media screen and (min-width: 769px) {
  .b-header__logo {
    width: 6.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .b-header__logo {
    width: 23.200000000000003vw;
  }
}
.b-header__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  .b-header__container--pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .b-header__container--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .b-header__container--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .b-header__container--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.b-header__menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.b-header__menu__list__item {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .b-header__menu__list__item {
    font-size: 1.02489019033675vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .b-header__menu__list__item:hover > a,
  .b-header__menu__list__item:hover span {
    color: #ffffff;
  }
}
.b-header__menu__list__item > span,
.b-header__menu__list__item a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .b-header__menu__list__item+.b-header__menu__list__item {
    margin-left: 2.196193265007321vw;
  }
}
@media screen and (min-width: 769px) {
  .b-header__menu__list__item--lang {
    padding-left: 2.196193265007321vw;
    border-left: 1px solid rgba(255,255,255,0.6);
    position: relative;
    width: 1.746705710102489vw;
  }
  .b-header__menu__list__item--lang:hover {
    cursor: pointer;
  }
  .b-header__menu__list__item--lang:hover .b-header__lang__list {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .b-header__menu__list__item img {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .b-header__ps5 {
    width: 6.44216691068814vw;
    margin-left: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .b-header__ps5 {
    width: 18.666666666666668vw;
  }
}
@media screen and (max-width: 768px) {
  .b-header__lang {
    width: 5.2vw;
    margin-left: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .b-header__reserve {
    width: 10.61493411420205vw;
    height: 2.928257686676428vw;
    margin-left: 2.342606149341142vw;
    font-size: 1.02489019033675vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.b-header__burger-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}
.b-header__burger-menu.is-open {
  visibility: visible;
  opacity: 1;
}
.b-header__burger-btn {
  width: 8.133333333333333vw;
  height: 2.933333333333333vw;
  margin-left: 2.666666666666667vw;
  position: relative;
}
.b-header__burger-btn span {
  height: 0.266666666666667vw;
  width: 100%;
  position: absolute;
  left: 50%;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.b-header__burger-btn span:nth-child(1) {
  top: 0;
  -webkit-transform: translate(-50%) rotate(0deg);
  transform: translate(-50%) rotate(0deg);
}
.b-header__burger-btn span:nth-child(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.b-header__burger-btn span:nth-child(3) {
  top: 100%;
  -webkit-transform: translate(-50%) rotate(0deg);
  transform: translate(-50%) rotate(0deg);
}
.b-header__burger-btn.is-open span {
  background-color: #ffffff;
}
.b-header__burger-btn.is-open span:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.b-header__burger-btn.is-open span:nth-child(2) {
  opacity: 0;
}
.b-header__burger-btn.is-open span:nth-child(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-header__burger-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 16.933333333333334vw;
}
.b-header__burger-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-header__burger-menu__list__item {
  height: 9.333333333333334vw;
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 7.199999999999999vw;
  line-height: 1.296296296296296;
  letter-spacing: 0.1em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-header__burger-menu__list__item span,
.b-header__burger-menu__list__item a {
  color: #ffffff;
  cursor: pointer;
}
.b-header__burger-menu__list__item+.b-header__burger-menu__list__item {
  margin-top: 4vw;
}
.b-header__burger-menu__list__item--reservation {
  width: 42.93333333333334vw;
  height: 10.666666666666668vw;
  margin-top: 7.6vw !important;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 3.466666666666666vw;
  line-height: 0.846153846153846;
  letter-spacing: 0.05em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-header__burger-menu__list__item img {
  width: auto;
  height: 100%;
}
.b-header__lang__list {
  z-index: 100;
  position: absolute;
  right: -157%;
  top: 0;
  width: 14.421669106881405vw;
  height: 23.833089311859442vw;
  padding-top: 1.464128843338214vw;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.b-header__lang__list::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-image: url("../images/common/header/lang_frame_top.svg");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}
.b-header__lang__list:hover {
  visibility: visible;
  opacity: 1;
}
.b-header__lang__list__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 5;
  width: 14.128843338213763vw;
  height: 20.791361639824306vw;
  left: 0.219619326500732vw;
  top: 11.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 1.464128843338214vw;
  font-size: 1.09809663250366vw;
  line-height: 2.133333333333333;
  letter-spacing: 0.02em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-header__lang__list__item {
  cursor: pointer;
  position: relative;
}
.b-header__lang__list__item.is-active::before {
  content: '';
  width: 1.317715959004393vw;
  height: 1.317715959004393vw;
  background-image: url("../images/common/header/lang_current.svg");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-145%, -50%);
  transform: translate(-145%, -50%);
}
.b-header__lang__list__item a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
}
.b-header__lang__list__item:hover a {
  color: #ffffff;
}
.b-header__lang__select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .b-header__lang__select {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-image__block {
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image__block {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-image-slider__block {
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image-slider__block {
    width: 89.33333333333333vw;
  }
}
.c-modal-image-slider__btn--prev,
.c-modal-image-slider__btn--next,
.c-modal-mulch-slider__btn--prev,
.c-modal-mulch-slider__btn--next {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-modal-image-slider__btn--prev,
  .c-modal-image-slider__btn--next,
  .c-modal-mulch-slider__btn--prev,
  .c-modal-mulch-slider__btn--next {
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image-slider__btn--prev,
  .c-modal-image-slider__btn--next,
  .c-modal-mulch-slider__btn--prev,
  .c-modal-mulch-slider__btn--next {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
    bottom: -18.16933333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-image-slider__btn--prev {
    left: -9.816251830161054vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image-slider__btn--prev {
    left: 0vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-image-slider__btn--next {
    right: -9.816251830161054vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-image-slider__btn--next {
    right: 0vw;
  }
}
.b-lower-header {
  position: fixed;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999;
}
@media screen and (min-width: 769px) {
  .b-lower-header {
    padding: 0.951683748169839vw 3.953147877013177vw 0;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header {
    position: fixed;
    padding: 2.666666666666667vw 5.333333333333334vw 0;
  }
}
.b-lower-header__inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 0.7s top cubic-bezier(0.98, 0.32, 0.23, 0.88);
  transition: 0.7s top cubic-bezier(0.98, 0.32, 0.23, 0.88);
  top: 0;
}
@media screen and (min-width: 769px) {
  .b-lower-header__inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__inner.js-active {
    top: -2.928257686676428vw;
  }
}
.b-lower-header__logo {
  position: relative;
  z-index: 100;
  display: block;
}
@media screen and (min-width: 769px) {
  .b-lower-header__logo {
    width: 8.931185944363104vw;
    height: 0.93484626647145vw;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__logo {
    width: 23.200000000000003vw;
  }
}
.b-lower-header__ff16 {
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
@media screen and (min-width: 769px) {
  .b-lower-header__ff16 {
    width: 14.128843338213763vw;
    padding-top: 1.390922401171303vw;
    z-index: 100;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__ff16 {
    width: 31.2vw;
  }
}
.b-lower-header__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 5;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .b-lower-header__container--pc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__container--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__container--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__container--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.666666666666667vw;
  }
}
.b-lower-header__container--top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
@media screen and (min-width: 769px) {
  .b-lower-header__container--top {
    padding-bottom: 1.09809663250366vw;
    z-index: 10;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__container--top {
    padding-bottom: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__container--bot {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
.b-lower-header__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-lower-header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 769px) {
  .b-lower-header__menu {
    padding-bottom: 0.732064421669107vw;
  }
}
.b-lower-header__menu__marker__block {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
.b-lower-header__menu__marker__item {
  content: '';
  width: 100px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
  background-color: #ffffff;
}
.b-lower-header__menu__marker__item::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
@media screen and (min-width: 769px) {
  .b-lower-header__menu__marker__item::after {
    width: 1.464128843338214vw;
    height: 0.981698389458272vw;
    background-image: url("../images/common/header/marker.svg");
    background-size: cover;
  }
}
.b-lower-header__menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 100%;
}
.b-lower-header__menu__list__item {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
}
@media screen and (min-width: 769px) {
  .b-lower-header__menu__list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 1.02489019033675vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    height: 100%;
  }
  .b-lower-header__menu__list__item:hover a {
    color: #ffffff;
  }
}
.b-lower-header__menu__list__item a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .b-lower-header__menu__list__item+.b-lower-header__menu__list__item {
    margin-left: 2.196193265007321vw;
  }
}
.b-lower-header__menu__list__item.is-active::before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
  background-color: #ffffff;
}
.b-lower-header__menu__list__item.is-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
@media screen and (min-width: 769px) {
  .b-lower-header__menu__list__item.is-active::after {
    width: 1.464128843338214vw;
    height: 0.981698389458272vw;
    background-image: url("../images/common/header/marker.svg");
    background-size: cover;
  }
}
.b-lower-header__menu__list__item img {
  height: 100%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .b-lower-header__ps5 {
    width: 5.197657393850659vw;
    margin-left: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__ps5 {
    width: 18.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__lang {
    width: 1.464128843338214vw;
    margin-left: 1.317715959004393vw;
  }
  .b-lower-header__lang:hover .b-lower-header__lang__list {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__lang {
    width: 5.2vw;
    margin-left: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__lang--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__lang--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__lang--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .b-lower-header__lang--sp {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .b-lower-header__reserve {
    display: block;
    width: 10.395314787701318vw;
    height: 2.928257686676428vw;
    margin-left: 1.464128843338214vw;
    padding-top: 1.171303074670571vw;
    font-size: 1.02489019033675vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.b-lower-header__burger-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  z-index: 100;
}
.b-lower-header__burger-menu.is-open {
  visibility: visible;
  opacity: 1;
}
.b-lower-header__burger-btn {
  width: 8.133333333333333vw;
  height: 2.933333333333333vw;
  margin-left: 2.666666666666667vw;
  position: relative;
  z-index: 150;
}
.b-lower-header__burger-btn span {
  height: 0.266666666666667vw;
  width: 100%;
  position: absolute;
  left: 50%;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.b-lower-header__burger-btn span:nth-child(1) {
  top: 0;
  -webkit-transform: translate(-50%) rotate(0deg);
  transform: translate(-50%) rotate(0deg);
}
.b-lower-header__burger-btn span:nth-child(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.b-lower-header__burger-btn span:nth-child(3) {
  top: 100%;
  -webkit-transform: translate(-50%) rotate(0deg);
  transform: translate(-50%) rotate(0deg);
}
.b-lower-header__burger-btn.is-open span {
  background-color: #ffffff;
}
.b-lower-header__burger-btn.is-open span:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.b-lower-header__burger-btn.is-open span:nth-child(2) {
  opacity: 0;
}
.b-lower-header__burger-btn.is-open span:nth-child(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-lower-header__burger-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 16.933333333333334vw;
}
.b-lower-header__burger-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-lower-header__burger-menu__list__item {
  height: 9.333333333333334vw;
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 7.199999999999999vw;
  line-height: 1.296296296296296;
  letter-spacing: 0.1em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-lower-header__burger-menu__list__item a {
  color: #ffffff;
}
.b-lower-header__burger-menu__list__item+.b-lower-header__burger-menu__list__item {
  margin-top: 4vw;
}
.b-lower-header__burger-menu__list__item--reservation {
  width: 42.93333333333334vw;
  height: 10.666666666666668vw;
  margin-top: 7.6vw !important;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 3.466666666666666vw;
  line-height: 0.846153846153846;
  letter-spacing: 0.05em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-lower-header__burger-menu__list__item img {
  width: auto;
  height: 100%;
}
.b-lower-header__lang {
  position: relative;
}
.b-lower-header__lang__list {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  z-index: 100;
  position: absolute;
  right: -150%;
  top: 0;
  width: 14.421669106881405vw;
  height: 23.42606149341142vw;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.b-lower-header__lang__list::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-image: url("../images/common/header/lang_frame_lower.svg");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}
.b-lower-header__lang__list:hover {
  visibility: visible;
  opacity: 1;
}
.b-lower-header__lang__list__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 21;
  width: 14.128843338213763vw;
  height: 20.791361639824306vw;
  left: 0.219619326500732vw;
  top: 10.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 1.464128843338214vw;
  font-size: 1.09809663250366vw;
  line-height: 2.133333333333333;
  letter-spacing: 0.02em;
  font-weight: 400;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
.b-lower-header__lang__list__item {
  cursor: pointer;
  position: relative;
}
.b-lower-header__lang__list__item.is-active::before {
  content: '';
  width: 1.317715959004393vw;
  height: 1.317715959004393vw;
  background-image: url("../images/common/header/lang_current.svg");
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-145%, -50%);
  transform: translate(-145%, -50%);
}
.b-lower-header__lang__list__item a {
  color: #fff;
}
.b-lower-header__lang__select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .b-lower-header__lang__select {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-mulch-slider__block__renderer__inner {
    width: 70.27818448023426vw;
    height: 39.53147877013177vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-mulch-slider__block__renderer__inner {
    width: 87.46666666666667vw;
    height: 49.06666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-mulch-slider__block__renderer__inner.is-video {
    height: 39.53147877013177vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-mulch-slider__block__renderer__inner.is-video {
    height: 49.06666666666666vw;
  }
}
.c-modal-mulch-slider__btn--prev,
.c-modal-mulch-slider__btn--next {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .c-modal-mulch-slider__btn--prev,
  .c-modal-mulch-slider__btn--next {
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-mulch-slider__btn--prev,
  .c-modal-mulch-slider__btn--next {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
    bottom: -18.16933333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-mulch-slider__btn--prev {
    left: -9.816251830161054vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-mulch-slider__btn--prev {
    left: 0vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-mulch-slider__btn--next {
    right: -9.816251830161054vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-mulch-slider__btn--next {
    right: 0vw;
  }
}
.c-news-popup__inner {
  background: #000;
}
@media screen and (min-width: 769px) {
  .c-news-popup__inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .c-news-popup__inner {
    width: 100%;
  }
}
.c-news-popup__btn--close {
  position: absolute;
  cursor: pointer;
  z-index: 5;
  background: url("../images/common/symbol/btn/close.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-news-popup__btn--close {
    top: 2.196193265007321vw;
    right: 2.562225475841874vw;
    width: 2.6398243045388vw;
    height: 2.6398243045388vw;
  }
}
@media screen and (max-width: 768px) {
  .c-news-popup__btn--close {
    top: 5.333333333333334vw;
    right: 5.333333333333334vw;
    width: 8vw;
    height: 8vw;
  }
}
.c-news-popup__block {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-news-popup__block {
    padding-top: 8.052708638360176vw;
    padding-left: 7.833089311859444vw;
    padding-bottom: 7.686676427525622vw;
    padding-right: 7.759882869692533vw;
  }
}
@media screen and (max-width: 768px) {
  .c-news-popup__block {
    padding-top: 19.733333333333334vw;
    padding-left: 5.066666666666666vw;
    padding-right: 5.066666666666666vw;
    padding-bottom: 27.200000000000003vw;
  }
}
@media screen and (min-width: 769px) {
  .c-news-popup__block__btn {
    width: 24.52415812591508vw;
    height: 5.856515373352855vw;
    margin-top: 2.928257686676428vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-news-popup__block__btn {
    width: 42.93333333333334vw;
    height: 10.666666666666668vw;
    margin-top: 5.333333333333334vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-onsale:before,
.c-onsale:after {
  content: '';
  display: block;
}
.c-onsale {
  text-align: center;
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .c-onsale {
    font-size: 2.489019033674964vw;
    line-height: 2.294117647058823;
    letter-spacing: 0.2em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-onsale {
    font-size: 6.4vw;
    line-height: 1.625;
    letter-spacing: 0.2em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-onsale.js-active {
  -webkit-animation: flare 0.7s ease forwards;
  animation: flare 0.7s ease forwards;
}
.c-onsale span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .c-onsale span +span {
    padding-left: 1.610541727672035vw;
  }
}
@media screen and (max-width: 768px) {
  .c-onsale span +span {
    padding-left: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-onsale:before {
    margin-bottom: 1.610541727672035vw;
  }
}
@media screen and (max-width: 768px) {
  .c-onsale:before {
    margin-bottom: 8.293333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-onsale:after {
    margin-top: 1.610541727672035vw;
  }
}
@media screen and (max-width: 768px) {
  .c-onsale:after {
    margin-top: 8.293333333333333vw;
  }
}
.c-modal-previously_sold_items {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items {
    padding: 24vw 0;
  }
}
.c-modal-previously_sold_items:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.c-modal-previously_sold_items__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal-previously_sold_items__content {
  background-color: rgba(0,0,0,0.9);
  z-index: 10;
  border-radius: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 92.09370424597365vw;
    min-height: 100%;
    padding-top: 9.736456808199122vw;
    padding-left: 5.197657393850659vw;
    padding-right: 5.197657393850659vw;
    padding-bottom: 7.906295754026354vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items__content {
    width: 100%;
    padding-top: 13.866666666666665vw;
    padding-left: 1.066666666666667vw;
    padding-right: 1.066666666666667vw;
    padding-bottom: 20vw;
  }
}
.c-modal-previously_sold_items__inner {
  position: relative;
}
.c-modal-previously_sold_items__close {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items__close {
    right: 4vw;
    top: 4vw;
  }
}
.c-modal-previously_sold_items-hdg {
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-hdg {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-hdg {
    font-size: 5.066666666666666vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-previously_sold_items-hdg:before {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-hdg:before {
    top: 0.073206442166911vw;
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-hdg:before {
    width: 5.333333333333334vw;
    height: 2.245333333333333vw;
    margin-right: 2vw;
  }
}
.c-modal-previously_sold_items-hdg:after {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-hdg:after {
    top: 0.073206442166911vw;
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-hdg:after {
    width: 5.333333333333334vw;
    height: 2.245333333333333vw;
    margin-left: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 71.30307467057101vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.562225475841874vw 1.464128843338214vw;
    margin-top: 2.562225475841874vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-list {
    display: -ms-grid;
    display: grid;
    gap: 8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    place-items: center;
    margin-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-item {
    width: 34.9194729136164vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-item {
    width: 89.33333333333333vw;
  }
}
.c-modal-previously_sold_items-item-txt {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-modal-previously_sold_items-item-txt {
    margin-top: 0.732064421669107vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-previously_sold_items-item-txt {
    margin-top: 1.333333333333333vw;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .c-modal-product__container {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__container {
    padding: 24vw 0;
  }
}
.c-modal-product__container:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.c-modal-product__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal-product__content {
  background-color: rgba(0,0,0,0.9);
  z-index: 10;
  border-radius: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content {
    width: 92.09370424597365vw;
    min-height: 100%;
    padding-top: 9.736456808199122vw;
    padding-left: 5.197657393850659vw;
    padding-right: 5.197657393850659vw;
    padding-bottom: 7.906295754026354vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content {
    width: 100%;
    padding: 13.866666666666665vw 5.333333333333334vw 7.333333333333333vw;
  }
}
.c-modal-product__content__inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
.c-modal-product__content__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.c-modal-product__content__item.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-modal-product__content__hdg {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__hdg {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__hdg {
    font-size: 5.333333333333334vw;
    line-height: 1.1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__poroduct {
  width: 100%;
}
.c-modal-product__content__container {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container .c-modal-product__content__container__left {
    width: 39.89751098096633vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container .c-modal-product__content__container__left {
    width: 100%;
    margin-top: 8vw;
    padding-top: 8vw;
    position: relative;
  }
  .c-modal-product__content__container .c-modal-product__content__container__left::before {
    content: '';
    background-color: rgba(177,162,132,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.133333333333333vw;
  }
}
.c-modal-product__content__container .c-modal-product__content__container__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container .c-modal-product__content__container__block {
    width: 39.89751098096633vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container .c-modal-product__content__container__block {
    margin-top: 8vw;
  }
}
.c-modal-product__content__container .c-modal-product__content__container__area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container .c-modal-product__content__container__area {
    width: 34.9194729136164vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container .c-modal-product__content__container__area {
    width: 100%;
    margin-top: 8vw;
  }
}
.c-modal-product__content__container__name {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__name {
    margin-top: 1.171303074670571vw;
    font-size: 2.196193265007321vw;
    line-height: 1.266666666666667;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__name {
    margin-top: 3.733333333333334vw;
    font-size: 5.333333333333334vw;
    line-height: 1.3;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__price-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price-box {
    width: 32.210834553440705vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price-box {
    width: 100%;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price-box span {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price-box span {
    font-size: 5.333333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price-box +.c-modal-product__content__container__price-box {
    margin-top: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price-box +.c-modal-product__content__container__price-box {
    margin-top: 1.333333333333333vw;
  }
}
.c-modal-product__content__container__price {
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price {
    margin-top: 1.002928257686676vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price {
    margin-top: 3.426666666666667vw;
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price span {
    display: inline-block;
    margin-left: 0.366032210834553vw;
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price span {
    font-size: 5.333333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__price +.c-modal-product__content__container__price-box {
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__price +.c-modal-product__content__container__price-box {
    margin-top: 2.666666666666667vw;
  }
}
.c-modal-product__content__container__desc {
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__desc {
    margin-top: 2.218155197657394vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__desc {
    margin-top: 8vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__link {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  border-bottom: 1px solid rgba(200,200,200,0.3);
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__link {
    margin-top: 2.269399707174232vw;
    padding-bottom: 0.732064421669107vw;
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__link {
    margin-top: 8.44vw;
    padding-top: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 2.2;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__link >a {
  display: block;
  color: #c8c8c8;
}
.c-modal-product__content__container__device {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__device {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__device {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__hdg {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__hdg {
    font-size: 5.333333333333334vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__detail {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail {
    margin-top: 2.196193265007321vw;
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail {
    margin-top: 5.333333333333334vw;
    padding-top: 6.053333333333334vw;
  }
}
.c-modal-product__content__container__detail::before {
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail::before {
    width: 100%;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail::before {
    width: 19.733333333333334vw;
    height: 0.133333333333333vw;
  }
}
.c-modal-product__content__container__detail__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__hdg {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 0;
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__hdg::before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.556368960468521vw;
  }
}
.c-modal-product__content__container__detail__hdg::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__list {
    margin-top: 1.09809663250366vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__list {
    margin-top: 4vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__detail__anno {
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__detail__anno {
    margin-top: 1.09809663250366vw;
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__detail__anno {
    margin-top: 4vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__edition {
  position: relative;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition {
    width: 100%;
    margin-top: 2.196193265007321vw;
    padding-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition {
    width: 100%;
    margin-top: 5.333333333333334vw;
    padding-top: 4.933333333333334vw;
  }
}
.c-modal-product__content__container__edition::before {
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition::before {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition::before {
    height: 0.133333333333333vw;
  }
}
.c-modal-product__content__container__edition .u-point01 {
  display: none;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__hdg {
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list {
    padding-top: 4vw;
  }
}
.c-modal-product__content__container__edition__list__item__btn__wrap {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item__btn__wrap {
    min-height: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item__btn__wrap {
    height: 17.333333333333336vw;
  }
}
.c-modal-product__content__container__edition__list__item__btn__wrap.is-active .c-modal-product__content__container__edition__list__item__frame__label {
  background: #ffffff !important;
  border: none !important;
  color: #000 !important;
}
.c-modal-product__content__container__edition__list__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item {
    min-height: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item {
    height: 17.333333333333336vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item .u-point01 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item+.c-modal-product__content__container__edition__list__item {
    margin-top: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item+.c-modal-product__content__container__edition__list__item {
    margin-top: 2.666666666666667vw;
  }
}
.c-modal-product__content__container__edition__list__item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item__inner {
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item__inner {
    padding-left: 2.133333333333333vw;
  }
}
.c-modal-product__content__container__edition__list__item__frame__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #000;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item__frame__label {
    width: 6.588579795021962vw;
    height: 1.903367496339678vw;
    border-radius: 18px;
    right: 1.244509516837482vw;
    font-size: 0.878477306002928vw;
    line-height: 1.833333333333333;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item__frame__label {
    width: 17.333333333333336vw;
    height: 5.333333333333334vw;
    border-radius: 20px;
    right: 2.133333333333333vw;
    font-size: 2.4vw;
    line-height: 1.222222222222222;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__store {
  display: none;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store {
    width: 34.9194729136164vw;
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store {
    margin-top: 12vw;
    padding-top: 4vw;
    position: relative;
  }
}
.c-modal-product__content__container__store.is-show {
  display: block;
}
.c-modal-product__content__container__store::before {
  content: '';
  display: block;
  background-color: #ffffff;
  width: 100%;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store::before {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store::before {
    height: 0.133333333333333vw;
  }
}
.c-modal-product__content__container__store .u-point01,
.c-modal-product__content__container__store .u-point02,
.c-modal-product__content__container__store .u-point03 {
  display: none;
}
.c-modal-product__content__container__store.js-active {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__block {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__hdg {
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
.c-modal-product__content__container__store__list {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list {
    margin-top: 4vw;
  }
}
.c-modal-product__content__container__store__list__item {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list__item+.c-modal-product__content__container__store__list__item {
    margin-top: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list__item+.c-modal-product__content__container__store__list__item {
    margin-top: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__list__item__inner {
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__list__item__inner {
    padding-left: 2.133333333333333vw;
  }
}
.c-modal-product__content__container__store__btn__block {
  position: relative;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__btn__block {
    margin-top: 2.196193265007321vw;
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__btn__block {
    margin-top: 6vw;
    padding-top: 6vw;
  }
}
.c-modal-product__content__container__store__btn__block::before {
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.5;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__btn__block::before {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__btn__block::before {
    height: 0.133333333333333vw;
  }
}
.c-modal-product__content__container__store__btn {
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  opacity: 0.4;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__btn {
    height: 4.392386530014641vw;
    padding: 0.219619326500732vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__btn {
    height: 13.333333333333334vw;
    padding: 0.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 0.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__store__btn::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("../images/products/marker_btn.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__btn::after {
    width: 2.542459736456808vw;
    height: 1.611273792093704vw;
    right: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__btn::after {
    width: 6.008vw;
    height: 3.806666666666667vw;
    right: 4vw;
  }
}
.c-modal-product__content__container__store__btn.is-show {
  opacity: 1;
  pointer-events: auto;
}
.c-modal-product__content__container__store__btn__inner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.c-modal-product__content__container__store__btn__link {
  display: block;
  color: #000;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__btn__link {
    padding-left: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__btn__link {
    padding-left: 3.6vw;
  }
}
.c-modal-product__content__container__store__anno {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #888;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__store__anno {
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__store__anno {
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.8vw;
  }
}
.c-modal-product__separator__cross {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-modal-product__separator__cross {
    margin: 2.196193265007321vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__separator__cross {
    margin: 4vw 0;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__separator__cross__img {
    width: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__separator__cross__img {
    width: 11.600000000000001vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec {
    margin-top: 8.931185944363104vw;
  }
}
.c-modal-product__content__spec__ttl {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec__ttl {
    font-size: 2.489019033674964vw;
    line-height: 2.294117647058823;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__spec__ttl {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec__ttl::before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.556368960468521vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec__ttl::after {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-left: 0.556368960468521vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__container__edition__list__item__frame__txt {
    padding-top: 1.244509516837482vw;
    padding-bottom: 1.244509516837482vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__container__edition__list__item__frame__txt {
    padding-top: 4.266666666666667vw;
    padding-bottom: 4.266666666666667vw;
  }
}
.c-modal-product__content__spec_link {
  color: #ffffff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec_link {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__spec_link {
    margin-top: 8vw;
  }
}
.c-modal-product__content__spec_link:before {
  content: '';
  display: block;
  background: url("../images/common/symbol/text/hdg_arrow-decoraton-left-t2.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec_link:before {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-right: 0.446559297218155vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__spec_link:before {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-right: 1.066666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-product__content__spec_link .spec_link-text {
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    border-bottom: 0.073206442166911vw solid rgba(177,162,132,0.5);
  }
}
@media screen and (max-width: 768px) {
  .c-modal-product__content__spec_link .spec_link-text {
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    border-bottom: 0.133333333333333vw solid rgba(177,162,132,0.5);
  }
}
.c-reserve__sub_hdg {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-reserve__sub_hdg {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-reserve__sub_hdg {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-reserve__hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .c-reserve__hdg {
    font-size: 3.074670571010249vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-reserve__hdg {
    font-size: 5.600000000000001vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
.c-reserve__btn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-reserve__btn {
    width: 29.721815519765737vw;
    height: 5.856515373352855vw;
    margin-top: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .c-reserve__btn {
    width: 42.93333333333334vw;
    height: 10.666666666666668vw;
    margin-top: 6vw;
  }
}
@media screen and (min-width: 769px) {
  .c-reserve__btn .c-btn__txt {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-reserve__btn .c-btn__txt {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-sound_play_btn-text {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn-text {
    padding-left: 0.27086383601757vw;
  }
}
.c-sound_play_btn--play:not(.is-dlc2) {
  text-align: left;
}
.c-sound_play_btn--play.is-dlc2 {
  text-align: center;
}
.c-sound_play_btn-icon {
  display: block;
  position: relative;
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 100% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../images/dlc/img-music-trial-play.svg");
  mask-image: url("../images/dlc/img-music-trial-play.svg");
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn-icon {
    width: 1.193997071742313vw;
    height: 0.998535871156662vw;
  }
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn-icon {
    width: 4.133333333333333vw;
    height: 3.466666666666666vw;
  }
}
.c-sound_play_btn--stop {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.c-sound_play_btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn {
    border: clamp(1px, 0.073206442166911vw, 0.073206442166911vw) solid #ffffff;
    padding-top: 0.878477306002928vw;
    padding-bottom: 0.878477306002928vw;
    padding-left: 1.09809663250366vw;
    padding-right: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn {
    border: clamp(1px, 0.133333333333333vw, 0.133333333333333vw) solid #ffffff;
    padding-top: 3.333333333333333vw;
    padding-left: 4vw;
    padding-bottom: 3.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn:hover {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn:hover .c-sound_play_btn-icon {
    background-color: #000;
  }
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn:hover [class*="c-sound_play_btn--"] {
    color: #000;
  }
}
.c-sound_play_btn:not(.js-stop) .c-sound_play_btn--play {
  opacity: 1;
}
.c-sound_play_btn:not(.js-stop) .c-sound_play_btn--stop {
  opacity: 0;
  pointer-events: none;
}
.c-sound_play_btn:not(.js-stop) .c-sound_play_btn-icon {
  -webkit-mask-image: url("../images/dlc/img-music-trial-play.svg");
  mask-image: url("../images/dlc/img-music-trial-play.svg");
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn:not(.js-play) {
    background-color: #ffffff;
  }
}
.c-sound_play_btn:not(.js-play) .c-sound_play_btn--play {
  opacity: 0;
  pointer-events: none;
}
.c-sound_play_btn:not(.js-play) .c-sound_play_btn--stop {
  opacity: 1;
}
.c-sound_play_btn:not(.js-play) .c-sound_play_btn-icon {
  -webkit-mask-image: url("../images/dlc/img-music-trial-stop.svg");
  mask-image: url("../images/dlc/img-music-trial-stop.svg");
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn:not(.js-play) .c-sound_play_btn-icon {
    background-color: #000;
  }
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn:not(.js-play) [class*="c-sound_play_btn--"] {
    color: #000;
  }
}
.c-sound_play_btn [class*="c-sound_play_btn--"] {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .c-sound_play_btn [class*="c-sound_play_btn--"] {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-sound_play_btn [class*="c-sound_play_btn--"] {
    font-size: 3.466666666666666vw;
    line-height: 1.730769230769231;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-spec {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .c-modal-spec {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec {
    padding: 24vw 0;
  }
}
.c-modal-spec:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.c-modal-spec__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal-spec__content {
  background-color: rgba(0,0,0,0.9);
  z-index: 10;
  border-radius: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .c-modal-spec__content {
    width: 92.09370424597365vw;
    min-height: 100%;
    padding-top: 9.736456808199122vw;
    padding-left: 5.197657393850659vw;
    padding-right: 5.197657393850659vw;
    padding-bottom: 7.906295754026354vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec__content {
    width: 100%;
    padding-top: 13.866666666666665vw;
    padding-left: 1.066666666666667vw;
    padding-right: 1.066666666666667vw;
    padding-bottom: 7.333333333333333vw;
  }
}
.c-modal-spec__inner {
  position: relative;
}
.c-modal-spec__close {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-modal-spec__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec__close {
    right: 4vw;
    top: 4vw;
  }
}
.c-modal-spec-list-block {
  display: -ms-grid;
  display: grid;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-modal-spec-list-block {
    font-size: 1.09809663250366vw;
    line-height: 1.466666666666667;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -ms-grid-columns: 20.27818448023426vw 30.08784773060029vw 30.08784773060029vw;
    grid-template-columns: 20.27818448023426vw 30.08784773060029vw 30.08784773060029vw;
    min-height: 4.685212298682284vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec-list-block {
    font-size: 2.133333333333333vw;
    line-height: 1.375;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -ms-grid-columns: 21.066666666666666vw 37.46666666666666vw 37.46666666666666vw;
    grid-template-columns: 21.066666666666666vw 37.46666666666666vw 37.46666666666666vw;
    min-height: 9.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-spec-list-block +.c-modal-spec-list-block {
    border-top: 0.073206442166911vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec-list-block +.c-modal-spec-list-block {
    border-top: 0.133333333333333vw solid #ffffff;
  }
}
.c-modal-spec-list-object {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.c-modal-spec-list-object.roll-hdg {
  background: #23211e;
}
@media screen and (min-width: 769px) {
  .c-modal-spec-list-object {
    padding-top: 0.585651537335286vw;
    padding-bottom: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec-list-object {
    padding-top: 1.333333333333333vw;
    padding-bottom: 1.333333333333333vw;
  }
}
.c-modal-spec-list-object .list-object-wrap {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .c-modal-spec-list-object +.c-modal-spec-list-object {
    border-left: 0.073206442166911vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-spec-list-object +.c-modal-spec-list-object {
    border-left: 0.133333333333333vw solid #ffffff;
  }
}
.c-modal-trial {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .c-modal-trial {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial {
    padding: 24vw 0;
  }
}
.c-modal-trial:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.c-modal-trial__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.c-modal-trial__content {
  background-color: rgba(0,0,0,0.9);
  z-index: 10;
  border-radius: 6px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-modal-trial__content {
    width: 92.09370424597365vw;
    min-height: 100%;
    padding-top: 7.906295754026354vw;
    padding-left: 5.197657393850659vw;
    padding-right: 5.197657393850659vw;
    padding-bottom: 7.906295754026354vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial__content {
    width: 100%;
    padding-top: 13.866666666666665vw;
    padding-left: 1.066666666666667vw;
    padding-right: 1.066666666666667vw;
    padding-bottom: 20vw;
  }
}
.c-modal-trial__inner {
  position: relative;
}
.c-modal-trial__close {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .c-modal-trial__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial__close {
    right: 4vw;
    top: 4vw;
  }
}
.c-modal-trial-text {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .c-modal-trial-text {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial-text {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-trial-platform_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .c-modal-trial-platform_list {
    margin-top: 2.928257686676428vw;
    gap: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial-platform_list {
    margin-top: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.666666666666667vw;
  }
}
.c-modal-trial-platform_list .c-modal-trial-link {
  display: block;
}
@media screen and (min-width: 769px) {
  .c-modal-trial-platform_list .c-modal-trial-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 19.32650073206442vw;
    border: 1px solid rgba(177,162,132,0.5);
    padding: 2px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-trial-platform_list .c-modal-trial-link {
    width: 66.13333333333333vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-trial-platform_list .c-modal-trial-link:hover {
    border: 1px solid #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .c-modal-trial-platform_list .c-modal-trial-link:hover .c-modal-trial-link-frame {
    border: 1px solid #ffffff;
  }
}
.c-modal-trial-link-frame {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .c-modal-trial-link-frame {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    border: 1px solid rgba(177,162,132,0.5);
  }
}
@media screen and (min-width: 769px) {
  .c-modal-video__area {
    width: 70.27818448023426vw;
    height: 39.53147877013177vw;
  }
}
@media screen and (max-width: 768px) {
  .c-modal-video__area {
    width: 87.46666666666667vw;
    height: 49.06666666666666vw;
  }
}
.u-anim-character-fade {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .u-is-pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .u-is-pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .u-is-sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .u-is-sp {
    display: block;
  }
}
.u-mode-hidden {
  overflow: hidden;
}
.c-dotted-line {
  letter-spacing: 0;
  position: relative;
  bottom: 0.3em;
}
.u-replace_typo {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.9em;
  top: 0.07em;
}
.u-replace_typo span {
  position: absolute;
  opacity: 0;
}
.p-battle-concept__secttl,
.p-battle-feature__secttl {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-battle-concept__secttl,
  .p-battle-feature__secttl {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-battle-concept__secttl,
  .p-battle-feature__secttl {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-battle-feature__sechdg,
.p-battle-focusmode__sechdg {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-battle-focusmode__inner,
  .p-battle__block +.p-battle__block {
    margin-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-focusmode__inner,
  .p-battle__block +.p-battle__block {
    margin-top: 16vw;
  }
}
.p-movies_images-movie__inner:before,
.p-movies_images-movie__inner:after,
.p-movies_images-trailer__block__inner:before,
.p-movies_images-trailer__block__inner:after {
  content: '';
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-movies_images-movie__inner:before,
  .p-movies_images-movie__inner:after,
  .p-movies_images-trailer__block__inner:before,
  .p-movies_images-trailer__block__inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 23.2796486090776vw;
    opacity: 0.7;
    z-index: 2;
  }
}
.p-movies_images-movie__inner:before,
.p-movies_images-trailer__block__inner:before {
  background: -webkit-gradient(linear, left top, right top, from(#060606), to(rgba(6,6,6,0)));
  background: -webkit-linear-gradient(left, #060606 0%, rgba(6,6,6,0) 100%);
  background: linear-gradient(90deg, #060606 0%, rgba(6,6,6,0) 100%);
  left: 0;
}
.p-movies_images-movie__inner:after,
.p-movies_images-trailer__block__inner:after {
  background: -webkit-gradient(linear, right top, left top, from(#060606), to(rgba(6,6,6,0)));
  background: -webkit-linear-gradient(right, #060606 0%, rgba(6,6,6,0) 100%);
  background: linear-gradient(270deg, #060606 0%, rgba(6,6,6,0) 100%);
  right: 0;
}
.l-battle__wrap,
.l-character__wrap,
.l-movies_images__wrap,
.l-page-news__wrap,
.l-products__wrap,
.l-story__wrap,
.l-dlc__wrap,
.l-page-guideline__wrap {
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  opacity: 1;
  top: 0;
}
.l-battle__wrap:not(.js-active),
.l-character__wrap:not(.js-active),
.l-movies_images__wrap:not(.js-active),
.l-page-news__wrap:not(.js-active),
.l-products__wrap:not(.js-active),
.l-story__wrap:not(.js-active),
.l-dlc__wrap:not(.js-active),
.l-page-guideline__wrap:not(.js-active) {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .l-battle__wrap:not(.js-active),
  .l-character__wrap:not(.js-active),
  .l-movies_images__wrap:not(.js-active),
  .l-page-news__wrap:not(.js-active),
  .l-products__wrap:not(.js-active),
  .l-story__wrap:not(.js-active),
  .l-dlc__wrap:not(.js-active),
  .l-page-guideline__wrap:not(.js-active) {
    top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .l-battle__wrap:not(.js-active),
  .l-character__wrap:not(.js-active),
  .l-movies_images__wrap:not(.js-active),
  .l-page-news__wrap:not(.js-active),
  .l-products__wrap:not(.js-active),
  .l-story__wrap:not(.js-active),
  .l-dlc__wrap:not(.js-active),
  .l-page-guideline__wrap:not(.js-active) {
    top: 1.333333333333333vw;
  }
}
.l-battle-concept {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-battle-concept__secttl {
    margin-top: 8.857979502196194vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-concept__secttl {
    margin-top: 16.266666666666666vw;
  }
}
.p-battle-concept__sechdg {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-battle-concept__sechdg {
    font-size: 3.22108345534407vw;
    line-height: 1.454545454545455;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.976573938506589vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-concept__sechdg {
    font-size: 5.600000000000001vw;
    line-height: 1.619047619047619;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 3.733333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-feature__inner {
    padding-top: 11.493411420204978vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-feature__inner {
    padding-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-feature__obj {
    padding-top: 11.346998535871156vw;
    padding-bottom: 11.932650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-feature__obj {
    padding-top: 16.133333333333333vw;
    padding-bottom: 17.333333333333336vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-feature__sechdg {
    margin-top: 2.12298682284041vw;
    font-size: 4.099560761346998vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-battle-feature__sechdg {
    margin-top: 4.399999999999999vw;
    font-size: 10.133333333333333vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-battle-focusmode__obj {
    padding-top: 13.323572474377746vw;
    padding-bottom: 12.73792093704246vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-focusmode__obj {
    padding-top: 12vw;
    padding-bottom: 12.266666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-focusmode__sechdg {
    font-size: 3.953147877013177vw;
    line-height: 1.185185185185185;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-battle-focusmode__sechdg {
    font-size: 8.533333333333333vw;
    line-height: 1.0625;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-battle-focusmode__txt {
  font-family: $font-NotoSerifJP;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-battle-focusmode__txt {
    font-size: 1.171303074670571vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 60.9077598828697vw;
    margin-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-focusmode__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 89.33333333333333vw;
    margin-top: 8vw;
  }
}
.p-battle-system__inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-battle-system__inner {
    width: 92.12445095168376vw;
    margin-top: 12.811127379209369vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-system__inner {
    width: 89.33333333333333vw;
    margin-top: 23.866666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-system__list__obj +.p-battle-system__list__obj {
    margin-top: 10.61493411420205vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-system__list__obj +.p-battle-system__list__obj {
    margin-top: 23.333333333333332vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-system__list__obj:nth-of-type(even) .c-expo-obj__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.p-battle-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-battle__wrap {
  position: relative;
  z-index: 1;
}
.l-page-battle__container {
  position: relative;
}
.l-page-battle__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-page-battle__container:before {
    background: url("../images/battle/bg_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-battle__container:before {
    background: url("../images/battle/bg_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .l-battle-onsale .c-onsale {
    padding-top: 12.693997071742313vw;
  }
}
@media screen and (max-width: 768px) {
  .l-battle-onsale .c-onsale {
    padding-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .l-battle-reserve .c-reserve__inner {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.834553440702782vw;
  }
}
@media screen and (max-width: 768px) {
  .l-battle-reserve .c-reserve__inner {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
.p-battle__block {
  position: relative;
}
.p-battle__block.is-feature--01:before {
  opacity: 0;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-battle__block.is-feature--01:before {
    background: url("../images/battle/feature01_bg_pc.jpg") top center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-battle__block.is-feature--01:before {
    background: url("../images/battle/feature01_bg_sp.jpg") top center/cover no-repeat;
  }
}
.p-battle__block.is-feature--02 {
  position: relative;
}
.p-battle__block.is-feature--02:before {
  content: '';
  opacity: 0;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-battle__block.is-feature--02:before {
    background: url("../images/battle/feature02_bg_pc.jpg") top center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-battle__block.is-feature--02:before {
    background: url("../images/battle/feature02_bg_sp.jpg") top center/cover no-repeat;
  }
}
.p-battle__block.js-active:before {
  opacity: 1;
}
.p-battle-block__detaile {
  position: relative;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-battle-block__detaile {
    font-size: 1.903367496339678vw;
    line-height: 1.384615384615385;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-block__detaile {
    font-size: 4.8vw;
    line-height: 1.555555555555556;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-block__visual {
    margin-top: 3.660322108345535vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-block__visual {
    margin-top: 8.266666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__video {
    width: 57.979502196193266vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__video {
    width: 89.46666666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-battle-visual__video video {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-battle-visual__picture__obj {
    width: 27.013177159590047vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__picture__obj {
    width: 42.93333333333334vw;
  }
}
.p-battle-visual__picture__obj__img {
  cursor: pointer;
}
.p-battle-visual__picture__obj__img:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.p-battle-visual__picture__obj__img {
  overflow: hidden;
  position: relative;
}
.p-battle-visual__picture__obj__img img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.p-battle-visual__picture__obj__img:before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  background: url("../images/common/symbol/accessory/thumbnail_plus.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-battle-visual__picture__obj__img:before {
    width: 2.069546120058565vw;
    height: 2.0900439238653vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__picture__obj__img:before {
    width: 7.6vw;
    height: 7.675999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-visual__sep {
    margin-left: 1.09809663250366vw;
    margin-right: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__sep {
    display: none;
  }
}
.p-battle-visual__picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-battle-visual__picture {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-visual__picture {
    width: 89.46666666666667vw;
    margin-top: 6vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-spark--01 {
    top: 54.24597364568082vw;
    height: 30.67349926793558vw;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-spark--01 {
    top: 63.46666666666667vw;
    height: 44.800000000000004vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-spark--01:before {
    background: url("../images/common/bg/battle_concept.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-spark--01:before {
    background: url("../images/common/bg/battle_concept_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-spark--02 {
    top: 217.93557833089312vw;
    height: 56.29575402635432vw;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-spark--02:before {
    background: url("../images/common/bg/battle_feature2.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-battle-spark--02 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-battle-common--01 {
    bottom: 1.756954612005857vw;
  }
}
.p-character-detail__lead {
  text-align: center;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-character-detail__lead {
    padding-top: 9.64860907759883vw;
    padding-bottom: 9.51683748169839vw;
    font-size: 2.489019033674964vw;
    line-height: 1.411764705882353;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__lead {
    padding-top: 20.106666666666666vw;
    padding-bottom: 24.933333333333334vw;
    font-size: 5.600000000000001vw;
    line-height: 1.619047619047619;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__lead .u-point01 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__lead .u-point01 {
    display: block;
  }
}
.p-character-detail__item {
  color: #ffffff;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item+.p-character-detail__item {
    margin-top: 6.954612005856515vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item+.p-character-detail__item {
    margin-top: 12.666666666666668vw;
  }
}
.p-character-detail__item__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__container {
    height: 46.99853587115666vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__container {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-character-detail__item__bg {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__bg {
    top: 0.073206442166911vw;
    right: 0.073206442166911vw;
    bottom: 0.073206442166911vw;
    left: 0.073206442166911vw;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__bg--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__bg--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__bg--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__bg--sp {
    display: block;
  }
}
.p-character-detail__item__bg__type {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__bg__type__img--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__bg__type__img--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__bg__type__img--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__bg__type__img--sp {
    display: block;
  }
}
.p-character-detail__item__banner {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 5;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__banner {
    width: 100%;
    left: 50%;
    top: 67.73333333333333vw;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__banner__img {
    width: 8.052708638360176vw;
    margin-right: 0.805270863836018vw;
    margin-top: -1.244509516837482vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__banner__img {
    width: 9.922666666666666vw;
  }
}
.p-character-detail__item__banner__name {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__banner__name {
    padding-top: 2.269399707174232vw;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__banner__name {
    margin-top: 2vw;
    text-align: center;
  }
}
.p-character-detail__item__banner__name--jp {
  text-indent: -0.2em;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__banner__name--jp {
    font-size: 1.317715959004393vw;
    line-height: 1.111111111111111;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__banner__name--jp {
    font-size: 2.4vw;
    line-height: 1.111111111111111;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__banner__name--en {
    font-size: 0.805270863836018vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__banner__name--en {
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.853333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 86.93333333333332vw;
    height: 100.4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__gradient {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 69.25329428989751vw;
    z-index: 1;
  }
  .p-character-detail__item__visual__gradient img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__gradient {
    position: absolute;
    bottom: -6.666666666666667vw;
    left: 0.266666666666667vw;
    width: 86.66666666666667vw;
    height: 60.53333333333333vw;
    opacity: 0.7;
    z-index: 5;
  }
  .p-character-detail__item__visual__gradient img {
    width: 100%;
    height: 100%;
  }
}
.p-character-detail__item__visual__img-container {
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img-container {
    left: 0.073206442166911vw;
    right: 0.073206442166911vw;
    bottom: 0.073206442166911vw;
    top: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__img-container {
    width: 100vw;
    height: 100%;
    z-index: 4;
    bottom: -6.666666666666667vw;
    left: -6.4vw;
  }
}
.p-character-detail__item__visual__img {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    width: 47.218155197657396vw;
    height: 67.05710102489019vw;
    bottom: -3.294289897510981vw;
    z-index: 10;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) img {
    height: 100%;
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img.p-character-detail__item__visual__img--eikons {
    width: 100vw;
    height: 55.19765739385066vw;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__img.p-character-detail__item__visual__img--eikons {
    top: 26.266666666666666vw;
  }
}
.p-character-detail__item__visual__img.is-hidden {
  display: none;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__img--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__visual__img--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__visual__img--sp {
    display: block;
  }
}
.p-character-detail__item__desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 50.51244509516838vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-character-detail__item__desc__phrase {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__phrase {
    font-size: 1.464128843338214vw;
    line-height: 1.62;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__phrase {
    font-size: 2.8vw;
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-character-detail__item__desc__phrase .u-point01 {
  display: none;
}
.p-character-detail__item.js-active .p-character-detail__item__desc__name--en:before {
  opacity: 1;
  left: 0;
}
.p-character-detail__item.js-active .p-character-detail__item__desc__name--en:after {
  opacity: 1;
  right: 0;
}
.p-character-detail__item__desc__name--en {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__name--en {
    font-size: 3.074670571010249vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__name--en {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.266666666666667vw;
  }
}
.p-character-detail__item__desc__name--en::before {
  left: 1em;
  opacity: 0;
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__name--en::before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 2.049780380673499vw;
  }
}
.p-character-detail__item__desc__name--en::after {
  right: 1em;
  opacity: 0;
  -webkit-transition: 1s all ease-in-out;
  transition: 1s all ease-in-out;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__name--en::after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 2.049780380673499vw;
  }
}
.p-character-detail__item__desc__name--jp {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__name--jp {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.366032210834553vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__name--jp {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.666666666666667vw;
  }
}
.p-character-detail__item__desc__cv {
  color: #767676;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__cv {
    margin-top: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__cv {
    margin-top: 2.8vw;
  }
}
.p-character-detail__item__desc__cv__label {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__cv__label {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__cv__label {
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__cv__name {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-left: 0.292825768667643vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__cv__name {
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-left: 1.066666666666667vw;
  }
}
.p-character-detail__item__desc__cv__name span {
  display: none;
}
.p-character-detail__item__desc__cv__name span.is-show {
  display: block;
}
.p-character-detail__item__desc__type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type {
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__type {
    margin-top: 5.333333333333334vw;
  }
}
.p-character-detail__item__desc__type__opt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../images/character/opt_off.svg");
  background-size: 100% 100%;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-character-detail__item__desc__type__opt > p {
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type__opt {
    width: 10.35212298682284vw;
    height: 2.543923865300147vw;
    font-size: 0.951683748169839vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-character-detail__item__desc__type__opt:hover {
    color: #1a1a1a;
  }
  .p-character-detail__item__desc__type__opt:hover .p-character-detail__item__desc__type__opt__bg::before {
    opacity: 0;
  }
  .p-character-detail__item__desc__type__opt:hover .p-character-detail__item__desc__type__opt__bg::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__type__opt {
    width: 23.200000000000003vw;
    height: 6.5vw;
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type__opt:not(.is-active) {
    cursor: pointer;
  }
}
.p-character-detail__item__desc__type__opt.is-active {
  background-image: url("../images/character/opt_on.svg");
  color: #1a1a1a;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type__opt+.p-character-detail__item__desc__type__opt {
    margin-left: 2.503660322108346vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__type__opt+.p-character-detail__item__desc__type__opt {
    margin-left: 3.333333333333333vw;
  }
}
.p-character-detail__item__desc__type__opt+.p-character-detail__item__desc__type__opt::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type__opt+.p-character-detail__item__desc__type__opt::before {
    width: 0.073206442166911vw;
    height: 1.537335285505125vw;
    left: -1.271961932650073vw;
    background-color: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__type__opt__bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .p-character-detail__item__desc__type__opt__bg::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/character/opt_off.svg");
    background-size: 100% 100%;
    background-position: center;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p-character-detail__item__desc__type__opt__bg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/character/opt_on.svg");
    background-size: 100% 100%;
    background-position: center;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__type__opt__bg {
    display: none;
  }
}
.p-character-detail__item__desc__background {
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .p-character-detail__item__desc__background {
    font-size: 1.02489019033675vw;
    line-height: 1.714285714285714;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.415812591508053vw;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item__desc__background {
    width: 73.33333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 14.186666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__banner {
    right: 1.976573938506589vw;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__banner__img {
    margin-right: 0.805270863836018vw;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__desc {
    left: 0;
    padding-left: 5.197657393850659vw;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons),
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__img--human,
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__img--child,
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__img--adult {
    left: auto;
    right: -2.342606149341142vw;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__img--eikons {
    left: auto;
    right: -4.465592972181552vw;
  }
  .p-character-detail__item:nth-child(odd) .p-character-detail__item__visual__gradient {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0)), to(#000));
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%, #000 100%);
    background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, #000 100%);
    left: 0;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    left: 2.489019033674964vw;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__banner__img {
    margin-left: 0.805270863836018vw;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__desc {
    padding-right: 5.197657393850659vw;
    right: 0;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons),
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__img--human,
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__img--child,
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__img--adult {
    right: auto;
    left: -2.342606149341142vw;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__img--eikons {
    right: auto;
    left: -4.465592972181552vw;
  }
  .p-character-detail__item:nth-child(even) .p-character-detail__item__visual__gradient {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(#000));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #000 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 100%);
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-character-detail__item.is-clive .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -16.53333333333333vw;
  }
  .p-character-detail__item.is-joshua .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -24.8vw;
  }
  .p-character-detail__item.is-jill .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -9.6vw;
  }
  .p-character-detail__item.is-torgal .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -1.333333333333333vw;
  }
  .p-character-detail__item.is-cidolfus .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -8.799999999999999vw;
  }
  .p-character-detail__item.is-benedikta .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -16vw;
  }
  .p-character-detail__item.is-hugo .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -18.666666666666668vw;
  }
  .p-character-detail__item.is-dion .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -16vw;
  }
  .p-character-detail__item.is-barnabas .p-character-detail__item__visual__img:not(.p-character-detail__item__visual__img--eikons) {
    right: -18.666666666666668vw;
  }
}
.p-character-detail__item.is-hugo .u-point01,
.p-character-detail__item.is-dion .u-point01 {
  display: block;
}
.p-character-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-character__wrap {
  position: relative;
  z-index: 1;
}
.l-page-character__container {
  position: relative;
}
.l-page-character__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-page-character__container:before {
    background: #000 url("../images/character/bg_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-character__container:before {
    background: #000 url("../images/character/bg_sp.jpg") top center/contain no-repeat;
  }
}
.l-page-character__container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,0.825)), color-stop(47%, #000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-page-character__container:after {
    height: 21.37628111273792vw;
    top: 43.1918008784773vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-character__container:after {
    height: 26.666666666666668vw;
    top: 62.66666666666667vw;
  }
}
.l-character-content {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .l-character-content {
    padding-bottom: 12.693997071742313vw;
  }
}
@media screen and (max-width: 768px) {
  .l-character-content {
    padding-bottom: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .l-character-reserve .c-reserve__inner {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.834553440702782vw;
  }
}
@media screen and (max-width: 768px) {
  .l-character-reserve .c-reserve__inner {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
@media screen and (min-width: 769px) {
  .p-character-common--01 {
    bottom: -15.95900439238653vw;
  }
}
.p-movies_images-artwork__hdg,
.p-movies_images-movie__hdg,
.p-movies_images-screenshots__hdg,
.p-movies_images-trailer__hdg {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-movies_images-artwork__hdg,
  .p-movies_images-movie__hdg,
  .p-movies_images-screenshots__hdg,
  .p-movies_images-trailer__hdg {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-artwork__hdg,
  .p-movies_images-movie__hdg,
  .p-movies_images-screenshots__hdg,
  .p-movies_images-trailer__hdg {
    font-size: 7.199999999999999vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-movies_images-artwork__hdg:before,
  .p-movies_images-movie__hdg:before,
  .p-movies_images-screenshots__hdg:before,
  .p-movies_images-trailer__hdg:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-artwork__hdg:before,
  .p-movies_images-movie__hdg:before,
  .p-movies_images-screenshots__hdg:before,
  .p-movies_images-trailer__hdg:before {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-right: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-movies_images-artwork__hdg:after,
  .p-movies_images-movie__hdg:after,
  .p-movies_images-screenshots__hdg:after,
  .p-movies_images-trailer__hdg:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-artwork__hdg:after,
  .p-movies_images-movie__hdg:after,
  .p-movies_images-screenshots__hdg:after,
  .p-movies_images-trailer__hdg:after {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-left: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-movies_images-artwork__block__inner,
  .p-movies_images-movie__block__inner,
  .p-movies_images-screenshots__block__inner,
  .p-movies_images-trailer__block__inner {
    padding-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-artwork__block__inner,
  .p-movies_images-movie__block__inner,
  .p-movies_images-screenshots__block__inner,
  .p-movies_images-trailer__block__inner {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-movies_images-movie__inner,
  .p-movies_images-screenshots__inner,
  .p-movies_images-trailer__inner {
    padding-bottom: 11.71303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-movie__inner,
  .p-movies_images-screenshots__inner,
  .p-movies_images-trailer__inner {
    padding-bottom: 22.666666666666664vw;
  }
}
.p-movies_images-movie__inner {
  position: relative;
}
.p-movies_images-top__hdg {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-movies_images-top__hdg {
    padding-top: 15.466666666666667vw;
  }
}
.p-movies_images-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-movies_images-trailer__inner {
    padding-top: 13.177159590043924vw;
  }
}
@media screen and (max-width: 768px) {
  .p-movies_images-trailer__inner {
    padding-top: 22.666666666666664vw;
  }
}
.p-movies_images-trailer__block__inner {
  position: relative;
}
.c-video-slider__inner {
  position: relative;
}
.l-movies_images__wrap {
  position: relative;
  z-index: 1;
}
.l-page-movies_images__container {
  position: relative;
}
.l-page-movies_images__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-page-movies_images__container:before {
    background: #000 url("../images/movies_images/bg_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-movies_images__container:before {
    background: #000 url("../images/movies_images/bg_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .l-movies_images-onsale .c-onsale {
    padding-top: 10.980966325036604vw;
  }
}
@media screen and (max-width: 768px) {
  .l-movies_images-onsale .c-onsale {
    padding-top: 20vw;
  }
}
@media screen and (min-width: 769px) {
  .l-movies_images-reserve .c-reserve__inner {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.834553440702782vw;
  }
}
@media screen and (max-width: 768px) {
  .l-movies_images-reserve .c-reserve__inner {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
@media screen and (min-width: 769px) {
  .p-movies_images-common--01 {
    bottom: 1.727672035139092vw;
  }
}
.p-news-article__inner {
  font-family: "Hiragino Kaku Gothic ProN", 'Yu Gothic', 'Meiryo', sans-serif;
}
@media screen and (min-width: 769px) {
  .p-news-article__inner {
    padding-top: 13.323572474377746vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-article__inner {
    padding-top: 36.13333333333333vw;
  }
}
.p-news-sec {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-news-sec {
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-sec {
    width: 89.33333333333333vw;
  }
}
.p-news-header {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-news-header {
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-header {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-header .p-news-ttl {
    margin-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-header .p-news-ttl {
    margin-top: 2.533333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-header .p-news-ttl +.p-news-base-txt {
    margin-top: 2.049780380673499vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-header .p-news-ttl +.p-news-base-txt {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-header +.p-news-main_area {
    margin-top: 6.222547584187408vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-header +.p-news-main_area {
    margin-top: 7.466666666666668vw;
  }
}
.p-news-tag {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-news-tag {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-tag {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-news-tag:before {
  content: '';
  background: url("../images/common/symbol/separation/arrow-left.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-news-tag:before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.48316251830161vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-tag:before {
    width: 3.789333333333333vw;
    height: 2.401333333333334vw;
    margin-right: 0.732064421669107vw;
  }
}
.p-news-date {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-news-date {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-date {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-news-date_obj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-news-date-sep {
  min-width: 1px;
  background: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-news-date-sep {
    height: 1.537335285505125vw;
    width: 0.073206442166911vw;
    margin-left: 0.805270863836018vw;
    margin-right: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-date-sep {
    height: 2.8vw;
    width: 0.133333333333333vw;
    margin-left: 1.866666666666667vw;
    margin-right: 1.866666666666667vw;
  }
}
.p-news-ttl {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-news-ttl {
    font-size: 2.489019033674964vw;
    line-height: 1.705882352941176;
    letter-spacing: 0em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl {
    font-size: 5.866666666666666vw;
    line-height: 1.636363636363636;
    letter-spacing: 0.05em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl +.p-news-ttl_desc {
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl +.p-news-ttl_desc {
    margin-top: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl +.p-news-ttl_btn {
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl +.p-news-ttl_btn {
    margin-top: 4.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl_desc {
    font-size: 1.317715959004393vw;
    line-height: 1.777777777777778;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl_desc {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl_desc +.p-news-ttl_btn {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl_desc +.p-news-ttl_btn {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl_btn + .p-news-ttl_desc {
    margin-top: 3.14787701317716vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl_btn + .p-news-ttl_desc {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-ttl_btn +.p-news-ttl_btn {
    margin-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-ttl_btn +.p-news-ttl_btn {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-base-txt,
  .p-news-anchor-link {
    font-size: 1.317715959004393vw;
    line-height: 1.777777777777778;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-txt,
  .p-news-anchor-link {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-news-base-txt .u-ind,
.p-news-anchor-link .u-ind {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  font-size: 1em;
}
.p-news-base-txt .u-ind:before,
.p-news-anchor-link .u-ind:before {
  position: absolute;
  left: 0;
  content: attr(data-ind-label);
}
@media screen and (min-width: 769px) {
  .p-news-block__2col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .p-news-block__2col .p-news-picture {
    width: 34.9194729136164vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-picture +.p-news-picture {
    margin-top: 3.466666666666666vw;
  }
}
.p-news-picture[data-module="ImageSliderObject"],
.p-news-picture[data-module="Imagefocus"] {
  cursor: pointer;
}
.p-news-hdg--type1 {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-news-hdg--type1 {
    font-size: 2.196193265007321vw;
    line-height: 1.333333333333333;
    letter-spacing: 0em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-hdg--type1 {
    font-size: 5.333333333333334vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-base-hdg--type03 {
    font-size: 1.756954612005857vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.025em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-hdg--type03 {
    font-size: 4.8vw;
    line-height: 1.25;
    letter-spacing: 0.025em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-base-hdg--type04 {
    font-size: 1.464128843338214vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-hdg--type04 {
    font-size: 4vw;
    line-height: 1.5;
    letter-spacing: 0.025em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-video .c-trailer__btn {
    width: 9.282576866764275vw;
    height: 9.282576866764275vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-video .c-trailer__btn {
    width: 16.462666666666667vw;
    height: 16.462666666666667vw;
  }
}
.p-news-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-news-list-item +.p-news-list-item {
    margin-top: 4.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-list-item__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-news-list-item__term {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-news-list-item__term {
    font-size: 1.317715959004393vw;
    line-height: 2.222222222222222;
    letter-spacing: 0.04em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-list-item__term {
    font-size: 3.733333333333334vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.04em;
    font-weight: 600;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-news-list__obj {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-news-list__obj {
    width: 1.464128843338214vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-list__obj {
    width: 3.6vw;
    margin-right: 1.333333333333333vw;
  }
}
.p-news-list--type01 .p-news-list__obj {
  display: block;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-news-list--type01 .p-news-list__obj {
    height: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-list--type01 .p-news-list__obj {
    height: 3.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-list-item__description {
    font-size: 1.317715959004393vw;
    line-height: 2.222222222222222;
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 3.587115666178624vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-list-item__description {
    font-size: 3.733333333333334vw;
    line-height: 1.285714285714286;
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-base-btn {
    width: 23.57247437774524vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-btn {
    display: inline-block;
  }
}
@media screen and (min-width: 769px) {
  .p-news-base-btn .c-btn__txt {
    font-size: 1.02489019033675vw;
    line-height: 1.714285714285714;
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 0.805270863836018vw;
    padding-left: 2.708638360175696vw;
    padding-bottom: 0.805270863836018vw;
    padding-right: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-btn .c-btn__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.692307692307692;
    letter-spacing: 0.04em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 2.72vw;
    padding-left: 6.226666666666667vw;
    padding-bottom: 2.72vw;
    padding-right: 6.226666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-btn.is-sp-fixed {
    min-width: 75%;
  }
}
.p-news-base-txt__note {
  position: relative;
  color: #9d9d9d;
}
@media screen and (min-width: 769px) {
  .p-news-base-txt__note {
    font-size: 1.02489019033675vw;
    line-height: 1.571428571428571;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-txt__note {
    font-size: 2.666666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-news-base-txt__note:before {
  position: absolute;
  top: 0;
  left: 0;
}
.p-news-base-txt__note:not([data-note-number]) {
  padding-left: 1.2em;
}
.p-news-base-txt__note:not([data-note-number]):before {
  content: '※';
}
.p-news-base-txt__note.is-no-ico {
  padding-left: 0;
}
.p-news-base-txt__note.is-no-ico:before {
  content: '';
}
@media screen and (min-width: 769px) {
  .p-news-base-txt__note[data-note-number] {
    padding-left: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-base-txt__note[data-note-number] {
    padding-left: 8vw;
  }
}
.p-news-base-txt__note[data-note-number]:before {
  content: '※' attr(data-note-number);
}
.p-news-information-block {
  color: #9d9d9d;
}
@media screen and (min-width: 769px) {
  .p-news-information-block {
    border: 0.073206442166911vw solid #9d9d9d;
    padding: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-information-block {
    border: 0.133333333333333vw solid #9d9d9d;
    padding: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-news-information-block .p-news-information-ttl {
    font-size: 1.02489019033675vw;
    line-height: 1.571428571428571;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-information-block .p-news-information-ttl {
    font-size: 2.666666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-news-information-block .p-news-information-desc {
    padding-top: 1.464128843338214vw;
    font-size: 1.02489019033675vw;
    line-height: 1.571428571428571;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-news-information-block .p-news-information-desc {
    padding-top: 2.666666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.l-news .c-btn__txt {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.l-news .p-news-ttl_desc a,
.l-news .p-news-base-txt a {
  position: relative;
  display: inline-block;
  color: #ffffff;
  height: 1.5em;
}
.l-news .p-news-ttl_desc a:after,
.l-news .p-news-base-txt a:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .l-news .p-news-ttl_desc a:after,
  .l-news .p-news-base-txt a:after {
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-ttl_desc a:after,
  .l-news .p-news-base-txt a:after {
    height: 0.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-sec {
    padding-top: 8.784773060029282vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-sec {
    padding-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-block {
    padding-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-block {
    padding-top: 13.733333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-box {
    padding-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-box {
    padding-top: 10.4vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-obj {
    padding-top: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-obj {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-parts {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-parts {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-sec +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-block +.p-news-block {
    padding-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-block +.p-news-block {
    padding-top: 13.733333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-block +.p-news-box {
    padding-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-block +.p-news-box {
    padding-top: 10.4vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-block +.p-news-obj {
    padding-top: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-block +.p-news-obj {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-block +.p-news-parts {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-block +.p-news-parts {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-block +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-block +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-box +.p-news-box {
    padding-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-box +.p-news-box {
    padding-top: 10.4vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-box +.p-news-obj {
    padding-top: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-box +.p-news-obj {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-box +.p-news-parts {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-box +.p-news-parts {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-box +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-box +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-obj {
    padding-top: 3.294289897510981vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-obj {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-parts {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-parts {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-obj +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-parts +.p-news-parts {
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-parts +.p-news-parts {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-parts +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-parts +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news .p-news-main_area .p-news-atom +.p-news-atom {
    padding-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news .p-news-main_area .p-news-atom +.p-news-atom {
    padding-top: 5.333333333333334vw;
  }
}
.l-news .is-beige-t01 {
  color: #ffffff;
}
.l-news .is-red-t01 {
  color: #e34424;
}
.l-news .is-gray-t01 {
  color: #9d9d9d;
}
.l-news .is-zen {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.l-news .is-obj-t01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-news .is-obj-t01:before {
  content: '';
  display: block;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
  margin-right: 0.35em;
  width: 0.83em;
  height: 0.83em;
}
.l-news .is-obj-t02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-news .is-obj-t02:before {
  content: '';
  display: block;
  background: url("../images/common/symbol/accessory/ico_point-decoration02.svg") center/contain no-repeat;
  margin-right: 0.35em;
  width: 0.83em;
  height: 0.83em;
}
.l-news .is-bold {
  font-weight: 600;
}
.l-news .is-bold.is-zen {
  font-weight: 700;
}
.p-news-anchor-link {
  position: relative;
  font-family: "Hiragino Kaku Gothic ProN", 'Yu Gothic', 'Meiryo', sans-serif;
  color: #ffffff;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-news-anchor-link {
    width: 45.31478770131771vw;
    cursor: pointer;
    padding-bottom: 0.805270863836018vw;
    padding-top: 1.390922401171303vw;
    padding-right: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-news-anchor-link {
    width: 89.33333333333333vw;
    padding-bottom: 3.866666666666667vw;
    padding-top: 3.866666666666667vw;
    padding-right: 6vw;
  }
}
.p-news-anchor-link:before {
  position: absolute;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
}
.p-news-anchor-link:after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  background: url("../images/common/symbol/accessory/ico_arrow-anchor.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-news-anchor-link:after {
    width: 0.805270863836018vw;
    height: 1.02489019033675vw;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-news-anchor-link:after {
    right: 2.266666666666667vw;
    width: 2.842666666666667vw;
    height: 3.618666666666666vw;
  }
}
.l-20250305_01 .p-20250305_01-box .img {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .l-20250305_01 .p-20250305_01-box .img {
    width: 40.48316251830161vw;
  }
}
@media screen and (max-width: 768px) {
  .l-20250305_01 .p-20250305_01-box .img {
    width: 50.66666666666667vw;
  }
}
.l-20250305_01 .p-20250305_01-box .p-news-base-txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-20250305_01 .p-20250305_01-parts {
    margin-inline: auto;
    width: 50.73599999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .l-page-news {
    background: #000;
  }
}
.l-page-news__wrap {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-news-onsale .c-onsale {
    padding-top: 7.393850658857979vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news-onsale .c-onsale {
    padding-top: 20vw;
  }
}
@media screen and (min-width: 769px) {
  .l-news-reserve .c-reserve {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.856515373352856vw;
  }
}
@media screen and (max-width: 768px) {
  .l-news-reserve .c-reserve {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
.p-products-pkg__content__info:before,
.p-products-pkg__content__digital-deluxe:before,
.p-products-pkg__content__preorder:before {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 100%;
  margin: auto 0;
  display: block;
  background: rgba(177,162,132,0.5);
  min-width: 1px;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__info:before,
  .p-products-pkg__content__digital-deluxe:before,
  .p-products-pkg__content__preorder:before {
    left: 1.464128843338214vw;
    width: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__info:before,
  .p-products-pkg__content__digital-deluxe:before,
  .p-products-pkg__content__preorder:before {
    left: 2.666666666666667vw;
    width: 0.133333333333333vw;
  }
}
.p-products-pkg__content__info:after,
.p-products-pkg__content__digital-deluxe:after,
.p-products-pkg__content__preorder:after {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  content: '';
  position: absolute;
  top: 0;
  bottom: 100%;
  margin: auto 0;
  display: block;
  background: rgba(177,162,132,0.5);
  min-width: 1px;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__info:after,
  .p-products-pkg__content__digital-deluxe:after,
  .p-products-pkg__content__preorder:after {
    right: 1.464128843338214vw;
    width: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__info:after,
  .p-products-pkg__content__digital-deluxe:after,
  .p-products-pkg__content__preorder:after {
    right: 2.666666666666667vw;
    width: 0.133333333333333vw;
  }
}
.p-products-pkg__content__info.js-active::before,
.p-products-pkg__content__container.js-active::before,
.p-products-pkg__content__digital-deluxe.js-active::before,
.p-products-pkg__content__preorder.js-active::before {
  bottom: 0%;
}
.p-products-pkg__content__info.js-active::after,
.p-products-pkg__content__container.js-active::after,
.p-products-pkg__content__digital-deluxe.js-active::after,
.p-products-pkg__content__preorder.js-active::after {
  bottom: 0%;
}
.p-products-modal__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .p-products-modal__container {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__container {
    padding: 24vw 0;
  }
}
.p-products-modal__container:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.p-products-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.p-products-modal__content {
  background-color: rgba(0,0,0,0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  border-radius: 6px;
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content {
    width: 92.09370424597365vw;
    min-height: 43.92386530014642vw;
    padding-top: 9.224011713030746vw;
    padding-bottom: 10.395314787701318vw;
    padding-left: 5.197657393850659vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content {
    width: 100%;
    padding: 20.4vw 0;
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
.p-products-modal__content__item {
  display: none;
  position: relative;
}
.p-products-modal__content__item.is-show {
  display: block;
}
.p-products-modal__content__item__wrap {
  display: none;
}
.p-products-modal__content__item__wrap.is-show {
  display: block;
}
.p-products-modal__content__item__wrap .p-products-modal__content__item {
  display: block !important;
}
.p-products-modal__content__hdg {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__hdg {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__hdg {
    font-size: 5.333333333333334vw;
    line-height: 1.1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__hdg .u-point01 {
    display: none;
  }
}
.p-products-modal__content__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 2.855051244509517vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 12vw;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__left {
    width: 19.32650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__left {
    width: 100%;
    padding: 0 16.933333333333334vw;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__right {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right {
    width: 55.63689604685212vw;
    margin-left: 6.661786237188873vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right {
    width: 100%;
    margin-top: 8vw;
    padding: 16.933333333333334vw;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__right__special {
  width: 100%;
}
.p-products-modal__content__container .p-products-modal__content__container__right__special__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item {
    font-size: 1.756954612005857vw;
    line-height: 1.583333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item p {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item {
    font-size: 4.8vw;
    line-height: 1.555555555555556;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item p {
    width: 57.99999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item .u-point01 {
    display: none;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__right__special__item::before {
  content: '';
  background-image: url("../images/products/marker.svg");
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item::before {
    width: 1.903367496339678vw;
    height: 1.903367496339678vw;
    margin-right: 0.658857979502196vw;
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item::before {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-right: 2.533333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item+.p-products-modal__content__container__right__special__item {
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__item+.p-products-modal__content__container__right__special__item {
    margin-top: 3.546666666666667vw;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__right__special__desc {
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__desc {
    font-size: 1.171303074670571vw;
    line-height: 1.5625;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 2.562225475841874vw;
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special__desc {
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 8.133333333333333vw;
    margin-top: 4.746666666666667vw;
  }
}
.p-products-modal__content__container .p-products-modal__content__container__right__anno {
  color: #c8c8c8;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__anno {
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__anno {
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special+.p-products-modal__content__container__right__anno {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container .p-products-modal__content__container__right__special+.p-products-modal__content__container__right__anno {
    margin-top: 4.746666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-modal__content__container+.p-products-modal__content__container--sub {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-modal__content__container+.p-products-modal__content__container--sub {
    margin-top: 12vw;
  }
}
.p-products-pkg__container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__container .u-point01 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__container .u-point01 {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__container .u-point02 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__container .u-point02 {
    display: none;
  }
}
.p-products-pkg__inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__inner {
    width: 92.09370424597365vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__inner {
    width: 100vw;
    margin-top: 6.373333333333334vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__separator__arrow--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__separator__arrow--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__separator__arrow--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__separator__arrow--sp {
    width: 150.53333333333333vw;
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts {
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts {
    overflow: scroll;
    padding: 0 5.066666666666666vw;
  }
  .p-products-pkg__opts::-webkit-scrollbar {
    display: none;
  }
}
.p-products-pkg__opts__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list {
    margin-top: 1.515373352855051vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list {
    padding: 0 9.333333333333334vw;
    width: 131.86666666666667vw;
    margin-top: 5.933333333333334vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.p-products-pkg__opts__list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background-repeat: no-repeat;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.p-products-pkg__opts__list__item > p {
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item {
    font-size: 1.09809663250366vw;
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 16.83748169838946vw;
    height: 4.392386530014641vw;
    cursor: pointer;
  }
  .p-products-pkg__opts__list__item:hover {
    color: #1a1a1a;
  }
  .p-products-pkg__opts__list__item:hover .p-products-pkg__opts__list__item__bg::before {
    opacity: 0;
  }
  .p-products-pkg__opts__list__item:hover .p-products-pkg__opts__list__item__bg::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item {
    font-size: 3.733333333333334vw;
    line-height: 1.071428571428571;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 57.599999999999994vw;
    height: 13.333333333333334vw;
    background-image: url("../images/products/opt_btn_sp_off.svg");
    background-size: 100% 100%;
    background-position: center;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
.p-products-pkg__opts__list__item.is-active {
  color: #000;
  background-size: 100% 100%;
  background-position: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item.is-active .p-products-pkg__opts__list__item__bg::before {
    opacity: 0;
  }
  .p-products-pkg__opts__list__item.is-active .p-products-pkg__opts__list__item__bg::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item.is-active {
    background-image: url("../images/products/opt_btn_sp_on.svg");
    background-size: 100% 100%;
    background-position: bottom center;
  }
}
.p-products-pkg__opts__list__item.is-active::before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item.is-active::before {
    top: -50%;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item.is-active::before {
    top: -60%;
    height: 0.133333333333333vw;
  }
}
.p-products-pkg__opts__list__item.is-active::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  background-image: url("../images/products/marker_opt.svg");
  background-size: 100% 100%;
  background-position: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item.is-active::after {
    top: -50%;
    width: 1.464128843338214vw;
    height: 0.981698389458272vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item.is-active::after {
    top: -60%;
    width: 3.733333333333334vw;
    height: 2.502666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item+.p-products-pkg__opts__list__item {
    margin-left: 0.75402635431918vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item+.p-products-pkg__opts__list__item {
    margin-left: 1.333333333333333vw;
  }
}
.p-products-pkg__opts__list__item .u-point01 {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__opts__list__item__bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
  .p-products-pkg__opts__list__item__bg::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/products/opt_btn_pc_off.svg");
    background-size: 100% 100%;
    background-position: center;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .p-products-pkg__opts__list__item__bg::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/products/opt_btn_pc_on.svg");
    background-size: 100% 100%;
    background-position: center;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__opts__list__item__bg {
    display: none;
  }
}
.p-products-pkg__content__wrap {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__wrap {
    margin-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__wrap {
    width: 89.86666666666666vw;
    margin-top: 6vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-products-pkg__content {
  position: relative;
}
.p-products-pkg__content [data-css-pkg-obj] {
  position: relative;
  opacity: 1;
  -webkit-transition: 0.7s all ease;
  transition: 0.7s all ease;
  top: 0;
}
.p-products-pkg__content:not(.is-show) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  margin: auto;
  opacity: 0;
  pointer-events: none;
}
.p-products-pkg__content:not(.is-show) [data-css-pkg-obj] {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content:not(.is-show) [data-css-pkg-obj] {
    top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content:not(.is-show) [data-css-pkg-obj] {
    top: 2.666666666666667vw;
  }
}
.p-products-pkg__content__info {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__info {
    margin-top: 0.505124450951684vw;
    margin-bottom: 0.505124450951684vw;
  }
}
.p-products-pkg__content__ttl .c-hdg-sep__hdg {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg {
    width: 12.079062957540264vw;
    padding: 0.658857979502196vw 0;
    margin: 0 2.306002928257687vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg {
    width: 37.2vw;
    margin: 0 3vw;
    padding: 1.946666666666667vw 0;
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg:before {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg:before {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-right: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg:after {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-left: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__ttl .c-hdg-sep__hdg:after {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-left: 2vw;
  }
}
.p-products-pkg__content__ttl .border-line {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__ttl .border-line {
    width: 8.41874084919473vw;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__ttl .border-line {
    width: 26.666666666666668vw;
    height: 0.133333333333333vw;
  }
}
.p-products-pkg__content__subttl {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__subttl {
    font-size: 1.244509516837482vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__subttl {
    font-size: 3.2vw;
    line-height: 1.166666666666667;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-products-pkg__content__subttl .c-hdg-sep__hdg {
    margin: 0 1.066666666666667vw;
  }
}
.p-products-pkg__content__subttl .c-hdg-sep__hdg {
  white-space: nowrap;
}
.p-products-pkg__content__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-products-pkg__content__container--main {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--main {
    padding: 5.929721815519766vw 5.124450951683748vw 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--main {
    padding: 10vw 11.333333333333332vw 16vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--main .p-products-pkg__content__container__left {
    width: 40.11713030746706vw;
  }
}
.p-products-pkg__content__container--main .p-products-pkg__content__container__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--main .p-products-pkg__content__container__right {
    width: 34.773060029282576vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--main .p-products-pkg__content__container__right {
    width: 100%;
    margin-top: 4.093333333333334vw;
  }
}
.p-products-pkg__content__container--sub {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__left {
    width: 19.32650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__left {
    width: 100%;
  }
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right {
    width: 55.63689604685212vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right {
    width: 100%;
    margin-top: 8vw;
  }
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special {
  width: 100%;
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item {
    font-size: 1.756954612005857vw;
    line-height: 1.583333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item p {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item {
    font-size: 4.533333333333333vw;
    line-height: 1.647058823529412;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item p {
    width: 57.99999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item .u-point01 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item .u-point01 {
    display: none;
  }
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item::before {
  content: '';
  background-image: url("../images/products/marker.svg");
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item::before {
    width: 1.903367496339678vw;
    height: 1.903367496339678vw;
    margin-right: 0.658857979502196vw;
    -webkit-transform: translate(0, 30%);
    transform: translate(0, 30%);
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item::before {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    margin-right: 2.533333333333333vw;
    -webkit-transform: translate(0, 15%);
    transform: translate(0, 15%);
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item+.p-products-pkg__content__container__right__special__item {
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item+.p-products-pkg__content__container__right__special__item {
    margin-top: 3.546666666666667vw;
  }
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__desc {
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__desc {
    font-size: 1.171303074670571vw;
    line-height: 1.5625;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 2.562225475841874vw;
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__desc {
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 8.133333333333333vw;
    margin-top: 4.746666666666667vw;
  }
}
.p-products-pkg__content__container--sub .p-products-pkg__content__container__right__anno {
  color: #c8c8c8;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__anno {
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__anno {
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item+.p-products-pkg__content__container__right__anno {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__item+.p-products-pkg__content__container__right__anno {
    margin-top: 4.746666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__desc+.p-products-pkg__content__container__right__anno {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special__desc+.p-products-pkg__content__container__right__anno {
    margin-top: 4.746666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special+.p-products-pkg__content__container__right__anno {
    margin-top: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub .p-products-pkg__content__container__right__special+.p-products-pkg__content__container__right__anno {
    margin-top: 4.746666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container--sub+.p-products-pkg__content__container--sub {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container--sub+.p-products-pkg__content__container--sub {
    margin-top: 12vw;
  }
}
.p-products-pkg__content__digital-deluxe {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__digital-deluxe {
    padding: 2.269399707174232vw 5.124450951683748vw 2.562225475841874vw;
    margin-bottom: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__digital-deluxe {
    padding: 8.266666666666666vw 11.333333333333332vw 8vw;
    margin-bottom: 2vw;
  }
}
.p-products-pkg__content__preorder {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__preorder {
    padding: 2.269399707174232vw 5.124450951683748vw 2.562225475841874vw;
    margin-bottom: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__preorder {
    padding: 8.266666666666666vw 11.333333333333332vw 8vw;
    margin-bottom: 2vw;
  }
}
.p-products-pkg__content__container__device {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__device {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__device {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__device__hard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__device__hard {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    gap: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__device__hard {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    gap: 1.733333333333333vw;
  }
}
.p-products-pkg__content__container__device__hard .platform_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-products-pkg__content__container__device__hard .platform_name +.platform_name:before {
  position: relative;
  content: '';
  display: block;
  width: 1px;
  background-color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__device__hard .platform_name +.platform_name:before {
    top: 0.146412884333821vw;
    height: 1.464128843338214vw;
    margin-right: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__device__hard .platform_name +.platform_name:before {
    top: 0.266666666666667vw;
    height: 3.466666666666666vw;
    margin-right: 1.733333333333333vw;
  }
}
.p-products-pkg__content__container__device__soft {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__device__soft {
    margin-left: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__device__soft {
    margin-left: 3.333333333333333vw;
  }
}
.p-products-pkg__content__container__device__soft::before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__device__soft::before {
    width: 0.073206442166911vw;
    height: 1.464128843338214vw;
    left: -1.09809663250366vw;
    background-color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__device__soft::before {
    width: 0.133333333333333vw;
    height: 3.466666666666666vw;
    left: -1.666666666666667vw;
    background-color: #ffffff;
  }
}
.p-products-pkg__content__container__name {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__name {
    margin-top: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__name {
    margin-top: 3.733333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__name h2 {
    font-size: 2.196193265007321vw;
    line-height: 1.266666666666667;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__name h2 {
    font-size: 5.333333333333334vw;
    line-height: 1.3;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.c-modal-product__content__container__price-obj {
  display: inline-block;
}
.p-products-pkg__content__container__price-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__price-box {
    margin-top: 0.732064421669107vw;
    width: 29.282576866764277vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__price-box {
    margin-top: 1.333333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__price-box span {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__price-box span {
    font-size: 5.333333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__price-block {
  display: inline-block;
}
.p-products-pkg__content__container__price-block span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__price-block span {
    margin-right: -0.512445095168375vw;
  }
}
.p-products-pkg__content__container__price {
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__price {
    margin-top: 1.002928257686676vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__price {
    margin-top: 3.426666666666667vw;
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__price span {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__price span {
    font-size: 5.333333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__desc {
  color: #c8c8c8;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__desc {
    margin-top: 2.218155197657394vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__desc {
    margin-top: 8vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__detail {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail {
    margin-top: 2.196193265007321vw;
    padding-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__detail {
    margin-top: 5.333333333333334vw;
    padding-top: 6.053333333333334vw;
  }
}
.p-products-pkg__content__container__detail::before {
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail::before {
    width: 3.733528550512445vw;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__detail::before {
    width: 8.133333333333333vw;
    height: 0.133333333333333vw;
  }
}
.p-products-pkg__content__container__detail__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__detail__hdg {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail__hdg::before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.556368960468521vw;
  }
}
.p-products-pkg__content__container__detail__hdg::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail__list {
    margin-top: 1.09809663250366vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__detail__list {
    margin-top: 4vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__detail__anno {
  color: #c8c8c8;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__detail__anno {
    margin-top: 1.09809663250366vw;
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__detail__anno {
    margin-top: 4vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__store {
  position: relative;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store {
    margin-top: 2.196193265007321vw;
    padding-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store {
    width: 100%;
    margin-top: 5.333333333333334vw;
    padding-top: 4.933333333333334vw;
  }
}
.p-products-pkg__content__container__store::before {
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store::before {
    width: 3.733528550512445vw;
    height: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store::before {
    width: 8.133333333333333vw;
    height: 0.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__hdg {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__hdg {
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-products-pkg__content__container__store__hdg.is-red {
  color: #e34424;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list {
    margin-top: 8vw;
  }
}
.p-products-pkg__content__container__store__list__item__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item+.p-products-pkg__content__container__store__list__item {
    margin-top: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item+.p-products-pkg__content__container__store__list__item {
    margin-top: 2.666666666666667vw;
  }
}
.p-products-pkg__content__container__store__list__item.is-ps .p-products-pkg__content__container__store__list__item__btn,
.p-products-pkg__content__container__store__list__item.is-steam .p-products-pkg__content__container__store__list__item__btn,
.p-products-pkg__content__container__store__list__item.is-epicGames .p-products-pkg__content__container__store__list__item__btn {
  width: 100%;
}
.p-products-pkg__content__container__store__list__item__frame__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item__frame__inner {
    font-size: 1.317715959004393vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item__frame__inner {
    padding-top: 4vw;
    padding-left: 2.133333333333333vw;
    padding-bottom: 4vw;
    font-size: 3.333333333333333vw;
    line-height: 1.52;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item__btn {
    width: 24.52415812591508vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item__btn {
    width: 48vw;
  }
}
.p-products-pkg__content__container__store__list__item__btn .p-products-pkg__content__container__store__list__item__frame__inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item__btn .p-products-pkg__content__container__store__list__item__frame__inner {
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item__btn__inner {
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item__btn__inner {
    padding-left: 2.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__list__item__store__btn {
    width: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item__store__btn {
    width: 16vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__list__item__store__btn .p-products-pkg__content__container__store__list__item__frame__inner {
    border: 1px solid rgba(0,112,204,0.4);
  }
}
.p-products-pkg__content__container__store__list__item__store__btn__inner {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-products-pkg__content__container__spec__btn {
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__spec__btn {
    height: 4.392386530014641vw;
    padding: 0.219619326500732vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__spec__btn {
    height: 13.333333333333334vw;
    padding: 0.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 0.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 6vw;
  }
}
.p-products-pkg__content__container__spec__btn::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("../images/products/marker_btn_w.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__spec__btn::after {
    width: 2.542459736456808vw;
    height: 1.611273792093704vw;
    right: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__spec__btn::after {
    width: 6.008vw;
    height: 3.806666666666667vw;
    right: 4vw;
  }
}
.p-products-pkg__content__container__spec__btn__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  background-color: rgba(177,162,132,0.1);
}
.p-products-pkg__content__container__spec__btn__link {
  display: block;
  height: 100%;
  width: 100%;
  color: #c8c8c8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__spec__btn__link {
    padding-left: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__spec__btn__link {
    padding-left: 3.6vw;
  }
}
.p-products-pkg__content__container__store__btn {
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  opacity: 0.4;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__btn {
    height: 4.392386530014641vw;
    padding: 0.219619326500732vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__btn {
    height: 13.333333333333334vw;
    padding: 0.533333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 0.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.666666666666667vw;
  }
}
.p-products-pkg__content__container__store__btn::after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("../images/products/marker_btn.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__btn::after {
    width: 2.542459736456808vw;
    height: 1.611273792093704vw;
    right: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__btn::after {
    width: 6.008vw;
    height: 3.806666666666667vw;
    right: 4vw;
  }
}
.p-products-pkg__content__container__store__btn.is-show {
  opacity: 1;
  pointer-events: auto;
}
.p-products-pkg__content__container__store__btn__inner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.p-products-pkg__content__container__store__btn__link {
  display: block;
  color: #000;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__btn__link {
    padding-left: 1.390922401171303vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__btn__link {
    padding-left: 3.6vw;
  }
}
.p-products-pkg__separator__cross {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__separator__cross {
    margin: 2.196193265007321vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__separator__cross {
    margin: 4vw 0;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__separator__cross__img {
    width: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__separator__cross__img {
    width: 11.600000000000001vw;
  }
}
.p-products-pkg__content__anno {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__anno {
    font-size: 0.878477306002928vw;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 2.342606149341142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__anno {
    width: 88.93333333333334vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 6.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec {
    padding-top: 7.320644216691069vw;
    padding-bottom: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec {
    padding-top: 5.333333333333334vw;
    padding-bottom: 16.400000000000002vw;
  }
}
.p-products-pkg__content__spec__ttl {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  position: relative;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__ttl {
    font-size: 2.489019033674964vw;
    line-height: 2.294117647058823;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec__ttl {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__ttl::before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.556368960468521vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__ttl::after {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-left: 0.556368960468521vw;
  }
}
.p-products-pkg__content__container__store__anno {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #888;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__store__anno {
    font-size: 0.878477306002928vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__store__anno {
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.8vw;
  }
}
[class*="p-products-pkg__content__spec__list--"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
  color: #ffffff;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  [class*="p-products-pkg__content__spec__list--"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.049780380673499vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-products-pkg__content__spec__list--"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 7.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__list--pc {
    width: 65.88579795021961vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec__list--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__list--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec__list--sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-products-pkg__content__spec__list__item {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__spec__list__item:last-child {
    width: 100%;
    margin: 0;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec__list__item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__spec__list__item+.p-products-pkg__content__spec__list__item {
    margin-top: 2.666666666666667vw;
  }
}
.p-products-pkg__content__spec__list__item__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}
.p-products-pkg__content__spec__list__item__container:first-child {
  text-align: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.p-products-pkg__content__spec__list__item__container:last-child {
  text-align: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 3.333333333333333vw;
}
.p-products-pkg-note {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-products-pkg-note {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg-note {
    font-size: 2.666666666666667vw;
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-bottom: 8vw;
  }
}
.p-products-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-top__inner {
    height: 38.06734992679356vw;
  }
}
.p-products-top__inner__txt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-products-top__inner__txt {
    -webkit-transform: translate(0, 29%);
    transform: translate(0, 29%);
  }
}
@media screen and (min-width: 769px) {
  .p-products-top__inner__txt .p-products-top__date {
    margin-top: 1.610541727672035vw;
    width: 32.11346998535871vw;
    -webkit-transform: translate(0, -18%);
    transform: translate(0, -18%);
  }
}
@media screen and (max-width: 768px) {
  .p-products-top__inner__txt .p-products-top__date {
    margin-top: 2.933333333333333vw;
    width: 58.489333333333335vw;
  }
}
.l-products__wrap {
  position: relative;
  z-index: 1;
}
.l-page-products__container {
  position: relative;
}
.l-page-products__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .l-page-products__container:before {
    background: url("../images/products/bg_pc.png") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-products__container:before {
    background: url("../images/products/bg_sp.png") top center/contain no-repeat;
  }
}
.l-page-products__container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(6,6,6,0)), color-stop(25%, rgba(6,6,6,0.825)), color-stop(47%, #060606), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom, rgba(6,6,6,0) 0%, rgba(6,6,6,0.825) 25%, #060606 47%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(6,6,6,0) 0%, rgba(6,6,6,0.825) 25%, #060606 47%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-page-products__container:after {
    height: 21.37628111273792vw;
    top: 43.1918008784773vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-products__container:after {
    height: 26.666666666666668vw;
    top: 62.66666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .l-page-products #wp {
    background: #000 url("../images/common/bg/bg.jpg") top center/contain;
  }
}
@media screen and (min-width: 769px) {
  .p-products-dlc {
    padding-top: 4.414348462664714vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-dlc {
    padding-top: 16.733333333333334vw;
  }
}
.p-products-dlc-link__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-products-dlc-link {
  color: #ffffff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-products-dlc-link {
    margin-top: 2.196193265007321vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .p-products-dlc-link {
    margin-top: 8vw;
    font-size: 3.2vw;
    line-height: 1.833333333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-products-dlc-link:before {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-dlc-link:before {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-right: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-dlc-link:after {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-left: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-dlc-link:after {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-left: 2vw;
  }
}
.p-products-dlc-link .dlc-link-text {
  border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 769px) {
  .p-products-dlc-link .dlc-link-text {
    padding-bottom: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-dlc-link .dlc-link-text {
    padding-bottom: 0.133333333333333vw;
  }
}
.p-story-country__sechdg,
.p-story-intro__sechdg,
.p-story-world__sechdg {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-story-country__sechdg,
  .p-story-intro__sechdg,
  .p-story-world__sechdg {
    font-size: 3.513909224011713vw;
    line-height: 1.625;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-story-country__sechdg,
  .p-story-intro__sechdg,
  .p-story-world__sechdg {
    font-size: 7.199999999999999vw;
    line-height: 1.444444444444444;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-story-country__sechdg:before,
  .p-story-intro__sechdg:before,
  .p-story-world__sechdg:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country__sechdg:before,
  .p-story-intro__sechdg:before,
  .p-story-world__sechdg:before {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country__sechdg:after,
  .p-story-intro__sechdg:after,
  .p-story-world__sechdg:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country__sechdg:after,
  .p-story-intro__sechdg:after,
  .p-story-world__sechdg:after {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-left: 5.066666666666666vw;
  }
}
.p-story-country_container {
  position: relative;
}
.p-story-country_container:before {
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  opacity: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .p-story-country_container:before {
    background: url("../images/story/bg_country_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_container:before {
    background: url("../images/story/bg_country_sp.jpg") top center/contain no-repeat;
  }
}
.p-story-country_container.js-active:before {
  opacity: 1;
}
.p-story-country__line {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-story-country__line {
    width: 89.33333333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.p-story-country_inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-country_inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country__sechdg {
    padding-top: 17.569546120058565vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country__sechdg {
    padding-top: 32.4vw;
  }
}
.p-story-country__sechdg__sub {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country__sechdg__sub {
    font-size: 1.317715959004393vw;
    line-height: 2.444444444444445;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-story-country__sechdg__sub {
    font-size: 3.466666666666666vw;
    line-height: 1.692307692307692;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 1.6vw;
  }
}
.p-story-country_slider__obj__box__area {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box__area.p-pc {
    visibility: visible;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__box__area.p-pc {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box__area.p-sp {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__box__area.p-sp {
    visibility: visible;
    height: auto;
  }
}
.p-story-country_slider__obj__box {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box {
    width: 92.09370424597365vw;
    height: 39.23865300146413vw;
  }
}
.p-story-country_slider__obj__box .c-frame__line_box {
  z-index: 4;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__inner {
    padding-top: 18.301610541727673vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__inner {
    padding-top: 28.000000000000004vw;
  }
}
.p-story-country_slider__obj__box__inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box__inner {
    width: 91.06881405563689vw;
    height: 38.213762811127374vw;
  }
}
[class*="p-story-country_slider__obj__box--"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  [class*="p-story-country_slider__obj__box--"] {
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-story-country_slider__obj__box--"] {
    width: 11.502666666666666vw;
    height: 11.574666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box--prev {
    left: -2.635431918008785vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__box--prev {
    left: 9.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__box--next {
    right: -2.635431918008785vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__box--next {
    right: 9.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj {
    position: relative;
  }
}
.p-story-country_slider__obj:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj:before {
    opacity: 0;
    -webkit-transition: 0.3s opacity ease;
    transition: 0.3s opacity ease;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj:after {
    content: '';
    display: block;
    position: absolute;
    top: -2.666666666666667vw;
    right: 2.666666666666667vw;
    width: 9.873333333333333vw;
    height: 19.486666666666668vw;
    z-index: 10;
    -webkit-filter: drop-shadow(1.333333333333333vw 1.333333333333333vw 2.133333333333333vw rgba(0,0,0,0.7));
    filter: drop-shadow(1.333333333333333vw 1.333333333333333vw 2.133333333333333vw rgba(0,0,0,0.7));
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.js-active .p-story-country_slider__obj__content {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.js-active:before {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-rosaria:before {
    background: url("../images/story/img_country_bg_rosaria_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-rosaria:before {
    background: url("../images/story/img_country_bg_rosaria_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-rosaria:after {
    background: url("../images/story/img_country_flag_rosaria.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-sanbreque:before {
    background: url("../images/story/img_country_bg_sanbreque_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-sanbreque:before {
    background: url("../images/story/img_country_bg_sanbreque_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-sanbreque:after {
    background: url("../images/story/img_country_flag_sanbreque.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-waloed:before {
    background: url("../images/story/img_country_bg_waloed_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-waloed:before {
    background: url("../images/story/img_country_bg_waloed_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-waloed:after {
    background: url("../images/story/img_country_flag_waloed.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-dhalmekian:before {
    background: url("../images/story/img_country_bg_dhalmekian_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-dhalmekian:before {
    background: url("../images/story/img_country_bg_dhalmekian_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-dhalmekian:after {
    background: url("../images/story/img_country_flag_dhalmekian.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-ironkingdom:before {
    background: url("../images/story/img_country_bg_ironkingdom_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-ironkingdom:before {
    background: url("../images/story/img_country_bg_ironkingdom_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-ironkingdom:after {
    background: url("../images/story/img_country_flag_ironkingdom.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj.thema-crystalline:before {
    background: url("../images/story/img_country_bg_crystalline_pc.jpg") center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-crystalline:before {
    background: url("../images/story/img_country_bg_crystalline_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj.thema-crystalline:after {
    background: url("../images/story/img_country_flag_crystalline.jpg") top center/contain no-repeat;
  }
}
.p-story-country_slider__obj__inner {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-story-country_slider__obj__content {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s opacity ease 0.2s;
  transition: 0.3s opacity ease 0.2s;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content {
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content {
    padding-top: 37.2vw;
  }
}
.p-story-country_slider__obj__content:before {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content:before {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content:before {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
.p-story-country_slider__obj__content:after {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url("../images/common/symbol/accessory/ico_point-decoration.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content:after {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content:after {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    margin-top: 4vw;
  }
}
.p-story-country_slider__obj__content__name__en {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content__name__en {
    font-size: 3.513909224011713vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content__name__en {
    font-size: 6.4vw;
    line-height: 1.083333333333333;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.6vw;
  }
}
.p-story-country_slider__obj__content__name__jp {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content__name__jp {
    font-size: 1.317715959004393vw;
    line-height: 2.222222222222222;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content__name__jp {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.04vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content__line {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content__line {
    margin-top: 4vw;
    margin-bottom: 2.666666666666667vw;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    opacity: 0.6;
    width: 19.733333333333334vw;
    height: 0.133333333333333vw;
  }
}
.p-story-country_slider__obj__content__hdg {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content__hdg {
    font-size: 2.049780380673499vw;
    line-height: 2.214285714285714;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content__hdg {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
.p-story-country_slider__obj__content__description {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__obj__content__description {
    font-size: 1.02489019033675vw;
    line-height: 1.857142857142857;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 60.9077598828697vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__content__description {
    font-size: 2.933333333333333vw;
    line-height: 1.727272727272727;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 49.86666666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__obj__box__wrap {
    width: 66.13333333333333vw;
    height: 153.33333333333334vw;
    margin-top: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list__area {
    padding-top: 0.878477306002928vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__area {
    padding-top: 8.799999999999999vw;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-story-country_slider__list__area::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__area__inner {
    width: 183.46666666666667vw;
  }
}
.p-story-country_slider__list {
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.464128843338214vw;
    width: 86.82284040995609vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding-top: 3.333333333333333vw;
    padding-left: 12.666666666666668vw;
    padding-right: 12.666666666666668vw;
  }
}
.p-story-country_slider__list__state__line .c-separation__line {
  opacity: 0.5;
}
.p-story-country_slider__list__obj {
  cursor: pointer;
  position: relative;
}
.p-story-country_slider__list__obj:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #ffffff;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  opacity: 0;
  min-height: 1px;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list__obj:before {
    top: -2.12298682284041vw;
    height: 0.146412884333821vw;
    width: 6.389458272327965vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__obj:before {
    top: -5.333333333333334vw;
    height: 0.133333333333333vw;
    width: 10.666666666666668vw;
  }
}
.p-story-country_slider__list__obj:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("../images/products/marker_opt.svg") center/contain no-repeat;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list__obj:after {
    top: -2.12298682284041vw;
    width: 1.464128843338214vw;
    height: 0.981698389458272vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__obj:after {
    top: -5.333333333333334vw;
    width: 3.733333333333334vw;
    height: 2.502666666666666vw;
  }
}
.p-story-country_slider__list__obj.js-active:before {
  opacity: 1;
}
.p-story-country_slider__list__obj.js-active:after {
  opacity: 1;
}
.p-story-country_slider__img {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__img {
    width: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__img {
    width: 10.666666666666668vw;
  }
}
.p-story-country_slider__list__obj__name {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__obj__name {
    width: 26.666666666666668vw;
  }
}
.p-story-country_slider__list__obj__name__jp {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list__obj__name__jp {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.254758418740849vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__obj__name__jp {
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 3.706666666666667vw;
  }
}
.p-story-country_slider__list__obj__name__en {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #fff;
  opacity: 0.45;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-story-country_slider__list__obj__name__en {
    font-size: 0.805270863836018vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-country_slider__list__obj__name__en {
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: center;
    transform-origin: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-story-intro_inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-intro_inner {
    width: 92.09370424597365vw;
    padding-bottom: 13.177159590043924vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro_inner {
    width: 89.33333333333333vw;
    padding-bottom: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-intro__txt {
    font-size: 1.317715959004393vw;
    line-height: 1.777777777777778;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro__txt {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 5.600000000000001vw;
  }
}
.p-story-intro__txt__node {
  text-align: center;
  display: block;
}
.p-story-intro__txt__node +.p-story-intro__txt__node {
  margin-top: 2em;
}
@media screen and (min-width: 769px) {
  .p-story-intro__sechdg {
    margin-top: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro__sechdg {
    margin-top: 24.4vw;
  }
}
.p-story-intro__hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-story-intro__hdg {
    font-size: 1.756954612005857vw;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro__hdg {
    font-size: 5.600000000000001vw;
    line-height: 1.619047619047619;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-intro__line {
    margin-top: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-intro__line {
    margin-top: 3.6vw;
  }
}
.p-story-world__inner {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-story-world__inner {
    width: 92.09370424597365vw;
    padding-bottom: 13.543191800878477vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__inner {
    width: 89.33333333333333vw;
    padding-bottom: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__sechdg {
    margin-top: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__sechdg {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__block {
    margin-top: 8.784773060029282vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block {
    margin-top: 24vw;
  }
}
.p-story-world__block__inner,
.p-story-expo-obj__inner,
.p-dlc-detail-new_action-block__inner {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-story-world__block__contents__inner:before {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__block__contents__inner:after {
    width: 2.091508052708638vw;
    height: 2.091508052708638vw;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__contents__inner:before,
  .p-story-expo-obj__contents:before {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__contents__inner:after,
  .p-story-expo-obj__contents:after {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__contents__inner:after,
  .p-story-expo-obj__contents:after {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__block__contents {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__contents,
  .p-story-expo-obj__contents,
  .p-dlc-detail-new_action-block__contents {
    position: relative;
    padding-top: 55.333333333333336vw;
    padding-bottom: 7.733333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__img,
  .p-story-expo-obj__img,
  .p-dlc-detail-new_action-block__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.p-story-world__block__hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-story-world__block__hdg {
    font-size: 2.928257686676428vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__hdg {
    font-size: 6.133333333333333vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 3.6vw;
  }
}
.p-story-world__block__subhdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-story-world__block__subhdg {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__subhdg {
    font-size: 5.333333333333334vw;
    line-height: 1.3;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__block__line {
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__line {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world__block__desc {
    width: 50.51244509516838vw;
    font-size: 1.171303074670571vw;
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.244509516837482vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world__block__desc,
  .p-story-expo-obj__txt {
    width: 66.13333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world-expo__block__inner {
    padding-top: 13.396778916544655vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world-expo__obj:nth-of-type(odd) .p-story-expo-obj__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 768px) {
  .p-story-world-expo__obj {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-world-expo__obj +.p-story-world-expo__obj {
    margin-top: 11.346998535871156vw;
  }
}
.p-story-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.l-story__wrap {
  position: relative;
  z-index: 2;
}
.l-page-story__container {
  position: relative;
}
.l-page-story__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-page-story__container:before {
    background: #000 url("../images/story/bg_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-story__container:before {
    background: #000 url("../images/story/bg_sp.jpg") top center/contain no-repeat;
  }
}
.l-page-story__container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,0.825)), color-stop(47%, #000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-page-story__container:after {
    height: 21.37628111273792vw;
    top: 43.1918008784773vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-story__container:after {
    height: 26.666666666666668vw;
    top: 62.66666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .l-story-onsale .c-onsale {
    padding-top: 15.373352855051245vw;
  }
}
@media screen and (max-width: 768px) {
  .l-story-onsale .c-onsale {
    padding-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .l-story-reserve .c-reserve__inner {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.834553440702782vw;
  }
}
@media screen and (max-width: 768px) {
  .l-story-reserve .c-reserve__inner {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-common--01 {
    bottom: -0.732064421669107vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--01 {
    top: 83.6749633967789vw;
    height: 46.120058565153734vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-spark--01 {
    top: 132.53333333333333vw;
    height: 217.46666666666664vw;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--01:before {
    background: url("../images/common/bg/story_intro.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-story-spark--01:before {
    background: url("../images/common/bg/story_intro_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--02 {
    top: 160.76134699853588vw;
    height: 46.120058565153734vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-spark--02 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--02:before {
    background: url("../images/common/bg/story_world.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--03 {
    top: 251.2445095168375vw;
    height: 43.33821376281113vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-spark--03 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-story-spark--03:before {
    background: url("../images/common/bg/story_realms.jpg") top center/contain no-repeat;
  }
}
.p-top-battle__sec_hdg,
.p-top-character__sec_hdg,
.p-top-news__sec_hdg,
.p-top-products_sec_hdg,
.p-top-related__sec_hdg,
.p-top-sns__sec_hdg,
.p-top-staff__sec_hdg,
.p-top-story__sec_hdg,
.p-dlc-detail__content__sec_hdg {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-battle__sec_hdg,
  .p-top-character__sec_hdg,
  .p-top-news__sec_hdg,
  .p-top-products_sec_hdg,
  .p-top-related__sec_hdg,
  .p-top-sns__sec_hdg,
  .p-top-staff__sec_hdg,
  .p-top-story__sec_hdg,
  .p-dlc-detail__content__sec_hdg {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec_hdg,
  .p-top-character__sec_hdg,
  .p-top-news__sec_hdg,
  .p-top-products_sec_hdg,
  .p-top-related__sec_hdg,
  .p-top-sns__sec_hdg,
  .p-top-staff__sec_hdg,
  .p-top-story__sec_hdg,
  .p-dlc-detail__content__sec_hdg {
    font-size: 6.4vw;
    line-height: 1.625;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle__sec_hdg:before,
  .p-top-character__sec_hdg:before,
  .p-top-news__sec_hdg:before,
  .p-top-products_sec_hdg:before,
  .p-top-related__sec_hdg:before,
  .p-top-sns__sec_hdg:before,
  .p-top-staff__sec_hdg:before,
  .p-top-story__sec_hdg:before,
  .p-dlc-detail__content__sec_hdg:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec_hdg:before,
  .p-top-character__sec_hdg:before,
  .p-top-news__sec_hdg:before,
  .p-top-products_sec_hdg:before,
  .p-top-related__sec_hdg:before,
  .p-top-sns__sec_hdg:before,
  .p-top-staff__sec_hdg:before,
  .p-top-story__sec_hdg:before,
  .p-dlc-detail__content__sec_hdg:before {
    width: 5.333333333333334vw;
    height: 2.245333333333333vw;
    margin-right: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle__sec_hdg:after,
  .p-top-character__sec_hdg:after,
  .p-top-news__sec_hdg:after,
  .p-top-products_sec_hdg:after,
  .p-top-related__sec_hdg:after,
  .p-top-sns__sec_hdg:after,
  .p-top-staff__sec_hdg:after,
  .p-top-story__sec_hdg:after,
  .p-dlc-detail__content__sec_hdg:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec_hdg:after,
  .p-top-character__sec_hdg:after,
  .p-top-news__sec_hdg:after,
  .p-top-products_sec_hdg:after,
  .p-top-related__sec_hdg:after,
  .p-top-sns__sec_hdg:after,
  .p-top-staff__sec_hdg:after,
  .p-top-story__sec_hdg:after,
  .p-dlc-detail__content__sec_hdg:after {
    width: 5.333333333333334vw;
    height: 2.245333333333333vw;
    margin-left: 2vw;
  }
}
.p-top-products_sec_subhdg,
.p-top-sns__sec_subhdg {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products_sec_subhdg,
  .p-top-sns__sec_subhdg {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products_sec_subhdg,
  .p-top-sns__sec_subhdg {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__inner,
  .p-top-news__inner,
  .p-top-products__inner,
  .p-top-related__inner,
  .p-top-sns__inner,
  .p-top-staff__inner,
  .p-top-story__inner {
    padding-top: 8.784773060029282vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__inner,
  .p-top-news__inner,
  .p-top-products__inner,
  .p-top-related__inner,
  .p-top-sns__inner,
  .p-top-staff__inner,
  .p-top-story__inner {
    padding-top: 23.466666666666665vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__title {
    -webkit-filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.7));
    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.7));
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__title {
    -webkit-filter: drop-shadow(4px 4px 16px rgba(0,0,0,0.4));
    filter: drop-shadow(4px 4px 16px rgba(0,0,0,0.4));
  }
}
.p-top-battle__container {
  position: relative;
  z-index: 1;
}
.p-top-battle__sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-top-battle__sec {
    height: 100vh;
    min-height: 56.22254758418741vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec {
    height: 100vw;
  }
}
[class*="p-top-battle__bg--"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-transition: 0.7s opacity ease;
  transition: 0.7s opacity ease;
}
[class*="p-top-battle__bg--"].js-active {
  opacity: 1;
}
.p-top-battle__bg {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-battle__bg--01 {
    background: url("../images/top/battle/bg_pc_01.jpg") center/cover;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec--1 {
    background: url("../images/top/battle/bg_sp_01.jpg") center/cover;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle__bg--02 {
    background: url("../images/top/battle/bg_pc_02.jpg") center/cover;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec--2 {
    background: url("../images/top/battle/bg_sp_02.jpg") center/cover;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle__bg--03 {
    background: url("../images/top/battle/bg_pc_03.jpg") center/cover;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__sec--3 {
    background: url("../images/top/battle/bg_sp_03.jpg") center/cover;
  }
}
.p-top-battle__block_hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-battle__block_hdg {
    font-size: 3.22108345534407vw;
    line-height: 1.454545454545455;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 4.026354319180088vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle__block_hdg {
    font-size: 5.066666666666666vw;
    line-height: 1.473684210526316;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 5.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    min-height: 56.22254758418741vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__block:nth-of-type(odd) .p-top-battle-feature__obj__trailer {
    margin-left: 1.537335285505125vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__block:nth-of-type(even) .p-top-battle-feature__obj {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__block:nth-of-type(even) .p-top-battle-feature__obj__trailer {
    margin-right: 1.537335285505125vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__content {
    width: 39.82430453879942vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__inner {
    padding-top: 13.733333333333334vw;
    padding-bottom: 18.53333333333333vw;
  }
}
.p-top-battle-feature__obj__pop {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__pop {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__pop {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-top-battle-feature__obj__hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__hdg {
    font-size: 3.513909224011713vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.512445095168375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__hdg {
    font-size: 9.066666666666666vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4.786666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__line {
    margin-top: 2.12298682284041vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__line {
    margin-top: 4.133333333333333vw;
  }
}
.p-top-battle-feature__obj__detail {
  position: relative;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__detail {
    font-size: 2.049780380673499vw;
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.683748169838946vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__detail {
    font-size: 4.8vw;
    line-height: 1.555555555555556;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4.133333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-feature__obj__trailer,
  .p-top-battle-pick__trailer {
    width: 50.51244509516838vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__trailer,
  .p-top-battle-pick__trailer {
    width: 89.46666666666667vw;
  }
}
.p-top-battle-feature__obj__trailer {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .p-top-battle-feature__obj__trailer {
    margin-top: 8.799999999999999vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top-battle-feature__obj__trailer video {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-battle-pick__inner {
    padding-top: 22.400000000000002vw;
  }
}
.p-top-battle-pick__trailer {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-battle-pick__trailer {
    margin-top: 4.216691068814056vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-pick__trailer {
    margin-top: 8.12vw;
  }
}
.p-top-battle-pick__trailer video {
  width: 100%;
  height: 100%;
}
.p-top-battle-pick__block__hdg {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-battle-pick__block__hdg {
    font-size: 3.513909224011713vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-pick__block__hdg {
    font-size: 8.533333333333333vw;
    line-height: 1.0625;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-battle-pick__line {
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-pick__line {
    margin-top: 4.106666666666666vw;
  }
}
.p-top-battle-pick__block__detail {
  position: relative;
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-battle-pick__block__detail {
    font-size: 2.049780380673499vw;
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.756954612005857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-battle-pick__block__detail {
    font-size: 4.8vw;
    line-height: 1.5;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4.106666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-character {
    padding-bottom: 40.666666666666664vw;
    overflow: hidden;
  }
}
.p-top-character__slider {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-top-character__slider .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider .swiper-slide {
    padding-top: 5.8199121522694vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider .swiper-slide {
    padding-top: 11.600000000000001vw;
  }
}
.p-top-character__slider_container {
  width: 100%;
  overflow: visible !important;
}
.p-top-character__slider_container .swiper-slide-active .p-top-character__slider_item__inner {
  opacity: 1;
}
.p-top-character__slider__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider__bg {
    width: 67.8623718887262vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider__bg {
    width: 144vw;
  }
}
.p-top-character__slider_item {
  color: #ffffff;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item {
    width: 40.11713030746706vw;
    height: 50.658857979502194vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item {
    width: 66vw;
    height: 85.33333333333334vw;
  }
}
.p-top-character__slider_item__bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.p-top-character__slider_item__bg::after {
  content: '';
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #000), to(transparent));
  background: -webkit-linear-gradient(bottom, #000 25%, transparent);
  background: linear-gradient(0deg, #000 25%, transparent);
}
.p-top-character__slider_item__frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  pointer-events: none;
}
.p-top-character__slider_item__char {
  font-size: 0;
  position: absolute;
  left: 50%;
  z-index: 8;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char {
    width: 48.31625183016106vw;
    -webkit-transform: translate(-35%);
    transform: translate(-35%);
    bottom: -3.5%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char {
    width: 76vw;
    -webkit-transform: translate(-35%);
    transform: translate(-35%);
    bottom: 4.5%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char.is-joshua {
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char.is-joshua {
    -webkit-transform: translate(-25%);
    transform: translate(-25%);
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char.is-jill {
    -webkit-transform: translate(-40%);
    transform: translate(-40%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char.is-jill {
    -webkit-transform: translate(-40%);
    transform: translate(-40%);
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char.is-torgal {
    -webkit-transform: translate(-46%);
    transform: translate(-46%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char.is-torgal {
    -webkit-transform: translate(-46%);
    transform: translate(-46%);
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char.is-cidolfus {
    -webkit-transform: translate(-43%);
    transform: translate(-43%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char.is-cidolfus {
    -webkit-transform: translate(-43%);
    transform: translate(-43%);
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__char.is-benedikta {
    -webkit-transform: translate(-28%);
    transform: translate(-28%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__char.is-benedikta {
    -webkit-transform: translate(-28%);
    transform: translate(-28%);
  }
}
.p-top-character__slider_item__gradient {
  width: 120%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 10;
  pointer-events: none;
}
.p-top-character__slider_item__inner {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  z-index: 10;
  -webkit-transition: 0.3s opacity ease;
  transition: 0.3s opacity ease;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__inner {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__inner {
    -webkit-transform: translate(-50%, 40%);
    transform: translate(-50%, 40%);
  }
}
.p-top-character__slider_item__phrase {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__phrase {
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__phrase {
    font-size: 2.8vw;
    line-height: 1.428571428571429;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__phrase .u-point1 {
    display: none;
  }
}
.p-top-character__slider_item__name_en {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__name_en {
    font-size: 2.281844802342606vw;
    line-height: 1.684210526315789;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__name_en {
    font-size: 4.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2vw;
  }
}
.p-top-character__slider_item__name_en:before {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__name_en:before {
    width: 1.756954612005857vw;
    height: 0.740117130307467vw;
    margin-right: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__name_en:before {
    width: 3.846666666666667vw;
    height: 1.62vw;
    margin-right: 1.466666666666667vw;
  }
}
.p-top-character__slider_item__name_en:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__name_en:after {
    width: 1.756954612005857vw;
    height: 0.740117130307467vw;
    margin-left: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__name_en:after {
    width: 3.846666666666667vw;
    height: 1.62vw;
    margin-left: 1.466666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_item__name_jp {
    font-size: 1.02489019033675vw;
    line-height: 2.214285714285714;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_item__name_jp {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.333333333333333vw;
  }
}
.p-top-character__slider_arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 20;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_arrow {
    width: 5.856515373352855vw;
    height: 5.856515373352855vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_arrow {
    width: 11.466666666666667vw;
    height: 11.466666666666667vw;
    cursor: pointer;
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_arrow--left {
    left: 21.75%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_arrow--left {
    left: 9.2%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_arrow--right {
    right: 21.75%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_arrow--right {
    right: 9.2%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_pagination {
    bottom: -2.928257686676428vw !important;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_pagination {
    bottom: -5.333333333333334vw !important;
  }
}
.p-top-character__slider_pagination .swiper-pagination-bullet {
  background: url("../images/top/character/pagination.svg");
  background-size: 100% 100%;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_pagination .swiper-pagination-bullet {
    width: 1.171303074670571vw;
    height: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_pagination .swiper-pagination-bullet {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
.p-top-character__slider_container .swiper-slide-prev {
  opacity: 0;
  -webkit-transition: 0.8s all ease 0.4s;
  transition: 0.8s all ease 0.4s;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_container .swiper-slide-prev {
    top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_container .swiper-slide-prev {
    top: 2.666666666666667vw;
  }
}
.p-top-character__slider_container .swiper-slide-active {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_container .swiper-slide-active {
    top: 1.464128843338214vw;
    -webkit-transition: 0.8s all ease 0.4s;
    transition: 0.8s all ease 0.4s;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_container .swiper-slide-active {
    top: 2.666666666666667vw;
    -webkit-transition: 0.8s all ease 0.4s;
    transition: 0.8s all ease 0.4s;
  }
}
.p-top-character__slider_container .swiper-slide-next {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-character__slider_container .swiper-slide-next {
    top: 1.464128843338214vw;
    -webkit-transition: 0.8s all ease 0.4s;
    transition: 0.8s all ease 0.4s;
  }
}
@media screen and (max-width: 768px) {
  .p-top-character__slider_container .swiper-slide-next {
    top: 2.666666666666667vw;
    -webkit-transition: 0.8s all ease 0.4s;
    transition: 0.8s all ease 0.4s;
  }
}
.p-top-character__slider.js-active .swiper-slide-next,
.p-top-character__slider.js-active .swiper-slide-active,
.p-top-character__slider.js-active .swiper-slide-prev {
  opacity: 1;
  top: 0;
}
.l-top-kv {
  position: relative;
}
.l-top-kv__bg {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 769px) {
  .l-top-kv__bg {
    width: 100vw;
    height: 95.02196193265007vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-kv__bg {
    width: 100vw;
    height: 144vw;
  }
}
.l-top-kv__bg:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: -webkit-linear-gradient(top, #000, transparent);
  background: linear-gradient(180deg, #000, transparent);
}
@media screen and (min-width: 769px) {
  .l-top-kv__bg:after {
    height: 19.25329428989751vw;
    bottom: -17.789165446559295vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-kv__bg:after {
    height: 26.666666666666668vw;
    bottom: -24vw;
  }
}
.p-top-kv__bg__left {
  position: absolute;
}
@media screen and (min-width: 769px) {
  .p-top-kv__bg__left {
    top: -4.005856515373353vw;
    left: -2.101024890190337vw;
    width: 41.29648609077599vw;
    height: 43.93411420204978vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__bg__left {
    top: 30.666666666666667vw;
    left: -5.666666666666667vw;
    width: 61.06666666666667vw;
    height: 57.73333333333333vw;
  }
}
.p-top-kv__bg__left__obj {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  background: url("../images/top/kv/kv_left.png") top left/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-kv__bg__left__obj {
    top: -51.317715959004396vw;
    left: -42.16691068814056vw;
    -webkit-transition: all 3s cubic-bezier(0.28, 0.51, 0.27, 0.99);
    transition: all 3s cubic-bezier(0.28, 0.51, 0.27, 0.99);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__bg__left__obj {
    top: -87.73333333333333vw;
    left: -61.06666666666667vw;
    -webkit-transition: all 2.5s cubic-bezier(0.28, 0.51, 0.27, 0.99);
    transition: all 2.5s cubic-bezier(0.28, 0.51, 0.27, 0.99);
  }
}
.p-top-kv__bg__left__obj.js-active {
  top: 0;
  left: 0;
}
.p-top-kv__bg__right {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px) {
  .p-top-kv__bg__right {
    top: 17.1303074670571vw;
    width: 25.329428989751097vw;
    height: 59.84626647144948vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__bg__right {
    top: 33.2vw;
    width: 37.86666666666667vw;
    height: 108.13333333333333vw;
  }
}
.p-top-kv__bg__right__obj {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  background: url("../images/top/kv/kv_right.png") top right/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-kv__bg__right__obj {
    top: 77.30600292825768vw;
    right: -27.26939970717423vw;
    -webkit-transition: all 3s cubic-bezier(0.28, 0.51, 0.27, 0.99);
    transition: all 3s cubic-bezier(0.28, 0.51, 0.27, 0.99);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__bg__right__obj {
    top: 108.13333333333333vw;
    right: -37.86666666666667vw;
    -webkit-transition: all 2.5s cubic-bezier(0.28, 0.51, 0.27, 0.99);
    transition: all 2.5s cubic-bezier(0.28, 0.51, 0.27, 0.99);
  }
}
.p-top-kv__bg__right__obj.js-active {
  top: 0;
  right: 0;
}
.p-top-kv__container {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-kv__container {
    height: 75.10980966325037vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__container {
    height: 100vh;
  }
}
.p-top-kv__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-kv__inner {
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    min-height: 43.92386530014642vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__inner {
    height: 100%;
    width: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.p-top-kv__block {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-kv__block {
    bottom: 0;
  }
}
.p-top-kv__object__hdg {
  width: 100%;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .p-top-kv__object__hdg {
    position: absolute;
    bottom: -16.105417276720353vw;
  }
}
.p-top-kv__object__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
@media screen and (max-width: 768px) {
  .p-top-kv__object__ttl {
    margin-bottom: 2.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__title {
    width: 45.387994143484626vw;
    height: 9.946559297218155vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__title {
    width: 89.33333333333333vw;
    height: 21.208vw;
  }
}
.p-top-kv__hdg__container {
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.p-top-kv__hdg {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-kv__hdg {
    width: 52.41581259150805vw;
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__hdg {
    width: 92.66666666666666vw;
    font-size: 3.733333333333334vw;
    line-height: 0.857142857142857;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-bottom: 1.333333333333333vw;
  }
}
.p-top-kv__object__hdg__wrap {
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
@media screen and (min-width: 769px) {
  .p-top-kv__object__hdg__wrap {
    margin-top: 0.292825768667643vw;
  }
}
.p-top-kv__info_title {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-kv__info_title {
    width: 32.11346998535871vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__info_title {
    width: 58.489333333333335vw;
  }
}
.p-top-kv__btn {
  margin-left: auto;
  margin-right: auto;
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .p-top-kv__btn {
    width: 19.32650073206442vw;
    height: 3.660322108345535vw;
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__btn {
    width: 42.93333333333334vw;
    height: 13.333333333333334vw;
    margin-top: 5.053333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__btn .c-btn__txt {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    padding-bottom: 3px;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__btn .c-btn__txt {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-top-kv__linkbtn {
  cursor: pointer;
  opacity: 0;
  display: block;
  pointer-events: auto;
}
@media screen and (min-width: 769px) {
  .p-top-kv__linkbtn {
    width: 12.664714494875549vw;
    height: 12.664714494875549vw;
    right: 3.440702781844803vw;
    bottom: 3.440702781844803vw;
    position: absolute;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__linkbtn {
    width: 89.33333333333333vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12vw;
  }
}
.p-top-kv__awards {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-kv__awards {
    top: 8.199121522693996vw;
    right: 3.879941434846267vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__awards {
    top: 16vw;
    right: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__awards .badge.is-ppa2023_ga {
    width: 6.588579795021962vw;
    height: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__awards .badge.is-ppa2023_ga {
    width: 13.333333333333334vw;
    height: 12vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__awards .badge.is-ppa2023_uca {
    width: 6.588579795021962vw;
    height: 5.27086383601757vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__awards .badge.is-ppa2023_uca {
    width: 13.333333333333334vw;
    height: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__awards .badge.is-gja {
    width: 5.563689604685212vw;
    height: 5.563689604685212vw;
    margin-left: 0.512445095168375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__awards .badge.is-gja {
    width: 11.466666666666667vw;
    height: 11.466666666666667vw;
    margin-left: 0.933333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-kv__awards .badge +.badge {
    margin-top: 1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-kv__awards .badge +.badge {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__obj:not(.swiper-slide) {
    padding-left: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__obj:not(.swiper-slide) {
    padding-left: 3.466666666666666vw;
  }
}
.p-top-news__obj__container {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-top-news__obj__container {
    width: 19.03367496339678vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__obj__container {
    width: 42.93333333333334vw;
  }
}
.p-top-news__list__container {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-news__list__container {
    padding-top: 1.537335285505125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__container {
    padding-top: 2.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__list__inner {
    width: 81.69838945827233vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__inner {
    width: 100%;
  }
}
.p-top-news__list__box {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-top-news__list__box {
    left: 5.733333333333333vw;
  }
}
.p-top-news__list__box:not(.swiper-wrapper) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-top-news__label {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-news__label {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.317715959004393vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__label {
    font-size: 2.933333333333333vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 3.6vw;
  }
}
.p-top-news__label:before {
  content: '';
  display: block;
  background: url("../images/top/news/arrow.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-news__label:before {
    width: 2.080527086383602vw;
    height: 1.318448023426062vw;
    margin-right: 0.556368960468521vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__label:before {
    width: 4.8vw;
    height: 3.042666666666667vw;
    margin-right: 1.333333333333333vw;
  }
}
.p-top-news__text {
  text-decoration: none;
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .p-top-news__text {
    font-size: 1.171303074670571vw;
    line-height: 1.5;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.951683748169839vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__text {
    font-size: 2.933333333333333vw;
    line-height: 1.727272727272727;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2vw;
  }
}
.p-top-news__from {
  text-decoration: none;
  color: #c8c8c8;
}
@media screen and (min-width: 769px) {
  .p-top-news__from {
    font-size: 1.171303074670571vw;
    line-height: 1.3125;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__from {
    font-size: 2.933333333333333vw;
    line-height: 1.727272727272727;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-top-news__line {
  min-height: 1px;
  background: rgba(177,162,132,0.5);
}
@media screen and (min-width: 769px) {
  .p-top-news__line {
    width: 3.733528550512445vw;
    height: 0.073206442166911vw;
    margin-top: 1.09809663250366vw;
    margin-bottom: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__line {
    width: 8.133333333333333vw;
    height: 0.133333333333333vw;
    margin-top: 2.666666666666667vw;
    margin-bottom: 2.133333333333333vw;
  }
}
.p-top-news__date {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-news__date {
    font-size: 1.171303074670571vw;
    line-height: 1.3125;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__date {
    font-size: 2.666666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
[class*="p-top-news__list__arrow--"] {
  cursor: pointer;
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  [class*="p-top-news__list__arrow--"] {
    top: 4.172767203513909vw;
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-top-news__list__arrow--"] {
    top: 9.066666666666666vw;
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-news__list__arrow--prev {
    left: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__arrow--prev {
    left: -2.666666666666667vw;
  }
}
.p-top-news__list__arrow--prev:not(.swiper-button-prev) {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-top-news__list__arrow--next {
    right: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__arrow--next {
    right: -2.666666666666667vw;
  }
}
.p-top-news__list__arrow--next:not(.swiper-button-next) {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-top-news__list__pagination {
    min-height: 1.317715959004393vw;
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__pagination {
    min-height: 3.466666666666666vw;
    margin-top: 3.333333333333333vw;
  }
}
.p-top-news__list__pagination.swiper-pagination {
  position: relative;
  bottom: 0 !important;
}
.p-top-news__list__pagination:not(.swiper-pagination) {
  display: none;
}
.p-top-news__list__pagination .swiper-pagination-bullet {
  background: url("../images/top/character/pagination.svg");
  background-size: 100% 100%;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .p-top-news__list__pagination .swiper-pagination-bullet {
    width: 1.171303074670571vw;
    height: 1.171303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-news__list__pagination .swiper-pagination-bullet {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
.p-top-products-modal__container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  margin: 0 auto;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__container {
    padding: 5.417276720351391vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__container {
    padding: 24vw 0;
  }
}
.p-top-products-modal__container:not(.is-show) {
  pointer-events: none;
  opacity: 0;
}
.p-top-products-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.p-top-products-modal__content {
  background-color: rgba(0,0,0,0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  border-radius: 6px;
  position: relative;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__content {
    width: 92.09370424597365vw;
    padding: 8.784773060029282vw 5.197657393850659vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__content {
    width: 100%;
    padding: 12.533333333333333vw 1.066666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__content__close {
    right: 2.196193265007321vw;
    top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__content__close {
    right: 2.666666666666667vw;
    top: 1.333333333333333vw;
  }
}
.p-top-products-modal__content__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__content__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__content__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__content__container__img--pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__content__container__img--pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-modal__content__container__img--sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-modal__content__container__img--sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__container {
    padding-top: 14.133333333333335vw;
  }
}
.p-top-products-platform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-platform {
    margin-top: 4.392386530014641vw;
    gap: 1.537335285505125vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-platform {
    margin-top: 8vw;
    gap: 2.8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-platform .platform-logo.roll-ps5 {
    width: 7.027818448023426vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-platform .platform-logo.roll-ps5 {
    width: 17.654666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-platform .platform-logo.roll-steam {
    width: 7.027818448023426vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-platform .platform-logo.roll-steam {
    width: 17.654666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-platform .platform-logo.roll-epic {
    width: 6.076134699853587vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-platform .platform-logo.roll-epic {
    width: 15.264vw;
  }
}
.p-top-products__block {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-products__block {
    text-align: center;
    width: 92.02049780380673vw;
    padding-top: 5.124450951683748vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block +.p-top-products__block {
    padding-top: 4.392386530014641vw;
  }
}
.p-top-products__inner {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products_sec_subhdg {
    padding-top: 1.464128843338214vw;
  }
}
.p-top-products__block__hdg {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-products__block__hdg {
    margin-top: 2.196193265007321vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__hdg {
    margin-top: 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__hdg:before {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__hdg:before {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-right: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__hdg:after {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-left: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__hdg:after {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-left: 2vw;
  }
}
.p-top-products__block__ttl {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-products__block__ttl {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__ttl {
    font-size: 3.733333333333334vw;
    line-height: 0.785714285714286;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__list {
    margin-top: 2.415812591508053vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__list {
    left: -0.266666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__list:not(.is-pc-2col) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__list.is-pc-2col {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__list.is-pc-2col .p-top-products__block__obj +.p-top-products__block__obj {
    margin-left: 0vw;
  }
}
.p-top-products__block__obj {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
}
@media screen and (max-width: 768px) {
  .p-top-products__block__obj.swiper-slide {
    height: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products__block__obj +.p-top-products__block__obj {
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card {
    width: 29.64860907759883vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card {
    width: 66.13333333333333vw;
  }
}
.p-top-products-card .c-frame__inner {
  height: 100%;
}
.p-top-products-card__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: space-between;
  -webkit-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__inner.is-type02 {
    padding-bottom: 2.284040995607613vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__inner.is-type02 {
    padding-bottom: 5.866666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__thumbnail {
    padding: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__thumbnail {
    padding: 0.133333333333333vw;
  }
}
.p-top-products-card__bottom {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__bottom:not(.is-type02) {
    padding-top: 2.928257686676428vw;
    height: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__bottom:not(.is-type02) {
    padding-top: 5.333333333333334vw;
    height: 14.933333333333335vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__bottom.is-type02 {
    height: 6.661786237188873vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__bottom.is-type02 {
    height: 15.6vw;
  }
}
.p-top-products-card__btn {
  margin-top: 0;
  margin-left: auto;
  margin-bottom: 0;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__btn {
    width: 11.859443631039532vw;
    height: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__btn {
    width: 34.8vw;
    height: 9.333333333333334vw;
  }
}
.p-top-products-card__content__sub,
.p-top-products-card__content__hdg .u-text01 {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__sub,
  .p-top-products-card__content__hdg .u-text01 {
    font-size: 1.171303074670571vw;
    line-height: 1.125;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.951683748169839vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__sub,
  .p-top-products-card__content__hdg .u-text01 {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
.p-top-products-card__content__sub +.p-top-products-card__content__hdg:not(.is-type02),
.p-top-products-card__content__hdg .u-text01 +.p-top-products-card__content__hdg:not(.is-type02) {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__hdg {
    margin-top: 1.976573938506589vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__hdg {
    margin-top: 6.666666666666667vw;
  }
}
.p-top-products-card__content__hdg .u-text01 {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__hdg .u-text01 {
    padding-bottom: 1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__hdg .u-point01 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__hdg .u-point02 {
    display: none;
  }
}
.p-top-products-card__content__hdg {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__hdg:not(.is-type02) {
    font-size: 1.610541727672035vw;
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__hdg:not(.is-type02) {
    font-size: 4.266666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__hdg.is-type02 {
    font-size: 1.317715959004393vw;
    line-height: 1.555555555555556;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.366032210834553vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__hdg.is-type02 {
    font-size: 4.266666666666667vw;
    line-height: 1.3;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.666666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__hdg .u-point01 {
    display: none;
  }
}
.p-top-products-card__content__price {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 1.333333333333333vw;
  }
}
.p-top-products-card__content__price .u-price {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price .u-price {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price .u-price {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-right: -2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price.is-type02 {
    margin-top: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price.is-type02 {
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price.is-type02 .u-price_block {
    display: block;
    margin-top: 1.066666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price +.p-top-products-card__content__price {
    margin-top: 0.585651537335286vw;
  }
}
.p-top-products-card__content__price .p-top-products-card__content__price-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box {
    width: 21.2298682284041vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box {
    margin-left: 2.666666666666667vw;
    margin-right: 2.666666666666667vw;
  }
}
.p-top-products-card__content__price .p-top-products-card__content__price-box .u-price {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box .u-price {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box .u-price {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-right: -2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box.is-type02 {
    margin-top: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box.is-type02 {
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__price .p-top-products-card__content__price-box.is-type02 .u-price_block {
    display: block;
    margin-top: 1.066666666666667vw;
  }
}
.p-top-products-card__content {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list__block.is-pc-2col .p-top-products-card__content__detaile:nth-of-type(1) {
    width: 14.641288433382138vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0.732064421669107vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list__block +.p-top-products-card__content__detaile__list__block {
    margin-top: 1.464128843338214vw;
  }
}
.p-top-products-card__content__detaile__list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list {
    max-width: 23.133235724743777vw;
    margin-top: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__detaile__list {
    max-width: 52.53333333333333vw;
    margin-top: 3.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list >.p-top-products-card__content__detaile +.p-top-products-card__content__detaile {
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list.is-pkg_item01 {
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile__list.is-pkg_item01 >.p-top-products-card__content__detaile +.p-top-products-card__content__detaile {
    margin-top: 0.366032210834553vw;
  }
}
.p-top-products-card__content__detaile {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile {
    font-size: 0.951683748169839vw;
    line-height: 1.384615384615385;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.2em;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__detaile {
    font-size: 2.933333333333333vw;
    line-height: 1.636363636363636;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__detaile .u-point01 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile .u-point02 {
    display: none;
  }
}
.p-top-products-card__content__detaile:before {
  position: absolute;
  left: 0;
  content: '';
  display: block;
  background: url("../images/common/symbol/text/marker_obj.svg") center/contain no-repeat;
}
@media screen and (min-width: 769px) {
  .p-top-products-card__content__detaile:before {
    width: 0.878477306002928vw;
    height: 0.878477306002928vw;
    top: 0.292825768667643vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__content__detaile:before {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
    top: 0.8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-card__btn .c-btn__txt {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-card__btn .c-btn__txt {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
[class*="p-top-products__list__arrow--"] {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  [class*="p-top-products__list__arrow--"] {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__list__arrow--prev {
    left: 9.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__list__arrow--next {
    right: 9.333333333333334vw;
  }
}
.p-top-products__list__pagination {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-products__list__pagination {
    min-height: 3.466666666666666vw;
    margin-top: 6vw;
  }
}
.p-top-products__list__pagination .swiper-pagination {
  bottom: 0 !important;
}
.p-top-products__list__pagination .swiper-pagination-bullet {
  background: url("../images/top/character/pagination.svg");
  background-size: 100% 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-top-products__list__pagination .swiper-pagination-bullet {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__sep__hdg {
    width: 89.33333333333333vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products__block__sep__hdg +.p-top-products__block__list {
    margin-top: 6vw;
  }
}
.p-top-products-spec_button {
  color: #ffffff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-products-spec_button {
    margin-top: 2.196193265007321vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    cursor: pointer;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-spec_button {
    margin-top: 4vw;
    font-size: 3.733333333333334vw;
    line-height: 0.928571428571429;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-spec_button:before {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-spec_button:before {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-right: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-products-spec_button:after {
    width: 0.940702781844802vw;
    height: 0.93484626647145vw;
    margin-left: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-products-spec_button:after {
    width: 3.2vw;
    height: 3.178666666666667vw;
    margin-left: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-products-pkg__content__container__right__special__sound {
    margin-top: 1.390922401171303vw;
    margin-left: 2.635431918008785vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__right__special__sound {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__right__special__sound .p-sound_btn {
    width: 100%;
    padding-top: 1.533333333333333vw;
    padding-bottom: 1.533333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-products-pkg__content__container__right__special__sound .c-sound_play_btn--play {
    margin-left: 5.866666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-related {
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .p-top-related__sec_inner {
    padding-top: 3.42606149341142vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-related__sec_inner {
    padding-top: 6vw;
  }
}
.p-top-related__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-top-related__block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-top-related__block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .p-top-related__block {
    width: 89.33333333333333vw;
  }
}
.p-top-related__box {
  display: block;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (min-width: 769px) {
  .p-top-related__box {
    width: 19.32650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-related__box {
    width: 42.93333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-related__box +.p-top-related__box {
    margin-left: 1.610541727672035vw;
  }
}
.p-top-related__box .c-hover-img__frame {
  overflow: hidden;
}
.p-top-related__box .c-hover-img__thumbnail {
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media screen and (min-width: 769px) {
  .p-top-related__box:hover:not(.is-disable) .c-hover-img__thumbnail {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
}
@media screen and (max-width: 768px) {
  .p-top-related__box:nth-of-type(n+3) {
    margin-top: 3.466666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-sns__sec_subhdg {
    padding-top: 0.732064421669107vw;
  }
}
.p-top-sns__link__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-top-sns__link__box {
    margin-top: 2.562225475841874vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__link__box {
    margin-top: 8.12vw;
  }
}
.p-top-sns__link__box.js-active .p-top-sns__link__obj {
  opacity: 1;
}
.p-top-sns__link__obj {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-top-sns__link__obj {
    width: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__link__obj {
    width: 18.855999999999998vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-sns__link__obj +.p-top-sns__link__obj {
    margin-left: 6.661786237188873vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__link__obj +.p-top-sns__link__obj {
    margin-left: 4.666666666666667vw;
  }
}
.p-top-sns__btn {
  width: 100%;
}
.p-top-sns__btn .p-top-sns__btn__frame [class*="c-svg__parts--"] {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 0.4;
}
.p-top-sns__btn .p-top-sns__btn__frame .c-svg__parts--01 {
  stroke: #ffffff;
}
.p-top-sns__btn .p-top-sns__btn__frame .c-svg__parts--02 {
  fill: #ffffff;
}
.p-top-sns__btn:hover [class*="c-svg__parts--"] {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  opacity: 1;
}
.p-top-sns__btn:hover .p-top-sns__btn__frame .c-svg__parts--01 {
  stroke: #ffffff;
}
.p-top-sns__btn:hover .p-top-sns__btn__frame .c-svg__parts--02 {
  fill: #ffffff;
}
.p-top-sns__btn__txt {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .p-top-sns__btn__txt {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__btn__txt {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.317715959004393vw;
  }
}
.p-top-sns__btn__block {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-top-sns__btn__block {
    height: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__btn__block {
    height: 18.855999999999998vw;
  }
}
.p-top-sns__btn__frame {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top-sns__btn__frame svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-top-sns__btn__ico {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  fill: #c8c8c8;
  stroke: none;
}
@media screen and (min-width: 769px) {
  .p-top-sns__btn__ico.is-tw {
    width: 2.129575402635432vw;
    height: 1.729136163982431vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__btn__ico.is-tw {
    width: 7.216vw;
    height: 5.861333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-sns__btn__ico.is-fb {
    width: 2.149341142020498vw;
    height: 2.136163982430454vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__btn__ico.is-fb {
    width: 6.933333333333333vw;
    height: 6.891999999999999vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-sns__btn__ico.is-ig {
    width: 2.085651537335286vw;
    height: 2.085651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-sns__btn__ico.is-ig {
    width: 7.013333333333334vw;
    height: 7.012vw;
  }
}
.p-top-staff__container {
  overflow: hidden;
}
.p-top-staff__list {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-staff__list {
    width: 92.09370424597365vw;
    margin-top: 2.855051244509517vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list {
    width: 89.46666666666667vw;
    margin-top: 6.373333333333334vw;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
.p-top-staff__list:before {
  content: '';
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:before {
    position: absolute;
    top: 2.049780380673499vw;
    bottom: 2.049780380673499vw;
    left: 1.464128843338214vw;
    margin: auto 0;
    display: block;
    min-width: 1px;
    width: 0.073206442166911vw;
    background: #ffffff;
    -webkit-transition: 2s bottom ease-in-out 0.2s;
    transition: 2s bottom ease-in-out 0.2s;
  }
}
.p-top-staff__list:after {
  content: '';
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:after {
    position: absolute;
    top: 2.049780380673499vw;
    bottom: 2.049780380673499vw;
    right: 1.464128843338214vw;
    margin: auto 0;
    display: block;
    min-width: 1px;
    width: 0.073206442166911vw;
    background: #ffffff;
    -webkit-transition: 2s bottom ease-in-out 0.2s;
    transition: 2s bottom ease-in-out 0.2s;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list .c-separation__line {
    -webkit-transition: 0.7s width cubic-bezier(0.17, 0.21, 0.29, 1);
    transition: 0.7s width cubic-bezier(0.17, 0.21, 0.29, 1);
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:not(.js-active) .c-separation__line {
    width: 0%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:not(.js-active):after {
    bottom: 100vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:not(.js-active):before {
    bottom: 100vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list:not(.js-active) .p-top-staff__list__frame {
    opacity: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list.js-active .p-top-staff__list__frame {
    opacity: 1;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list.js-active .c-separation__line {
    width: 100%;
  }
}
.p-top-staff__list.js-active .p-top-staff__obj__title,
.p-top-staff__list.js-active .p-top-staff__obj__txt,
.p-top-staff__list.js-active .p-top-staff__obj__pos {
  top: 0;
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-top-staff__list__frame {
    margin: 0 auto;
    -webkit-transition: 1s opacity ease-in-out;
    transition: 1s opacity ease-in-out;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__frame {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__list__block {
    width: 81.69838945827233vw;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__block {
    border-top: 0.133333333333333vw solid #ffffff;
    border-bottom: 0.133333333333333vw solid #ffffff;
  }
}
.p-top-staff__list__block--hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 769px) {
  .p-top-staff__list__block--hdg {
    border-bottom: 0.073206442166911vw solid #ffffff;
    padding-top: 1.02489019033675vw;
    padding-bottom: 1.756954612005857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__block--hdg {
    border-bottom: 0.133333333333333vw solid #ffffff;
    padding-top: 3.333333333333333vw;
    padding-bottom: 3.333333333333333vw;
  }
}
.p-top-staff__list__hdg {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-staff__list__hdg {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 25.988286969253295vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__hdg {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__hdg:nth-of-type(1) {
    width: 28.4vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__hdg:nth-of-type(2) {
    width: 29.599999999999998vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__list__hdg:nth-of-type(3) {
    width: 36vw;
  }
}
.p-top-staff__obj__title,
.p-top-staff__obj__txt,
.p-top-staff__obj__pos {
  position: relative;
  -webkit-transition: 1s all ease-in-out 0.5s;
  transition: 1s all ease-in-out 0.5s;
  top: 1em;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__txt {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__txt {
    display: inline-block;
  }
}
.p-top-staff__obj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj +.p-top-staff__obj {
    border-top: 0.073206442166911vw solid #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj +.p-top-staff__obj {
    border-top: 0.133333333333333vw solid #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__pos {
    width: 25.988286969253295vw;
    padding-top: 2.196193265007321vw;
    padding-bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__pos {
    width: 28.4vw;
  }
}
.p-top-staff__obj__pos .p-top-staff__obj__txt {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__pos .p-top-staff__obj__txt {
    font-size: 1.02489019033675vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__pos .p-top-staff__obj__txt {
    width: 200%;
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__name {
    width: 25.988286969253295vw;
    padding-top: 2.196193265007321vw;
    padding-bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__name {
    width: 29.599999999999998vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}
.p-top-staff__obj__name__jp .p-top-staff__obj__txt {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__name__jp .p-top-staff__obj__txt {
    font-size: 1.756954612005857vw;
    line-height: 1.25;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__name__jp .p-top-staff__obj__txt {
    font-size: 3.2vw;
    line-height: 1.25;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__name__en {
    padding-top: 0.732064421669107vw;
  }
}
.p-top-staff__obj__name__en .p-top-staff__obj__txt {
  font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__name__en .p-top-staff__obj__txt {
    font-size: 0.878477306002928vw;
    line-height: 1.166666666666667;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__name__en .p-top-staff__obj__txt {
    width: 200%;
    font-size: 3.2vw;
    line-height: 1.166666666666667;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__title {
    padding-top: 2.196193265007321vw;
    padding-bottom: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__title {
    width: 36vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-staff__obj__title .p-top-staff__obj__txt {
    font-size: 0.951683748169839vw;
    line-height: 1.538461538461539;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-staff__obj__title .p-top-staff__obj__txt {
    width: 200%;
    font-size: 3.466666666666666vw;
    line-height: 1.538461538461539;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.p-top-story__container {
  position: relative;
  height: 100vh;
}
.p-top-story__sec_hdg {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-story__inner {
    padding-top: 19vh;
  }
}
.p-top-story__bg__movie {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .p-top-story__bg__movie {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-top-story__bg__movie video {
    position: relative;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-top-story__bg__movie__grad {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-top-story__bg__movie__grad {
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .p-top-story__bg__movie__grad::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 20vw;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(#000), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), #000, rgba(0,0,0,0));
    background: linear-gradient(0deg, rgba(0,0,0,0), #000, rgba(0,0,0,0));
  }
}
.p-top-story__bg__movie__grad--top::before {
  bottom: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.p-top-story__bg__movie__grad--bot::before {
  top: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media screen and (min-width: 769px) {
  .p-top-story__bg__movie--2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 20%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.8), rgba(0,0,0,0));
    background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.8), rgba(0,0,0,0));
  }
  .p-top-story__bg__movie--2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    height: 20%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.8), rgba(0,0,0,0));
    background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.8), rgba(0,0,0,0));
  }
}
.p-top-story__txt {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.p-top-story__txt__para {
  color: #ffffff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
}
@media screen and (min-width: 769px) {
  .p-top-story__txt__para {
    font-size: 2.342606149341142vw;
    line-height: 1.875;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-top-story__txt__para {
    font-size: 4.266666666666667vw;
    line-height: 1.875;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  #bgVideo1pc,
  #bgVideo2pc {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  #bgVideo1pc,
  #bgVideo2pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  #bgVideo1sp,
  #bgVideo2sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #bgVideo1sp,
  #bgVideo2sp {
    display: block;
  }
}
.p-top-trailer__object {
  margin: auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-top-trailer__object {
    width: 81.69838945827233vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-trailer__object {
    width: 89.33333333333333vw;
  }
}
.p-top-trailer__object .c-hover-img__frame {
  overflow: hidden;
}
.p-top-trailer__object .c-hover-img__thumbnail {
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.p-top-trailer__object .c-btn-frame {
  -webkit-transition: 0.7s all ease;
  transition: 0.7s all ease;
}
.p-top-trailer__object:hover .c-hover-img__thumbnail {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
@media screen and (max-width: 768px) {
  .p-top-trailer__inner {
    padding-top: 12vw;
  }
}
.l-top__wrap {
  position: relative;
  z-index: 1;
}
.l-transition-bg {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  opacity: 1;
  background: #000;
}
@media screen and (min-width: 769px) {
  .l-transition-bg {
    -webkit-transition: opacity 4.2s ease;
    transition: opacity 4.2s ease;
  }
}
@media screen and (max-width: 768px) {
  .l-transition-bg {
    -webkit-transition: opacity 2.5s ease;
    transition: opacity 2.5s ease;
  }
}
.l-transition-bg.js-active {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .l-page-top .l-footer {
    padding-top: 6.36896046852123vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-top .l-footer {
    padding-top: 12.959999999999999vw;
  }
}
.l-page-top .l-transition-bg {
  z-index: 9999;
}
.p-top-bg {
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.l-top__area {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-top__area {
    background: url("../images/common/bg/bg.jpg") center/contain;
  }
}
.l-top__area:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}
.l-top__area:after {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
}
.l-page-top__container {
  display: block;
  position: relative;
  overflow: hidden;
}
.l-page-top__container:before {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 7s -webkit-transform ease;
  transition: 7s -webkit-transform ease;
  transition: 7s transform ease;
  transition: 7s transform ease, 7s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  display: block;
}
@media screen and (min-width: 769px) {
  .l-page-top__container:before {
    background: url("../images/top/kv/kv_pc.jpg") top center/contain no-repeat;
    width: 100vw;
    height: 95.02196193265007vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-top__container:before {
    background: url("../images/top/kv/kv_sp.jpg") top center/contain no-repeat;
    width: 100vw;
    height: 144vw;
  }
}
.l-page-top__container.js-active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.l-page-top__container:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: none;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,0.825)), color-stop(47%, #000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.825) 25%, #000 47%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .l-page-top__container:after {
    height: 21.37628111273792vw;
    top: 78.33089311859443vw;
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .l-page-top__container:after {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .l-top-onsale {
    padding-top: 10.131771595900439vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-onsale {
    padding-top: 15.093333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .l-top-reserve {
    padding-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .l-top-reserve {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-top-common--01 {
    bottom: 15.373352855051245vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__link .c-btn--color:after,
  .p-dlc-expass-link .c-btn--color:after {
    width: 2.542459736456808vw;
    height: 1.611273792093704vw;
    right: 1.046852122986823vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__link .c-btn--color:after,
  .p-dlc-expass-link .c-btn--color:after {
    width: 4.630666666666666vw;
    height: 2.934666666666667vw;
    right: 1.906666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__link,
  .p-dlc-expass-link {
    width: 29.282576866764277vw;
    height: 5.417276720351391vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__link,
  .p-dlc-expass-link {
    width: 66.13333333333333vw;
    height: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__link .c-btn__txt,
  .p-dlc-expass-link .c-btn__txt {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__link .c-btn__txt,
  .p-dlc-expass-link .c-btn__txt {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-about-hdg__object,
.p-dlc-second-mv__object {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-hdg__object,
  .p-dlc-second-mv__object {
    width: 92.09370424597365vw;
    height: 39.23865300146413vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-hdg__object,
  .p-dlc-second-mv__object {
    width: 89.33333333333333vw;
    height: 89.33333333333333vw;
  }
}
.p-dlc-about-hdg,
.p-dlc-second-mv_title {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.p-dlc-about-hdg:not(.js-active),
.p-dlc-second-mv_title:not(.js-active) {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
}
.p-dlc-about-expass__price,
.p-dlc-expass-price,
.p-dlc-second-detail__praice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.p-dlc-about-trailer__inner {
  position: relative;
  -webkit-transition: 1s opacity ease, 1s top ease;
  transition: 1s opacity ease, 1s top ease;
}
.p-dlc-about-trailer__inner:not(.js-active):before {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-trailer__inner:not(.js-active):before {
    top: -0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-trailer__inner:not(.js-active):before {
    top: -1.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-trailer__inner {
    padding-top: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-trailer__inner {
    padding-top: 8vw;
  }
}
.p-dlc-about-trailer-object__inner {
  margin: auto;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-trailer-object__inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-trailer-object__inner {
    width: 89.33333333333333vw;
  }
}
.p-dlc-about-trailer-object__inner .c-hover-img__frame {
  overflow: hidden;
}
.p-dlc-about-trailer-object__inner .c-hover-img__thumbnail {
  -webkit-transition: 0.5s -webkit-transform ease;
  transition: 0.5s -webkit-transform ease;
  transition: 0.5s transform ease;
  transition: 0.5s transform ease, 0.5s -webkit-transform ease;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.p-dlc-about-trailer-object__inner .c-btn-frame {
  -webkit-transition: 0.7s all ease;
  transition: 0.7s all ease;
}
.p-dlc-about-trailer-object__inner:hover .c-hover-img__thumbnail {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
[class*="p-dlc-about-trailer__arrow--"] {
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (min-width: 769px) {
  [class*="p-dlc-about-trailer__arrow--"] {
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-dlc-about-trailer__arrow--"] {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-trailer__arrow--prev {
    left: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-trailer__arrow--prev {
    left: 0;
  }
}
.p-dlc-about-trailer__arrow--prev:not(.swiper-button-prev) {
  display: none;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-trailer__arrow--next {
    right: 1.02489019033675vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-trailer__arrow--next {
    right: 0;
  }
}
.p-dlc-about-trailer__arrow--next:not(.swiper-button-next) {
  display: none;
}
.p-dlc-about-expass__container {
  position: relative;
  z-index: -1;
}
.p-dlc-about-expass__container:not(.js-active):before {
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__container:not(.js-active):before {
    -webkit-transform: translateY(0.732064421669107vw);
    transform: translateY(0.732064421669107vw);
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__container:not(.js-active):before {
    -webkit-transform: translateY(1.333333333333333vw);
    transform: translateY(1.333333333333333vw);
  }
}
.p-dlc-about-expass__container:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  -webkit-transition: 1s opacity ease 0.3s, 1s -webkit-transform ease 0.3s;
  transition: 1s opacity ease 0.3s, 1s -webkit-transform ease 0.3s;
  transition: 1s opacity ease 0.3s, 1s transform ease 0.3s;
  transition: 1s opacity ease 0.3s, 1s transform ease 0.3s, 1s -webkit-transform ease 0.3s;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__container:before {
    top: -10.980966325036604vw;
    bottom: -20.424597364568083vw;
    background: url("../images/dlc/bg_expass_t01_pc.jpg") center/auto 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__container:before {
    top: -29.46666666666667vw;
    bottom: -29.333333333333332vw;
    background: url("../images/dlc/bg_expass_t01_sp.jpg") center/auto 100%;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__inner {
    padding-top: 10.248901903367496vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__inner {
    padding-top: 17.333333333333336vw;
  }
}
.p-dlc-about-expass__hdg {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__hdg {
    width: 19.32650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__hdg {
    width: 42.8vw;
  }
}
.p-dlc-about-expass__detail {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__detail {
    padding-top: 1.756954612005857vw;
    font-size: 2.489019033674964vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__detail {
    padding-top: 4vw;
    font-size: 4.533333333333333vw;
    line-height: 1.647058823529412;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-about-expass__link {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__link {
    padding-top: 2.489019033674964vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__link {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__price {
    padding-top: 0.732064421669107vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__price {
    padding-top: 2.133333333333333vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-about-expass__price span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-expass__price span {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-expass__price span {
    font-size: 4.933333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.866666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-hdg__inner {
    padding-top: 9.66325036603221vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-hdg__inner {
    padding-top: 16.53333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-hdg {
    width: 50.51244509516838vw;
    height: 22.16910688140556vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-hdg {
    width: 75.73333333333333vw;
    height: 39.284vw;
  }
}
.p-dlc-about-detail__container {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail__container {
    padding-top: 30vh;
    padding-bottom: 30vh;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail__container {
    padding-top: 60vh;
    padding-bottom: 60vh;
  }
}
.p-dlc2-about-detail__bg,
.p-dlc-about-detail__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: 1s opacity ease;
  transition: 1s opacity ease;
  pointer-events: none;
}
.p-dlc2-about-detail__bg:not(.js-active),
.p-dlc-about-detail__bg:not(.js-active) {
  opacity: 0;
}
.p-dlc-about-dlc_1-detail {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-dlc_1-detail {
    height: 100vh;
    background: #000 url("../images/dlc/bg_about_detail_pc.jpg") center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-dlc_1-detail {
    margin-top: 7.506666666666666vw;
    height: 100lvh;
    background: #000 url("../images/dlc/bg_about_detail_sp.jpg") center/cover no-repeat;
  }
}
.p-dlc-about-dlc_1-detail__inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-dlc_1-detail__inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-dlc_1-detail__inner {
    padding-top: 37.333333333333336vw;
  }
}
.p-dlc-about-dlc_1-detail-text {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-dlc_1-detail-text {
    font-size: 2.049780380673499vw;
    line-height: 1.8;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-dlc_1-detail-text {
    font-size: 4.533333333333333vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-about-dlc_1-detail-text .point {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-dlc_1-detail-text .point +.point {
    padding-top: 1.756954612005857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-dlc_1-detail-text .point +.point {
    padding-top: 3.466666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc2-about-detail__bg {
    background: #000 url("../images/dlc/dlc2/bg_about_detail_pc.jpg") center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc2-about-detail__bg {
    background: #000 url("../images/dlc/dlc2/bg_about_detail_sp.jpg") center/cover no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail__bg {
    background: #000 url("../images/dlc/bg_about_detail_pc.jpg") center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail__bg {
    background: #000 url("../images/dlc/bg_about_detail_sp.jpg") center/cover no-repeat;
  }
}
.p-dlc-about-detail__inner {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail__inner {
    padding-top: 90vh;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail__inner {
    padding-top: 90dvh;
  }
}
.p-dlc-about-detail-step {
  position: relative;
  width: 100%;
}
.p-dlc-about-detail-step__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail-step__inner {
    padding-top: 90vh;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail-step__inner {
    padding-top: 120dvh;
  }
}
.p-dlc-about-detail-text_node__text {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail-text_node__text {
    font-size: 2.049780380673499vw;
    line-height: 1.8;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail-text_node__text {
    font-size: 4.533333333333333vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail-text_node__text .kerning-point--1 {
    position: relative;
    margin-left: -2.666666666666667vw;
  }
}
.p-dlc-about-detail-text_node__text .point {
  display: block;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.p-dlc-about-detail-text_node__text .point:not(.js-active) {
  pointer-events: none;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-dlc-about-detail-text_node__text .point +.point {
    padding-top: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-about-detail-text_node__text .point +.point {
    padding-top: 9.6vw;
  }
}
.p-dlc-about-detail-text_node {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  background: rgba(0,0,0,0.5);
}
.p-dlc-about-detail-text_node:not(.js-active) {
  pointer-events: none;
  opacity: 0;
  background: rgba(0,0,0,0);
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-section__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 9.224011713030746vw;
    margin-right: 13.177159590043924vw;
    padding-top: 1.464128843338214vw;
    padding-bottom: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-section__inner {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
.p-dlc-anchor-object__label {
  margin-inline: auto;
  position: relative;
}
.p-dlc-anchor-object__label .p-dlc-anchor-object__label__hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__label.is-label_comingsoon {
    width: 11.78623718887262vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-object__label.is-label_comingsoon {
    width: 37.06666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__label.is-label_distribution {
    width: 10.322108345534406vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-object__label.is-label_distribution {
    width: 31.733333333333334vw;
  }
}
.p-dlc-anchor-object__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__title {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-object__title {
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-anchor-object__title:after {
  content: '';
  display: block;
  position: relative;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 100% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../images/dlc/ico_arrow_bottom.svg");
  mask-image: url("../images/dlc/ico_arrow_bottom.svg");
  background: #fff;
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__title:after {
    top: 0.146412884333821vw;
    width: 0.585651537335286vw;
    height: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-object__title:after {
    width: 1.746666666666667vw;
    height: 2.224vw;
  }
}
.p-dlc-anchor-object__container {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__container +.p-dlc-anchor-object__container {
    margin-left: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-anchor-object__container +.p-dlc-anchor-object__container {
    margin-top: 7.733333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__container:hover .p-dlc-anchor-object__title {
    color: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__container:hover .p-dlc-anchor-object__title:after {
    background: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-anchor-object__container:hover .p-dlc-anchor-object__label__hover {
    opacity: 1;
  }
}
.p-dlc-detail__content__txtnote-container:before,
.p-dlc-detail__content__levelup-container:before,
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:before,
.p-dlc-detail-purchase-privilege:before {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  content: '';
  position: absolute;
  margin: auto 0;
  display: block;
  background: rgba(177,162,132,0.5);
  min-width: 1px;
  top: 0;
  bottom: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container:before,
  .p-dlc-detail__content__levelup-container:before,
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:before,
  .p-dlc-detail-purchase-privilege:before {
    left: 1.464128843338214vw;
    width: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container:before,
  .p-dlc-detail__content__levelup-container:before,
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:before,
  .p-dlc-detail-purchase-privilege:before {
    left: 2.666666666666667vw;
    width: 0.133333333333333vw;
  }
}
.p-dlc-detail__content__txtnote-container:after,
.p-dlc-detail__content__levelup-container:after,
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:after,
.p-dlc-detail-purchase-privilege:after {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  content: '';
  position: absolute;
  margin: auto 0;
  display: block;
  background: rgba(177,162,132,0.5);
  min-width: 1px;
  top: 0;
  bottom: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container:after,
  .p-dlc-detail__content__levelup-container:after,
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:after,
  .p-dlc-detail-purchase-privilege:after {
    right: 1.464128843338214vw;
    width: 0.073206442166911vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container:after,
  .p-dlc-detail__content__levelup-container:after,
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:after,
  .p-dlc-detail-purchase-privilege:after {
    right: 2.666666666666667vw;
    width: 0.133333333333333vw;
  }
}
.p-dlc-detail__content__txtnote-container.js-active:before,
.p-dlc-detail__content__levelup-container.js-active:before,
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block.js-active:before,
.p-dlc-detail-purchase-privilege.js-active:before {
  bottom: 0%;
}
.p-dlc-detail__content__txtnote-container.js-active:after,
.p-dlc-detail__content__levelup-container.js-active:after,
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block.js-active:after,
.p-dlc-detail-purchase-privilege.js-active:after {
  bottom: 0%;
}
.p-dlc-detail__content__container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__container.thema-dlc1 {
    background: #000 url("../images/common/bg/bg.jpg") center/contain;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__container.thema-dlc1 {
    background: #000 url("../images/common/bg/bg_sp.jpg") center/100% auto;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__container.thema-dlc2 {
    background: #000 url("../images/dlc/bg_default_blue_pc.jpg") center/contain;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__container.thema-dlc2 {
    background: #000 url("../images/dlc/bg_default_blue_sp.jpg") center/100% auto;
  }
}
.p-dlc-detail__content__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top, #000 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__container:before {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__container:before {
    height: 35.06666666666667vw;
  }
}
.p-dlc-detail__content__container:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0,0,0,0)));
  background: -webkit-linear-gradient(bottom, #000 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 100%);
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__container:after {
    height: 19.25329428989751vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__container:after {
    height: 35.06666666666667vw;
  }
}
.p-dlc-detail__content__inner {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__inner {
    width: 92.09370424597365vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__inner.is-dlc1 {
    padding-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__inner.is-dlc1 {
    padding-top: 9.56vw;
  }
}
.p-dlc-detail__content__sec_hdg {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__sec_hdg {
    width: 86.66666666666667vw;
    margin: 0 auto 0;
    font-size: 5.066666666666666vw;
    line-height: 1.578947368421053;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-detail__content__sec_hdg-wrap {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__sec_hdg-wrap {
    width: 35.50512445095168vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__sec_hdg-wrap {
    width: 64.93333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__sec_hdg-wrap > p {
    width: 36.603221083455345vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__sec_hdg-wrap > p {
    width: 67.60000000000001vw;
  }
}
.p-dlc-detail__content__txtnote-container {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container {
    padding: 2.562225475841874vw 3.660322108345535vw 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container {
    padding: 6.666666666666667vw 14.799999999999999vw 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container:before {
    top: -0.512445095168375vw;
    bottom: 57.979502196193266vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container:before {
    top: -1.466666666666667vw;
    bottom: 57.99999999999999vw;
    left: 9.053333333333335vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container:after {
    top: -0.512445095168375vw;
    bottom: 57.979502196193266vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container:after {
    top: -1.466666666666667vw;
    bottom: 57.99999999999999vw;
    right: 9.053333333333335vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container.js-active:before {
    bottom: 0.512445095168375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container.js-active:before {
    bottom: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txtnote-container.js-active:after {
    bottom: 0.512445095168375vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txtnote-container.js-active:after {
    bottom: 2vw;
  }
}
.p-dlc-detail__content__subttl {
  color: #ffffff;
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__subttl {
    margin-top: 4.392386530014641vw;
    font-size: 1.244509516837482vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__subttl {
    width: 89.60000000000001vw;
    margin: 7.000000000000001vw auto 0;
    font-size: 3.2vw;
    line-height: 1.166666666666667;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
  .p-dlc-detail__content__subttl .c-hdg-sep__hdg {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__subttl:nth-of-type(3) {
    margin-top: 8.533333333333333vw;
  }
}
.p-dlc-detail__content__txt {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__txt {
    font-size: 1.317715959004393vw;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-detail__content__note {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__note {
    margin-top: 1.830161054172767vw;
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    text-underline-offset: 0.4em;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__note {
    margin-top: 5.533333333333333vw;
    font-size: 2.933333333333333vw;
    line-height: 1.772727272727273;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    text-underline-offset: 0.3em;
  }
}
.p-dlc-detail__content__note:hover {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__frame {
    width: 89.60000000000001vw;
    margin: 0 auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__container.p-sp {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner:not(.is-new_contents) {
    padding-top: 6.149341142020498vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo__block__inner:not(.is-new_contents) {
    padding: 0 0 9.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner.is-new_contents {
    padding-top: 6.149341142020498vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo__block__inner.is-new_contents {
    padding: 0 0 8vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner:not(.is-reverse) .p-dlc-detail-expo__obj:nth-of-type(odd) .p-dlc-detail-expo-obj__img {
    margin-right: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner:not(.is-reverse) .p-dlc-detail-expo__obj:nth-of-type(odd) .p-dlc-detail-expo-obj__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner:not(.is-reverse) .p-dlc-detail-expo__obj:nth-of-type(even) .p-dlc-detail-expo-obj__img {
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner.is-reverse .p-dlc-detail-expo__obj:nth-of-type(odd) .p-dlc-detail-expo-obj__img {
    margin-left: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner.is-reverse .p-dlc-detail-expo__obj:nth-of-type(even) .p-dlc-detail-expo-obj__img {
    margin-right: 1.464128843338214vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__block__inner.is-reverse .p-dlc-detail-expo__obj:nth-of-type(even) .p-dlc-detail-expo-obj__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__contents {
    height: 19.472913616398245vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__contents:after {
    margin-top: 1.317715959004393vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__hdg {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj__hdg {
    margin-top: 6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__line {
    margin: 1.830161054172767vw auto 1.830161054172767vw;
  }
}
.p-dlc-detail-expo-obj__txt {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__txt {
    font-size: 1.171303074670571vw;
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo__obj {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo__obj +.p-dlc-detail-expo__obj {
    margin-top: 6.588579795021962vw;
  }
}
[class*="p-dlc-detail-expo-obj_slider__box--"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  margin: auto 0;
  z-index: 5;
}
@media screen and (min-width: 769px) {
  [class*="p-dlc-detail-expo-obj_slider__box--"] {
    width: 5.863103953147878vw;
    height: 5.863103953147878vw;
    bottom: 2.489019033674964vw;
  }
}
@media screen and (max-width: 768px) {
  [class*="p-dlc-detail-expo-obj_slider__box--"] {
    width: 11.502666666666666vw;
    height: 11.574666666666666vw;
    bottom: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj_slider__box--prev.right {
    left: 47.80380673499268vw;
  }
  .p-dlc-detail-expo-obj_slider__box--prev.left {
    left: -1.09809663250366vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj_slider__box--prev {
    left: 9.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj_slider__box--next.right {
    right: -1.09809663250366vw;
  }
  .p-dlc-detail-expo-obj_slider__box--next.left {
    right: 47.80380673499268vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj_slider__box--next {
    right: 9.066666666666666vw;
  }
}
.p-dlc-detail-expo-obj__img__list {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj__img__list {
    width: 39.23865300146413vw;
    height: 21.59590043923865vw;
  }
}
.p-dlc-detail-expo-obj__img__list .p-dlc-detail-expo-obj__img__list__item {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  bottom: 0;
}
.p-dlc-detail-expo-obj__img__list .p-dlc-detail-expo-obj__img__list__item.js-active {
  cursor: pointer;
}
.p-dlc-detail-expo-obj__img__list .p-dlc-detail-expo-obj__img__list__item:not(.js-active) {
  opacity: 0;
  pointer-events: none;
}
.p-dlc-detail-expo-obj_slider__box__pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj_slider__box__pagination {
    margin-top: 1.295754026354319vw;
  }
}
.p-dlc-detail-expo-obj_slider__box__pagination__bullet {
  background: url("../images/common/symbol/accessory/ico_pagination.svg") center/contain no-repeat;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj_slider__box__pagination__bullet {
    width: 1.171303074670571vw;
    height: 1.171303074670571vw;
  }
}
.p-dlc-detail-expo-obj_slider__box__pagination__bullet:not(.js-active) {
  opacity: 0.2;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj_slider__box__pagination__bullet +.p-dlc-detail-expo-obj_slider__box__pagination__bullet {
    margin-left: 0.732064421669107vw;
  }
}
[class*="p-dlc-detail-expo-obj-slider__arrow--"] {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
  [class*="p-dlc-detail-expo-obj-slider__arrow--"] {
    width: 11.502666666666666vw;
    height: 11.502666666666666vw;
    margin: 12.8vw 0;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider-item__container:not(.swiper-slide-active) {
    pointer-events: none;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider-item__inner {
    width: 66.13333333333333vw;
    height: 37.333333333333336vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider__arrow--prev {
    left: 9.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider__arrow--next {
    right: 9.333333333333334vw;
  }
}
.p-dlc-detail-expo-obj-slider__pagination {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider__pagination {
    min-height: 3.466666666666666vw;
    margin-top: 6vw;
  }
}
.p-dlc-detail-expo-obj-slider__pagination .swiper-pagination {
  bottom: 0 !important;
}
.p-dlc-detail-expo-obj-slider__pagination .swiper-pagination-bullet {
  background: url("../images/top/character/pagination.svg");
  background-size: 100% 100%;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider__pagination .swiper-pagination-bullet {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-expo-obj-slider {
    visibility: hidden;
    height: 0;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-expo-obj-slider {
    margin-top: 13.733333333333334vw;
    visibility: visible;
    height: auto;
  }
}
.p-dlc-detail__content__levelup-container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-container {
    padding: 0.951683748169839vw 0 0.951683748169839vw;
    margin-bottom: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container {
    margin-bottom: 1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container:before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container:after {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 79.94143484626647vw;
    margin-inline: auto;
  }
}
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    min-height: 6.431918008784773vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block {
    margin-bottom: 2.386666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:before {
    top: 0;
    bottom: 100%;
    left: 9.053333333333335vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:after {
    top: 0;
    bottom: 100%;
    right: 9.053333333333335vw;
  }
}
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block.js-active:before {
  bottom: 0% !important;
}
.p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block.js-active:after {
  bottom: 0% !important;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:first-of-type:before {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:not(:first-of-type) {
    padding-left: 4.026354319180088vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-section .p-dlc-detail__content__levelup-mode-block:not(:first-of-type):before {
    content: '';
    position: absolute;
    width: clamp(1px, 0.073206442166911vw, 0.073206442166911vw);
    top: 0;
    bottom: 100%;
    left: 0;
    background: rgba(177,162,132,0.5);
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__frame +.p-dlc-detail__content__levelup-mode-block {
    margin-top: 2.386666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode {
    padding: 4.666666666666667vw 28.000000000000004vw 4.333333333333334vw;
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-txt {
    font-size: 1.317715959004393vw;
    line-height: 1.333333333333333;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-txt {
    font-size: 3.466666666666666vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-txt span {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-txt span {
    display: block;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-bottom: -2.533333333333333vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1 {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1 {
    font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5.124450951683748vw;
    font-size: 4.099560761346998vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1 {
    font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 9.6vw;
    line-height: 0.694444444444444;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    color: #ffffff;
    height: 6.266666666666667vw;
    margin-top: 5.2vw;
    margin-left: 6.4vw;
  }
  .p-dlc-detail__content__levelup-mode-level-1 > span {
    display: inline-block;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.666666666666667vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-lv {
  opacity: 1;
}
.p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
    left: 3.074670571010249vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
    left: 6vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
    left: 8.272327964860908vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
    left: 17.599999999999998vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
    left: 10.61493411420205vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
    left: 20.933333333333334vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-lv {
  position: absolute;
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-lv {
    font-size: 1.756954612005857vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    top: 2.708638360175696vw;
    left: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-lv {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    top: 0vw;
    left: 0.133333333333333vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-before {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-before {
    top: 0.439238653001464vw;
    left: 2.708638360175696vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-before {
    top: -0.4vw;
    left: 5.333333333333333vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-arrow {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-arrow {
    width: 1.244509516837482vw;
    height: 1.02489019033675vw;
    top: 2.928257686676428vw;
    left: 7.906295754026355vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-arrow {
    width: 2.266666666666667vw;
    height: 1.866666666666667vw;
    top: 2vw;
    left: 16.93333333333333vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-after {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-after {
    top: 0.439238653001464vw;
    left: 10.248901903367496vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-1 .p-dlc-detail__content__levelup-mode-level-num-after {
    top: -0.4vw;
    left: 20.266666666666666vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2 {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2 {
    font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5.124450951683748vw;
    font-size: 4.099560761346998vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    color: #ffffff;
    margin-left: 4.538799414348463vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2 {
    font-family: 'Crimson Text', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 9.6vw;
    line-height: 0.694444444444444;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    color: #ffffff;
    height: 6.266666666666667vw;
    margin-top: 3.333333333333333vw;
    margin-left: 1.6vw;
  }
  .p-dlc-detail__content__levelup-mode-level-2 > span {
    display: inline-block;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.666666666666667vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-lv {
  opacity: 1;
}
.p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
    left: 2.562225475841874vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-before {
    left: 5.866666666666666vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
    left: 9.443631039531478vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-arrow {
    left: 22.26666666666667vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
  opacity: 1;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
    left: 11.71303074670571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2.js-active .p-dlc-detail__content__levelup-mode-level-num-after {
    left: 25.733333333333334vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-lv {
  position: absolute;
  display: inline-block;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-lv {
    font-size: 1.756954612005857vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    top: 2.708638360175696vw;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-lv {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    top: 0.533333333333333vw;
    left: 0.133333333333333vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-before {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-before {
    top: 0.439238653001464vw;
    left: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-before {
    top: 0.4vw;
    left: 5.199999999999999vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-arrow {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-arrow {
    width: 1.244509516837482vw;
    height: 1.02489019033675vw;
    top: 2.928257686676428vw;
    left: 9.077598828696924vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-arrow {
    width: 2.266666666666667vw;
    height: 1.866666666666667vw;
    top: 2.666666666666667vw;
    left: 21.6vw;
  }
}
.p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-after {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  transition: opacity 1s, left 0.1s, cubic-bezier(0.36, 0.09, 0.4, 1.01) 0.7s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-after {
    top: 0.439238653001464vw;
    left: 11.346998535871156vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-mode-level-2 .p-dlc-detail__content__levelup-mode-level-num-after {
    top: 0.4vw;
    left: 25.066666666666666vw;
  }
}
.p-dlc-detail-purchase-privilege {
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege:before {
    left: 9.053333333333335vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege:after {
    right: 9.053333333333335vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege {
    padding-bottom: 2vw;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.928257686676428vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item:nth-of-type(1) {
    width: 40.26354319180088vw;
    margin-left: 5.27086383601757vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item:nth-of-type(1):not(.is-dlc2) {
    width: 66.13333333333333vw;
    margin: 0 auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item:nth-of-type(2) {
    width: 43.92386530014642vw;
    margin-left: 1.244509516837482vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item:nth-of-type(2):not(.is-dlc2) {
    width: 66.13333333333333vw;
    margin: 0 auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__inner {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__img {
    width: 8.931185944363104vw;
    height: 8.931185944363104vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__img {
    width: 66.13333333333333vw;
    height: 66.13333333333333vw;
    padding-top: 8vw;
    margin-inline: auto;
  }
}
.p-dlc-detail-purchase-privilege-item__txt {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt {
    margin-left: 1.830161054172767vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt:nth-of-type(2) {
    margin-top: 6.666666666666667vw;
  }
  .p-dlc-detail-purchase-privilege-item__txt:nth-of-type(3) {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt.is-dlc2 {
    margin-left: 16.933333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-hdg {
    font-size: 0.878477306002928vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-hdg {
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-detail-purchase-privilege-item__txt-itm_name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name {
    margin-top: 1.610541727672035vw;
    font-size: 1.756954612005857vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name {
    margin-top: 2vw;
    font-size: 4.8vw;
    line-height: 1.555555555555556;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-detail-purchase-privilege-item__txt-itm_name::before {
  position: relative;
  content: '';
  display: block;
  background-image: url("../images/products/marker.svg");
  background-size: 100% 100%;
  -webkit-transform: translate(0, 30%);
  transform: translate(0, 30%);
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name::before {
    width: 1.903367496339678vw;
    height: 1.903367496339678vw;
    top: -0.109809663250366vw;
    margin-right: 0.658857979502196vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name::before {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    top: -0.133333333333333vw;
    margin-right: 2.533333333333333vw;
  }
}
.p-dlc-detail-purchase-privilege-item__txt-itm_name .kerning-point--1 {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name .kerning-point--1 {
    margin-left: -0.951683748169839vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-itm_name .kerning-point--1 {
    margin-left: -2.133333333333333vw;
  }
}
.p-dlc-detail-purchase-privilege-item__txt-itm_name__inner {
  display: block;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-discription {
    margin-top: 1.244509516837482vw;
    font-size: 1.171303074670571vw;
    line-height: 1.5625;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-discription {
    margin-top: 3.6vw;
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-discription.is-dlc2 {
    width: 66.13333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item__txt-note {
    margin-top: 1.464128843338214vw;
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-note {
    margin-top: 1.866666666666667vw;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item__txt-note.is-dlc2 {
    width: 66.13333333333333vw;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper {
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper {
    margin-top: 0.585651537335286vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper {
    margin-top: 2.666666666666667vw;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-play .is-play {
  display: block;
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-play .is-stop {
  display: none;
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .is-play {
  display: none;
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .is-stop {
  display: block;
}
.p-dlc-detail-purchase-privilege-music-play-button-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-inner {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.857979502196194vw;
    height: 2.415812591508053vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 66.13333333333333vw;
    height: 9.2vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper .p-dlc-detail-purchase-privilege-music-play-button-inner:hover {
    background-color: #ffffff;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper .p-dlc-detail-purchase-privilege-music-play-button-inner:hover .p-dlc-detail-purchase-privilege-music-play-button-icon {
    background-color: #000 !important;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper .p-dlc-detail-purchase-privilege-music-play-button-inner:hover .p-dlc-detail-purchase-privilege-music-play-button-txt {
    color: #000 !important;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .p-dlc-detail-purchase-privilege-music-play-button-icon {
  -webkit-mask-image: url("../images/dlc/img-music-trial-stop.svg") !important;
  mask-image: url("../images/dlc/img-music-trial-stop.svg") !important;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .p-dlc-detail-purchase-privilege-music-play-button-inner {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .p-dlc-detail-purchase-privilege-music-play-button-icon {
    background-color: #000 !important;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-wrapper.js-stop .p-dlc-detail-purchase-privilege-music-play-button-txt {
    color: #000 !important;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button-icon {
  content: '';
  display: block;
  position: relative;
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-size: 100% auto;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("../images/dlc/img-music-trial-play.svg");
  mask-image: url("../images/dlc/img-music-trial-play.svg");
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-icon {
    width: 1.193997071742313vw;
    height: 0.998535871156662vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-icon {
    width: 4.133333333333333vw;
    height: 3.466666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-icon:not(.is-dlc2) {
    margin-left: 3.973333333333334vw;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button-txt {
  color: #ffffff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-music-play-button-txt {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: -0.073206442166911vw;
    margin-left: 0.878477306002928vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-music-play-button-txt {
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: -0.133333333333333vw;
    margin-left: 17.733333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-requirements__container {
    padding-bottom: 0.951683748169839vw;
    margin-bottom: 0.805270863836018vw;
  }
}
.p-dlc-detail-purchase-privilege-requirements__inner.thema-dlc1 {
  background-color: rgba(177,162,132,0.1);
}
.p-dlc-detail-purchase-privilege-requirements__inner.thema-dlc2 {
  background-color: rgba(67,73,98,0.2);
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-requirements__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 81.75183016105417vw;
    height: 6.734992679355783vw;
    margin-top: 2.342606149341142vw;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-requirements__inner {
    width: 66.13333333333333vw;
    height: 42.66666666666667vw;
    margin: 8vw auto 0;
    padding: 5.333333333333334vw 0 5.333333333333334vw;
  }
}
.p-dlc-detail-purchase-privilege-requirements__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  background-image: url("../images/dlc/img-purchase-privilege-requirement-frame.svg");
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-requirements__hdg {
    width: 6.661786237188873vw;
    height: 2.342606149341142vw;
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-left: 1.317715959004393vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-requirements__hdg {
    width: 22.933333333333334vw;
    height: 7.466666666666668vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin: 0 auto 0;
  }
}
.p-dlc-detail-purchase-privilege-requirements__txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-requirements__txt {
    width: 69.8389458272328vw;
    height: 2.342606149341142vw;
    margin-left: 1.317715959004393vw;
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-requirements__txt {
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 53.6vw;
    padding-left: 2.333333333333333vw;
    margin: 4vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__inner,
  .p-dlc-detail-to-store-1__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 89.45827232796486vw;
    margin: 4.392386530014641vw auto;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__inner,
  .p-dlc-detail-to-store-1__inner {
    margin: 0 auto 0;
    padding: 8vw 0 16vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-1__txt-container {
    width: 66.13333333333333vw;
    margin: 0 auto 0;
  }
}
.p-dlc-detail-to-store-2__txt-hdg,
.p-dlc-detail-to-store-1__txt-hdg {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-hdg,
  .p-dlc-detail-to-store-1__txt-hdg {
    font-size: 1.464128843338214vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-hdg,
  .p-dlc-detail-to-store-1__txt-hdg {
    text-align: center;
    font-size: 2.666666666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-product-name {
    text-align: center;
  }
}
.p-dlc-detail-to-store-2__txt-product-name,
.p-dlc-detail-to-store-1__txt-product-name {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-product-name,
  .p-dlc-detail-to-store-1__txt-product-name {
    font-size: 4.099560761346998vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-product-name,
  .p-dlc-detail-to-store-1__txt-product-name {
    font-size: 7.199999999999999vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.733333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-product-name > span,
  .p-dlc-detail-to-store-1__txt-product-name > span {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-product-name > span,
  .p-dlc-detail-to-store-1__txt-product-name > span {
    display: block;
    text-align: center;
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 2.933333333333333vw;
  }
}
.p-dlc-detail-to-store-2__txt-prize,
.p-dlc-detail-to-store-1__txt-prize {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: $white;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-prize,
  .p-dlc-detail-to-store-1__txt-prize {
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-prize,
  .p-dlc-detail-to-store-1__txt-prize {
    text-align: center;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-prize .prize,
  .p-dlc-detail-to-store-1__txt-prize .prize {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-left: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-prize .prize,
  .p-dlc-detail-to-store-1__txt-prize .prize {
    font-size: 4.933333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-left: 1.066666666666667vw;
  }
}
.p-dlc-detail-to-store-2__to-store .c-btn--color .c-btn__txt {
  text-align: center;
}
.p-dlc-detail-to-store-2__to-store .c-btn--color .c-btn__txt span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__to-store .c-btn--color .c-btn__txt span {
    font-size: 0.951683748169839vw;
    line-height: 1.846153846153846;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.146412884333821vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__to-store .c-btn--color .c-btn__txt span {
    font-size: 2.933333333333333vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 0.146412884333821vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__to-store,
  .p-dlc-detail-to-store-1__to-store {
    width: 29.721815519765737vw;
    height: 5.856515373352855vw;
  }
  .p-dlc-detail-to-store-2__to-store .c-btn__txt,
  .p-dlc-detail-to-store-1__to-store .c-btn__txt {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__to-store,
  .p-dlc-detail-to-store-1__to-store {
    width: 66.13333333333333vw;
    height: 10.666666666666668vw;
    margin: 4.666666666666667vw auto 0;
  }
  .p-dlc-detail-to-store-2__to-store .c-btn__txt,
  .p-dlc-detail-to-store-1__to-store .c-btn__txt {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__to-store .c-btn--color:after,
  .p-dlc-detail-to-store-1__to-store .c-btn--color:after {
    width: 2.542459736456808vw;
    height: 1.611273792093704vw;
    margin-left: 25.622254758418737vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__to-store .c-btn--color:after,
  .p-dlc-detail-to-store-1__to-store .c-btn--color:after {
    width: 4.630666666666666vw;
    height: 2.934666666666667vw;
    margin-left: 58.666666666666664vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__to-store.is-disabled,
  .p-dlc-detail-to-store-1__to-store.is-disabled {
    height: 14.933333333333335vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-to-store-2__txt-note {
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 1.464128843338214vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-to-store-2__txt-note {
    text-align: center;
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    margin-top: 4vw;
  }
}
.p-dlc-detail__content__levelup-container-note {
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container-note {
    padding-bottom: 1.333333333333333vw;
  }
}
.p-dlc-detail__content__levelup-container-note__inner {
  background: rgba(67,73,98,0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-container-note__inner {
    padding-top: 1.903367496339678vw;
    padding-bottom: 1.903367496339678vw;
    margin-top: 0.951683748169839vw;
    width: 81.69838945827233vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container-note__inner {
    padding-top: 7.466666666666668vw;
    padding-bottom: 7.466666666666668vw;
    margin-top: 4vw;
    width: 73.06666666666666vw;
  }
}
.p-dlc-detail__content__levelup-container-note-text {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail__content__levelup-container-note-text {
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail__content__levelup-container-note-text {
    width: 58.4vw;
    margin-inline: auto;
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-detail-hdg__title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-hdg__title {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-hdg__title {
    font-size: 5.066666666666666vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-hdg__title:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-hdg__title:before {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-hdg__title:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-hdg__title:after {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-left: 5.066666666666666vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-block__container {
    width: 89.33333333333333vw;
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_action__inner {
    padding-top: 8.784773060029282vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_action-block__inner {
    padding-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-block__inner {
    margin-top: 8vw;
  }
}
.p-dlc-detail-new_action-block__img {
  z-index: 2;
}
.p-dlc-detail-new_action-block__img video {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-block__contents {
    text-align: center;
  }
}
.p-dlc-detail-new_action-block__txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-block__txt {
    display: inline-block;
    font-size: 3.466666666666666vw;
    line-height: 1.923076923076923;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_action-obj {
    padding-top: 7.979502196193265vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-obj {
    padding-top: 10.133333333333333vw;
  }
}
.p-dlc-detail-new_action-obj-text {
  display: block;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_action-obj-text {
    font-size: 2.049780380673499vw;
    line-height: 1.8;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-obj-text {
    font-size: 4.533333333333333vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_action-obj-text +.p-dlc-detail-new_action-obj-text {
    margin-top: 2.196193265007321vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_action-obj-text +.p-dlc-detail-new_action-obj-text {
    margin-top: 5.600000000000001vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_contents {
    padding-top: 10.980966325036604vw;
    padding-bottom: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_contents {
    padding-top: 18.933333333333334vw;
    padding-bottom: 9vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_contents .p-dlc-detail-hdg__title {
    text-align: center;
  }
}
.p-dlc-detail-new_contents-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(67,73,98,0.2);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_contents-note {
    margin-top: 2.928257686676428vw;
    width: 81.69838945827233vw;
    padding-top: 2.928257686676428vw;
    padding-bottom: 2.928257686676428vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_contents-note {
    width: 89.33333333333333vw;
    padding-top: 4.099560761346998vw;
    padding-bottom: 4.099560761346998vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-new_contents-note-text {
    font-size: 1.02489019033675vw;
    line-height: 1.5;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-new_contents-note-text {
    font-size: 3.466666666666666vw;
    line-height: 1.615384615384615;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    width: 76vw;
    margin-inline: auto;
  }
}
.p-dlc-detail-purchase-privilege-item-play-button-list {
  display: -ms-inline-grid;
  display: inline-grid;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item-play-button-list {
    margin-top: 1.683748169838946vw;
    gap: 0.366032210834553vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button-list {
    width: 66.13333333333333vw;
    margin-top: 5.333333333333334vw;
    gap: 2.533333333333333vw;
  }
}
.p-dlc-detail-purchase-privilege-item-play-button-text {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item-play-button-text {
    padding-left: 0.27086383601757vw;
  }
}
.p-dlc-detail-purchase-privilege-music-play-button--play:not(.is-dlc2) {
  text-align: left;
}
.p-dlc-detail-purchase-privilege-music-play-button--play.is-dlc2 {
  text-align: center;
}
.p-dlc-detail-purchase-privilege-music-play-button--stop {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-dlc-detail-purchase-privilege-item-play-button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item-play-button {
    border: clamp(1px, 0.073206442166911vw, 0.073206442166911vw) solid #ffffff;
    padding-top: 0.878477306002928vw;
    padding-bottom: 0.878477306002928vw;
    padding-left: 1.09809663250366vw;
    padding-right: 0.805270863836018vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button {
    border: clamp(1px, 0.133333333333333vw, 0.133333333333333vw) solid #ffffff;
    padding-top: 3.333333333333333vw;
    padding-left: 4vw;
    padding-bottom: 3.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item-play-button:hover {
    background-color: #ffffff;
  }
  .p-dlc-detail-purchase-privilege-item-play-button:hover .p-dlc-detail-purchase-privilege-music-play-button-icon {
    background-color: #000;
  }
  .p-dlc-detail-purchase-privilege-item-play-button:hover [class*="p-dlc-detail-purchase-privilege-music-play-button--"] {
    color: #000;
  }
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-stop) .p-dlc-detail-purchase-privilege-music-play-button--play {
  opacity: 1;
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-stop) .p-dlc-detail-purchase-privilege-music-play-button--stop {
  opacity: 0;
  pointer-events: none;
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-stop) .p-dlc-detail-purchase-privilege-music-play-button-icon {
  -webkit-mask-image: url("../images/dlc/img-music-trial-play.svg");
  mask-image: url("../images/dlc/img-music-trial-play.svg");
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) {
    background-color: #ffffff;
  }
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) .p-dlc-detail-purchase-privilege-music-play-button--play {
  opacity: 0;
  pointer-events: none;
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) .p-dlc-detail-purchase-privilege-music-play-button--stop {
  opacity: 1;
}
.p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) .p-dlc-detail-purchase-privilege-music-play-button-icon {
  -webkit-mask-image: url("../images/dlc/img-music-trial-stop.svg");
  mask-image: url("../images/dlc/img-music-trial-stop.svg");
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) .p-dlc-detail-purchase-privilege-music-play-button-icon {
    background-color: #000;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button:not(.js-play) [class*="p-dlc-detail-purchase-privilege-music-play-button--"] {
    color: #000;
  }
}
.p-dlc-detail-purchase-privilege-item-play-button [class*="p-dlc-detail-purchase-privilege-music-play-button--"] {
  font-family: 'Zen Old Mincho', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ffffff;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
@media screen and (min-width: 769px) {
  .p-dlc-detail-purchase-privilege-item-play-button [class*="p-dlc-detail-purchase-privilege-music-play-button--"] {
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-detail-purchase-privilege-item-play-button [class*="p-dlc-detail-purchase-privilege-music-play-button--"] {
    font-size: 3.466666666666666vw;
    line-height: 1.730769230769231;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-expass__container {
  position: relative;
}
.p-dlc-expass__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass__container:before {
    background: url("../images/dlc/bg_expass_pc.png") center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass__container:before {
    background: url("../images/dlc/bg_expass_sp.jpg") top center/contain no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass__inner {
    padding-top: 2.584187408491947vw;
    padding-bottom: 6.698389458272327vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass__inner {
    padding-top: 4.84vw;
    padding-bottom: 20vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-section__inner {
    padding-top: 7.269399707174232vw;
    padding-bottom: 4.392386530014641vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-section__inner {
    padding-top: 12vw;
    padding-bottom: 5.373333333333333vw;
  }
}
.p-dlc-expass-hdg__title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-hdg__title {
    font-size: 2.489019033674964vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-hdg__title {
    font-size: 5.066666666666666vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-hdg__title:before {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-right: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-hdg__title:before {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-hdg__title:after {
    width: 2.928257686676428vw;
    height: 1.232796486090776vw;
    margin-left: 2.781844802342606vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-hdg__title:after {
    width: 6.666666666666667vw;
    height: 2.808vw;
    margin-left: 5.066666666666666vw;
  }
}
.p-dlc-expass-hdg__text {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-hdg__text {
    padding-top: 1.244509516837482vw;
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-hdg__text {
    padding-top: 4vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-block__inner {
    padding-top: 5.856515373352855vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-block__inner {
    padding-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-box__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-dlc-expass-title-object__label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__label {
    font-size: 1.464128843338214vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__label {
    font-size: 3.733333333333334vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__label:before {
    width: 2.196193265007321vw;
    height: 0.924597364568082vw;
    margin-right: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__label:before {
    width: 4vw;
    height: 1.684vw;
    margin-right: 1.333333333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__label:after {
    width: 2.196193265007321vw;
    height: 0.924597364568082vw;
    margin-left: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__label:after {
    width: 4vw;
    height: 1.684vw;
    margin-left: 1.333333333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__logo {
    margin-inline: auto;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__logo.is-dlc_1 {
    padding-top: 2.269399707174232vw;
    width: 34.9194729136164vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__logo.is-dlc_1 {
    padding-top: 4vw;
    width: 63.6vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__logo.is-dlc_2 {
    padding-top: 1.120058565153734vw;
    width: 37.55490483162519vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__logo.is-dlc_2 {
    padding-top: 2.72vw;
    width: 66.93333333333334vw;
  }
}
.p-dlc-expass-title-object__subtitle {
  text-align: center;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__subtitle {
    font-size: 2.049780380673499vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__subtitle {
    font-size: 4.533333333333333vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__subtitle.is-dlc_1 {
    padding-top: 1.756954612005857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__subtitle.is-dlc_1 {
    padding-top: 4vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-object__subtitle.is-dlc_2 {
    padding-top: 0.34407027818448vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-object__subtitle.is-dlc_2 {
    padding-top: 2.24vw;
  }
}
.p-dlc-expass-title-box__plus {
  background: url("../images/dlc/ico_plus.png") center/cover no-repeat;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-title-box__plus {
    margin-top: 3.513909224011713vw;
    margin-left: 3.989751098096633vw;
    margin-right: 2.525622254758419vw;
    width: 3.879941434846267vw;
    height: 3.879941434846267vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-title-box__plus {
    width: 7.066666666666667vw;
    height: 7.066666666666667vw;
    margin-inline: auto;
    margin-top: 8.799999999999999vw;
    margin-bottom: 8.533333333333333vw;
  }
}
.p-dlc-expass-link {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-link {
    padding-top: 5.124450951683748vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-link {
    padding-top: 9.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-price {
    padding-top: 1.317715959004393vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-price {
    padding-top: 2vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-expass-price span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-dlc-expass-price span {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 0.366032210834553vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass-price span {
    font-size: 4.933333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.866666666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-expass__note {
    padding-top: 0.732064421669107vw;
    text-align: center;
    font-size: 1.02489019033675vw;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-expass__note {
    width: 73.06666666666666vw;
    padding-top: 2.306666666666667vw;
    margin-inline: auto;
    font-size: 2.666666666666667vw;
    line-height: 1.85;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-second__container {
  position: relative;
}
@media screen and (min-width: 769px) {
  .p-dlc-second__container {
    margin-top: 6.588579795021962vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second__container {
    margin-top: 8vw;
  }
}
.p-dlc-second__container:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .p-dlc-second__container:before {
    top: 7.569546120058565vw;
    background: url("../images/dlc/bg_default_blue_pc.jpg") top center/cover no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second__container:before {
    top: 14.346666666666666vw;
    background: url("../images/dlc/bg_default_blue_sp.jpg") top center/auto 100% no-repeat;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-second__inner {
    margin-top: -7.569546120058565vw;
    padding-top: 10.248901903367496vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second__inner {
    margin-top: -14.346666666666666vw;
    padding-top: 17.333333333333336vw;
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-second-mv_title {
    width: 50.366032210834554vw;
    height: 21.513177159590043vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-mv_title {
    width: 72.53333333333333vw;
    height: 39.449333333333335vw;
  }
}
.p-dlc-second-mv_state {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-second-mv_state {
    height: 2.489019033674964vw;
    bottom: 1.932650073206442vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-mv_state {
    height: 6.4vw;
    bottom: 5.573333333333333vw;
  }
}
.p-dlc-second-mv_state img {
  width: auto;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-dlc-second-detail__inner {
    padding-top: 3.660322108345535vw;
    padding-bottom: 4.86090775988287vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-detail__inner {
    padding-top: 7.199999999999999vw;
    padding-bottom: 10.213333333333333vw;
  }
}
.p-dlc-second-detail__lead {
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-second-detail__lead {
    font-size: 2.049780380673499vw;
    line-height: 1.8;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-detail__lead {
    font-size: 4.533333333333333vw;
    line-height: 1.6;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-dlc-second-detail__praice {
    padding-top: 1.464128843338214vw;
    font-size: 1.171303074670571vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-detail__praice {
    padding-top: 2.666666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-dlc-second-detail__praice span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .p-dlc-second-detail__praice span {
    font-size: 1.756954612005857vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 0.439238653001464vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-detail__praice span {
    font-size: 4.933333333333334vw;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-left: 1.866666666666667vw;
  }
}
.p-dlc-second-detail__note {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-second-detail__note {
    padding-top: 0.732064421669107vw;
    font-size: 1.02489019033675vw;
    line-height: 2.285714285714286;
    letter-spacing: 0.02em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-second-detail__note {
    padding-top: 3.2vw;
    font-size: 2.666666666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.l-page-dlc .c-common-layer {
  display: none;
}
.l-dlc__wrap {
  position: relative;
  z-index: 1;
}
.l-page-dlc__container {
  position: relative;
}
.l-page-dlc__container:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px) {
  .l-page-dlc__container:before {
    background: url("../images/dlc/bg_pc.jpg") top center/contain no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .l-page-dlc__container:before {
    background: url("../images/dlc/bg_sp.jpg") top center/contain no-repeat;
  }
}
.l-dlc-about {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .l-dlc-onsale .c-onsale {
    padding-top: 12.693997071742313vw;
  }
}
@media screen and (max-width: 768px) {
  .l-dlc-onsale .c-onsale {
    padding-top: 24vw;
  }
}
@media screen and (min-width: 769px) {
  .l-dlc-reserve .c-reserve__inner {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.834553440702782vw;
  }
}
@media screen and (max-width: 768px) {
  .l-dlc-reserve .c-reserve__inner {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}
.l-dlc-site_effect {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  mix-blend-mode: lighten;
  z-index: 100;
}
.l-dlc-site_effect [class*=l-dlc-site_effect--] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  mix-blend-mode: lighten;
  -o-object-fit: cover;
  object-fit: cover;
}
.l-dlc-site_effect [class*=l-dlc-site_effect--]:not(.js-active) {
  opacity: 0;
}
.p-dlc-top__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .p-dlc-top__inner {
    height: 38.06734992679356vw;
  }
}
.p-dlc-top__inner__txt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .p-dlc-top__inner__txt {
    -webkit-transform: translate(0, 29%);
    transform: translate(0, 29%);
  }
}
.p-dlc-top__inner__txt .p-dlc-top__sub {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-dlc-top__inner__txt .p-dlc-top__sub {
    font-size: 1.317715959004393vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 0.219619326500732vw;
  }
}
@media screen and (max-width: 768px) {
  .p-dlc-top__inner__txt .p-dlc-top__sub {
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    padding-top: 1.733333333333333vw;
  }
}
.p-sgl-hdg_ttl {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-sgl-hdg_ttl {
    font-size: 2.635431918008785vw;
    line-height: 1.611111111111111;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-hdg_ttl {
    font-size: 6.4vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-sgl-sec_hdg {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .p-sgl-sec_hdg {
    font-size: 2.196193265007321vw;
    line-height: 1.333333333333333;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-sec_hdg {
    font-size: 5.333333333333334vw;
    line-height: 1.6;
    letter-spacing: 0em;
    font-weight: 400;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
.p-sgl-hdg_txt,
.p-sgl-sec_txt {
  font-family: "Hiragino Kaku Gothic ProN", 'Yu Gothic', 'Meiryo', sans-serif;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .p-sgl-hdg_txt,
  .p-sgl-sec_txt {
    font-size: 1.317715959004393vw;
    line-height: 1.777777777777778;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-hdg_txt,
  .p-sgl-sec_txt {
    font-size: 3.733333333333334vw;
    line-height: 2;
    letter-spacing: 0.025em;
    font-weight: 300;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
  }
}
@media screen and (min-width: 769px) {
  .p-sgl-hdg_ttl +.p-sgl-hdg_txt {
    margin-top: 1.976573938506589vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-hdg_ttl +.p-sgl-hdg_txt {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 769px) {
  .p-sgl-sec_hdg +.p-sgl-sec_txt {
    margin-top: 0.732064421669107vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-sec_hdg +.p-sgl-sec_txt {
    margin-top: 3.333333333333333vw;
  }
}
.p-sgl-sec_txt .u-ind {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  font-size: 1em;
}
.p-sgl-sec_txt .u-ind:before {
  position: absolute;
  left: 0;
  content: attr(data-ind-label);
}
.p-sgl-sec_txt .u-copy {
  position: relative;
  font-size: 1.75em;
}
@media screen and (min-width: 769px) {
  .p-sgl-sec_txt .u-copy {
    top: 0.2em;
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-sec_txt .u-copy {
    top: 0.18em;
  }
}
@media screen and (min-width: 769px) {
  .p-sgl-sec {
    margin-top: 5.490483162518302vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sgl-sec {
    margin-top: 13.866666666666665vw;
  }
}
.l-page-stream_guideline__container {
  position: relative;
  z-index: 1;
}
.l-page-guideline {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .l-page-guideline {
    padding-top: 17.86237188872621vw;
    width: 71.30307467057101vw;
  }
}
@media screen and (max-width: 768px) {
  .l-page-guideline {
    padding-top: 36.266666666666666vw;
    width: 89.33333333333333vw;
  }
}
.l-page-guideline a {
  color: #b20000;
}
.l-page-guideline .is-red {
  color: #b20000;
}
.l-page-guideline__wrap {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .l-guideline-onsale .c-onsale {
    padding-top: 7.393850658857979vw;
  }
}
@media screen and (max-width: 768px) {
  .l-guideline-onsale .c-onsale {
    padding-top: 20vw;
  }
}
@media screen and (min-width: 769px) {
  .l-guideline-reserve .c-reserve {
    padding-top: 6.588579795021962vw;
    padding-bottom: 10.856515373352856vw;
  }
}
@media screen and (max-width: 768px) {
  .l-guideline-reserve .c-reserve {
    padding-top: 12vw;
    padding-bottom: 13.066666666666665vw;
  }
}