@charset "UTF-8";
.siteheader .mainmenu a[data-tophref=kv_section]::before {
  opacity: 1;
}

body {
  background: #fff;
}

.v_elysium #contents {
  font-size: 0;
  line-height: 1;
  z-index: 1000;
  padding: 0 0 0;
}
.v_elysium #contents .fixed_yoyaku {
  position: fixed;
  left: 0;
  bottom: -101%;
  z-index: 10000;
  width: 44.727vw;
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-backdrop-filter: blur(1vw);
          backdrop-filter: blur(1vw);
}
.v_elysium #contents .fixed_yoyaku img {
  width: 44.727vw;
  height: auto;
}
.fixedmenu_show .v_elysium #contents .fixed_yoyaku {
  bottom: 0;
  transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fixedmenu_show.fixedmenu_absolute .v_elysium #contents .fixed_yoyaku {
  bottom: -101%;
  transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.v_elysium #contents .pc_nav {
  display: none;
}
.v_elysium #contents .kv_section {
  position: relative;
}
.v_elysium #contents .kv_section .lt {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  /*
       .lt_mask{display: block; position: relative; z-index: 100; height: sp(1000); width: 100vw;
       -webkit-mask-image:linear-gradient(to right, black 0%, transparent 100%);
       -webkit-mask-mode: match-source;
       -webkit-mask-repeat: no-repeat;
       -webkit-mask-size: 100% 100%; 
       -webkit-mask-position: left center;
       z-index: 10;
      }
  */
  padding: 30px 0 0;
}
.v_elysium #contents .kv_section .lt h1,
.v_elysium #contents .kv_section .lt dl {
  position: relative;
  z-index: 10;
}
.v_elysium #contents .kv_section .lt .bg {
  position: absolute;
  left: 0;
  top: 0;
}
.v_elysium #contents .kv_section .lt .bg img {
  width: 100vw;
  height: auto;
}
.v_elysium #contents .kv_section .lt h1 {
  padding: 2.5vw 0 0;
}
.v_elysium #contents .kv_section .lt h1 img {
  width: 46.191vw;
  height: auto;
}
.v_elysium #contents .kv_section .lt dl {
  color: #fff;
  padding: 4.395vw 0 0 5.566vw;
}
.v_elysium #contents .kv_section .lt dl dt {
  font-family: "Cinzel";
  font-size: 3.516vw;
  letter-spacing: 0.28em;
  line-height: 3.418vw;
  position: relative;
  padding: 0.293vw 0 0 0.488vw;
  height: 3.418vw;
}
.v_elysium #contents .kv_section .lt dl dt::before {
  content: "";
  width: 100%;
  height: 3.516vw;
  background: url("/v_elysium/assets/img/top/kv/bg_lt_dt.png") no-repeat left top/auto 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.v_elysium #contents .kv_section .lt dl dd {
  font-size: 2.148vw;
  letter-spacing: 0.12em;
  padding: 1.074vw 0 2.93vw 0.488vw;
}
.v_elysium #contents .kv_section .copy {
  position: absolute;
  left: 50%;
  top: 97.07vw;
  z-index: 100;
  display: flex;
  flex-direction: column;
  color: #fff;
}
.v_elysium #contents .kv_section .copy span {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-style: italic;
  font-size: 2.734vw;
  letter-spacing: 0.14em;
}
.v_elysium #contents .kv_section .copy span + span {
  padding: 1.367vw 0 0 4.883vw;
}
.v_elysium #contents .kv_section .btn_area {
  position: absolute;
  left: 0;
  width: 100%;
  top: 136.719vw;
  z-index: 100;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.v_elysium #contents .kv_section .btn_area .twitter_wrap {
  width: 85.449vw;
}
.v_elysium #contents .kv_section .btn_area .twitter_wrap a {
  display: block;
  position: relative;
  text-decoration: none;
}
.v_elysium #contents .kv_section .btn_area .twitter_wrap a img {
  width: 100%;
  height: auto;
}
.v_elysium #contents .kv_section .btn_area .twitter_wrap a picture + picture {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.v_elysium #contents .kv_section .btn_area .twitter_wrap a span {
  color: #ccc;
  font-family: "Cinzel";
  font-size: 2.051vw;
  letter-spacing: 0.72em;
  font-weight: 700;
  position: absolute;
  left: 23.73vw;
  top: 0;
  line-height: 9.668vw;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap {
  margin-top: 2.344vw;
  width: 85.449vw;
  position: relative;
  pointer-events: auto;
  z-index: 100;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a {
  display: block;
  position: relative;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a img {
  width: 100%;
  height: auto;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a picture + picture {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a .on,
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a .off {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a .on {
  opacity: 0;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a span.text {
  color: #ccc;
  font-family: "Cinzel";
  font-size: 1.855vw;
  letter-spacing: 0.5em;
  font-weight: 700;
  position: absolute;
  left: 38.086vw;
  top: 0.195vw;
  line-height: 9.668vw;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a.play .on {
  opacity: 1;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap p a.play .off {
  opacity: 0;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select {
  display: flex;
  justify-content: flex-start;
  padding: 11.719vw 0 0 5.762vw;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select li {
  padding: 0 0.488vw;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a {
  color: #ccc;
  font-size: 3.613vw;
  font-family: "Cinzel";
  font-weight: 700;
  text-decoration: none;
  width: 8.789vw;
  height: 8.789vw;
  display: block;
  position: relative;
  line-height: 8.789vw;
  text-align: center;
  transition: 0.4s;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a::before {
  content: "";
  background: #3f3f40;
  width: 6.055vw;
  height: 6.055vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg) translate(-74%, -2%);
  z-index: -1;
  transition: 0.4s;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a.active {
  color: #3f3f40;
  pointer-events: none;
}
.v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a.active::before {
  background: #ccc;
}
.v_elysium #contents .kv_section .news {
  padding: 0 0 0 11.719vw;
}
.v_elysium #contents .kv_section .news h2 {
  font-family: "Cinzel";
  font-size: 4.297vw;
  letter-spacing: 0.44em;
  font-weight: 400;
}
.v_elysium #contents .kv_section .news p {
  font-size: 2.734vw;
  letter-spacing: 0.24em;
  line-height: 1.75;
  margin: 1.953vw 0 0;
}
.v_elysium #contents .kv_section .news a {
  color: #3f3f40;
  /*text-decoration: none;*/
}
.v_elysium #contents .kv_section .news a:hover {
  text-decoration: none;
}
.v_elysium #contents .kv_section .kv_mask {
  margin-bottom: 2.93vw;
  width: 100vw;
  height: 176.074vw;
  position: relative;
}
.v_elysium #contents .kv_section .kv_mask::after {
  content: "";
  background: url("/v_elysium/assets/img/top/kv/kv_shadow.png") no-repeat center top/100vw auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}
.v_elysium #contents .kv_section .kv_mask .kv .mask {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
  -webkit-mask-image: url("../img/top/kv/kv_mask.png");
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100vw auto;
  -webkit-mask-position: center top;
}
.v_elysium #contents .kv_section .kv_mask .kv .mask img {
  width: 156.25vw;
  height: auto;
}
.v_elysium #contents .kv_section .kv_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.v_elysium #contents .kv_section .kv_bg img {
  width: 100%;
  height: auto;
}
.v_elysium #contents .kv_section .yoyaku {
  padding: 7.813vw 11.719vw 0;
}
.v_elysium #contents .kv_section .yoyaku a {
  display: block;
}
.v_elysium #contents .kv_section .yoyaku .bnrs {
  margin-top: 3.418vw;
}
.v_elysium #contents .kv_section .yoyaku .swiper-pagination {
  display: flex;
  width: 100%;
  position: relative;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 100;
  height: 9.766vw;
}
.v_elysium #contents .kv_section .yoyaku .swiper-pagination .swiper-pagination-bullet {
  margin: 0 1.172vw;
  width: 1.563vw;
  height: 1.563vw;
  opacity: 1;
  background: #d3d3d3;
}
.v_elysium #contents .kv_section .yoyaku .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.v_elysium #contents .kv_section .pf {
  margin: -2.441vw 0 0 5.664vw;
  padding: 0;
  z-index: 99;
  position: relative;
  height: auto;
  width: 31.25vw;
}
.v_elysium #contents .movie_section {
  padding: 22.266vw 0 0;
  z-index: 200;
}
.v_elysium #contents .movie_section h2 {
  padding-bottom: 6.836vw;
}
.v_elysium #contents .movie_section h2 img {
  width: 100%;
  height: auto;
}
.v_elysium #contents .movie_section .movie_contents {
  width: 96.094vw;
  height: 69.531vw;
  margin: 0 auto;
}
.v_elysium #contents .movie_section .movie_contents .swiper-button-prev {
  background: url("/v_elysium/assets/img/arr_prev.png") no-repeat left top/6.836vw 7.91vw;
  width: 6.836vw;
  height: 7.91vw;
  outline: none;
  left: 3.906vw;
  top: 50%;
  margin: -3.418vw 0 0 0;
}
.v_elysium #contents .movie_section .movie_contents .swiper-button-next {
  background: url("/v_elysium/assets/img/arr_next.png") no-repeat left top/6.836vw 7.91vw;
  width: 6.836vw;
  height: 7.91vw;
  outline: none;
  right: 3.906vw;
  top: 50%;
  margin: -3.418vw 0 0 0;
}
.v_elysium #contents .movie_section .movie_contents .swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.v_elysium #contents .movie_section .swiper-pagination {
  display: flex;
  width: 100%;
  position: relative;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 100;
  height: 9.766vw;
}
.v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet {
  margin: 0 1.172vw;
  width: 1.563vw;
  height: 1.563vw;
  opacity: 1;
  background: #d3d3d3;
}
.v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}
.v_elysium #contents .movie_section .swiper-slide {
  width: 96.094vw;
  height: 69.531vw;
  overflow: hidden;
  background: #000;
}
.v_elysium #contents .movie_section .swiper-slide a {
  display: block;
  position: relative;
}
.v_elysium #contents .movie_section .swiper-slide a::before {
  content: "";
  width: 92.188vw;
  height: 65.625vw;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.v_elysium #contents .movie_section .swiper-slide a::after {
  content: "";
  background: url("/v_elysium/assets/img/btn_play.png") no-repeat center center/100% 100%;
  width: 23.438vw;
  height: 23.438vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper {
  width: 96.094vw;
  height: 69.531vw;
  overflow: hidden;
  z-index: 0;
}
.v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper iframe {
  width: 123.535vw !important;
  height: 69.531vw !important;
  margin-left: -13.77vw;
  pointer-events: none;
  transform: scale(1.02);
}
.v_elysium #contents .movie_section .swiper-slide .texts {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 7.617vw;
  z-index: 100;
}
.v_elysium #contents .movie_section .swiper-slide .texts p {
  font-size: 3.32vw;
  color: #fff;
  letter-spacing: 0.84em;
  text-align: center;
  text-indent: 0.84em;
}
.v_elysium #contents .about_section {
  padding: 21.875vw 0 0;
  height: 166.406vw;
  z-index: 100;
}
.v_elysium #contents .about_section .animation_trigger {
  opacity: 1;
  top: -14.648vw;
}
.v_elysium #contents .about_section .texts {
  padding: 10.6vw 0 0;
}
.v_elysium #contents .about_section .texts p {
  font-size: 2.93vw;
  line-height: 6.934vw;
  letter-spacing: 0.18em;
  text-align: center;
  font-weight: 500;
}
.v_elysium #contents .about_section .texts p b {
  font-size: 3.32vw;
  display: block;
}
.v_elysium #contents .about_section .texts p b {
  margin-top: 5vw;
}
.v_elysium #contents .about_section .texts p + p {
  margin-top: 7vw;
}
.v_elysium #contents .about_section .bg {
  position: absolute;
  left: 0;
  top: -63.8vw;
  z-index: -1;
}
.v_elysium #contents .about_section .bg img {
  width: 100vw;
  height: auto;
}
.v_elysium #contents .story_section {
  z-index: 300;
  background: url("/v_elysium/assets/img/top/story/bg.png") no-repeat center top/100% auto;
  padding: 42.969vw 0 0;
}
.v_elysium #contents .story_section h2 {
  position: relative;
  top: -10.156vw;
  position: absolute;
  left: 0;
  width: 100%;
}
.v_elysium #contents .story_section .texts {
  height: 175.781vw;
  background: url("/v_elysium/assets/img/top/story/base.jpg") no-repeat center center/100% auto;
  position: relative;
  z-index: 10;
}
.v_elysium #contents .story_section .texts .character {
  position: absolute;
  left: 0;
  top: -42.48vw;
}
.v_elysium #contents .story_section .texts h3,
.v_elysium #contents .story_section .texts .text01,
.v_elysium #contents .story_section .texts .text02 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.v_elysium #contents .story_section .texts h3 {
  top: 147.852vw;
}
.v_elysium #contents .story_section .texts .text01 {
  top: 7.813vw;
}
.v_elysium #contents .story_section .texts .text02 {
  top: 74.902vw;
}
.v_elysium #contents .story_section .texts .base {
  opacity: 0;
  position: absolute;
  left: -9999px;
}
.v_elysium #contents .system_section::before {
  content: "";
  background: url("/v_elysium/assets/img/top/system/bg.png") no-repeat center 0/100% auto;
  width: 100vw;
  height: 73.633vw;
  position: absolute;
  left: 0;
  top: -31.5vw;
  z-index: 10;
}
.v_elysium #contents .system_section .texts {
  background: url("/v_elysium/assets/img/top/system/base.png") no-repeat center top/100vw auto;
  height: 156.836vw;
  margin-bottom: -19.531vw;
  padding: 58.203vw 0 0;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 100;
}
.v_elysium #contents .system_section .texts h2 {
  font-size: 9.473vw;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  font-family: "Cinzel";
  font-weight: 500;
}
.v_elysium #contents .system_section .texts p {
  font-size: 3.027vw;
  letter-spacing: 0.16em;
  text-align: left;
  line-height: 6.445vw;
  padding: 13.281vw 15.039vw 0 17.578vw;
}
.v_elysium #contents .system_section .img img {
  width: 100%;
  height: auto;
  max-width: inherit;
}
.v_elysium #contents .system_section .img h3 {
  font-size: 4.688vw;
  letter-spacing: 0.16em;
  padding: 7vw 8.691vw 0vw;
}
.v_elysium #contents .system_section .img h3 small {
  font-size: 2.637vw;
  position: relative;
  top: -0.2em;
}
.v_elysium #contents .system_section .img div {
  position: relative;
}
.v_elysium #contents .system_section .img div::before {
  content: "";
  background: url("/v_elysium/assets/img/top/characters/bg.png") no-repeat left top/100vw auto;
  height: 248.926vw;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.v_elysium #contents .system_section .img p {
  font-size: 2.734vw;
  line-height: 5.42vw;
  letter-spacing: 0.16em;
  padding: 2vw 7.715vw 0 9.082vw;
}
.v_elysium #contents .system_section .burst {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100vw;
  opacity: 0;
}
.v_elysium #contents .system_section .burst.burst01 {
  left: 50vw;
  top: -6.6666vw;
  opacity: 1;
  margin-left: -16.9vw;
}
.v_elysium #contents .system_section .burst.burst01 img {
  width: 34.277vw;
  animation: spin 48s linear infinite reverse;
}
.v_elysium #contents .system_section .burst.burst02 {
  opacity: 0;
  left: 50vw;
  top: -20.5vw;
  opacity: 1;
  margin-left: -30.9vw;
}
.v_elysium #contents .system_section .burst.burst02 img {
  width: 62.793vw;
  -webkit-animation: spin 36s linear infinite;
          animation: spin 36s linear infinite;
}
.v_elysium #contents .system_section .btn_more {
  z-index: 999;
  position: absolute;
  padding: 0 0 0 0;
  top: 119.141vw;
  right: 31.25vw;
}
.v_elysium #contents .characters_section {
  padding: 22.461vw 0 0;
  z-index: 220;
}
.v_elysium #contents .characters_section h2 {
  margin: 0 0 8.789vw;
}
.v_elysium #contents .characters_section .character_archive {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.v_elysium #contents .characters_section .character_archive div {
  padding: 0 0.586vw;
}
.v_elysium #contents .characters_section .character_archive div a {
  display: block;
  overflow: hidden;
}
.v_elysium #contents .characters_section .character_archive div a .mask {
  /*-webkit-mask-image: url("../img/top/characters/mask.png");*/
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 80%);
  /*-webkit-mask-mode: alpha;*/
  -webkit-mask-mode: match-source;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 150%;
  -webkit-mask-position: center top;
}
.v_elysium #contents .characters_section .character_archive div a img {
  width: 15.625vw;
  height: auto;
  filter: brightness(1);
}
.v_elysium #contents .characters_section .character_archive div a[href*="#comingsoon"] {
  pointer-events: none !important;
}
.v_elysium #contents .characters_section .character_archive div:nth-child(even) {
  padding: 10.547vw 0.586vw 0;
}
.v_elysium #contents .characters_section .character_archive div:nth-child(n+6) {
  margin-top: 7.813vw;
}
.v_elysium #contents .characters_section a.new-a::before {
  content: "";
  position: absolute;
  top: 17%;
  right: -10%;
  background: url("/v_elysium/assets/img/top/new.png") no-repeat center top/70% auto;
  width: 50%;
  height: 50%;
  z-index: 999;
}
.v_elysium #contents .characters_section a.new-b::before {
  content: "";
  position: absolute;
  top: 4%;
  left: -14%;
  background: url("/v_elysium/assets/img/top/new.png") no-repeat center top/70% auto;
  width: 50%;
  height: 50%;
  z-index: 999;
}
.v_elysium #contents .products_section {
  padding: 22.461vw 0 0;
  z-index: 10;
}
.v_elysium #contents .products_section::after {
  content: "";
  background: url("/v_elysium/assets/img/top/products/bg.png") no-repeat left top/100% auto;
  height: 184.668vw;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 61vw;
  z-index: -1;
}
.v_elysium #contents .products_section .mark {
  position: relative;
  top: -10.742vw;
}
.v_elysium #contents .products_section .frame {
  padding: 8.594vw 0 12.305vw;
  background: url("/v_elysium/assets/img/top/products/line_close.png") no-repeat center bottom/100% auto;
}
.v_elysium #contents .products_section .frame .type {
  display: flex;
  justify-content: center;
}
.v_elysium #contents .products_section .frame .type a {
  font-size: 2.246vw;
  letter-spacing: 0.22em;
  text-indent: 0.22em;
  border: 1px solid #000;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.391vw;
  margin: 0 0.684vw;
}
.v_elysium #contents .products_section .frame .type a span {
  line-height: 8.301vw;
  height: 8.301vw;
  display: block;
  width: 30.273vw;
  text-align: center;
  position: relative;
}
.v_elysium #contents .products_section .frame .type a span em {
  display: inline-block;
  position: relative;
  z-index: 10;
}
.v_elysium #contents .products_section .frame .type a span::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.v_elysium #contents .products_section .frame .type a span::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(to right, #9ea9cf 0%, #897a76 100%);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.v_elysium #contents .products_section .frame .type a.active {
  pointer-events: none;
}
.v_elysium #contents .products_section .frame .type a.active span::after {
  opacity: 1;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.v_elysium #contents .products_section .frame .sort {
  display: flex;
  justify-content: center;
  padding: 5.859vw 0 0;
  display: none;
  opacity: 0;
}
.v_elysium #contents .products_section .frame .sort a {
  color: #000;
  font-size: 3.516vw;
  letter-spacing: 0.16em;
  text-decoration: none;
  font-weight: 500;
  margin: 0 3.027vw;
  position: relative;
}
.v_elysium #contents .products_section .frame .sort a + a::before {
  content: "";
  width: 0.879vw;
  height: 0.879vw;
  position: absolute;
  left: -3.1vw;
  top: 50%;
  transform: rotate(45deg) translate(-70%, 0);
  background: #000;
}
.v_elysium #contents .products_section .frame .sort a.active {
  color: #a15f8f;
}
.v_elysium #contents .products_section .frame .sort.show {
  display: flex;
  opacity: 1;
  transition: 0.4s;
}
.v_elysium #contents .products_section .frame .product_item {
  padding: 7.813vw 9.375vw 0;
  display: none;
  opacity: 0;
}
.v_elysium #contents .products_section .frame .product_item.show {
  display: block;
  opacity: 1;
  transition: 0.4s;
}
.v_elysium #contents .products_section .frame .product_item .package span {
  display: block;
}
.v_elysium #contents .products_section .frame .product_item .package span:nth-child(1) {
  width: 48.828vw;
  height: auto;
  display: block;
  margin: 0 auto;
}
.v_elysium #contents .products_section .frame .product_item .package span + span {
  margin-top: 7.813vw;
}
.v_elysium #contents .products_section .frame .product_item .price {
  text-align: center;
  padding: 7.813vw 0 0;
  font-size: 3.125vw;
  letter-spacing: 0.16em;
}
.v_elysium #contents .products_section .frame .product_item .price b {
  font-size: 4.102vw;
  padding: 0 1.465vw 0 3.418vw;
}
.v_elysium #contents .products_section .frame .product_item .price p.pricetitle {
  margin: 0 auto 1.953vw;
  line-height: 1.5em;
}
.v_elysium #contents .products_section .frame .product_item .btn {
  margin: 6.25vw auto 0;
  text-align: center;
}
.v_elysium #contents .products_section .frame .product_item .btn a {
  display: block;
  color: #fff;
  font-size: 3.32vw;
  letter-spacing: 0.26em;
  text-indent: 0.26em;
  border: 1px solid #000;
  text-decoration: none;
  padding: 0.586vw;
  background: #d4c5ba;
  width: 44.336vw;
  margin: 0 auto;
}
.v_elysium #contents .products_section .frame .product_item .btn a span {
  background: #000;
  height: 8.594vw;
  line-height: 8.594vw;
  display: block;
}
.v_elysium #contents .products_section .frame .product_item .note a:link {
  color: #000;
  text-decoration: underline;
}
.v_elysium #contents .products_section .frame .product_item .note a:hover {
  color: #000;
  text-decoration: none;
}
.v_elysium #contents .products_section .frame .product_item .note.tokuten_note {
  margin: 0 auto;
}
.v_elysium #contents .products_section .tokuten h4 {
  width: 100%;
  height: auto;
  margin: 16.9vw auto 5.6vw;
  padding: 4.09vw 0px;
  color: #fff;
  font-size: 3.13vw;
  background: linear-gradient(to right, #a2b2e0, #887974);
  text-align: center;
  letter-spacing: 0.16em;
}
.v_elysium #contents .products_section .tokuten .note {
  font-size: 0.73vw;
  line-height: 1.51vw;
  text-align: left;
}
.v_elysium #contents .products_section .tokuten .price {
  padding: 2.813vw 0 0;
}
.v_elysium #contents .products_section .tokuten .price .tokuten_title {
  font-size: 4.35vw;
  line-height: 6.4vw;
  padding: 0 0 6.6vw 0;
}
.v_elysium #contents .products_section .tokuten .price .note {
  font-size: 2.73vw;
  line-height: 5.54vw;
  letter-spacing: 0.1em;
}
.v_elysium #contents .products_section .tokuten .note {
  font-size: 2.73vw;
  line-height: 5.54vw;
  letter-spacing: 0.1em;
}
.v_elysium #contents .products_section .tokuten .package {
  margin: 0 0 0 0;
}
.v_elysium #contents .products_section .tokuten .package span {
  width: 48.523vw;
}
.v_elysium #contents .products_section .tokuten .bottom {
  width: 100%;
  padding: 2.29vw 0 0 0 !important;
}
.v_elysium #contents .products_section .tokuten .tokuten_title + .btn {
  margin: -3vw auto 6vw;
}
.v_elysium #contents .products_section .ddx {
  padding: 11vw 0 0 0;
  border-top: 1px solid #d3d3d3;
  margin: 11vw auto 0;
}
.v_elysium #contents .products_section .ddx .package {
  width: 100%;
  display: block;
}
.v_elysium #contents .products_section .ddx .bottom {
  display: block;
  padding: 4.417vw 0 0 0 !important;
}
.v_elysium #contents .products_section .ddx .package {
  margin: 0 0 0 0;
}
.v_elysium #contents .products_section .ddx .package span {
  width: 48.523vw;
}
.v_elysium #contents .products_section .ddx .bottom {
  width: 100%;
  padding: 2.29vw 0 0 0 !important;
}
.v_elysium #contents .products_section .ddx .note {
  font-size: 2.73vw;
  line-height: 5.54vw;
  text-align: left;
  letter-spacing: 0.1em;
}
.v_elysium #contents .products_section .ddx .note.tokuten_note {
  margin: 0 auto;
}
.v_elysium #contents .products_section .ddx .tokuten_title + .btn {
  margin: -3vw auto 6vw;
}
.v_elysium #contents .products_section .ddx .bottom + .note {
  margin: 6vw auto 0;
}
.v_elysium #contents .products_section .ddx.note_box {
  padding: 0;
}
.v_elysium #contents .products_section .ddx.note_box .note {
  padding: 0;
  margin: 11vw auto 0;
}
.v_elysium #contents .products_section .steam .package span {
  width: 100% !important;
}
.v_elysium #contents .products_section .pake-steam {
  margin: 0 0 0 0;
}
.v_elysium #contents .products_section .pake-steam span {
  width: 100% !important;
}
.v_elysium #contents .products_section .ce .package {
  width: 100%;
  margin: 0;
}
.v_elysium #contents .products_section .ce .package span {
  width: 100% !important;
}
.v_elysium #contents .products_section .ce .bottom {
  padding: 0 0 0 0vw !important;
  display: block;
}
.v_elysium #contents .products_section .ce ul.ce-con {
  font-size: 3.516vw;
  line-height: 6.54vw;
  text-align: left;
  padding: 0 0 5vw 0;
}
.v_elysium #contents .products_section .ce ul.ce-con li {
  padding: 0 0 3vw 0;
}
.v_elysium #contents .products_section .ce .note {
  font-size: 2.73vw;
  line-height: 4.54vw !important;
  text-align: left;
  margin-top: 4.88;
}
.v_elysium #contents .products_section .ce .bottom + .note {
  margin: 8vw auto 0;
}
.v_elysium #contents .products_section .note {
  font-size: 2.73vw;
  line-height: 1.81;
  text-align: left;
  margin: 10vw auto 0;
}
.v_elysium #contents .products_section ul.tokuten-con {
  font-size: 3.516vw;
  line-height: 4.54vw;
  text-align: left;
  padding: 8vw 0 2vw 0;
}
.v_elysium #contents .products_section ul.tokuten-con li {
  padding: 0 0 3vw 0;
}
.v_elysium #contents .freeupdates_section {
  padding: 22.461vw 0 0;
  z-index: 10;
}
.v_elysium #contents .freeupdates_section::after {
  content: "";
  background: url("/v_elysium/assets/img/top/products/bg.png") no-repeat left top/100% auto;
  height: 184.668vw;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 61vw;
  z-index: -1;
}
.v_elysium #contents .freeupdates_section .mark {
  position: relative;
  top: -10.742vw;
}
.v_elysium #contents .freeupdates_section .frame {
  padding: 8.594vw 0 12.305vw;
  background: url("/v_elysium/assets/img/top/products/line_close.png") no-repeat center bottom/100% auto;
}
.v_elysium #contents .freeupdates_section .frame .type {
  display: flex;
  justify-content: center;
}
.v_elysium #contents .freeupdates_section .frame .type a {
  font-size: 2.246vw;
  letter-spacing: 0.22em;
  text-indent: 0.22em;
  border: 1px solid #000;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.391vw;
  margin: 0 0.684vw;
}
.v_elysium #contents .freeupdates_section .frame .type a span {
  line-height: 8.301vw;
  height: 8.301vw;
  display: block;
  width: 30.273vw;
  text-align: center;
  position: relative;
}
.v_elysium #contents .freeupdates_section .frame .type a span em {
  display: inline-block;
  position: relative;
  z-index: 10;
}
.v_elysium #contents .freeupdates_section .frame .type a span::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.v_elysium #contents .freeupdates_section .frame .type a span::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(to right, #9ea9cf 0%, #897a76 100%);
  opacity: 0;
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.v_elysium #contents .freeupdates_section .frame .type a.active {
  pointer-events: none;
}
.v_elysium #contents .freeupdates_section .frame .type a.active span::after {
  opacity: 1;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.v_elysium #contents .freeupdates_section .frame .sort {
  display: flex;
  justify-content: center;
  padding: 5.859vw 0 0;
  display: none;
  opacity: 0;
}
.v_elysium #contents .freeupdates_section .frame .sort a {
  color: #000;
  font-size: 3.516vw;
  letter-spacing: 0.16em;
  text-decoration: none;
  font-weight: 500;
  margin: 0 3.027vw;
  position: relative;
}
.v_elysium #contents .freeupdates_section .frame .sort a + a::before {
  content: "";
  width: 0.879vw;
  height: 0.879vw;
  position: absolute;
  left: -3.1vw;
  top: 50%;
  transform: rotate(45deg) translate(-70%, 0);
  background: #000;
}
.v_elysium #contents .freeupdates_section .frame .sort a.active {
  color: #a15f8f;
}
.v_elysium #contents .freeupdates_section .frame .sort.show {
  display: flex;
  opacity: 1;
  transition: 0.4s;
}
.v_elysium #contents .freeupdates_section .frame .product_item {
  padding: 7.813vw 9.375vw 0;
  display: block;
  opacity: 1;
}
.v_elysium #contents .freeupdates_section .frame .product_item.show {
  display: block;
  opacity: 1;
  transition: 0.4s;
}
.v_elysium #contents .freeupdates_section .frame .product_item .package span {
  display: block;
}
.v_elysium #contents .freeupdates_section .frame .product_item .package span:nth-child(1) {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.v_elysium #contents .freeupdates_section .frame .product_item .package span + span {
  margin-top: 7.813vw;
}
.v_elysium #contents .freeupdates_section .frame .product_item .price {
  text-align: center;
  padding: 0 0 0;
  font-size: 3.125vw;
  letter-spacing: 0.16em;
}
.v_elysium #contents .freeupdates_section .frame .product_item .price b {
  font-size: 4.102vw;
  padding: 0 1.465vw 0 3.418vw;
}
.v_elysium #contents .freeupdates_section .frame .product_item .price p.pricetitle {
  margin: 0 auto 1.953vw;
  line-height: 1.5em;
}
.v_elysium #contents .freeupdates_section .frame .product_item .btn {
  margin: 6.25vw auto 0;
  text-align: center;
}
.v_elysium #contents .freeupdates_section .frame .product_item .btn a {
  display: block;
  color: #fff;
  font-size: 3.32vw;
  letter-spacing: 0.26em;
  text-indent: 0.26em;
  border: 1px solid #000;
  text-decoration: none;
  padding: 0.586vw;
  background: #d4c5ba;
  width: 44.336vw;
  margin: 0 auto;
}
.v_elysium #contents .freeupdates_section .frame .product_item .btn a span {
  background: #000;
  height: 8.594vw;
  line-height: 8.594vw;
  display: block;
}
.v_elysium #contents .freeupdates_section .tokuten {
  margin: 0 auto;
}
.v_elysium #contents .freeupdates_section .tokuten h4 {
  width: 100%;
  height: auto;
  margin: 0vw auto 0vw;
  padding: 4.09vw 0px;
  color: #fff;
  font-size: 3.516vw;
  background: linear-gradient(to right, #a2b2e0, #887974);
  text-align: center;
  letter-spacing: 0.16em;
}
.v_elysium #contents .freeupdates_section .tokuten .note {
  font-size: 0.73vw;
  line-height: 1.51vw;
  text-align: left;
}
.v_elysium #contents .freeupdates_section .tokuten .price {
  padding: 0 0 0;
}
.v_elysium #contents .freeupdates_section .tokuten .price .tokuten_title {
  font-size: 3.125vw;
  line-height: 6.4vw;
  padding: 6.6vw 0 12.6vw 0;
  text-align: left;
}
.v_elysium #contents .freeupdates_section .tokuten .price .note {
  font-size: 2.73vw;
  line-height: 5.54vw;
  letter-spacing: 0.1em;
}
.v_elysium #contents .freeupdates_section .tokuten .note {
  font-size: 2.73vw;
  line-height: 5.54vw;
  letter-spacing: 0.1em;
}
.v_elysium #contents .freeupdates_section .tokuten .package {
  margin: 5.859vw 0 0 0;
}
.v_elysium #contents .freeupdates_section .tokuten .package span {
  width: 48.523vw;
}
.v_elysium #contents .freeupdates_section .tokuten .bottom {
  width: 100%;
  padding: 2.29vw 0 0 0 !important;
}
.v_elysium #contents .freeupdates_section .tokuten .tokuten_title + .btn {
  margin: -3vw auto 6vw;
}
.v_elysium #contents .freeupdates_section .update-scheduled {
  border-top: 1px #868686 solid;
  margin: 0 auto;
}
.v_elysium #contents .freeupdates_section .update-scheduled h5 {
  font-size: 3.516vw;
  padding: 12.402vw 0 6.25vw 0;
  margin: 0 auto;
  color: #9e929b;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.2em;
}
.v_elysium #contents .freeupdates_section .update-scheduled .update-scheduled-bg {
  width: 100%;
  padding: 9.766vw 5.762vw;
  background: #e9e9e9;
  font-size: 2.73vw;
  margin: 0 auto;
}
.v_elysium #contents .freeupdates_section .update-scheduled .update-scheduled-bg ul {
  margin: 0 auto;
  line-height: 6.4vw;
}
.v_elysium #contents .freeupdates_section .update-scheduled .update-scheduled-bg ul li:nth-child(2) {
  padding: 6.25vw 0 0 0;
}
.v_elysium #contents .freeupdates_section .update-scheduled .note {
  margin: 1.953vw auto 0;
  text-align: left;
}
.v_elysium #contents .freeupdates_section .note {
  font-size: 2.73vw;
  line-height: 1.81;
  text-align: left;
  margin: 10vw auto 0;
}
.v_elysium #contents .close_bg {
  position: relative;
  background: url("/v_elysium/assets/img/top/footer_bg.jpg") no-repeat center bottom/100% auto;
}
.v_elysium #contents .about_spec {
  color: #9e929b;
  padding: 21.484vw 0 0 8.789vw;
  position: relative;
  z-index: 10;
}
.v_elysium #contents .about_spec h2 {
  font-size: 8.398vw;
  font-family: "Cinzel";
  letter-spacing: 0.08em;
  font-weight: 400;
}
.v_elysium #contents .about_spec p {
  font-size: 2.93vw;
  line-height: 4.785vw;
  letter-spacing: 0.08em;
  font-weight: 600;
}
.v_elysium #contents .about_spec .cell + .cell,
.v_elysium #contents .about_spec p ~ h2 {
  margin: 4.59vw 0 0;
}
.v_elysium #contents .about_spec h2 ~ p {
  margin-top: 0.977vw;
}
.v_elysium #contents .about_spec dl {
  font-size: 2.441vw;
  letter-spacing: 0.18em;
  font-weight: 600;
  color: #000;
  line-height: 5.166vw;
  margin-top: 4.883vw;
}
.v_elysium #contents .about_spec dl dt {
  display: inline-block;
  float: left;
}
.v_elysium #contents .about_spec dl dt::after {
  content: "：";
}
.v_elysium #contents .about_spec dl dd {
  zoom: 1;
  overflow: hidden;
}
.v_elysium #contents .close_section {
  padding: 90.82vw 0 13.477vw;
  position: relative;
  z-index: 0;
}
.v_elysium #contents .close_section ul.link {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.977vw;
  position: relative;
  z-index: 10;
}
.v_elysium #contents .close_section ul.link li {
  margin: 0 auto;
}
.v_elysium #contents .close_section ul.link li img {
  width: 70.313vw;
  height: auto;
}
.v_elysium #contents .close_section ul.link li ~ li {
  margin-top: -0.977vw;
}
.v_elysium #contents .close_section ul.link li a {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative;
}
.v_elysium #contents .close_section ul.link li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: 2.637vw;
  letter-spacing: 0.28em;
  font-family: "Cinzel";
  font-weight: 700;
  padding: 0.391vw 0 0 20.02vw;
  line-height: 13.184vw;
}
.v_elysium #contents .close_section ul.link.santora {
  display: flex;
  margin: 6.836vw auto 0;
}
.v_elysium #contents .btn_more {
  margin-top: 5.859vw;
}
.v_elysium #contents .btn_more a {
  display: flex;
  border: 1px solid #000;
  padding: 0.391vw;
  width: 37.305vw;
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
}
.v_elysium #contents .btn_more a span {
  display: flex;
  height: 6.445vw;
  width: 100%;
  background: #454545;
  text-align: center;
  font-family: "Cinzel";
  font-size: 3.613vw;
  letter-spacing: 0.42em;
  justify-content: center;
  align-items: center;
  padding: 0.195vw 0 0;
  text-indent: 0.21em;
}

/*
    .mask{display: flex; position: absolute; left: 0; top: 0; width: 100vw; height: 100%;
      span{width: 25vw; height: 100%; display: inline-flex; overflow: hidden;
     -webkit-mask-image: url("../img/mask_text.png");
     -webkit-mask-mode: alpha;
     -webkit-mask-repeat: no-repeat;
     -webkit-mask-size: 100% 50%; 
     -webkit-mask-position: center top;
       img{width: 100vw; height: auto;}
      }
      span:nth-child(2) img {position: relative; left: -25vw;}
      span:nth-child(3) img {position: relative; left: -50vw;}
      span:nth-child(4) img {position: relative; left: -75vw;}
    }
*/
@media screen and (min-width: 1100px) {
  .v_elysium #contents {
    padding: 0 0 0;
  }
  .v_elysium #contents .fixed_yoyaku {
    width: 308px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .v_elysium #contents .fixed_yoyaku img {
    width: 308px;
    height: auto;
  }
  .v_elysium #contents .fixed_yoyaku a {
    display: block;
    position: relative;
    transition: 0.4s;
  }
  .v_elysium #contents .fixed_yoyaku a:hover {
    opacity: 0.7;
  }
  .v_elysium #contents .pc_nav {
    display: block;
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 1000;
  }
  .v_elysium #contents .pc_nav nav {
    display: flex;
    padding: 0 30px 0 0;
  }
  .v_elysium #contents .pc_nav a {
    color: #fff;
    display: block;
    font-size: 23px;
    letter-spacing: 0.36em;
    text-decoration: none;
    font-family: "Cinzel";
    transition: 0.4s;
    padding: 10px 0.8em 8px;
  }
  .v_elysium #contents .pc_nav a:hover {
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(30px);
            backdrop-filter: blur(30px);
  }
  .v_elysium #contents .kv_section .lt .bg img {
    width: 683px;
    height: auto;
  }
  .v_elysium #contents .kv_section .lt h1 {
    margin-bottom: -20px;
    padding: 0;
    margin-top: -36px;
  }
  .v_elysium #contents .kv_section .lt h1 img {
    width: 494px;
  }
  .v_elysium #contents .kv_section .lt dl {
    padding: 0 0 0 88px;
  }
  .v_elysium #contents .kv_section .lt dl dt {
    font-size: 36px;
    line-height: 35px;
    padding: 3px 0 0 5px;
    height: 35px;
  }
  .v_elysium #contents .kv_section .lt dl dt::before {
    height: 36px;
  }
  .v_elysium #contents .kv_section .lt dl dd {
    font-size: 18px;
    letter-spacing: 0.12em;
    padding: 11px 0 30px 5px;
  }
  .v_elysium #contents .kv_section .copy {
    top: 380px;
    color: #2c2c2c;
    margin-left: 460px;
  }
  .v_elysium #contents .kv_section .copy span {
    font-size: 28px;
    display: block;
  }
  .v_elysium #contents .kv_section .copy span em {
    display: block;
    padding-bottom: 7px;
  }
  .v_elysium #contents .kv_section .copy span + span {
    padding: 7px 0 0 50px;
  }
  .v_elysium #contents .kv_section .btn_area {
    width: 496px;
    top: 616px;
    z-index: 100;
    left: 36px;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap {
    width: 496px;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap a img {
    transition: 0.2s;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap a span {
    font-size: 12px;
    left: 135px;
    line-height: 57px;
    padding: 0.2em 0 0;
    display: block;
    transition: 0.2s;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap a:hover {
    /*
    img{opacity: 0;}
    picture + picture{opacity: 1;
      img{opacity: 1;}
    }
    span{color: #000; transition: 0.4s;}
    */
    opacity: 0.7;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap {
    margin-top: 12px;
    width: 496px;
    position: relative;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a {
    transition: 0.4s;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a img {
    transition: 0.2s;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a span.text {
    font-size: 11px;
    left: 224px;
    top: 0;
    line-height: 57px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a:hover {
    /*
    img{opacity: 0;}
    picture + picture{opacity: 1;
      img{opacity: 1;}
    }
    span{color: #000; transition: 0.4s;}
    */
    opacity: 0.7;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a.play .on {
    opacity: 1;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a.play .off {
    opacity: 0;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select {
    display: flex;
    justify-content: flex-start;
    padding: 71px 0 0 37px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select li {
    padding: 0 3px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a {
    font-size: 15px;
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a::before {
    width: 26px;
    height: 26px;
  }
  .v_elysium #contents .kv_section .pc_wrap {
    position: absolute;
    left: 70px;
    top: 856px;
    z-index: 1000;
  }
  .v_elysium #contents .kv_section .news {
    padding: 0 0 0 5px;
  }
  .v_elysium #contents .kv_section .news h2 {
    font-size: 27px;
  }
  .v_elysium #contents .kv_section .news p {
    font-size: 16px;
    margin: 12px 0 0;
  }
  .v_elysium #contents .kv_section .kv_mask {
    margin-bottom: 0;
    height: auto;
  }
  .v_elysium #contents .kv_section .kv_mask::after {
    background: url("/v_elysium/assets/img/top/kv/kv_shadow@pc.png") no-repeat center top/100% auto;
  }
  .v_elysium #contents .kv_section .kv_mask .kv .mask {
    -webkit-mask-image: url("../img/top/kv/kv_mask@pc.png");
  }
  .v_elysium #contents .kv_section .kv_mask .kv .mask img {
    width: 100vw;
    height: auto;
  }
  .v_elysium #contents .kv_section .kv_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
  }
  .v_elysium #contents .kv_section .kv_bg img {
    width: 100%;
    height: auto;
    max-width: inherit;
  }
  .v_elysium #contents .kv_section .yoyaku {
    padding: 0;
    margin-top: 47px;
    width: 435px;
    /*
    span{display: block; padding:30px 0 0;
      img{height: 28px; width: auto; margin: 0 auto;}
    }*/
  }
  .v_elysium #contents .kv_section .yoyaku a img {
    width: 435px;
    height: auto;
    transition: 0.4s;
  }
  .v_elysium #contents .kv_section .yoyaku a {
    display: inline-block;
    position: relative;
  }
  .v_elysium #contents .kv_section .yoyaku a::after {
    content: "";
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .kv_section .yoyaku a:hover::after {
    opacity: 1;
  }
  .v_elysium #contents .kv_section .yoyaku .bnrs {
    margin-top: 14px;
    width: 435px;
  }
  .v_elysium #contents .kv_section .yoyaku .swiper-pagination {
    display: flex;
    width: 100%;
    position: relative;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 100;
    height: 50px;
  }
  .v_elysium #contents .kv_section .yoyaku .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #d3d3d3;
  }
  .v_elysium #contents .kv_section .yoyaku .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
  }
  .v_elysium #contents .kv_section .pf {
    margin: -25px 0 40px 66px;
    z-index: 99;
    position: relative;
    height: auto;
    width: 199px;
  }
  .ie11 .v_elysium #contents .kv_section .kv_mask {
    background: url("/v_elysium/assets/img/top/kv/kv_ie11@pc.png") no-repeat center top/100% auto;
  }
  .ie11 .v_elysium #contents .kv_section .kv_mask::after {
    display: none;
  }
  .ie11 .v_elysium #contents .kv_section .kv_mask .kv,
.ie11 .v_elysium #contents .kv_section .kv_mask .mask {
    opacity: 0;
  }
  .ie11 .v_elysium #contents .kv_section .kv_mask .kv img,
.ie11 .v_elysium #contents .kv_section .kv_mask .mask img {
    opacity: 0;
  }
  .v_elysium #contents .movie_section {
    padding: 0 0 0;
    z-index: 200;
    margin: -62px 0 0;
  }
  .v_elysium #contents .movie_section h2 {
    padding-bottom: 36px;
  }
  .v_elysium #contents .movie_section h2 img {
    width: 960px;
    height: auto;
  }
  .v_elysium #contents .movie_section .movie_contents {
    width: 1860px;
    height: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-prev {
    background: url("/v_elysium/assets/img/arr_prev.png") no-repeat left top/70px 81px;
    width: 70px;
    height: 81px;
    left: 40px;
    margin: -35px 0 0 0;
    transition: 0.4s;
    -webkit-animation: rotateX-anim 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: rotateX-anim 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-next {
    background: url("/v_elysium/assets/img/arr_next.png") no-repeat left top/70px 81px;
    width: 70px;
    height: 81px;
    right: 40px;
    margin: -35px 0 0 0;
    transition: 0.4s;
    -webkit-animation: rotateX-anim 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
            animation: rotateX-anim 4s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-prev:hover {
    transform: translateX(-10px);
    opacity: 0.7;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-next:hover {
    transform: translateX(10px);
    opacity: 0.7;
  }
  .v_elysium #contents .movie_section .swiper-pagination {
    display: flex;
    width: 100%;
    position: relative;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 100;
    height: 50px;
  }
  .v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #d3d3d3;
  }
  .v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
  }
  .v_elysium #contents .movie_section .swiper-slide {
    width: 1860px;
    height: 752px;
  }
  .v_elysium #contents .movie_section .swiper-slide a {
    height: 752px;
  }
  .v_elysium #contents .movie_section .swiper-slide a::before {
    content: "";
    width: 1820px;
    height: 722px;
  }
  .v_elysium #contents .movie_section .swiper-slide a::after {
    content: "";
    background: url("/v_elysium/assets/img/btn_play@pc.png") no-repeat center center/100% 100%;
    width: 194px;
    height: 195px;
    transition: 0.3s;
  }
  .v_elysium #contents .movie_section .swiper-slide a .pv {
    position: relative;
    height: 752px;
  }
  .v_elysium #contents .movie_section .swiper-slide a .pv::after {
    content: "";
    background: url("/v_elysium/assets/img/btn_play_ov@pc.png") no-repeat center center/100% 100%;
    width: 194px;
    height: 195px;
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .movie_section .swiper-slide a:hover::after {
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .movie_section .swiper-slide a:hover .pv::after {
    opacity: 1;
    transition: 0.3s;
  }
  .v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper {
    width: 1860px;
    height: 752px;
    overflow: hidden;
    z-index: 0;
  }
  .v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper iframe {
    width: 1860px !important;
    height: 1046px !important;
    margin-left: 0;
    margin-top: -147px;
    pointer-events: none;
    transform: scale(1.02);
  }
  .v_elysium #contents .movie_section .swiper-slide .texts {
    bottom: 58px;
  }
  .v_elysium #contents .movie_section .swiper-slide .texts p {
    font-size: 26px;
  }
  .v_elysium #contents .about_section {
    padding: 0 0 0;
    height: auto;
    z-index: 10;
    margin-top: -635px;
  }
  .v_elysium #contents .about_section .animation_trigger {
    top: 735px;
  }
  .v_elysium #contents .about_section .wrap {
    padding: 882px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
  .v_elysium #contents .about_section .wrap h2 img {
    height: 88px;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .about_section .texts {
    padding: 0 0;
    margin-top: 62px;
  }
  .v_elysium #contents .about_section .texts p {
    font-size: 22px;
    line-height: 51px;
  }
  .v_elysium #contents .about_section .texts p b {
    font-size: 30px;
    display: block;
  }
  .v_elysium #contents .about_section .texts p b {
    margin-top: 0;
  }
  .v_elysium #contents .about_section .texts p + p {
    margin-top: 50px;
  }
  .v_elysium #contents .about_section .bg {
    position: relative;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .v_elysium #contents .about_section .bg img {
    width: 100%;
    height: auto;
  }
  .v_elysium #contents .story_section {
    background: url("/v_elysium/assets/img/top/story/bg@pc.png") no-repeat center top/100% auto;
    padding: 444px 0 0;
    margin-bottom: 283px;
  }
  .v_elysium #contents .story_section h2 {
    position: relative;
    top: -244px;
    position: absolute;
    left: 0;
    width: 100%;
  }
  .v_elysium #contents .story_section .texts {
    height: 1073px;
    background: url("/v_elysium/assets/img/top/story/base@pc.jpg") no-repeat center center/auto 100vw;
    width: 100vw;
    background: none;
  }
  .v_elysium #contents .story_section .texts .character {
    position: absolute;
    left: 50%;
    top: -90px;
    margin-left: -271px;
  }
  .v_elysium #contents .story_section .texts h3,
.v_elysium #contents .story_section .texts .text01,
.v_elysium #contents .story_section .texts .text02 {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 20;
  }
  .v_elysium #contents .story_section .texts h3 {
    top: 770px;
    left: 0;
    width: 100%;
  }
  .v_elysium #contents .story_section .texts h3 img {
    height: 200px;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .story_section .texts .text01 {
    top: 114px;
    margin-left: 405px;
  }
  .v_elysium #contents .story_section .texts .text02 {
    top: 114px;
    margin-left: -708px;
  }
  .v_elysium #contents .story_section .texts .base {
    padding: 0 50px;
    opacity: 1;
    left: auto;
    position: static;
  }
  .v_elysium #contents .story_section .texts .base img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .system_section {
    background: none;
  }
  .v_elysium #contents .system_section::before {
    content: "";
    background: url("/v_elysium/assets/img/top/system/bg02@pc.png") no-repeat center 0/100% auto;
    height: 753px;
    width: 1920px;
    position: absolute;
    left: 0;
    top: -494px;
    z-index: -1;
  }
  .v_elysium #contents .system_section::after {
    content: "";
    background: url("/v_elysium/assets/img/top/system/bg01@pc.png") no-repeat center 0/100% auto;
    height: 819px;
    width: 818px;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    margin: -872px 0 0 117px;
  }
  .v_elysium #contents .system_section .texts {
    background: url("/v_elysium/assets/img/top/system/base@pc.png") no-repeat center top/937px auto;
    height: 1087px;
    margin-bottom: 0;
    padding: 320px 0 0 120px;
    position: absolute;
    right: 0;
    top: -10px;
    width: 937px;
    z-index: 111;
  }
  .v_elysium #contents .system_section .texts h2 {
    font-size: 75px;
  }
  .v_elysium #contents .system_section .texts p {
    font-size: 24px;
    line-height: 51px;
    padding: 86px 132px 0 142px;
  }
  .v_elysium #contents .system_section .img {
    padding: 0 463px 0 0;
    z-index: 110;
    position: relative;
  }
  .v_elysium #contents .system_section .img img {
    width: 100%;
    height: auto;
    max-width: inherit;
  }
  .v_elysium #contents .system_section .img h3 {
    font-size: 28px;
    letter-spacing: 0.16em;
    padding: 30px 0 0 72px;
    margin: -4px 0 0;
  }
  .v_elysium #contents .system_section .img h3 small {
    font-size: 16px;
  }
  .v_elysium #contents .system_section .img div {
    position: relative;
  }
  .v_elysium #contents .system_section .img div::before {
    content: "";
    background: url("/v_elysium/assets/img/top/characters/bg@pc.png") no-repeat center top/100% auto;
    height: 1700px;
    width: 1920px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
  }
  .v_elysium #contents .system_section .img p {
    font-size: 16px;
    line-height: 33px;
    padding: 0 0 0 76px;
    margin-top: 13px;
  }
  .v_elysium #contents .system_section .burst.burst01 {
    top: -238px;
    margin-left: -172px;
  }
  .v_elysium #contents .system_section .burst.burst01 img {
    width: 351px;
  }
  .v_elysium #contents .system_section .burst.burst02 {
    top: -385px;
    margin-left: -316px;
  }
  .v_elysium #contents .system_section .burst.burst02 img {
    width: 643px;
  }
  .v_elysium #contents .system_section .btn_more {
    z-index: 999;
    position: absolute;
    padding: 30px 0 0 0;
    top: 790px;
    right: 300px;
  }
  .v_elysium #contents .characters_section {
    padding: 175px 0 0;
  }
  .v_elysium #contents .characters_section h2 {
    margin: -10px 0 103px;
  }
  .v_elysium #contents .characters_section h2 img {
    height: 56px;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .characters_section .character_archive {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .v_elysium #contents .characters_section .character_archive div {
    padding: 0 5px;
  }
  .v_elysium #contents .characters_section .character_archive div a {
    display: block;
    transition: 0.4s;
  }
  .v_elysium #contents .characters_section .character_archive div a .mask {
    /*-webkit-mask-image: url("../img/top/characters/mask.png");*/
    -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 80%);
    /*-webkit-mask-mode: alpha;*/
    -webkit-mask-mode: match-source;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 150%;
    -webkit-mask-position: center top;
  }
  .v_elysium #contents .characters_section .character_archive div a img {
    width: 133px;
    height: auto;
    transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .v_elysium #contents .characters_section .character_archive div a[href="#comingsoon"] {
    pointer-events: none;
  }
  .v_elysium #contents .characters_section .character_archive div a:hover img {
    transform: scale(1.12);
    filter: brightness(1.2);
    transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .v_elysium #contents .characters_section .character_archive div:nth-child(even) {
    padding: 90px 5px 0;
  }
  .v_elysium #contents .characters_section .character_archive div:nth-child(n+6) {
    margin-top: 0;
  }
  .v_elysium #contents .characters_section a.new-a::before {
    content: "";
    position: absolute;
    top: 17%;
    right: -10%;
    background: url("/v_elysium/assets/img/top/new.png") no-repeat center top/70% auto;
    width: 50%;
    height: 50%;
    z-index: 999;
  }
  .v_elysium #contents .characters_section a.new-b::before {
    content: "";
    position: absolute;
    top: 4%;
    left: -14%;
    background: url("/v_elysium/assets/img/top/new.png") no-repeat center top/70% auto;
    width: 50%;
    height: 50%;
    z-index: 999;
  }
  .v_elysium #contents .products_section {
    padding: 0 0 0;
    z-index: 200;
  }
  .v_elysium #contents .products_section::after {
    content: "";
    background: url("/v_elysium/assets/img/top/products/bg@pc.png") no-repeat left top/100% auto;
    height: 1772px;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 273px;
    z-index: -1;
    pointer-events: none;
  }
  .v_elysium #contents .products_section .mark {
    position: relative;
    top: 0;
    padding: 90px 0;
  }
  .v_elysium #contents .products_section .mark img {
    height: 70px;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .products_section .frame_wrap {
    width: 1276px;
    text-align: left;
    margin: 0 auto;
  }
  .v_elysium #contents .products_section h2 {
    background: url("/v_elysium/assets/img/top/products/h2@pc.png") no-repeat left top/100% auto;
  }
  .v_elysium #contents .products_section h2 img {
    height: auto;
    margin: 0 auto -1px 0;
    width: 100%;
    opacity: 0;
  }
  .v_elysium #contents .products_section .frame {
    padding: 43px 0 98px;
    background: none;
    background: url("/v_elysium/assets/img/top/products/line_close@pc.png") no-repeat left bottom/100% auto;
  }
  .v_elysium #contents .products_section .frame .type a {
    font-size: 22px;
    transition: 0.4s;
    position: relative;
    display: block;
    padding: 4px;
    margin: 0 10px;
  }
  .v_elysium #contents .products_section .frame .type a:hover::after {
    opacity: 1;
  }
  .v_elysium #contents .products_section .frame .type a::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .products_section .frame .type a span {
    line-height: 85px;
    height: 85px;
    width: 310px;
  }
  .v_elysium #contents .products_section .frame .sort {
    padding: 60px 0 0;
  }
  .v_elysium #contents .products_section .frame .sort a {
    font-size: 30px;
    margin: 0 30px;
    transition: 0.4s;
  }
  .v_elysium #contents .products_section .frame .sort a + a::before {
    content: "";
    width: 8px;
    height: 8px;
    left: -1em;
  }
  .v_elysium #contents .products_section .frame .sort a:hover {
    opacity: 0.7;
  }
  .v_elysium #contents .products_section .frame .product_item {
    padding: 60px 140px 0;
  }
  .v_elysium #contents .products_section .frame .product_item .package {
    width: 17.92vw;
    display: inline-block;
    margin: 0 0 0 2.34vw;
  }
  .v_elysium #contents .products_section .frame .product_item .package span {
    display: block;
  }
  .v_elysium #contents .products_section .frame .product_item .package span:nth-child(1) {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .v_elysium #contents .products_section .frame .product_item .package span + span {
    margin-top: 0;
  }
  .v_elysium #contents .products_section .frame .product_item .package .sp-item {
    display: none;
  }
  .v_elysium #contents .products_section .frame .product_item .price {
    text-align: center;
    padding: 0 0 0;
    position: relative;
    top: -0.1em;
    font-size: 26px;
  }
  .v_elysium #contents .products_section .frame .product_item .price b {
    font-size: 33px;
    padding: 0 12px 0 20px;
    position: relative;
    top: 0.05em;
  }
  .v_elysium #contents .products_section .frame .product_item .price p.pricetitle {
    margin: 0 auto 10px;
    line-height: 1.5em;
  }
  .v_elysium #contents .products_section .frame .product_item .btn {
    margin: 45px auto 0;
    text-align: center;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a {
    font-size: 26px;
    display: block;
    position: relative;
    padding: 7px;
    background: #d4c5ba;
    width: 334px;
    margin: 0 auto;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a span {
    background: #000;
    height: 64px;
    line-height: 64px;
    display: block;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a:hover::after {
    opacity: 1;
  }
  .v_elysium #contents .products_section .frame .product_item .bottom {
    display: inline-block;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    padding: 104px 0 0 104px;
  }
  .v_elysium #contents .products_section .frame .product_item .bottom.dl_bottom {
    padding: 104px 0 0 108px;
  }
  .v_elysium #contents .products_section .frame .tokuten h4 {
    width: 100%;
    height: auto;
    margin: 4.9vw auto 2.6vw;
    padding: 1.09vw 0px;
    color: #fff;
    font-size: 1.35vw;
    background: linear-gradient(to right, #a2b2e0, #887974);
    text-align: center;
    letter-spacing: 0.16em;
  }
  .v_elysium #contents .products_section .frame .tokuten .note {
    font-size: 0.73vw;
    line-height: 1.51vw;
    text-align: left;
  }
  .v_elysium #contents .products_section .frame .tokuten .price .tokuten_title {
    font-size: 1.35vw;
    line-height: 2.4vw;
    padding: 0 0 2.6vw 0;
  }
  .v_elysium #contents .products_section .frame .tokuten .price .tokuten_title.buki {
    padding: 6vw 0 2.6vw 0;
  }
  .v_elysium #contents .products_section .frame .tokuten .price .note {
    font-size: 0.73vw;
    line-height: 1.54vw;
    letter-spacing: 0.1em;
  }
  .v_elysium #contents .products_section .frame .tokuten .package {
    margin: 0 0 0 2.34vw;
  }
  .v_elysium #contents .products_section .frame .tokuten .bottom {
    width: 30.55vw;
    padding: 1.29vw 0 0 4.69vw !important;
  }
  .v_elysium #contents .products_section .frame .tokuten .tokuten_title + .btn {
    margin: -1vw auto 3vw;
  }
  .v_elysium #contents .products_section .frame .ddx {
    padding: 5vw 0 0 0;
    border-top: 1px solid #d3d3d3;
    margin: 3vw auto 0;
  }
  .v_elysium #contents .products_section .frame .ddx .note {
    font-size: 0.73vw;
    line-height: 1.54vw;
    letter-spacing: 0.1em;
    padding: 2vw 0 0 0;
  }
  .v_elysium #contents .products_section .frame .ddx .package {
    margin: 3vw 0 0 2.34vw;
  }
  .v_elysium #contents .products_section .frame .ddx .bottom {
    width: 30.55vw;
    padding: 1.29vw 0 0 4.69vw !important;
  }
  .v_elysium #contents .products_section .frame .ddx .tokuten_title + .btn {
    margin: -1vw auto 3vw;
  }
  .v_elysium #contents .products_section .frame .ddx .bottom + .note {
    margin: 0 auto 0;
  }
  .v_elysium #contents .products_section .frame .ddx.note_box {
    padding: 0;
    margin: 5vw auto 0 !important;
  }
  .v_elysium #contents .products_section .frame .ddx.note_box .note {
    padding: 0;
    margin: 5vw auto 0;
  }
  .v_elysium #contents .products_section .frame .pake-steam {
    margin: 5vw 0 0 2.34vw !important;
  }
  .v_elysium #contents .products_section .frame .pake-steam span {
    width: inherit !important;
  }
  .v_elysium #contents .products_section .frame .ce .package {
    width: 100%;
    margin: 0;
  }
  .v_elysium #contents .products_section .frame .ce .bottom {
    padding: 5.417vw 0 0 0vw !important;
    display: block;
  }
  .v_elysium #contents .products_section .frame .ce ul.ce-con {
    font-size: 1.09vw;
    line-height: 1.51vw;
    text-align: left;
    padding: 0 0 40px 0;
  }
  .v_elysium #contents .products_section .frame .ce ul.ce-con li {
    padding: 0 0 20px 0;
  }
  .v_elysium #contents .products_section .frame .ce .note {
    font-size: 0.73vw;
    line-height: 1.51vw !important;
    text-align: left;
    margin-top: 50px;
  }
  .v_elysium #contents .products_section .frame .ce .bottom + .note {
    margin: 50px auto 0;
  }
  .v_elysium #contents .products_section .frame .note {
    font-size: 0.73vw;
    line-height: 1.51vw;
    text-align: left;
    margin: 50px auto 0;
  }
  .v_elysium #contents .products_section .frame ul.tokuten-con {
    font-size: 1.09vw;
    line-height: 1.51vw;
    text-align: left;
    padding: 30px 0 20px 0;
  }
  .v_elysium #contents .products_section .frame ul.tokuten-con li {
    padding: 0 0 10px 0;
  }
  .v_elysium #contents .freeupdates_section {
    padding: 0 0 0;
    z-index: 200;
  }
  .v_elysium #contents .freeupdates_section::after {
    content: "";
    background: url("/v_elysium/assets/img/top/products/bg@pc.png") no-repeat left top/100% auto;
    height: 1772px;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 273px;
    z-index: -1;
    pointer-events: none;
  }
  .v_elysium #contents .freeupdates_section .mark {
    position: relative;
    top: 0;
    padding: 90px 0;
  }
  .v_elysium #contents .freeupdates_section .mark img {
    height: 70px;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .freeupdates_section .frame_wrap {
    width: 1276px;
    text-align: left;
    margin: 0 auto;
  }
  .v_elysium #contents .freeupdates_section h2 {
    background: url("/v_elysium/assets/img/top/products/h2-update@pc.png") no-repeat left top/100% auto;
  }
  .v_elysium #contents .freeupdates_section h2 img {
    height: auto;
    margin: 0 auto -1px 0;
    width: 100%;
    opacity: 0;
  }
  .v_elysium #contents .freeupdates_section .frame {
    padding: 43px 0 98px;
    background: none;
    background: url("/v_elysium/assets/img/top/products/line_close@pc.png") no-repeat left bottom/100% auto;
  }
  .v_elysium #contents .freeupdates_section .frame .type a {
    font-size: 22px;
    transition: 0.4s;
    position: relative;
    display: block;
    padding: 4px;
    margin: 0 10px;
  }
  .v_elysium #contents .freeupdates_section .frame .type a:hover::after {
    opacity: 1;
  }
  .v_elysium #contents .freeupdates_section .frame .type a::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .freeupdates_section .frame .type a span {
    line-height: 85px;
    height: 85px;
    width: 310px;
  }
  .v_elysium #contents .freeupdates_section .frame .sort {
    padding: 60px 0 0;
  }
  .v_elysium #contents .freeupdates_section .frame .sort a {
    font-size: 30px;
    margin: 0 30px;
    transition: 0.4s;
  }
  .v_elysium #contents .freeupdates_section .frame .sort a + a::before {
    content: "";
    width: 8px;
    height: 8px;
    left: -1em;
  }
  .v_elysium #contents .freeupdates_section .frame .sort a:hover {
    opacity: 0.7;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item {
    padding: 0 140px 0;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .package {
    width: 100%;
    display: inline-block;
    margin: 0 0 0 2.34vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .package span {
    display: block;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .package span:nth-child(1) {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .package span + span {
    margin-top: 0;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .package .sp-item {
    display: none;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .price {
    text-align: center;
    padding: 0 0 0;
    position: relative;
    top: -0.1em;
    font-size: 26px;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .price b {
    font-size: 33px;
    padding: 0 12px 0 20px;
    position: relative;
    top: 0.05em;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .price p.pricetitle {
    margin: 0 auto 10px;
    line-height: 1.5em;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn {
    margin: 45px auto 0;
    text-align: center;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a {
    font-size: 26px;
    display: block;
    position: relative;
    padding: 7px;
    background: #d4c5ba;
    width: 334px;
    margin: 0 auto;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a span {
    background: #000;
    height: 64px;
    line-height: 64px;
    display: block;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a::after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.4s;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a:hover::after {
    opacity: 1;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .bottom {
    display: inline-block;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    padding: 104px 0 0 104px;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .bottom.dl_bottom {
    padding: 5.417vw 0 0 7.813vw;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten {
    margin: 2vw auto 5vw;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten h4 {
    width: 100%;
    height: auto;
    margin: 0 auto 0;
    padding: 1.09vw 0px;
    color: #fff;
    font-size: 26px;
    background: linear-gradient(to right, #a2b2e0, #887974);
    text-align: center;
    letter-spacing: 0.16em;
    text-align: center;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .note {
    font-size: 0.73vw;
    line-height: 1.51vw;
    text-align: left;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .price .tokuten_title {
    font-size: 1.05vw;
    line-height: 2.4vw;
    padding: 1.88vw 0 0 0;
    text-align: center;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .price .note {
    font-size: 0.73vw;
    line-height: 1.54vw;
    letter-spacing: 0.1em;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .package {
    margin: 2vw auto 0;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .bottom {
    width: 30.55vw;
    padding: 1.29vw 0 0 4.69vw !important;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten .tokuten_title + .btn {
    margin: -1vw auto 3vw;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled {
    border-top: 1px #868686 solid;
    margin: 57px auto 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled h5 {
    font-size: 24px;
    padding: 60px 0 30px 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg {
    width: 644px;
    padding: 40px 60px;
    background: #e9e9e9;
    font-size: 17px;
    letter-spacing: 0.16em;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg ul {
    line-height: 2em;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg ul li:nth-child(2) {
    padding: 15px 0 0 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .note {
    margin: 20px auto 0;
    text-align: center;
  }
  .v_elysium #contents .freeupdates_section .frame .note {
    font-size: 0.73vw;
    line-height: 1.51vw;
    text-align: left;
    margin: 50px auto 0;
  }
  .v_elysium #contents .freeupdates_section .frame .note.tokuten_note {
    margin: 0 auto;
  }
  .v_elysium #contents .close_bg {
    background: url("/v_elysium/assets/img/top/footer_bg@pc.jpg") no-repeat center bottom/100% auto;
  }
  .v_elysium #contents .about_spec {
    padding: 0 0 0;
    position: relative;
    z-index: 1000;
  }
  .v_elysium #contents .about_spec .flex {
    display: flex;
    width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    justify-content: center;
    align-items: flex-start;
  }
  .v_elysium #contents .about_spec .flex .cell {
    width: 50%;
    padding: 130px 0 0 15px;
  }
  .v_elysium #contents .about_spec .flex .cell ~ .cell {
    padding-left: 60px;
  }
  .v_elysium #contents .about_spec h2 {
    font-size: 66px;
  }
  .v_elysium #contents .about_spec p {
    font-size: 20px;
    line-height: 38px;
  }
  .v_elysium #contents .about_spec .cell + .cell {
    margin-top: 0;
  }
  .v_elysium #contents .about_spec p ~ h2 {
    margin: 40px 0 0;
  }
  .v_elysium #contents .about_spec h2 ~ p {
    margin-top: 5px;
  }
  .v_elysium #contents .about_spec dl {
    font-size: 18px;
    line-height: 40px;
    margin-top: 46px;
  }
  .v_elysium #contents .about_spec dl dt {
    display: inline-block;
    float: left;
  }
  .v_elysium #contents .about_spec dl dt::after {
    content: "：";
  }
  .v_elysium #contents .about_spec dl dd {
    zoom: 1;
    overflow: hidden;
  }
  .v_elysium #contents .about_spec dl dd small {
    font-size: 14px;
    position: relative;
    top: -10px;
    left: -0.5em;
    white-space: nowrap;
  }
  .v_elysium #contents .close_section {
    padding: 520px 0 90px;
    position: relative;
    z-index: 1000;
    text-align: center;
  }
  .v_elysium #contents .close_section h2 img {
    width: 1024px;
    height: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .close_section ul.link {
    display: inline-flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-end;
    margin: -44px auto 0;
  }
  .v_elysium #contents .close_section ul.link li {
    margin: 0 auto;
    padding: 0 22px;
  }
  .v_elysium #contents .close_section ul.link li img {
    width: 401px;
    height: auto;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .v_elysium #contents .close_section ul.link li ~ li {
    margin-top: 0;
  }
  .v_elysium #contents .close_section ul.link li a {
    display: block;
    position: relative;
    transition: 0.4s;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .v_elysium #contents .close_section ul.link li span {
    font-size: 15px;
    padding: 2px 0 0 110px;
    line-height: 77px;
  }
  .v_elysium #contents .close_section ul.link li a:hover {
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .v_elysium #contents .close_section ul.link.santora {
    display: flex;
    margin: 32px auto 0;
  }
  .v_elysium #contents .btn_more {
    margin-top: 0;
  }
  .v_elysium #contents .btn_more a {
    padding: 4px;
    width: 292px;
    transition: 0.4s;
  }
  .v_elysium #contents .btn_more a span {
    display: flex;
    height: 48px;
    width: 100%;
    font-size: 28px;
    padding: 2px 0 0;
  }
  .v_elysium #contents .btn_more a:hover {
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media screen and (min-width: 1100px) {
  .v_elysium #contents .fixed_yoyaku {
    width: 224.583px;
  }
  .v_elysium #contents .fixed_yoyaku img {
    width: 224.583px;
    height: auto;
  }
  .v_elysium #contents .pc_nav {
    top: 32px;
  }
  .v_elysium #contents .pc_nav nav {
    padding: 0 1.563vw 0 0;
  }
  .v_elysium #contents .pc_nav a {
    font-size: 1.198vw;
    transition: 0.4s;
    padding: 0.521vw 0.8em 0.417vw;
  }
  .v_elysium #contents .kv_section .lt .bg img {
    width: 35.573vw;
    height: auto;
  }
  .v_elysium #contents .kv_section .lt h1 {
    margin-bottom: -1.042vw;
    margin-top: -1.875vw;
  }
  .v_elysium #contents .kv_section .lt h1 img {
    width: 25.729vw;
  }
  .v_elysium #contents .kv_section .lt dl {
    padding: 0 0 0 4.583vw;
  }
  .v_elysium #contents .kv_section .lt dl dt {
    font-size: 1.875vw;
    line-height: 1.823vw;
    padding: 0.156vw 0 0 0.26vw;
    height: 1.823vw;
  }
  .v_elysium #contents .kv_section .lt dl dt::before {
    height: 1.875vw;
  }
  .v_elysium #contents .kv_section .lt dl dd {
    font-size: 0.938vw;
    letter-spacing: 0.12em;
    padding: 0.573vw 0 1.563vw 0.26vw;
  }
  .v_elysium #contents .kv_section .copy {
    top: 19.792vw;
    margin-left: 23.958vw;
  }
  .v_elysium #contents .kv_section .copy span {
    font-size: 1.458vw;
  }
  .v_elysium #contents .kv_section .copy span em {
    display: block;
    padding-bottom: 0.365vw;
  }
  .v_elysium #contents .kv_section .copy span + span {
    padding: 0.365vw 0 0 2.604vw;
  }
  .v_elysium #contents .kv_section .btn_area {
    width: 361.667px;
    top: 32.083vw;
    z-index: 100;
    left: 1.875vw;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap {
    width: 361.667px;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap a span {
    font-size: 8.75px;
    left: 98.437px;
    line-height: 41.562px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap {
    margin-top: 8.75px;
    width: 361.667px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a span.text {
    font-size: 8.021px;
    left: 163.333px;
    top: 0;
    line-height: 41.562px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a img {
    width: 361.667px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select {
    padding: 51.771px 0 0 26.979px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select li {
    padding: 0 2.187px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a {
    font-size: 10.937px;
    width: 26.25px;
    height: 26.25px;
    line-height: 26.25px;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a::before {
    width: 18.958px;
    height: 18.958px;
  }
  .v_elysium #contents .kv_section .pc_wrap {
    left: 3.646vw;
    top: 44.583vw;
  }
  .v_elysium #contents .kv_section .news {
    padding: 0 0 0 0.26vw;
  }
  .v_elysium #contents .kv_section .news h2 {
    font-size: 1.406vw;
  }
  .v_elysium #contents .kv_section .news p {
    font-size: 0.833vw;
    margin: 0.625vw 0 0;
  }
  .v_elysium #contents .kv_section .yoyaku {
    margin-top: 2.448vw;
    width: 22.656vw;
    /*
    span{padding:vw(30) 0 0;
      img{height: vw(28);}
    }*/
  }
  .v_elysium #contents .kv_section .yoyaku a img {
    width: 22.656vw;
  }
  .v_elysium #contents .kv_section .yoyaku .bnrs {
    margin-top: 0.729vw;
    width: 22.656vw;
  }
  .v_elysium #contents .kv_section .pf {
    margin: -1.823vw 0 2.083vw 4.583vw;
    width: 13.021vw;
  }
  .v_elysium #contents .movie_section {
    margin: -3.229vw 0 0;
  }
  .v_elysium #contents .movie_section h2 {
    padding-bottom: 1.875vw;
  }
  .v_elysium #contents .movie_section h2 img {
    width: 50vw;
    height: auto;
  }
  .v_elysium #contents .movie_section .movie_contents {
    width: 96.875vw !important;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-prev {
    background: url("/v_elysium/assets/img/arr_prev.png") no-repeat left top/3.646vw 4.219vw;
    width: 3.646vw;
    height: 4.219vw;
    left: 2.083vw;
    margin: -1.823vw 0 0 0;
  }
  .v_elysium #contents .movie_section .movie_contents .swiper-button-next {
    background: url("/v_elysium/assets/img/arr_next.png") no-repeat left top/3.646vw 4.219vw;
    width: 3.646vw;
    height: 4.219vw;
    right: 2.083vw;
    margin: -1.823vw 0 0 0;
  }
  .v_elysium #contents .movie_section .swiper-pagination {
    display: flex;
    width: 100%;
    position: relative;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 100;
    height: 50px;
  }
  .v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #d3d3d3;
  }
  .v_elysium #contents .movie_section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
  }
  .v_elysium #contents .movie_section .swiper-slide {
    width: 96.875vw !important;
    height: 39.167vw !important;
  }
  .v_elysium #contents .movie_section .swiper-slide a {
    height: 39.167vw;
  }
  .v_elysium #contents .movie_section .swiper-slide a::before {
    width: 94.792vw;
    height: 37.604vw;
  }
  .v_elysium #contents .movie_section .swiper-slide a::after {
    width: 10.104vw;
    height: 10.156vw;
  }
  .v_elysium #contents .movie_section .swiper-slide a .pv {
    height: 39.167vw;
  }
  .v_elysium #contents .movie_section .swiper-slide a .pv::after {
    width: 10.104vw;
    height: 10.156vw;
  }
  .v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper {
    width: 96.875vw !important;
    height: 39.167vw !important;
  }
  .v_elysium #contents .movie_section .swiper-slide .bg_movie_wrapper iframe {
    width: 96.875vw !important;
    height: 54.479vw !important;
    margin-top: -7.656vw;
  }
  .v_elysium #contents .movie_section .swiper-slide .texts {
    bottom: 3.021vw;
  }
  .v_elysium #contents .movie_section .swiper-slide .texts p {
    font-size: 1.354vw;
  }
  .v_elysium #contents .about_section {
    margin-top: -33.073vw;
  }
  .v_elysium #contents .about_section .animation_trigger {
    top: 38.281vw;
  }
  .v_elysium #contents .about_section .wrap {
    padding: 45.938vw 0 0;
  }
  .v_elysium #contents .about_section .wrap h2 img {
    height: 4.583vw;
  }
  .v_elysium #contents .about_section .texts {
    margin-top: 3.229vw;
  }
  .v_elysium #contents .about_section .texts p {
    font-size: 1.146vw;
    line-height: 2.656vw;
  }
  .v_elysium #contents .about_section .texts p b {
    font-size: 1.563vw;
  }
  .v_elysium #contents .about_section .texts p + p {
    margin-top: 2.604vw;
  }
  .v_elysium #contents .story_section {
    padding: 23.125vw 0 0;
    margin-bottom: 14.74vw;
  }
  .v_elysium #contents .story_section h2 {
    top: -12.708vw;
  }
  .v_elysium #contents .story_section .texts {
    height: 55.885vw;
  }
  .v_elysium #contents .story_section .texts .character {
    top: -4.688vw;
    margin-left: -14.115vw;
  }
  .v_elysium #contents .story_section .texts .character img {
    width: 40.417vw;
    height: auto;
  }
  .v_elysium #contents .story_section .texts h3 {
    top: 40.104vw;
  }
  .v_elysium #contents .story_section .texts h3 img {
    height: 10.417vw;
  }
  .v_elysium #contents .story_section .texts .text01 {
    top: 5.938vw;
    margin-left: 21.094vw;
    width: 20.26vw;
  }
  .v_elysium #contents .story_section .texts .text02 {
    top: 5.938vw;
    margin-left: -36.875vw;
    width: 14.219vw;
  }
  .v_elysium #contents .story_section .texts .base {
    padding: 0 2.604vw;
  }
  .v_elysium #contents .story_section .texts .base img {
    height: 100%;
    width: auto;
    margin: 0 auto;
  }
  .v_elysium #contents .system_section::before {
    height: 39.219vw;
    width: 100vw;
    top: -25.729vw;
  }
  .v_elysium #contents .system_section::after {
    height: 42.656vw;
    width: 42.604vw;
    margin: -45.417vw 0 0 6.094vw;
  }
  .v_elysium #contents .system_section .texts {
    background: url("/v_elysium/assets/img/top/system/base@pc.png") no-repeat center top/48.802vw auto;
    height: 56.615vw;
    padding: 16.667vw 0 0 6.25vw;
    top: -0.521vw;
    width: 48.802vw;
  }
  .v_elysium #contents .system_section .texts h2 {
    font-size: 3.906vw;
  }
  .v_elysium #contents .system_section .texts p {
    font-size: 1.25vw;
    line-height: 2.656vw;
    padding: 4.479vw 6.875vw 0 7.396vw;
  }
  .v_elysium #contents .system_section .img {
    padding: 0 24.115vw 0 0;
  }
  .v_elysium #contents .system_section .img h3 {
    font-size: 1.458vw;
    padding: 1.563vw 0 0 3.75vw;
    margin: -0.208vw 0 0;
  }
  .v_elysium #contents .system_section .img h3 small {
    font-size: 0.833vw;
  }
  .v_elysium #contents .system_section .img div::before {
    height: 88.542vw;
    width: 100vw;
  }
  .v_elysium #contents .system_section .img p {
    font-size: 0.833vw;
    line-height: 1.719vw;
    padding: 0 0 0 3.958vw;
    margin-top: 0.677vw;
  }
  .v_elysium #contents .system_section .burst.burst01 {
    top: -12.396vw;
    margin-left: -8.958vw;
  }
  .v_elysium #contents .system_section .burst.burst01 img {
    width: 18.281vw;
  }
  .v_elysium #contents .system_section .burst.burst02 {
    top: -20.052vw;
    margin-left: -16.458vw;
  }
  .v_elysium #contents .system_section .burst.burst02 img {
    width: 33.49vw;
  }
  .v_elysium #contents .system_section .btn_more {
    padding: 1.563vw 0 0 0;
    top: 41.146vw;
    right: 13.802vw;
  }
  .v_elysium #contents .characters_section {
    padding: 9.115vw 0 0;
  }
  .v_elysium #contents .characters_section h2 {
    margin: -0.521vw 0 5.365vw;
  }
  .v_elysium #contents .characters_section h2 img {
    height: 2.917vw;
  }
  .v_elysium #contents .characters_section .character_archive div {
    padding: 0 0.26vw;
  }
  .v_elysium #contents .characters_section .character_archive div a img {
    width: 6.927vw;
  }
  .v_elysium #contents .characters_section .character_archive div:nth-child(even) {
    padding: 4.688vw 0.26vw 0;
  }
  .v_elysium #contents .characters_section .character_archive div:nth-child(n+6) {
    margin-top: 0;
  }
  .v_elysium #contents .products_section::after {
    height: 92.292vw;
    top: 14.219vw;
  }
  .v_elysium #contents .products_section .mark {
    padding: 4.688vw 0;
  }
  .v_elysium #contents .products_section .mark img {
    height: 3.646vw;
  }
  .v_elysium #contents .products_section .frame_wrap {
    width: 66.458vw;
  }
  .v_elysium #contents .products_section .frame {
    padding: 2.24vw 0 5.104vw;
  }
  .v_elysium #contents .products_section .frame .type a {
    font-size: 1.146vw;
    padding: 0.208vw;
    margin: 0 0.521vw;
  }
  .v_elysium #contents .products_section .frame .type a span {
    line-height: 4.427vw;
    height: 4.427vw;
    width: 16.146vw;
  }
  .v_elysium #contents .products_section .frame .sort {
    padding: 3.125vw 0 0;
  }
  .v_elysium #contents .products_section .frame .sort a {
    font-size: 1.563vw;
    margin: 0 1.563vw;
  }
  .v_elysium #contents .products_section .frame .sort a + a::before {
    width: 0.417vw;
    height: 0.417vw;
    left: -1em;
  }
  .v_elysium #contents .products_section .frame .product_item {
    padding: 3.125vw 7.292vw 0;
  }
  .v_elysium #contents .products_section .frame .product_item .price {
    font-size: 1.354vw;
  }
  .v_elysium #contents .products_section .frame .product_item .price b {
    font-size: 1.719vw;
    padding: 0 0.625vw 0 1.042vw;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a {
    font-size: 1.354vw;
    padding: 0.365vw;
    width: 17.396vw;
  }
  .v_elysium #contents .products_section .frame .product_item .btn a span {
    height: 3.333vw;
    line-height: 3.333vw;
  }
  .v_elysium #contents .products_section .frame .product_item .bottom {
    padding: 5.417vw 0 0 5.417vw;
  }
  .v_elysium #contents .products_section .frame .product_item .bottom.dl_bottom {
    padding: 5.417vw 0 0 7.813vw;
  }
  .v_elysium #contents .freeupdates_section::after {
    height: 92.292vw;
    top: 14.219vw;
  }
  .v_elysium #contents .freeupdates_section .mark {
    padding: 4.688vw 0;
  }
  .v_elysium #contents .freeupdates_section .mark img {
    height: 3.646vw;
  }
  .v_elysium #contents .freeupdates_section .frame_wrap {
    width: 66.458vw;
  }
  .v_elysium #contents .freeupdates_section .frame {
    padding: 2.24vw 0 5.104vw;
  }
  .v_elysium #contents .freeupdates_section .frame .type a {
    font-size: 1.146vw;
    padding: 0.208vw;
    margin: 0 0.521vw;
  }
  .v_elysium #contents .freeupdates_section .frame .type a span {
    line-height: 4.427vw;
    height: 4.427vw;
    width: 16.146vw;
  }
  .v_elysium #contents .freeupdates_section .frame .sort {
    padding: 3.125vw 0 0;
  }
  .v_elysium #contents .freeupdates_section .frame .sort a {
    font-size: 1.563vw;
    margin: 0 1.563vw;
  }
  .v_elysium #contents .freeupdates_section .frame .sort a + a::before {
    width: 0.417vw;
    height: 0.417vw;
    left: -1em;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item {
    padding: 0 7.292vw 0;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .price {
    font-size: 1.354vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .price b {
    font-size: 1.719vw;
    padding: 0 0.625vw 0 1.042vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a {
    font-size: 1.354vw;
    padding: 0.365vw;
    width: 17.396vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .btn a span {
    height: 3.333vw;
    line-height: 3.333vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .bottom {
    padding: 5.417vw 0 0 5.417vw;
  }
  .v_elysium #contents .freeupdates_section .frame .product_item .bottom.dl_bottom {
    padding: 5.417vw 0 0 7.813vw;
  }
  .v_elysium #contents .freeupdates_section .frame .tokuten h4 {
    font-size: 1.354vw;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled {
    border-top: 0.052vw #868686 solid;
    margin: 2.969vw auto 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled h5 {
    font-size: 1.354vw;
    padding: 3.125vw 0 2.93vw 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg {
    width: 40.625vw;
    padding: 2.083vw 3.125vw;
    background: #e9e9e9;
    font-size: 0.885vw;
    letter-spacing: 0.16em;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg ul {
    line-height: 2em;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .update-scheduled-bg ul li:nth-child(2) {
    padding: 0.977vw 0 0 0;
  }
  .v_elysium #contents .freeupdates_section .frame .update-scheduled .note {
    margin: 20px auto 0;
    text-align: center;
  }
  .v_elysium #contents .about_spec .flex {
    width: 57.292vw;
  }
  .v_elysium #contents .about_spec .flex .cell {
    padding: 6.771vw 0 0 0.781vw;
  }
  .v_elysium #contents .about_spec .flex .cell ~ .cell {
    padding-left: 3.125vw;
  }
  .v_elysium #contents .about_spec h2 {
    font-size: 3.438vw;
  }
  .v_elysium #contents .about_spec p {
    font-size: 1.042vw;
    line-height: 1.979vw;
  }
  .v_elysium #contents .about_spec p ~ h2 {
    margin: 2.083vw 0 0;
  }
  .v_elysium #contents .about_spec h2 ~ p {
    margin-top: 0.26vw;
  }
  .v_elysium #contents .about_spec dl {
    font-size: 0.938vw;
    line-height: 2.083vw;
    margin-top: 2.396vw;
  }
  .v_elysium #contents .about_spec dl dd small {
    font-size: 0.729vw;
    top: -0.521vw;
  }
  .v_elysium #contents .close_section {
    padding: 27.083vw 0 4.688vw;
  }
  .v_elysium #contents .close_section h2 img {
    width: 53.333vw;
  }
  .v_elysium #contents .close_section ul.link {
    margin-top: -32.083px;
  }
  .v_elysium #contents .close_section ul.link li {
    padding: 0 16.042px;
  }
  .v_elysium #contents .close_section ul.link li img {
    width: 292.396px;
    height: auto;
  }
  .v_elysium #contents .close_section ul.link li ~ li {
    margin-top: 0;
  }
  .v_elysium #contents .close_section ul.link li span {
    font-size: 10.937px;
    padding: 1.458px 0 0 80.208px;
    line-height: 56.146px;
  }
  .v_elysium #contents .btn_more a {
    padding: 0.208vw;
    width: 15.208vw;
  }
  .v_elysium #contents .btn_more a span {
    height: 2.5vw;
    width: 100%;
    font-size: 1.458vw;
    padding: 0.104vw 0 0;
  }
}
@media screen and (min-width: 1400px) {
  .v_elysium #contents .fixed_yoyaku {
    width: 16.042vw;
  }
  .v_elysium #contents .fixed_yoyaku img {
    width: 16.042vw;
    height: auto;
  }
  .v_elysium #contents .kv_section .btn_area {
    width: 25.833vw;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap {
    width: 25.833vw;
  }
  .v_elysium #contents .kv_section .btn_area .twitter_wrap a span {
    font-size: 0.625vw;
    left: 7.031vw;
    line-height: 2.969vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap {
    margin-top: 0.625vw;
    width: 25.833vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a span.text {
    font-size: 0.573vw;
    left: 11.667vw;
    line-height: 2.969vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap p a img {
    width: 25.833vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select {
    padding: 3.698vw 0 0 1.927vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select li {
    padding: 0 0.156vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a {
    font-size: 0.781vw;
    width: 1.875vw;
    height: 1.875vw;
    line-height: 1.875vw;
  }
  .v_elysium #contents .kv_section .btn_area .bgm_wrap .bgm_select a::before {
    width: 1.354vw;
    height: 1.354vw;
  }
  .v_elysium #contents .close_section ul.link li {
    padding: 0 1.146vw;
  }
  .v_elysium #contents .close_section ul.link li img {
    width: 20.885vw;
    height: auto;
  }
  .v_elysium #contents .close_section ul.link li span {
    font-size: 0.781vw;
    padding: 0.104vw 0 0 5.729vw;
    line-height: 4.01vw;
  }
  .v_elysium #contents .close_section ul.link.santora {
    margin: 1.667vw auto 0;
  }
}/*# sourceMappingURL=p_top.css.map */