body
{
    font-family: '\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3', 'Hiragino Kaku Gothic Pro', '\30E1\30A4\30EA\30AA', 'Meiryo', 'Osaka', '\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF', 'MS P Gothic', sans-serif;  font-size: 12px;  line-height: 1.5;  width: 100%;  color: #333;
}

h1,
h2,
h3,
h4,
ul,
dl,
dd,
p,
th,
figure
{
    font-weight: normal;  margin: 0;  padding: 0;
}

li
{
    list-style-type: none;
}

a
{
    text-decoration: none;  color: #333;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.wrapper
{
    position: relative;  padding: 50px 0;
}

.wrapper::before
{
    position: fixed;  z-index: -1;  top: 0;  left: 0;  display: block;  width: 100%;  height: 100vh;  content: '';  background: url('../images/sp/common/bg_main.png') no-repeat center;  background-size: cover;
}

.wrapper::after
{
    position: absolute;  bottom: 0;  left: 0;  width: 182px;  height: 76px;  content: '';  background: url('../images/pc/common/bg_deco_w.png') no-repeat center;  background-size: contain;
}

#loading
{
    position: fixed;  z-index: 2000;  top: 0;  right: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100vh;  background: #fff;
}

.date img
{
    width: 100%;
}

a
{
    outline: none;
}

a img
{
    outline: none;
}

/*20200401*/
#btn_page_top
{
    display: block;  width: 63px;  height: 34px;  margin: 50px auto 0;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 -225px;  background-size: 337px 301px;
}
/*20200401*/

#top.about
{
    padding-bottom: 0;
}

#top.about h1.title
{
    position: absolute;  z-index: 3;  top: 50px;  right: 0;  width: 181px;  margin: 0;
}

#top.about h1.title.en
{
    width: 151px;
}

#top.about h1.title img
{
    width: 100%;
}

#preload_container
{
    position: fixed;  z-index: 10000;  top: -50px;  width: 100%;  height: calc(100vh + 50px);  background-color: #000;
}

#preload_container img
{
    position: absolute;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}

.preload-enter-active,
.preload-leave-active
{
              -webkit-transition: opacity .3s ease-out;                      transition: opacity .3s ease-out;
}

.preload-enter,
.preload-leave-to
{
    opacity: 0;
}

#movie_area
{
    position: relative;  width: auto;  height: 620px;
}

#movie_area #top_video
{
    width: 100%;  height: 100%;     -o-object-fit: cover;        object-fit: cover;
}

#movie_area::after
{
    position: absolute;  z-index: 2;  top: 0;  right: 0;  bottom: 0;  left: 0;  content: '';  background: url('../images/sp/common/top/movie_cover.png') repeat center top;  background-size: 2px 2px;
}

#movie_area .top_parts
{
    position: absolute;  z-index: 3;  top: 50%;  left: 50%;  width: 100%;          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}

#movie_area .top_parts .catch
{
    width: 72%;  margin: 0 auto 30px;
}

#movie_area .top_parts .date
{
    width: 90%;  max-width: 479px;  margin: 0 auto ;
}

#movie_area .top_parts .catch img
{
    width: 100%;
}

#movie_area .top_parts h1
{
    width: 90%;  margin: 10px auto 0;
}

#movie_area .top_parts h1 img
{
    width: 100%;
}

#movie_area .top_parts.about .catch.ja
{
    margin-bottom: 0;
}

#movie_area .top_parts.about .catch.en
{
    width: 92%;
}

#movie_area .top_parts.about .about_box
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  width: 92%;  margin: 40px auto 0;  padding: 12px;  color: #fff;  background: rgba(0, 0, 0, .5);
}

#movie_area .top_parts.about .about_box .txt_lead
{
    text-align: left;
}

#movie_area .top_parts.about .about_box .list_bnr
{
    line-height: 1;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 100%;  margin-top: 15px;
}

#movie_area .top_parts.about .about_box .list_bnr li
{
    width: 155px;
}

#movie_area .top_parts.about .about_box .list_bnr a
{
    display: block;  margin-bottom: 5px;
}

#movie_area .top_parts.about .about_box .list_bnr a:hover
{
    opacity: .8;
}

#movie_area .top_parts.about .about_box .list_bnr a img
{
    width: 100%;
}

#movie_area .top_parts.about .about_box .list_bnr .caption
{
    font-size: 9px;  font-style: italic;  line-height: 1.3;          -webkit-transform: scale(.9);                  transform: scale(.9);  text-align: center;  white-space: nowrap;
}

#news_area
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  padding: 10px 15px;  color: #fff;  background-color: #333;
}

#news_area dl
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: start;  align-items: flex-start;  -ms-flex-align: start;  word-wrap: break-word;  overflow-wrap: break-word;
}

#news_area dl dt
{
    margin-right: 10px;
}

#news_area dl dt img
{
    width: 62px;  height: 14px;
}

#news_area dl dd
{
    font-size: 11px;  margin-top: 2px;
}

#news_area a
{
    display: block;  width: 278px;  color: #fff;
}

#news_area .btn_more
{
    position: relative;
}

#news_area .btn_more.off
{
    width: 103px;  height: 12px;  margin: 15px auto 0;  background: url('../images/sp/ja/top/btn_read_more_off.png') no-repeat center top;  background-size: contain;
}

#news_area .btn_more.on
{
    width: 62px;  height: 11px;  margin: 15px auto 0;  background: url('../images/sp/ja/top/btn_read_more_on.png') no-repeat center top;  background-size: contain;
}

#news_area #news_list li
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  color: #d0d0d0;
}

#news_area #news_list li a
{
    text-decoration: underline;  color: #d0d0d0;
}

#news_area #news_list li a:hover
{
    color: #fff;
}

#news_area #news_list:not(.open) li:not(:first-child)
{
    display: none;          -webkit-animation: show-data-v-348316fa .2s ease;                  animation: show-data-v-348316fa .2s ease;  opacity: 0;
}

#news_area #news_list.open li:not(:first-child)
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  margin-top: 5px;          -webkit-animation: show-data-v-348316fa .2s ease;                  animation: show-data-v-348316fa .2s ease;  opacity: 1;
}

#news_area #news_list .date
{
    font-family: arial;  margin-right: 10px;
}

#news_area #news_list .txt_news
{
    width: 80%;
}

@-webkit-keyframes show-data-v-348316fa
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

@keyframes show-data-v-348316fa
{
    from
    {
        opacity: 0;
    }

    to
    {
        opacity: 1;
    }
}

.movie_list
{
    width: 300px;  margin: 50px auto;
}

.movie_list li
{
    line-height: 1;
}

.movie_list li:not(:last-child)
{
    margin-bottom: 10px;
}

.movie_list li figure
{
    font-size: 0;  position: relative;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  cursor: pointer;  border: 2px solid #a81900;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.movie_list li figure::before
{
    position: absolute;  z-index: 1;  top: 0;  left: 0;  width: 100%;  height: 100%;  content: '';  background: rgba(0, 0, 0, .3);
}

.movie_list li figure::after
{
    position: absolute;  z-index: 1;  top: 50%;  left: 50%;  width: 90px;  height: 90px;  content: '';          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 -71px;  background-size: 337px 301px;
}

.movie_list li figure:hover::before
{
    background: transparent;
}

.movie_list li figure img
{
    width: 100%;
}

#game_info
{
    width: 92%;  margin: 50px auto 0;
}

#game_info h2
{
    line-height: 1;  width: 100%;  height: auto;  margin-bottom: 13px;  padding-bottom: 5px;  border-bottom: 1px solid #dca399;
}

#game_info .spec
{
    margin-bottom: 20px;
}

#game_info .spec h2 img
{
    width: 47px;
}

#game_info .spec_list li:not(:last-child)
{
    margin-bottom: 8px;  padding-bottom: 8px;  border-bottom: 1px solid #c2bfbb;
}

#game_info .spec_list li dl
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}

#game_info .spec_list li dl dt
{
    font-size: 11px;  font-weight: bold;  width: 32%;
}

#game_info .spec_list li dl dd
{
    font-size: 11px;  position: relative;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 68%;  padding-left: .8rem;  white-space: nowrap;
}

#game_info .spec_list dd .arc
{
    margin: 10px 0 0 12px;
}

#game_info .spec_list dd .arc img
{
    width: 87px;
}

#game_info .twitter h2 img
{
    width: 75px;
}

#game_info .twitter .twitter_widget
{
    width: 335px;
}

#game_info .scroll_wrap
{
    overflow-y: auto;  height: 222px;  -webkit-overflow-scrolling: touch;
}

#game_info .scroll_wrap::-webkit-scrollbar
{
    width: 10px;
}

#game_info .scroll_wrap::-webkit-scrollbar-track
{
    border: none;  border-radius: 10px;  background: #cda7a0;          -webkit-box-shadow: inset 0 0 2px #a81900;                  box-shadow: inset 0 0 2px #a81900;
}

#game_info .scroll_wrap::-webkit-scrollbar-thumb
{
    border-radius: 10px;  background: #a81900;          -webkit-box-shadow: none;                  box-shadow: none;
}

#game_info .spec_detail
{
    width: 82%;  margin: 0 auto;
}

#game_info .spec_detail h2
{
    margin-bottom: 25px;  padding-bottom: 0;  border-bottom: none;
}

#game_info .spec_detail h2 img
{
    width: 70px;  height: 15px;
}

#game_info .spec_detail dl
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;
}

#game_info .spec_detail dl dt
{
    font-size: 13px;  font-weight: bold;  width: 113px;
}

#game_info .spec_detail dl dd
{
    font-size: 12px;  width: 169px;  white-space: nowrap;
}

#game_info .spec_detail dl dd:not(:last-child)
{
    margin-bottom: 15px;
}

#game_info .spec_detail dl dd .arc
{
    margin-top: 10px;
}

#game_info .spec_detail dl dd .arc img
{
    width: 87px;  height: 15px;
}

.about_wrap .subtitle
{
    width: 300px;
}

.about_wrap .txt_desc1
{
    width: 311px;  margin-bottom: 23px;
}

.about_wrap .txt_desc2
{
    width: 242px;
}

.about_wrap .img_thumb
{
    width: 375px;  margin-bottom: 28px;
}

.about_wrap > div
{
    margin: 0 auto;
}

.about_wrap > div img
{
    width: 100%;
}

.about_wrap.en .subtitle
{
    width: 342px;  margin-bottom: 11px;
}

.about_wrap.en .txt_desc1
{
    width: 328px;  margin-bottom: 6px;
}

.about_wrap.en .txt_desc2
{
    width: 291px;
}

.about_wrap.en .img_thumb
{
    margin-bottom: 9px;
}

#characters
{
    position: relative;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  padding: 50px 0 90px 0;
}

#character_list h2
{
    width: 204px;  height: 75px;  margin-left: auto;
}

#character_list h2 img
{
    width: 100%;
}

#character_list .char_list_wrap
{
    overflow: hidden;
}

#character_list .char_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}

#character_list .char_list li .char_image
{
    width: 121px;  height: 163px;
}

#character_list .char_list li .char_image a
{
    display: block;
}

#character_list .char_list li .char_image img
{
    width: 100%;
}

#character_list .char_list.right,
#character_list .char_list.left
{
    margin: 25px 0;          -webkit-transform: skew(-7deg);                  transform: skew(-7deg);
}

#character_list .char_list.right li:nth-child(2),
#character_list .char_list.left li:nth-child(2)
{
    margin: 0 -10px;
}

#character_list .char_list.right li .char_image img,
#character_list .char_list.left li .char_image img
{
              -webkit-transform: skew(7deg);                      transform: skew(7deg);
}

#character_list .char_list.left li.thumb_coming
{
    width: 121px;  height: 163px;
}

#character_list .char_list.left li.thumb_coming img
{
    width: 100%;          -webkit-transform: skew(7deg);                  transform: skew(7deg);
}

#character_list .char_list.coming li
{
    width: 121px;  height: 163px;
}

#character_list .char_list.coming li img
{
    width: 100%;
}

#character_list .char_list.coming li:first-child
{
    margin-right: -10px;
}

#character_list .char_list.lean_right
{
    margin: 25px 0;          -webkit-transform: skew(-7deg);                  transform: skew(-7deg);
}

#character_list .char_list.lean_right li .char_image img
{
              -webkit-transform: skew(7deg);                      transform: skew(7deg);
}

#character_detail #bg_box
{
    position: absolute;  top: 0;  left: 0;  width: 100%;
}

#character_detail #bg_box img
{
    width: 100%;
}

#character_detail h2
{
    position: relative;  z-index: 2;  width: 207px;  height: 75px;  margin-left: auto;
}

#character_detail h2 img
{
    width: 100%;
}

#character_detail .inner
{
    padding: 0 4%;
}

#character_detail .img_name
{
    position: relative;  z-index: 2;  margin-top: 50px;
}

#character_detail .img_name img
{
    height: 82px;
}

#character_detail .img_catch
{
    position: relative;  z-index: 2;  width: 49px;  margin: 30px 0 0 auto;
}

#character_detail .img_catch img
{
    width: 100%;
}

#character_detail .img_character
{
    position: absolute;  z-index: 1;  top: 175px;  left: 50%;  width: 375px;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);
}

#character_detail .img_character img
{
    width: 100%;
}

#character_detail .txt_desc
{
    margin: 0 -4% 20px;  padding: 15px 4%;  color: #010101;  background: rgba(255, 255, 255, .5);  text-shadow: 1px 1px 2px #fff;
}

#character_detail .txt_desc.gran
{
    margin-top: 140px;
}

#character_detail .txt_desc.katalina
{
    margin-top: 250px;
}

#character_detail .txt_desc.charlotta
{
    margin-top: 45px;
}

#character_detail .txt_desc.lancelot
{
    margin-top: 265px;
}

#character_detail .txt_desc.percival
{
    margin-top: 320px;
}

#character_detail .txt_desc.ferry
{
    margin-top: 250px;
}

#character_detail .txt_desc.lowain
{
    margin-top: 130px;
}

#character_detail .txt_desc.fastiva
{
    margin-top: 230px;
}

#character_detail .txt_desc.metera
{
    margin-top: 300px;
}

#character_detail .txt_desc.zeta
{
    margin-top: 260px;
}

#character_detail .txt_desc.vaseraga
{
    margin-top: 260px;
}

#character_detail .txt_desc.chaosbringer
{
    margin-top: 315px;
}

#character_detail .txt_desc.beelzebub
{
    margin-top: 315px;
}
#character_detail .txt_desc.narmaya
{
    margin-top: 165px;
}

#character_detail .txt_desc.soriz
{
    margin-top: 322px;
}

#character_detail .txt_desc.djeeta
{
    margin-top: 135px;
}

#character_detail .char_command li
{
    font-size: 0;  width: 345px;  margin-bottom: 10px;  cursor: pointer;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#character_detail .char_command li img
{
    width: 100%;
}

#character_detail .char_command.two_col
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  justify-content: space-between;
}

#character_detail .char_command.two_col li
{
    width: 168px;  margin-bottom: 0;
}

#character_detail .nav_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin-top: 50px;
}

#character_detail .nav_list .next a,
#character_detail .nav_list .prev a
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;
}

#character_detail .nav_list .next a .arrow,
#character_detail .nav_list .prev a .arrow
{
    width: 15px;  height: 25px;
}

#character_detail .nav_list .next a .char_icon,
#character_detail .nav_list .prev a .char_icon
{
    width: 51px;  height: 51px;
}

#character_detail .nav_list .btn_back
{
    width: 121px;
}

#character_detail .nav_list .btn_back img
{
    width: 100%;
}


#character_detail .time_release
{
    margin: 25px -4% 0;
}

#character_detail .time_release img
{
    width: 100%;
}

.bnr_list
{
    width: 345px;  margin: 50px auto 0;
}

.bnr_list li
{
    margin-bottom: 10px;
}

.bnr_list li a
{
    font-size: 0;  display: block;
}

.bnr_list li a img
{
    width: 100%;
}

h2 img
{
    width: 100%;
}

.txt_date
{
    width: 92%;  margin: 25px auto 0;
}

.txt_lead
{
    width: 92%;  margin: 25px auto 0;
}

.specific
{
    width: 92%;  margin: 25px auto 0;
}

.specific a
{
    text-decoration: underline;
}

.specific dt
{
    font-weight: bold;
}

.specific dd:not(:last-child)
{
    margin-bottom: 25px;
}

.specific .prefix_num,
.specific .prefix_disc
{
    position: relative;
}

.specific .prefix_num::before,
.specific .prefix_disc::before
{
    position: absolute;  top: 0;  left: 0;  content: attr(data-prefix);
}

.specific .prefix_num
{
    padding-left: 30px;
}

.specific .prefix_disc
{
    padding-left: 10px;
}

#header
{
    position: fixed;  z-index: 200;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 100%;  height: 50px;  padding: 12px 0;  background: -webkit-gradient(linear, left top, right top, from(#450809), color-stop(30%, #640809), color-stop(50%, #780809), color-stop(80%, #640809), to(#450809));  background: -webkit-linear-gradient(left, #450809 0%, #640809 30%, #780809 50%, #640809 80%, #450809 100%);  background:         linear-gradient(to right, #450809 0%, #640809 30%, #780809 50%, #640809 80%, #450809 100%);
}
/*20200401*/
#header h1
{
    font-weight: normal;  margin: 0;  padding: 0;
}
#header h1 a
{
    position: absolute;  top: 4px;  left: 15px;  display: block;  width: 79px;  height: 42px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -94px -71px;  background-size: 337px 301px;
}
#header .lang
{
    position: absolute;  top: 50%;  right: 62.5px;  width: 62px;  height: 15px;          -webkit-transform: translateY(-50%);                  transform: translateY(-50%);  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -227px -193px;  background-size: 337px 301px;
}
#header .lang_menu
{
    position: relative;  display: block;  color: transparent;
}
#header .lang_subnav
{
    position: absolute;  top: calc(100% + 20px);  left: -14px;
}
#header .lang_subnav li
{
    margin-top: 1px;  text-align: center;  background: #640909;
}
#header .lang_subnav li a
{
    font-size: 12px;  display: block;  width: 90px;  padding: 6px 0;  white-space: nowrap;  color: rgba(255, 255, 255, .5);
}
#header .lang_subnav li a.active
{
    color: #fff;
}

#header #btn_menu
{
    position: absolute;  top: 50%;  right: 15px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 25px;  height: 18px;  margin-left: auto;          -webkit-transform: translateY(-50%);                  transform: translateY(-50%);
}

#header #btn_menu [class^=bar_]
{
    width: 100%;  height: 3px;  background: #fff;
}


#header #btn_menu.on
{
    width: 76px;  height: 27px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -81px -193px;  background-size: 337px 301px;
}

#header #btn_menu.on [class^=bar_]
{
    display: none;
}

#header #header_nav
{
    overflow-y: auto;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  height: calc(100vh - 50px);  margin-top: 38px;  padding-bottom: 50px;  background: rgba(85, 0, 0, .9);
}

#header #header_nav ul.menu
{
    font-size: 0;
}

#header #header_nav ul.menu li
{
    position: relative;  display: inline-block;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 50%;  height: 60px;  border-bottom: 1px solid #983d3d;
}

#header #header_nav ul.menu li:nth-child(odd)
{
    border-right: 1px solid #983d3d;
}

#header #header_nav ul.menu li a,
#header #header_nav ul.menu li span
{
    position: relative;  display: block;  height: 60px;  margin: 0 auto;  color: transparent;
}

#header #header_nav ul.menu li a::after,
#header #header_nav ul.menu li span::after
{
    position: absolute;  top: 50%;  left: 50%;  content: '';          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}

#header #header_nav ul.menu #home_nav a::after
{
    width: 44px;  height: 24px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -218px -263px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #about_nav a::after
{
    width: 76px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -93px -165px;  background-size: 337px 301px;
}


#header #header_nav ul.menu #character_nav a::after
{
    width: 132px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -94px -117px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #system_nav a::after
{
    width: 89px;  height: 24px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 -165px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #movie_nav a::after
{
    width: 84px;  height: 19px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -210px -141px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #product_nav a::after
{
    width: 112px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -94px -141px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #dlc_nav a::after
{
    width: 54px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -67px -225px;  background-size: 337px 301px;
}

#header #header_nav ul.menu #event_nav a::after
{
    width: 71px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');   background-repeat: no-repeat;background-position: -173px -165px;  background-size: 337px 301px;
}

#header #header_nav ul.lang
{
    padding-top: 50px;  text-align: center;
}
#header #header_nav ul.lang li
{
    display: inline-block;
}
#header #header_nav ul.lang li a
{
    display: block;  color: transparent;
}
#header #header_nav ul.lang #ja_lang
{
    position: relative;  margin-right: 10px;
}
#header #header_nav ul.lang #ja_lang::after
{
    position: absolute;  top: -3px;  right: -17px;  width: 11px;  height: 21px;  content: '/';  color: #fff;
}
#header #header_nav ul.lang #ja_lang a
{
    width: 62px;  height: 19px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -161px -193px;  background-size: 337px 301px;
}
#header #header_nav ul.lang #ja_lang a:hover,
#header #header_nav ul.lang #ja_lang a.active
{
    width: 62px;  height: 19px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -248px -165px;  background-size: 337px 301px;
}
#header #header_nav ul.lang #en_lang
{
    margin-left: 10px;
}
#header #header_nav ul.lang #en_lang a
{
    width: 46px;  height: 19px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -175px -225px;  background-size: 337px 301px;
}
#header #header_nav ul.lang #en_lang a:hover,
#header #header_nav ul.lang #en_lang a.active
{
    width: 46px;  height: 19px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -125px -225px;  background-size: 337px 301px;
}
#header .fade-enter-active,
#header .fade-leave-active
{
              -webkit-transition: opacity .2s ease-in;                      transition: opacity .2s ease-in;
}
#header .fade-enter,
#header .fade-leave-to
{
    opacity: 0;
}

#footer
{
    position: relative;  padding: 50px 0 25px;  text-align: center;  background: #fff;
}

#footer .sns
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}

#footer .sns .tw a
{
    display: block;  width: 38px;  height: 38px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -92px -263px;  background-size: 337px 301px;
}

#footer .sns .fb
{
    margin: 0 12px;
}

#footer .sns .fb a
{
    display: block;  width: 38px;  height: 38px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -50px -263px;  background-size: 337px 301px;
}

#footer .sns .line a
{
    display: block;  width: 38px;  height: 38px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -50px -216px;  background-size: 332px 254px;
}

#footer .platform
{
    margin: 50px 0 5px;  text-align: center;
}
#footer .platform .logo
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  width: 95px;  margin: 0 auto 10px;
}
#footer .platform .logo .icon_ps4
{
    width: 95px;  height: 20px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -230px -117px;  background-size: 337px 301px;
}
#footer .platform .logo .icon_steam
{
    width: 95px;  height: 29px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -177px -71px;  background-size: 337px 301px;
}

#footer .platform .copy
{
    display: inline-block;  width: 337px;  height: 67px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 0;  background-size: 337px 301px;
}

#footer .announce
{
    line-height: 1;          display: -webkit-box;          display: -ms-flexbox;          display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}

#footer .announce li
{
    font-size: 10px;  position: relative;  padding: 0 15px;
}

#footer .announce li:not(:last-child)
{
    border-right: 1px solid #666;
}

#footer .company
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-top: 50px;
}

#footer .company .cygames
{
    margin-right: 45px;
}

#footer .company .cygames a
{
    display: block;  width: 59px;  height: 18px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -276px -71px;  background-size: 337px 301px;
}

#footer .company .asw a
{
    display: block;  width: 38px;  height: 38px;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: -176px -263px;  background-size: 337px 301px;
}

/*20200401*/

#footer .company .asw
{
    margin-right: 45px;
}

#footer .company .sega a
{
    display: block;  width: 59px;  height: 18px;
}

#footer .copyright
{
    font-size: 10px;  margin-top: 15px;
}

/*system*/


h2
{
    width: 182px;  height: 75px;  margin-left: auto;
}

h2 img
{
    width: 100%;
}

.to_index
{
    position: absolute;  top: 80px;  left: 4%;  display: block;  width: 131px;  height: 15px;
}

.to_index.en
{
    width: 37px;
}

.to_index img
{
    width: 100%;
}

.main_section
{
    width: 92%;  margin: 10px auto 0;
}

.main_section h3
{
    width: 221px;  height: 57px;  margin-bottom: 15px;
}

.main_section h3.en
{
    width: 291px;  height: 60px;
}

.main_section h3 img
{
    width: 100%;
}

.main_section .main_contents
{
    padding: 12px 12px 23.5px;  background: rgba(255, 255, 255, .8);
}

.child_section:first-child h4
{
    margin-top: 0;
}

.child_section h4
{
    width: 320px;  height: 27px;  margin: 40px 0 15px;
}

.child_section h4 img
{
    width: 100%;
}

.child_section p
{
    width: 298px;  margin: 0 auto;
}

.child_section ul li
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  width: 298px;  margin: 15px auto 0;  border: 1px solid #4c0404;  background: #333;
}

.child_section ul li img
{
    width: 100%;
}

.child_section ul li .caption
{
    font-size: 10px;  padding: 5px;  color: #fff;
}

.to_versus
{
    width: 212px;  margin: 25px auto 0;
}

.to_versus a
{
    display: inline-block;
}

.to_versus a:hover
{
    opacity: .8;
}

.to_versus a img
{
    width: 100%;
}


h2
{
    width: 182px;  height: 75px;  margin-left: auto;
}

/*20200401*/
#system
{
    position: relative;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  margin-bottom: 50px;  padding-bottom: 100px;  background: url('../images/sp/common/system/bg_contents.jpg') no-repeat;  background-size: auto 667px;
}
/*20200401*/
#system h3
{
    width: 225px;  height: 63px;  margin-left: 15px;
}

h3 img,
h2 img
{
    width: 100%;
}

.to_index
{
    position: absolute;  top: 80px;  left: 4%;  display: block;  width: 131px;  height: 15px;
}

.to_index.en
{
    width: 37px;
}

.to_index img
{
    width: 100%;
}

.main_section
{
    width: 92%;  margin: 10px auto 0;
}

.main_section h3
{
    width: 239px;  height: 57px;  margin-bottom: 15px;
}

.main_section h3.en
{
    width: 265px;  height: 60px;
}

.main_section h3 img
{
    width: 100%;
}

.main_section .main_contents
{
    padding: 12.5px 12.5px 22.5px;  background: rgba(255, 255, 255, .8);
}

.main_section .nav_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 0 auto;
}

.main_section .nav_list li a
{
    font-size: 0;  display: block;  width: 160px;
}

.main_section .nav_list li a:hover
{
    opacity: .8;
}

.main_section .nav_list li a img
{
    width: 100%;
}

.main_section #battle_system
{
    margin-top: 30px;
}

.main_section #battle_system h4
{
    font-size: 0;  width: 320px;  margin-bottom: 15px;
}

.main_section #battle_system h4 img
{
    width: 100%;
}

.main_section #battle_system .battle_rule,
.main_section #battle_system .battle_operation
{
    margin-top: 20px;
}

.main_section #battle_system .battle_rule .detail,
.main_section #battle_system .battle_operation .detail
{
    width: 300px;  margin: 15px auto 0;
}

.main_section #battle_system .battle_rule .detail dt,
.main_section #battle_system .battle_rule .detail dd,
.main_section #battle_system .battle_operation .detail dt,
.main_section #battle_system .battle_operation .detail dd
{
    font-size: 0;
}

.main_section #battle_system .battle_rule .detail dt,
.main_section #battle_system .battle_operation .detail dt
{
    height: 16px;  margin-bottom: 10px;
}

.main_section #battle_system .battle_rule .detail dt:not(:first-child),
.main_section #battle_system .battle_operation .detail dt:not(:first-child)
{
    margin-top: 40px;
}

.main_section #battle_system .battle_rule .detail dt img,
.main_section #battle_system .battle_operation .detail dt img
{
    height: 100%;
}

.main_section #battle_system .battle_rule .detail dd,
.main_section #battle_system .battle_operation .detail dd
{
    margin-bottom: 20px;
}

.main_section #battle_system .battle_rule .detail dd img,
.main_section #battle_system .battle_operation .detail dd img
{
    width: 100%;
}

.main_section #battle_system .battle_rule .detail.en dt,
.main_section #battle_system .battle_operation .detail.en dt
{
    height: 15px;
}

.main_section #battle_system .battle_operation
{
    margin-top: 60px;
}

.main_section #game_mode
{
    margin-top: 60px;
}

.main_section #game_mode h4
{
    font-size: 0;  width: 320px;  margin-bottom: 15px;
}

.main_section #game_mode h4 img
{
    width: 100%;
}

.main_section #game_mode .inner
{
    width: 300px;  margin: 0 auto;
}

.main_section #game_mode ul li
{
    font-size: 0;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 300px;  margin-top: 15px;  border: 1px solid #6e0202;  background: #333;
}

.main_section #game_mode ul li img
{
    width: 100%;
}

.main_section #game_mode ul li .caption
{
    font-size: 14px;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  padding: 10px;  color: #fff;
}

.main_section .to_rpgmode
{
    width: 212px;  margin: 25px auto 0;
}

.main_section .to_rpgmode a
{
    display: inline-block;
}

.main_section .to_rpgmode a:hover
{
    opacity: .8;
}

.main_section .to_rpgmode a img
{
    width: 100%;
}

#btn_wrap
{
    position: relative;  z-index: 1;  margin-top: 150px;
}

#btn_wrap.en
{
    margin-top: 140px;
}

#btn_wrap a
{
    font-size: 0;  display: block;  text-align: center;
}

#btn_wrap a:nth-of-type(1)
{
    margin-bottom: 15px;
}

#btn_wrap a img
{
    width: 345px;
}

.wrapper#system #btn_page_top
{
    position: absolute;  z-index: 1;  bottom: 10px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);
}

/*systemEnd*/


/*products*/

.wrapper#products::after
{
    position: absolute;  bottom: 0;  left: 0;  width: 182px;  height: 76px;  content: '';  background: none;  background-size: contain;
}

.section_nav
{
    width: 92%;  margin: 60px auto 0;
}

.section_nav ul
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}

.section_nav ul li
{
    font-size: 0;  position: relative;
}

.section_nav ul li:nth-child(n + 3)
{
    margin-top: 15px;  margin-left: 87px;
}

.section_nav ul li a
{
    display: block;
}

.section_nav ul li img
{
    width: 170px;
}

.section_nav ul li .ico_update
{
    position: absolute;  bottom: -2px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);
}

.section_nav ul li .ico_update img
{
    width: 52.5px;  height: 12.5px;
}

.main_contents.package
{
    width: 92%;  margin: 25px auto 0;
}

.main_contents.serialcoad
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  width: 92%;  margin: 20px auto 0;  padding-bottom: 25px;  background: rgba(255, 255, 255, .8);
}

.main_contents.package #package
{
    margin-bottom: 50px;  background: rgba(255, 255, 255, .8);
}

.main_contents.package #package h3
{
    font-size: 0;  width: 345px;  margin: 0 auto;  margin-bottom: 25px;
}

.main_contents.package #package h3 img
{
    width: 100%;
}

.main_contents #package .product_list > li:not(:last-child)
{
    margin-bottom: 50px;  padding-bottom: 50px;  border-bottom: 1px solid #950000;
}

.main_contents #package .product_list > li:last-child
{
    padding-bottom: 25px;
}

.main_contents #package .product_list .product_area
{
    width: 92%;  margin: 0 auto;
}

.main_contents #package .product_list .product_area h4
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}

.main_contents #package .product_list .product_area h4 span
{
    font-size: 14px;
}

.main_contents #package .product_list .product_area .thumb_package01,
.main_contents #package .product_list .product_area .thumb_package02
{
    display: block;  margin: 0 auto;
}

.main_contents #package .product_list .product_area .thumb_package01
{
    width: 50%;  height: auto;
}

.main_contents #package .product_list .product_area .thumb_package02
{
    width: 100%;  height: auto;
}

.main_contents #package .product_list .product_area .thumb_download
{
    display: block;  width: 210px;  margin: 0 auto;
}

.main_contents #package .product_list .product_area .btn_purchase
{
    font-size: 0;  display: block;  margin-top: 25px;
}

.main_contents #package .product_list .product_area .btn_purchase img
{
    width: 100%;
}

.main_contents #package .product_list .product_area .txt_price
{
    font-size: 14px;  position: relative;  margin-top: 20px;
}

.main_contents #package .product_list .product_area .txt_price .money
{
    font-size: 19px;
}

.main_contents #package .product_list .product_area .txt_price .icon_bonus
{
    font-size: 0;  position: absolute;  top: 50%;  right: 10px;  width: 133px;          -webkit-transform: translateY(-50%);                  transform: translateY(-50%);
}

.main_contents #package .product_list .product_area .txt_price .icon_bonus img
{
    width: 100%;
}

.main_contents #package .product_list .product_area .txt_price .txt_attention
{
    font-size: 11px;  display: block;
}

.main_contents #package .product_list .product_area .detail_info
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  margin: 15px 0;
}

.main_contents #package .product_list .product_area .detail_info dt
{
    width: 20%;
}

.main_contents #package .product_list .product_area .detail_info dd
{
    width: 80%;
}

.main_contents #package .product_list .product_area .privilege_are,
.main_contents #package .product_list .product_area .bundled_area,
.main_contents #package .product_list .product_area .unbundle_area
{
    font-size: 11px;  margin-top: 15px;  padding: 15px 12px;  background: #e6e6e6;
}

.main_contents #package .product_list .product_area .privilege_are .btn_more,
.main_contents #package .product_list .product_area .bundled_area .btn_more,
.main_contents #package .product_list .product_area .unbundle_area .btn_more
{
    font-size: 0;  display: block;  width: 150px;  margin: 15px auto 0;
}

.main_contents #package .product_list .product_area .privilege_are .btn_more img,
.main_contents #package .product_list .product_area .bundled_area .btn_more img,
.main_contents #package .product_list .product_area .unbundle_area .btn_more img
{
    width: 100%;
}

.main_contents #package .product_list .product_area .bundled_area dt,
.main_contents #package .product_list .product_area .unbundle_area dt
{
    line-height: 1;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a62e2e;
}

.main_contents #package .product_list .product_area .bundled_area dd .unbundle_list,
.main_contents #package .product_list .product_area .unbundle_area dd .unbundle_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}

.main_contents #package .product_list .product_area .bundled_area dd .unbundle_list > li:first-child,
.main_contents #package .product_list .product_area .unbundle_area dd .unbundle_list > li:first-child
{
    margin-right: 3px;
}

.main_contents #package .product_list .product_area .bundled_area dd .unbundle_list > li li:not(:last-child),
.main_contents #package .product_list .product_area .unbundle_area dd .unbundle_list > li li:not(:last-child)
{
    margin-bottom: 5px;
}

.main_contents #package .product_list .product_area .bundled_area dd .txt_attention,
.main_contents #package .product_list .product_area .unbundle_area dd .txt_attention
{
    font-size: 9px;  display: block;  margin-top: 10px;
}

.main_contents #privilege,
.main_contents #privilege_attention
{
    margin-bottom: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}

.main_contents #privilege h3,
.main_contents #privilege_attention h3
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}

.main_contents #privilege h3.adjust-letter,
.main_contents #privilege_attention h3.adjust-letter
{
    letter-spacing: -1px;
}

.main_contents #privilege .txt_lead a,
.main_contents #privilege_attention .txt_lead a
{
    text-decoration: underline;
}

.main_contents #privilege .txt_lead img,
.main_contents #privilege_attention .txt_lead img
{
    width: 100%;  margin-top: 10px;
}

.main_contents #privilege .item_list,
.main_contents #privilege_attention .item_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 30px auto 0;
}

.main_contents #privilege .item_list li:nth-child(n + 3),
.main_contents #privilege_attention .item_list li:nth-child(n + 3)
{
    margin-top: 10px;
}

.main_contents #privilege .item_list li img,
.main_contents #privilege_attention .item_list li img
{
    width: 150px;
}

.main_contents #privilege .txt_attention,
.main_contents #privilege_attention .txt_attention
{
    margin-top: 20px;
}

.main_contents #privilege .attention_list li,
.main_contents #privilege_attention .attention_list li
{
    position: relative;  padding-left: .8rem;  text-align: left;
}

.main_contents #privilege .attention_list li::before,
.main_contents #privilege_attention .attention_list li::before
{
    position: absolute;  top: 0;  left: 0;  content: '\203B';
}

.main_contents #download
{
    margin-bottom: 50px;  background: rgba(255, 255, 255, .8);
}

.main_contents #download h3
{
    font-size: 0;  width: 345px;  margin-bottom: 25px;
}

.main_contents #download h3 img
{
    width: 100%;
}

.main_contents #download .product_list > li:not(:last-child)
{
    margin-bottom: 50px;  padding-bottom: 50px;  border-bottom: 1px solid #950000;
}

.main_contents #download .product_list > li:last-child
{
    padding-bottom: 25px;
}

.main_contents #download .product_list .product_area
{
    width: 92%;  margin: 0 auto;
}

.main_contents #download .product_list .product_area h4
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}

.main_contents #download .product_list .product_area h4 span
{
    font-size: 14px;
}

.main_contents #download .product_list .product_area .thumb_package01,
.main_contents #download .product_list .product_area .thumb_package02
{
    display: block;  margin: 0 auto;
}

.main_contents #download .product_list .product_area .thumb_package01
{
    width: 50%;  height: auto;
}

.main_contents #download .product_list .product_area .thumb_package02
{
    width: 100%;  height: auto;
}

.main_contents #download .product_list .product_area .thumb_download
{
    display: block;  width: 210px;  margin: 0 auto;
}

.main_contents #download .product_list .product_area .btn_purchase
{
    font-size: 0;  display: block;  margin-top: 25px;
}

.main_contents #download .product_list .product_area .btn_purchase img
{
    width: 100%;
}

.main_contents #download .product_list .product_area .txt_price
{
    font-size: 14px;  position: relative;  margin-top: 20px;
}

.main_contents #download .product_list .product_area .txt_price .money
{
    font-size: 19px;
}

.main_contents #download .product_list .product_area .txt_price .icon_bonus
{
    font-size: 0;  position: absolute;  top: 50%;  right: 10px;  width: 133px;          -webkit-transform: translateY(-50%);                  transform: translateY(-50%);
}

.main_contents #download .product_list .product_area .txt_price .icon_bonus img
{
    width: 100%;
}

.main_contents #download .product_list .product_area .txt_price .txt_attention
{
    font-size: 11px;  display: block;
}

.main_contents #download .product_list .product_area .detail_info
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  margin: 15px 0;
}

.main_contents #download .product_list .product_area .detail_info dt
{
    width: 20%;
}

.main_contents #download .product_list .product_area .detail_info dd
{
    width: 80%;
}

.main_contents #download .product_list .product_area .privilege_are,
.main_contents #download .product_list .product_area .bundled_area,
.main_contents #download .product_list .product_area .unbundle_area
{
    font-size: 11px;  margin-top: 15px;  padding: 15px 12px;  background: #e6e6e6;
}

.main_contents #download .product_list .product_area .privilege_are .btn_more,
.main_contents #download .product_list .product_area .bundled_area .btn_more,
.main_contents #download .product_list .product_area .unbundle_area .btn_more
{
    font-size: 0;  display: block;  width: 150px;  margin: 15px auto 0;
}

.main_contents #download .product_list .product_area .privilege_are .btn_more img,
.main_contents #download .product_list .product_area .bundled_area .btn_more img,
.main_contents #download .product_list .product_area .unbundle_area .btn_more img
{
    width: 100%;
}

.main_contents #download .product_list .product_area .bundled_area dt,
.main_contents #download .product_list .product_area .unbundle_area dt
{
    line-height: 1;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a62e2e;
}

.main_contents #download .product_list .product_area .bundled_area dd .unbundle_list,
.main_contents #download .product_list .product_area .unbundle_area dd .unbundle_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;
}

.main_contents #download .product_list .product_area .bundled_area dd .unbundle_list > li:first-child,
.main_contents #download .product_list .product_area .unbundle_area dd .unbundle_list > li:first-child
{
    margin-right: 3px;
}

.main_contents #download .product_list .product_area .bundled_area dd .unbundle_list > li li:not(:last-child),
.main_contents #download .product_list .product_area .unbundle_area dd .unbundle_list > li li:not(:last-child)
{
    margin-bottom: 5px;
}

.main_contents #download .product_list .product_area .bundled_area dd .txt_attention,
.main_contents #download .product_list .product_area .unbundle_area dd .txt_attention
{
    font-size: 9px;  display: block;  margin-top: 10px;
}

.main_contents.package #privilege,
.main_contents #privilege_attention
{
    margin-bottom: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}

.main_contents #privilege h3,
.main_contents #privilege_attention h3
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}

.main_contents #privilege h3.adjust-letter,
.main_contents #privilege_attention h3.adjust-letter
{
    letter-spacing: -1px;
}

.main_contents #privilege .txt_lead a,
.main_contents #privilege_attention .txt_lead a
{
    text-decoration: underline;
}

.main_contents #privilege .txt_lead img,
.main_contents #privilege_attention .txt_lead img
{
    width: 100%;  margin-top: 10px;
}

.main_contents #privilege .item_list,
.main_contents #privilege_attention .item_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 30px auto 0;
}

.main_contents #privilege .item_list li:nth-child(n + 3),
.main_contents #privilege_attention .item_list li:nth-child(n + 3)
{
    margin-top: 10px;
}

.main_contents #privilege .item_list li img,
.main_contents #privilege_attention .item_list li img
{
    width: 150px;
}

.main_contents #privilege .txt_attention,
.main_contents #privilege_attention .txt_attention
{
    margin-top: 20px;
}

.main_contents #privilege .attention_list li,
.main_contents #privilege_attention .attention_list li
{
    position: relative;  padding-left: .8rem;  text-align: left;
}

.main_contents #privilege .attention_list li::before,
.main_contents #privilege_attention .attention_list li::before
{
    position: absolute;  top: 0;  left: 0;  content: '\203B';
}

.main_contents.package h3
{
    font-size: 0;  margin-bottom: 25px;
}

.main_contents.package h3 img
{
    width: 345px;  height: 40px;
}


.main_contents.package h4
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}

.main_contents.package h4.adjust-letter
{
    letter-spacing: -1px;
}

.main_contents #store_privilege .store_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;
}

.main_contents #store_privilege .store_list li
{
    position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 155px;  min-height: 187px;  padding: 10px 10px 80px;  text-align: center;  border: 1px solid #960000;  background: #fff;
}

.main_contents #store_privilege .store_list li:nth-child(n + 3)
{
    margin-top: 10px;
}

.main_contents #store_privilege .store_list li:nth-child(n + 7)
{
    min-height: 165px;
}

.main_contents #store_privilege .store_list li .icon_store
{
    width: 120px;
}

.main_contents #store_privilege .store_list li .img_privilege
{
    width: 100%;  margin-top: 15px;
}

.main_contents #store_privilege .store_list li .txt_privileg
{
    font-size: 10px;  margin-top: 10px;
}

.main_contents #store_privilege .store_list li [class^=btn_]
{
    font-size: 0;  position: absolute;  bottom: 10px;
}

.main_contents #store_privilege .store_list li .btn_purchase img
{
    width: 133px;
}

.main_contents #store_privilege .store_list li .btn_coming
{
    pointer-events: none;
}

.main_contents #privilege
{
    margin-bottom: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}

.main_contents #privilege .txt_lead a
{
    text-decoration: underline;
}

.main_contents #privilege .txt_lead img
{
    width: 70%;  margin-top: 10px;
}

.main_contents #privilege .item_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 30px auto 0;
}

.main_contents #privilege .item_list li:nth-child(n + 3)
{
    margin-top: 10px;
}

.main_contents #privilege .item_list li img
{
    width: 150px;
}

.main_contents #privilege .txt_attention
{
    margin-top: 20px;
}

.main_contents #privilege_attention .main_contents #store_privilege
{
    margin-bottom: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}

.main_contents #privilege_attention .attention_list li .main_contents #store_privilege .attention_list li
{
    position: relative;  padding-left: .8rem;  text-align: left;
}

.main_contents #privilege_attention .attention_list li::before,
.main_contents #store_privilege .attention_list li::before
{
    position: absolute;  top: 0;  left: 0;  content: '\203B';
}

.main_contents.dowanload
{
    width: 92%;  margin: 25px auto 0;
}

.main_contents.package > section h4
{
    width: 320px;  margin-bottom: 15px;
}

.main_contents.package > section h4 img
{
    width: 100%;
}

.main_contents.package .txt-lead
{
    font-size: 10px;  padding-left: 1rem;  text-indent: -1rem;  word-break: break-all;
}

.main_contents.serialcoad #attention,
.main_contents.serialcoad #operation
{
    width: 320px;  margin-bottom: 15px;
}


.main_contents.serialcoad h3
{
    width: 345px;  height: 40px;  margin-bottom: 25px;
}

.main_contents.serialcoad #attention h4,
.main_contents.serialcoad #operation h4
{
    width: 320px;  margin-bottom: 15px;
}

.main_contents.serialcoad #attention,
.main_contents.serialcoad #operation
{
    padding: 0 12.5px;
}

.main_contents.serialcoad #attention h4 img,
.main_contents.serialcoad #operation h4 img
{
    width: 100%;
}

.main_contents.package section#attention,
.main_contents.package section#operation
{
    padding: 0 12.5px;
}

.main_contents .operation_list
{
    margin-top: 20px;
}

.main_contents .operation_list li
{
    position: relative;  padding-left: 1rem;
}

.main_contents .operation_list li:not(:last-child)
{
    margin-bottom: 15px;
}

.main_contents .operation_list li a
{
    text-decoration: underline;
}

.main_contents .operation_list li::before
{
    position: absolute;  top: 0;  left: 0;
}

.main_contents .operation_list li:nth-child(1)::before
{
    content: '1.';
}

.main_contents .operation_list li:nth-child(2)::before
{
    content: '2.';
}

.main_contents .operation_list li:nth-child(3)::before
{
    content: '3.';
}

.main_contents .operation_list li:nth-child(4)::before
{
    content: '4.';
}

.main_contents .operation_list li:nth-child(5)::before
{
    content: '5.';
}

.main_contents .operation_list li:nth-child(6)::before
{
    content: '6.';
}

.main_contents .operation_list li:nth-child(7)::before
{
    content: '7.';
}

.main_contents .operation_list li:nth-child(8)::before
{
    content: '8.';
}

.main_contents .operation_list li:nth-child(9)::before
{
    content: '9.';
}

.main_contents .operation_list li:nth-child(10)
{
    padding-left: 1.5rem;
}

.main_contents .operation_list li:nth-child(10) .img-wrap
{
    margin-left: -1.5rem;
}

.main_contents .operation_list li:nth-child(10)::before
{
    content: '10.';
}

.main_contents .operation_list li:nth-child(11)
{
    padding-left: 1.5rem;
}

.main_contents .operation_list li:nth-child(11) .img-wrap
{
    margin-left: -1.5rem;
}

.main_contents .operation_list li:nth-child(11)::before
{
    content: '11.';
}

.main_contents .operation_list li .img-wrap
{
    margin: 5px 0 0 -1rem;
}

.main_contents .operation_list li .img-wrap img
{
    width: 320px;
}

.main_contents .operation_list li .img-wrap img.last
{
    margin-top: 5px;
}

.main_contents #attention
{
    margin-top: 25px;
}

.main_contents #attention .attention_list li
{
    position: relative;  padding-left: 1rem;
}

.main_contents #attention .attention_list li::before
{
    position: absolute;  top: 0;  left: 0;  content: '\203B';
}

.v-enter-active,
.v-leave-active
{
              -webkit-transition: opacity 1s;                      transition: opacity 1s;
}

.v-enter,
.v-leave-to
{
    opacity: 0;
}

#products #btn_page_top
{
    display: block;  width: 63px;  height: 34px;  margin: 50px auto 0;  background-image: url(../images/common/sprites/sp_parts.png);  background-repeat: no-repeat;  background-position: 0 -187px;  background-size: 332px 254px;
}

.main_contents #privilege h3.adjust-letter
{
    font-family: ‘Meiryo UI’, Meiryo, メイリオ;
}

/*products END*/

#movie_area .top_parts .btn_preorder
{
    display: block;  width: 345px;  height: 150px;  margin: 0 auto 0;
}

#movie_area .top_parts .btn_preorder img
{
    width: 100%;
}

#footer .txt_attention
{
    font-size: 10px;  margin-bottom: 50px;
}

/*20191227*/

.main_contents #privilege .img_clear_reward,
.main_contents #privilege_attention .img_clear_reward
{
    margin-top: 20px;
}

.main_contents #privilege .img_clear_reward img,
.main_contents #privilege_attention .img_clear_reward img
{
    width: 100%;
}

#movie_tab
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  padding: 0 4%;
}

#movie_tab > li
{
    width: 50%;
}

#movie_tab > li a
{
    position: relative;  display: block;
}

#movie_tab > li a img
{
    width: 100%;  pointer-events: none;
}

#movie_tab > li a .img_on
{
    display: none;
}

#movie_tab > li a .img_off
{
    display: block;
}

#movie_tab > li a.active .img_on
{
    display: block;
}

#movie_tab > li a.active .img_off
{
    display: none;
}

#movie_tab > li a .ico_update
{
    position: absolute;  bottom: -2px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);  pointer-events: none;
}

#movie_tab > li a .ico_update img
{
    width: 52.5px;  vertical-align: bottom;
}

#movie_tab > li a .ico_update.en
{
    bottom: -5px;
}

#movie_tab > li a .ico_update.en img
{
    width: 51px;
}

#movie_tab_title
{
    margin: 25px auto 0;  padding: 0 4%;  text-align: center;
}

#movie_tab_title img
{
    width: 100%;
}

.movie_list_wrapper > .movie_list
{
    display: none;  margin: 25px 0 0 0;  padding: 0 4%;
}

.movie_list_wrapper > .movie_list > li
{
    line-height: 1;  width: 345px;  margin-bottom: 20px;
}

.movie_list_wrapper > .movie_list > li figure
{
    font-size: 0;  position: relative;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  cursor: pointer;  border: 2px solid #a81900;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.movie_list_wrapper > .movie_list > li figure::before
{
    position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  content: '';  background: rgba(0, 0, 0, .3);
}

.movie_list_wrapper > .movie_list > li figure::after
{
    position: absolute;  top: 50%;  left: 50%;  width: 90px;  height: 90px;  content: '';          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 -71px;  background-size: 337px 301px;
}

.movie_list_wrapper > .movie_list > li figure:hover::before
{
    background: transparent;
}

.movie_list_wrapper > .movie_list > li figure img
{
    display: block;  width: 100%;
}

.movie_list_wrapper > .movie_list > li figcaption
{
    margin-top: 10px;
}

#movie_supplementary .movie_list_version
{
    margin: 15px -5.5px 0;  padding: 0;
}

#movie_supplementary .movie_list_version > li
{
    position: relative;  display: inline-block;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 176px;  height: 50px;  margin: 0;  padding: 0 5.5px;  cursor: pointer;
}

#movie_supplementary .movie_list_version > li:nth-child(n + 3)
{
    margin-top: 11px;
}

#movie_supplementary .movie_list_version > li span
{
    font-size: 12px;  line-height: 1.29;  position: absolute;  top: 50%;  left: 10px;          -webkit-transform: translateY(-50%);                  transform: translateY(-50%);  color: #960000;
}

#movie_supplementary .movie_list_version > li a,
#movie_supplementary .movie_list_version > li a img
{
    width: 100%;
}

.movie_list_wrapper > .movie_list.is-active
{
    display: block;
}

.movie_list_wrapper.anime_in
{
              -webkit-animation: fadeIn-data-v-63976d85 .2s linear forwards;                      animation: fadeIn-data-v-63976d85 .2s linear forwards;
}

.movie_list_wrapper.anime_out
{
              -webkit-animation: fadeOut-data-v-63976d85 .2s linear forwards;                      animation: fadeOut-data-v-63976d85 .2s linear forwards;
}

#movie_supplementary > li figure
{
    cursor: auto;  pointer-events: none;
}

#movie_supplementary > li figure::after
{
    content: none;
}

.v-enter-active,
.v-leave-active
{
              -webkit-transition: opacity 1s;                      transition: opacity 1s;
}

.v-enter,
.v-leave-to
{
    opacity: 0;
}

@-webkit-keyframes fadeIn-data-v-63976d85
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes fadeIn-data-v-63976d85
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut-data-v-63976d85
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}

@keyframes fadeOut-data-v-63976d85
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}

/*20200401*/

.list_item_title img
{
    width: 100%;
}
#dlc_tab
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 92%;  margin: 60px auto 0;
}
#dlc_tab li
{
    position: relative;  width: calc(100% / 3);
}
#dlc_tab li a
{
    display: inline-block;
}
#dlc_tab li a img
{
    width: 100%;  pointer-events: none;
}
#dlc_tab li a.coming,
#dlc_tab li a.active
{
    pointer-events: none;
}
#dlc_tab li a .ico_update
{
    position: absolute;  bottom: -2px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);  pointer-events: none;
}
#dlc_tab li a .ico_update img
{
    width: 52.5px;  height: 12.5px;
}
#dlc_tab li:nth-child(n+4)
{
    margin-top: 12px;
}
#dlc .dlc_tab_contents
{
    width: 92%;  margin: 20px auto 0;
}
#dlc .dlc_tab_contents .dlc_tab_title img
{
    width: 100%;  vertical-align: bottom;
}
#dlc .dlc_tab_contents_inner
{
    padding: 0 12.5px 20px;  background: #fff;
}
#dlc .dlc_tab_contents_list .list_item
{
    margin-top: 45px;  padding: 12px 0 0;  text-align: center;  border-top: 2px solid #880101;
}
#dlc .dlc_tab_contents_list .list_item:first-child
{
    margin-top: 0;  border-top: none;
}
#dlc .dlc_tab_contents_list .list_item_btn
{
    display: inline-block;  margin-top: 45px;
}
#dlc .dlc_tab_contents_list .list_item_btn img
{
    width: 100%;
}
#dlc .dlc_tab_contents_list .list_item_main
{
    margin-top: 10px;
}
#dlc .dlc_tab_contents_list .list_item_main > img
{
    width: 100%;
}
#dlc .dlc_tab_contents_list .list_item_main .desc
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  margin-top: 20px;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item
{
    position: relative;  -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  width: 100%;  margin-top: 15px;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item:first-child
{
    margin-top: 0;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_title
{
    margin: 0 0 8px;  padding-bottom: 5px;  text-align: left;  border-bottom: 1px solid #a4a3a3;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_title img
{
    width: 59.5px;
}
#dlc .dlc_tab_contents_list .list_item_main
{
    position: relative;
}
#dlc .dlc_tab_contents_list .list_item_main  .desc_item_title
{
    margin-right: calc(73 * (100vw / 375));
}
#dlc .dlc_tab_contents_list .list_item_main  .desc_item_title img
{
    width: 58px;
}
#dlc .dlc_tab_contents_list .list_item_main  .desc_item_list li
{
    position: relative;  padding-left: 0;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item.benefits .desc_item_list li::before
{
    content: none;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item.benefits::after
{
    position: absolute;  top: -16px;  right: 0;  width: 71.5px;  height: 127px;  content: '';  background: url('../images/sp/dlc/img_vyrn.png');  background-repeat: no-repeat;  background-position: center;  background-size: cover;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li
{
    position: relative;  padding-left: 9px;  text-align: left;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li::before
{
    position: absolute;  top: 8px;  left: 0;  width: 5px;  height: 5px;  content: '';  background: url('../images/sp/dlc/icon_dot.png');  background-repeat: no-repeat;  background-position: center;  background-size: contain;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li span.red
{
    color: #880101;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li span.note
{
    font-size: 10px;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li span.note_no_asterisk
{
    display: inline-block;  margin-top: 10px;
}
#dlc .dlc_tab_contents_list .list_item_main .desc_item_list li a
{
    text-decoration: underline;
}
#dlc .dlc_tab_contents_note
{
    margin-top: 45px;
}
#dlc .dlc_tab_contents_note li
{
    position: relative;  padding-left: 1.2em;
}
#dlc .dlc_tab_contents_note li::before
{
    position: absolute;  left: 0;  content: '\203B';
}
#dlc .dlc_tab_contents_note li a
{
    text-decoration: underline;
}
#dlc .dlc_tab_contents_note + p
{
    margin-top: 12px;
}

#dlc #character [id^=character_pass] .list_item_title img
{
    width: auto;  height: 54px;
}

#dlc #color [id^=color_pack] .list_item_title img
{
    width: auto;  height: 54px;
}

#dlc #stage [id^=stage_] .list_item_title img
{
    width: auto;  height: 54px;
}

#dlc #stage [id^=stage_] .list_item_main .desc_item.benefits .desc_item_title
{
    margin-right: calc(125 * (100vw / 375));
}

#dlc .dlc_tab_contents_list .list_item_main .desc_item_title
{
    margin: 0 0 8px;  padding-bottom: 5px;  text-align: left;  border-bottom: 1px solid #a4a3a3;
}

#dlc #stage [id^=stage_] .list_item_main .desc_item.benefits::after
{
    position: absolute;  top: -16px;  right: 0;  width: 120px;  height: 128px;  content: '';  background: url('../images/sp/dlc/img_robby_avator.png');  background-repeat: no-repeat;  background-position: center;  background-size: cover;
}

#system_bnr
{
    width: 92%;  margin: 100px auto 0;
}

#system_bnr img
{
    width: 100%;
}


#system::after
{
    top: calc(667px - 76px);
}

.v-enter-active,
.v-leave-active
{
              -webkit-transition: opacity .2s;                      transition: opacity .2s;
}
.v-enter,
.v-leave-to
{
    opacity: 0;
}

.mt20
{
    margin-top: 20px;
}
.mt25
{
    margin-top: 25px;
}
.lh1_5
{
    line-height: 1.5;
}
h2
{
    width: 182px;  height: 75px;  margin-left: auto;
}
h2 img
{
    width: 100%;
}
.main_contents.update
{
    line-height: 1.2;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 92%;  margin: 10px auto 0;  padding-bottom: 25px;  background: rgba(255, 255, 255, .8);
}
.main_contents.update h3
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-align: center;  align-items: center;  -ms-flex-align: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  height: 40px;  margin-bottom: 25px;  text-align: center;  background: #4c0404;  background: -webkit-gradient(linear, left top, right top, from(#4c0404), color-stop(50%, #950000), to(#4c0404));  background: -webkit-linear-gradient(left, #4c0404 0%, #950000 50%, #4c0404 100%);  background:         linear-gradient(90deg, #4c0404 0%, #950000 50%, #4c0404 100%);
}
.main_contents.update h3 img
{
    width: 163px;
}
.main_contents.update .inner
{
    padding: 0 12.5px;
}
.main_contents p.strong
{
    font-weight: bold;  margin: 20px 0 10px;
}
.main_contents p.blue
{
    color: #225896;
}
.main_contents p.gray
{
    color: #666;
}
.main_contents #headline h4
{
    font-size: 16px;  font-weight: bold;  margin: 0;
}
.main_contents #headline .txt_lead
{
    margin-top: 20px;
}
.main_contents .article
{
    margin: 20px 0 0;
}
.main_contents .article h4
{
    position: relative;  height: 44px;
}
.main_contents .article h4 p
{
    font-size: 16px;  font-weight: bold;  display: inline-block;  margin: 0;  padding: 0 0 5px 10px;  color: #960000;
}

.main_contents .article h4::after
{
    display: block;  height: 2px;  content: '';  background: -webkit-gradient(linear, left top, right top, from(#4c0404), color-stop(50%, #950000), to(#4c0404));  background: -webkit-linear-gradient(left, #4c0404 0%, #950000 50%, #4c0404 100%);  background:         linear-gradient(90deg, #4c0404 0%, #950000 50%, #4c0404 100%);
}

.main_contents .article h4::before
{
    position: relative;  bottom: -5px;  display: inline-block;  width: 31px;  height: 24px;  content: '';  background: url('../images/sp/system/update/icon_title.png') no-repeat;  background-size: contain;
}
.main_contents .article p
{
    margin: 5px 0 10px;
}
.main_contents .article p.strong
{
    font-weight: bold;  margin: 20px 0 10px;
}
.main_contents .article .name_list dt
{
    font-weight: bold;  margin: 10px 0;
}
.main_contents .article .name_list dd,
.main_contents .article .name_list li
{
    line-height: 1.6;  position: relative;  margin: 0;  padding-left: 1rem;
}
.main_contents .article .name_list dd::before,
.main_contents .article .name_list li::before
{
    position: absolute;  top: 7px;  left: 0;  display: inline-block;  width: 10px;  height: 6px;  content: '';  background: url('../images/sp/system/update/list_pointer.png') no-repeat;  background-size: contain;
}
.main_contents .article .name_list .attention
{
    color: #960000;
}
.main_contents .article .box
{
    margin: 0 0 10px;  border: solid 1px #e6e6e6;  border-radius: 10px;  background: #fff;
}
.main_contents .article .box dt
{
    margin: 0 0 10px;  padding: 8px 0 8px 10px;  background: #e6e6e6;
}
.main_contents .article .box dd
{
    margin: 0 10px 8px 10px;
}
.main_contents .article .box dd.attention
{
    color: #666;
}
.main_contents .article .box dd span
{
    display: inline-block;  width: 80%;  margin: 0 0 0 14px;  vertical-align: top;
}
.main_contents .article table
{
    width: 100%;  border-spacing: 0;
}
.main_contents .article table tr
{
    background-color: #f2f2f2;
}
.main_contents .article table tr:nth-of-type(2n)
{
    background-color: #d9d9d9;
}
.main_contents .article table td
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  padding: 3px 0;  text-align: center;
}
.main_contents .article table td:first-of-type
{
    width: 12%;  padding: 0 8px 0 0;  text-align: right;
}
.main_contents .article table td:nth-of-type(2)
{
    width: 5%;
}
.main_contents .article table td:last-of-type
{
    width: 83%;  padding-left: 15px;  text-align: left;
}
.main_contents .article table td img
{
    width: 18px;  vertical-align: middle;
}
.main_contents .article table.command
{
    line-height: 1.6;  width: 100%;
}
.main_contents .article table.command .txt_circle,
.main_contents .article table.command .txt_square,
.main_contents .article table.command .txt_triangle,
.main_contents .article table.command .txt_cross
{
    margin-top: -2px;  vertical-align: middle;
}
.main_contents .article table.command tr
{
    background-color: #fff;
}
.main_contents .article table.command tr th
{
    font-weight: bold;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  padding: 4px 10px;  text-align: left;  background-color: #ccc;
}
.main_contents .article table.command tr th:first-of-type
{
    width: 35%;  border-right: solid 1px #fff;  border-radius: 4px 0 0 0;
}
.main_contents .article table.command tr th:last-of-type
{
    width: 65%;  border-radius: 0 4px 0 0;
}
.main_contents .article table.command tr:last-of-type td:first-of-type
{
    border-radius: 0 0 0 4px;
}
.main_contents .article table.command tr:last-of-type td:last-of-type
{
    border-radius: 0 0 4px 0;
}
.main_contents .article table.command tr td
{
              -webkit-box-sizing: border-box;                      box-sizing: border-box;  padding: 5px 12px;  text-align: left;
}
.main_contents .article table.command tr td:first-of-type
{
    width: 260px;  border-right: solid 1px #e5e5e5;  border-bottom: solid 1px #e5e5e5;  border-left: solid 1px #e5e5e5;
}
.main_contents .article table.command tr td:last-of-type
{
    width: 643px;  padding: 5px 15px;  border-right: solid 1px #e5e5e5;  border-bottom: solid 1px #e5e5e5;
}
.main_contents .article table.command tr td[colspan]
{
    font-weight: bold;  padding: 4px 10px;  background-color: #e5e5e5;
}
.main_contents .separate_block
{
    height: 1px;  margin: 50px 12.5px;  background: #4d4d4d;
}

.icon_style,
.txt_square,
.txt_triangle,
.txt_circle,
.txt_cross
{
    display: inline-block;  width: 15px;  height: 15px;  margin-top: -1px;  vertical-align: top;
}
.txt_square
{
    background: url('../images/sp/common/characters/icon_square.png') no-repeat center;  background-size: contain;
}
.txt_triangle
{
    background: url('../images/sp/common/characters/icon_tryangle.png') no-repeat center;  background-size: contain;
}
.txt_circle
{
    background: url('../images/sp/common/characters/icon_circle.png') no-repeat center;  background-size: contain;
}
.txt_cross
{
    background: url('../images/sp/common/characters/icon_cross.png') no-repeat center;  background-size: contain;
}

.main_contents #headline .version_list
{
    position: relative;  width: 76px;  margin-left: auto;
}
.main_contents #headline .version_list > span
{
    font-size: 10px;  position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 100%;  padding: 6px 11px;  cursor: pointer;  color: #fff;  background: #960000;
}
.main_contents #headline .version_list > span::after
{
    position: absolute;  top: 0;  right: 5px;  bottom: 0;  width: 10px;  height: 5.5px;  margin: auto;  content: '';  background: url('../images/sp/system/update/version_arr.png');  background-repeat: no-repeat;  background-position: center;  background-size: 100% auto;
}
.main_contents #headline .version_list .select_list
{
    position: absolute;  top: calc(100% + 5px);  width: 100%;
}
.main_contents #headline .version_list .select_list li a
{
    display: inline-block;                          -webkit-box-sizing: border-box;                                  box-sizing: border-box;  width: 100%;  padding: 6px 11px;  color: rgba(255, 255, 255, .5);  background: #960000;
}
.main_contents #headline .version_list .select_list li a:hover
{
    color: #fff;
}
.main_contents #headline .version_list .select_list li:not(:first-child)
{
    margin-top: 1px;
}
.main_contents .article p.strong
{
    font-weight: bold;  margin: 20px 0 10px;
}
.main_contents .article p.normal
{
    margin: 20px 0 10px;
}
.main_contents .article .strong_list
{
    margin: 20px 0 10px;
}
.main_contents .article .strong_list li
{
    font-weight: bold;
}
.main_contents .article .strong_list li + li
{
    margin-top: 5px;
}
.main_contents .article .strong_list li.gray
{
    font-weight: normal;  color: #666;
}
.main_contents .article .strong_list + p.strong
{
    margin-top: 30px;
}
.main_contents .article .block_list dt
{
    margin-bottom: 5px;
}
.main_contents .article .block_list dd
{
    line-height: 1.2;
}

.main_contents .article .block_list .strong
{
    font-weight: bold;
}
.mt50
{
    margin-top: 20px;
}

#dlc .dlc_tab_contents_note li a
{
    text-decoration: underline;
}

#character_detail .txt_desc.zooey
{
    margin-top: 375px;
}

.mt30
{
    margin-top: 20px;
}

.main_contents .article p.normal
{
    margin: 20px 0 10px;
}
/*20200401*/
/*20200625*/

.main_contents .article .box dt:first-of-type,
.main_contents .article .box dt:last-of-type
{
    border-radius: 8px 8px 0 0;
}

.mt50
{
    margin-top: 25px !important;
}

.mt5
{
    margin-top: 5px !important;
}
.main_contents #headline
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;height: 100px;
}

.main_contents #headline .version_list .select_list
{
    position: absolute;  top: calc(100% + -13px);  width: 100%;
}

.w100
{
    width: 100%;
}

.main_contents .article table.command tr td.border-left-none
{
    border-left: none !important;
}


.main_contents .article table.command tr.first-tr-child td:first-of-type
{
    border-top: solid 1px #e5e5e5;  border-radius: 4px 0 0 0;
}

.main_contents .article table.command tr.first-tr-child td:last-of-type
{
    border-top: solid 1px #e5e5e5;  border-radius: 0 4px 0 0;
}
/*20200625*/

/*20200907*/

#character_list .char_list
{
    display: flex;  flex-wrap: wrap;  justify-content: left; width: 345px;  margin: 0 auto;  padding-left: 8px;
}

#character_list .char_list li
{
    margin: 25px -5px 0;
}

#character_list .char_list li .char_image .comingsoon
{
    position: relative;
}

#character_list .char_list li .char_image .comingsoon::before
{
    position: absolute;  top: 0;  left: 0;  display: block;  width: 121px;  height: 163px;  content: '';
}
#character_list .char_list li.list_first .comingsoon::before,
#character_list .char_list li.list_third .comingsoon::before,
#character_list .char_list li.list_fifth .comingsoon::before,
#character_list .char_list li.list_seventh .comingsoon::before
{
    background-image: url('../images/sp/common/characters/comingsoon_right.png');  background-size: 100% auto;
}
#character_list .char_list li.list_second .comingsoon::before,
#character_list .char_list li.list_fourth .comingsoon::before,
#character_list .char_list li.list_sixth .comingsoon::before,
#character_list .char_list li.list_eighth .comingsoon::before
{
    background-image: url('../images/sp/common/characters/comingsoon_left.png');  background-size: 100% auto;
}

#dlc_character_tab
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-bottom: 20px;  padding-top: 15px;
}
#dlc_character_tab li
{
    position: relative;  width: calc(100% / 3);
}
#dlc_character_tab li a
{
    display: inline-block;
}
#dlc_character_tab li a img
{
    width: 100%;  pointer-events: none;
}
#dlc_character_tab li a.active
{
    pointer-events: none;
}

#dlc_character_tab li a .img_off
{
    display: block!important;
}

#dlc_character_tab li a .img_on
{
    display: none!important;
}

#dlc_character_tab > li a.active .img_off,
#dlc_character_tab > li a.hover_active .img_off
{
    display: none!important;
}

#dlc_character_tab > li a.active .img_on,
#dlc_character_tab > li a.hover_active .img_on
{
    display: block!important;
}

#event_tab
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 92%;  margin: 10px auto 20px;
}
#event_tab > li a
{
    display: block;
}
#event_tab > li a img
{
    width: 170px;  pointer-events: none;
}
#event_tab > li a .img_on
{
    display: none;
}
#event_tab > li a .img_off
{
    display: block;
}
#event_tab > li a.active .img_on
{
    display: block;
}
#event_tab > li a.active .img_off
{
    display: none;
}
#event_tab > li a.active
{
    pointer-events: none;
}
#main_contents
{
    position: relative;  width: 92%;  margin: 0 auto;
}
#main_contents #boss_contents,
#main_contents #gbvs_contents
{
    font-size: 0;
}
#main_contents #boss_contents .kv,
#main_contents #gbvs_contents .kv
{
    width: 100%;
}
#main_contents #boss_contents > .list_detail,
#main_contents #gbvs_contents > .list_detail
{
    padding: 25px 10px 50px;  background: #fff;
}
#main_contents #boss_contents .list_detail dt:not(:nth-of-type(1)),
#main_contents #gbvs_contents .list_detail dt:not(:nth-of-type(1))
{
    margin-top: 50px;
}
#main_contents #boss_contents .list_detail dt img,
#main_contents #gbvs_contents .list_detail dt img
{
    width: 100%;
}
#main_contents #boss_contents .list_detail dd img,
#main_contents #gbvs_contents .list_detail dd img
{
    width: 100%;  margin-top: 15px;
}
#main_contents #boss_contents .list_detail dt .img-title-first
{
    width: 99.375%;
}
#main_contents #boss_contents .list_detail dt .img-title-second
{
    width: 89.0625%;
}
#main_contents #boss_contents .list_detail dt .img-title-third
{
    width: 99.375%;
}
#main_contents #boss_contents .list_detail dt .img-title-fourth
{
    width: 94.375%;
}
#main_contents #gbvs_contents .list_detail dt .img-title-first
{
    width: 86.5625%;
}
#main_contents #gbvs_contents .list_detail dt .img-title-second
{
    width: 98.90625%;
}
#main_contents #gbvs_contents .list_detail dt .img-title-third
{
    width: 94.375%;
}

#dlc #stage #stage_2 .list_item_main .desc_item.benefits::after
{
    position: absolute;  top: -16px;  right: 0;  width: 159px;  height: 121.5px;  content: '';  background: url('../images/sp/dlc/img_robby_avator_2.png');  background-repeat: no-repeat;  background-position: center;  background-size: cover;
}

#dlc #stage #stage_2 .list_item_main .desc_item.benefits .desc_item_title
{
    margin-right: calc(159 * (100vw / 375));
}

.main_contents #headline
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;height: auto;
}
.main_contents #headline .version_list .select_list
{
    position: absolute;  z-index: 1;  top: calc(100% + 5px);  width: 100%;
}

.main_contents .article .name_list
{
    margin-top: 25px;
}

/*20200907*/
/*20201113*/

#character_detail .txt_desc.belial
{
    margin-top: 375px;
}

#character_detail .txt_desc.cagliostro
{
    margin-top: 300px;
}

/*20201113*/
/*20210101*/
#character_detail .txt_desc.yuel
{
    margin-top: 250px;
}
#dlc #premium .txt_supplement
{
    font-size: 15px;  margin-top: 25px;  text-align: left;
}
#dlc #premium .dlc_tab_contents_note
{
    margin-top: 30px;
}
#dlc #premium #premium_1 .list_item_title img
{
    width: 246px;
}
#dlc #premium #premium_1 .list_reward
{
    margin-top: 40px;  text-align: left;
}
#dlc #premium #premium_1 .list_reward dt
{
    margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a4a3a3;
}
#dlc #premium #premium_1 .list_reward dt:not(:first-child)
{
    margin-top: 25px;
}
#dlc #premium #premium_1 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}
#dlc #premium #premium_1 .list_reward dt img
{
    width: calc(261px / 2);
}
#dlc #premium #premium_1 .list_reward dd img
{
    width: 100%;
}
#dlc #premium #premium_2 .list_item_title img
{
    width: calc(353px / 2);
}

#dlc_tab li a .ico_update,
#dlc_tab li a .ico_new
{
    position: absolute;  bottom: -2px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);  pointer-events: none;
}

#dlc_tab li:nth-child(n+4)
{
    margin-top: 12px;
}

#dlc_tab li
{
    position: relative;  width: calc(100% / 3);
}

#dlc_tab li a .ico_new img
{
    width: 31px;
}


.modal_mask.roadmap
{
    display: none
    ;
}
.modal_mask.roadmap.is-noneActive
{
                          -webkit-animation: scale-out-center .5s cubic-bezier(.470, .000, .745, .715) both;                                  animation: scale-out-center .5s cubic-bezier(.470, .000, .745, .715) both;
    ;
}

.modal_mask.roadmap.is-active
{
    display: block;                          -webkit-animation: scale-in-center .5s cubic-bezier(.470, .000, .745, .715) both;                                  animation: scale-in-center .5s cubic-bezier(.470, .000, .745, .715) both;
}

@-webkit-keyframes scale-in-center
{
    0%
    {
                      -webkit-transform: scale(2);                              transform: scale(2);  opacity: 0;
    }
    100%
    {
                      -webkit-transform: scale(1);                              transform: scale(1);  opacity: 1;
    }
}
@keyframes scale-in-center
{
    0%
    {
                      -webkit-transform: scale(2);                              transform: scale(2);  opacity: 0;
    }
    100%
    {
                      -webkit-transform: scale(1);                              transform: scale(1);  opacity: 1;
    }
}

.modal_mask
{
    position: fixed;  z-index: 9998;  top: 0;  left: 0;  display: table;  width: 100%;  height: 100vh;          -webkit-transition: opacity .3s ease;                  transition: opacity .3s ease;  background-color: rgba(255, 255, 255, .9);
}
.modal_wrapper
{
    position: absolute;  z-index: 1;  top: 50%;  left: 50%;          -webkit-transform: translate(-50%, -50%);                  transform: translate(-50%, -50%);
}
.modal_container
{
    position: relative;  overflow-y: auto;  max-height: 55vh;  padding-top: 30px;          -webkit-transition: all .3s ease;                  transition: all .3s ease;
}

.modal_container .movie_area,
.modal_container .cmd_area,
.modal_container .schedule_area
{
    position: relative;  width: 305px;  height: 195px;  text-align: center;
}
.modal_container .movie_area iframe,
.modal_container .cmd_area iframe,
.modal_container .schedule_area iframe
{
    width: 100%;  height: 100%;
}
.modal_container .cmd_area
{
    width: 305px;  height: auto;
}
.modal_container .cmd_area img
{
    width: 100%;
}
.modal_container .cmd_area .desc_area
{
    text-align: left;
}
.modal_container .cmd_area .desc_area .title
{
    font-size: 13px;  font-weight: bold;
}
.modal_container .cmd_area .desc_area .title.ruby
{
    font-size: 10px;
}
.modal_container .cmd_area .desc_area .detail
{
    font-size: 10px;
}
.modal_container .img_thumb
{
    width: 305px;  height: auto;
}
.modal_container .schedule_area
{
        -webkit-box-sizing: border-box;                box-sizing: border-box;  width: 320px;  height: 55vh;  padding: 15px 7px;  text-align: left;  border: 1px solid #d7292a;  background: #fff;
}
.modal_container .schedule_area.blue
{
    border-color: #446299;
}
.modal_container .schedule_area.blue .inner dl dt
{
    color: #446299;
}
.modal_container .schedule_area .inner
{
    overflow-y: auto;  height: 100%;
}
.modal_container .schedule_area .inner dl dt
{
    width: 60px;  text-align: right;  color: #a81900;
}

.modal_container .modal_close
{
    position: absolute;  top: 0;  right: 0;  width: 77px;  height: 28px;  cursor: pointer;  background-image: url('../images/common/sprites/sp_parts.png');  background-repeat: no-repeat;  background-position: 0 -209px;  background-size: 337px 324px;
}

#character_detail .txt_desc.uno
{
    margin-top: 260px;
}

#dlc_premium_tab
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-bottom: 20px;  padding-top: 15px;
}

#dlc_premium_tab li
{
    position: relative;  width: calc(100% / 3);
}

#dlc_premium_tab li a
{
    display: inline-block;
}

#dlc_premium_tab li a.active
{
    pointer-events: none;
}

#dlc_premium_tab li a img
{
    width: 100%;  pointer-events: none;
}

#dlc_premium_tab
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  margin-bottom: 20px;  padding-top: 15px;
}

#dlc #premium #premium_3 .list_reward
{
    margin-top: 40px;  text-align: left;
}
#dlc #premium #premium_3 .list_item_title img
{
    width: 250px;
}
#dlc #premium #premium_3 .list_reward dd img
{
    width: 100%;
}
#dlc #premium #premium_3 .list_reward dt img
{
    width: calc(261px / 2);
}

#dlc #premium #premium_3 .list_reward dt:not(:first-child)
{
    margin-top: 25px;
}

dlc #premium #premium_3 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}

#dlc #premium #premium_3 .list_reward dt
{
    margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a4a3a3;
}

#dlc #premium #premium_4 .list_item_title img
{
    width: calc(353px / 2);
}

#dlc #premium #premium_3 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}
/*20210101*/
/*20210317*/
#dlc #premium #premium_5 .list_item_title img
{
    width: 250px;
}
#dlc #premium #premium_5 .list_reward
{
    margin-top: 40px;  text-align: left;
}
#dlc #premium #premium_5 .list_reward dt
{
    margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a4a3a3;
}
#dlc #premium #premium_5 .list_reward dt:not(:first-child)
{
    margin-top: 25px;
}
#dlc #premium #premium_5 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}
#dlc #premium #premium_5 .list_reward dt img
{
    width: calc(261px / 2);
}
#dlc #premium #premium_5 .list_reward dd img
{
    width: 100%;
}
#dlc #premium #premium_6 .list_item_title img
{
    width: calc(353px / 2);
}

#dlc #stage #stage_3 .list_item_main .desc_item.benefits
{
    margin-top: 30px;
}

#dlc #stage [id^=stage_] .list_item_title img
{
    height: 54px;
}

#dlc #stage #stage_3 .list_item_main .desc_item.benefits::after
{
    position: absolute;  top: 0;  right: 0;  width: 112px;  height: 74px;  content: '';  background: url(../images/sp/dlc/img_robby_avator_3.png);  background-repeat: no-repeat;  background-position: center;  background-size: cover;
}

#dlc #stage #stage_3 .list_item_main .desc_item.benefits .desc_item_title
{
    margin-right: calc(112 * (100vw / 375));
}
/*20210317*/
/*20210422*/
#character_detail .txt_desc.eustace
{
    margin-top: 432px;
}
/*20210422*/
#dlc #premium #premium_7 .list_item_title img
{
    width: 250px;
}
#dlc #premium #premium_7 .list_reward
{
    margin-top: 40px;  text-align: left;
}
#dlc #premium #premium_7 .list_reward dt
{
    margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a4a3a3;
}
#dlc #premium #premium_7 .list_reward dt:not(:first-child)
{
    margin-top: 25px;
}
#dlc #premium #premium_7 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}
#dlc #premium #premium_7 .list_reward dt img
{
    width: calc(261px / 2);
}
#dlc #premium #premium_7 .list_reward dd img
{
    width: 100%;
}
#dlc #premium #premium_8 .list_item_title img
{
    width: calc(353px / 2);
}
/*20210916*/
#dlc #premium #premium_9 .list_item_title img
{
    width: 250px;
}
#dlc #premium #premium_9 .list_reward
{
    margin-top: 40px;  text-align: left;
}
#dlc #premium #premium_9 .list_reward dt
{
    margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a4a3a3;
}
#dlc #premium #premium_9 .list_reward dt:not(:first-child)
{
    margin-top: 25px;
}
#dlc #premium #premium_9 .list_reward dt:not(:first-child) img
{
    width: calc(191px / 2);
}
#dlc #premium #premium_9 .list_reward dt img
{
    width: calc(261px / 2);
}
#dlc #premium #premium_9 .list_reward dd img
{
    width: 100%;
}
#dlc #premium #premium_10 .list_item_title img
{
    width: calc(353px / 2);
}
#character_detail .txt_desc.six
{
    margin-top: 370px;
}

#character_detail .txt_desc.vira
{
    margin-top: 270px;
}

#character_detail .txt_desc.abelial
{
    margin-top: 415px;
}

#character_detail .img_character.abelial
{
    margin-top: -115px;
}

/*20220202*/
.main_contents #package .product_list .product_area.closed::before,
.main_contents #download .product_list .product_area.closed::before
{
    position: absolute;  z-index: 1;  top: -15px;  left: -7px;  display: block;  width: calc(100% + 14px);  height: calc(100% + 30px);  content: '';  background-color: rgba(0, 0, 0, .5);  background-image: url(../images/sp/products/download/txt_closed.png);  background-repeat: no-repeat;  background-position: center;  background-size: 250px auto;
}

.main_contents #package .product_list .product_area
{
    position: relative;  width: 92%;  margin: 0 auto;
}


#dlc_character_attention
{
    margin-top: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}
#dlc_character_attention h3
{
    font-size: 18px;  font-weight: bold;  line-height: 1;  margin-bottom: 15px;  color: #950000;
}
#dlc_character_attention .attention_list li
{
    position: relative;  padding-left: .8rem;  text-align: left;
}
#dlc .dlc_tab_contents_list .list_item.no-border
{
    border: none;
}

#dlc .dlc_tab_contents_list .list_item .dlc_tab_contents_note
{
    margin: 10px auto 0;  text-align: left;
}
#dlc .dlc_tab_contents_note li
{
    position: relative;  padding-left: 1.2em;
}
#dlc .dlc_tab_contents_list .list_item.mt10
{
    margin-top: 10px;
}

.main_contents #download .product_list .product_area
{
    position: relative;  width: 92%;  margin: 0 auto;
}

.main_contents #download .product_list .product_area.closed::before
{
    position: absolute;  z-index: 1;  top: -15px;  left: -7px;  display: block;  width: calc(100% + 14px);  height: calc(100% + 30px);  content: '';  background-color: rgba(0, 0, 0, .5);  background-image: url(../images/sp/products/download/txt_closed.png);  background-repeat: no-repeat;  background-position: center;  background-size: 250px auto;
}

.privilege_note li a
{
    text-decoration: underline;
}
.w100
{
    width: 100%;
}
#privilege_reward h3
{
    font-size: 18px;  font-weight: bold;  line-height: 1.4;  margin-bottom: 15px;  letter-spacing: -1px;  color: #950000;
}
#privilege_reward h4
{
    margin-bottom: 10px;
}
#privilege_reward h4 img
{
    width: 100%;
}
#privilege_reward .txt_lead a
{
    text-decoration: underline;
}
#privilege_reward .txt_lead img
{
    width: 100%;  margin-top: 10px;
}
#privilege_reward .item_list
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  margin: 15px auto 0;
}
#privilege_reward .item_list li:nth-child(n + 3)
{
    margin-top: 10px;
}
#privilege_reward .item_list li img
{
    width: 150px;
}
#privilege_reward .privilege_reward_wrap
{
    margin-bottom: 50px;  padding: 25px 4%;  text-align: center;  background: rgba(255, 255, 255, .8);
}
#privilege_reward .privilege_reward_wrap-box
{
    margin-top: 30px;
}
#privilege_reward .privilege_note
{
    margin: 10px auto 0;  text-align: left;
}
#privilege_reward .privilege_note li
{
    position: relative;  padding-left: 1.2em;
}
#privilege_reward .privilege_note li::before
{
    position: absolute;  left: 0;  content: '\203B';
}
#privilege_reward .privilege_note li a
{
    text-decoration: underline;
}
.main_contents #download .product_list .product_area .detail_info dt
{
    position: relative;
}
.main_contents #download .product_list .product_area .detail_info dt::after
{
    position: absolute;  top: 0;  right: 0;  content: '\FF1A';
}
.mb5
{
    margin-bottom: 5px;
}
.red
{
    color: #950000;
}
/*20220202*/
/*20220713*/
#dlc_tab[data-v-1c5a772a]
{
    display: -webkit-box;    display: -ms-flexbox;    display: flex;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;  width: 92%;  margin: 60px auto 0;
}
#dlc_tab li[data-v-1c5a772a]
{
    position: relative;  width: calc(100% / 3);
}
#dlc_tab li a[data-v-1c5a772a]
{
    display: inline-block;
}
#dlc_tab li a img[data-v-1c5a772a]
{
    width: 100%;  pointer-events: none;
}
#dlc_tab li a.coming[data-v-1c5a772a],
#dlc_tab li a.active[data-v-1c5a772a]
{
    pointer-events: none;
}
#dlc_tab li a .ico_update[data-v-1c5a772a],
#dlc_tab li a .ico_new[data-v-1c5a772a]
{
    position: absolute;  bottom: -2px;  left: 50%;          -webkit-transform: translateX(-50%);                  transform: translateX(-50%);  pointer-events: none;
}
#dlc_tab li a .ico_update img[data-v-1c5a772a],
#dlc_tab li a .ico_new img[data-v-1c5a772a]
{
    width: 52.5px;  height: 12.5px;
}
#dlc_tab li a .ico_new img[data-v-1c5a772a]
{
    width: 31px;
}
#dlc_tab li[data-v-1c5a772a]:nth-child(n+4)
{
    margin-top: 12px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents
{
    width: 92%;  margin: 20px auto 0;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents .dlc_tab_title img
{
    width: 100%;  vertical-align: bottom;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_inner
{
    padding: 0 12.5px 20px;  background: #fff;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item
{
    margin-top: 45px;  padding: 12px 0 0;  text-align: center;  border-top: 2px solid #880101;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item:first-child
{
    margin-top: 0;  border-top: none;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_btn
{
    display: inline-block;  margin-top: 45px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_btn img
{
    width: 100%;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main
{
    margin-top: 10px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main > img
{
    width: 100%;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc
{
      display: -webkit-box;      display: -ms-flexbox;      display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;      -ms-flex-direction: column;          flex-direction: column;      -ms-flex-wrap: wrap;          flex-wrap: wrap;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;  margin-top: 20px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item
{
    -webkit-box-flex: 1;      -ms-flex: 1;          flex: 1;  width: 100%;  margin-top: 15px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item:first-child
{
    margin-top: 0;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_title
{
    margin: 0 0 8px;  padding-bottom: 5px;  text-align: left;  border-bottom: 1px solid #a4a3a3;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_title img
{
    width: 59.5px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item.benefits
{
    position: relative;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item.benefits .desc_item_title
{
    margin-right: calc(73 * (100vw / 375));
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item.benefits .desc_item_title img
{
    width: 58px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item.benefits .desc_item_list li
{
    padding-left: 0;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item.benefits .desc_item_list li::before
{
    content: none;
}

#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_list li span.note
{
    font-size: 10px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_list li span.note_no_asterisk
{
    display: inline-block;  margin-top: 10px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_list li a
{
    text-decoration: underline;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_note
{
    margin-top: 45px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_note li
{
    position: relative;  padding-left: 1.2em;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_note li::before
{
    position: absolute;  left: 0;  content: '\203B';
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_note li a
{
    text-decoration: underline;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_note + p
{
    margin-top: 12px;
}

#dlc .dlc_tab_contents .dlc_tab_contents_list[data-v-afd2b028] .list_item_title img,
#dlc .dlc_tab_contents .dlc_tab_contents_list[data-v-1a669d6b] .list_item_title img
{
    width: auto;  height: 54px;
}
#dlc[data-v-1c5a772a] .dlc_tab_contents_list .list_item_main .desc_item_list li
{
    position: relative;  padding-left: 9px;  text-align: left;
}

#dlc .dlc_tab_contents .dlc_tab_contents_list .desc_item_list .link[data-v-1c5a772a]
{
    display: block;
}

#dlc .dlc_tab_contents[data-v-1a669d6b] .dlc_tab_contents_list:not(:first-of-type)
{
    margin-top: 45px;  border-top: 2px solid #880101;
}

#dlc .dlc_tab_contents[data-v-5f6b827e] .dlc_tab_contents_list .caution
{
    position: relative;  display: block;
}
#dlc .dlc_tab_contents .dlc_tab_contents_list .list_item_main .desc .note[data-v-afd2b028]
{
    margin-top: 10px;
}

#dlc .dlc_tab_contents .dlc_tab_contents_list .list_item_main .desc .note li[data-v-afd2b028]
{
    font-size: 10px;  position: relative;  padding-left: 10px;
}
#dlc .dlc_tab_contents .dlc_tab_contents_list .list_item_main .desc .note li[data-v-afd2b028]::before
{
    position: absolute;  top: 0;  left: 0;  width: auto;  height: auto;  content: '\203B';  background: none;
}

#dlc .dlc_tab_contents .dlc_tab_contents_list[data-v-1a669d6b] .caution,
#dlc .dlc_tab_contents .dlc_tab_contents_list [data-v-afd2b028].caution
{
    font-size: 12px;  position: relative;  display: block; padding-left: 12px;
}

#dlc .dlc_tab_contents .dlc_tab_contents_list[data-v-1a669d6b] .caution::before,
#dlc .dlc_tab_contents .dlc_tab_contents_list[data-v-afd2b028] .caution::before
{
    position: absolute;  top: 0;  left: 0;  width: auto;  height: auto;  content: '\203B';  background: none;
}

/*20220713*/
/*20221108*/
#system
{
    margin-bottom: 50px;
    padding-bottom: 100px;
    background: url(../images/sp/common/system/bg_contents.jpg) no-repeat;
    background-size: 100% auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#system::after {
   background: none;
}
#btn_wrap{
margin-top: 170px;
}

.bottom_nav_list{
    width: 212px;
    margin: 25px auto 0;
}

.bottom_nav_list a {
    display: inline-block;
    margin-bottom: 10px;
}

.bottom_nav_list a:last-of-type {
    margin-bottom: 0;
}
.bottom_nav_list a img {
    width: 100%;
}
#btn_wrap a
{
    font-size: 0;  display: block;  text-align: center;margin-bottom: 15px;
}

#btn_wrap a:last-of-type()
{
    margin-bottom: 0;
}


#system_newbattlesystem .main_section
{
    width: 92%;  margin: 10px auto 0;
}
#system_newbattlesystem .main_section .to_index
{
    position: absolute;  top: 80px;  left: 4%;  display: block;  width: 131px;  height: 15px;
}
#system_newbattlesystem .main_section h3
{
    width: 192.5px;  height: 60.5px;  margin-bottom: 15px;
}
#system_newbattlesystem .main_section .main_contents
{
    line-height: 1.2;                  -webkit-box-sizing: border-box;                          box-sizing: border-box;  margin: 10px auto 0;  padding: 0;             padding-bottom: 25px;  background: rgba(255, 255, 255, .8);
}
#system_newbattlesystem .main_section h4
{
    font-size: 0;
}
#system_newbattlesystem .main_section p
{
    margin: 10px 0 0;
}
#system_newbattlesystem .main_section .font-color-red
{
    color: #960000;
}
#system_newbattlesystem .main_section .font-size-sm
{
    font-size: 10px;
}
#system_newbattlesystem .main_section img
{
    width: 100%;
}
#system_newbattlesystem .main_section .youtube_movie
{
    text-align: center;
}
#system_newbattlesystem .main_section .youtube_movie a
{
    display: block;  width: 300px;  margin: 10px auto -5px;
}
#system_newbattlesystem .main_section .text_lead
{
    padding: 0 10px;
}
#system_newbattlesystem .main_section .inner
{
    padding: 0 12.5px;
}
#system_newbattlesystem .main_section .child_section h5
{
    font-size: 0;  margin: 40px 0 15px;
}
#system_newbattlesystem .main_section .child_section-wrap
{
    margin-bottom: 40px;  padding: 0 10px;
}
#system_newbattlesystem .main_section .child_section-wrap:last-of-type
{
    margin-bottom: 0;
}
#system_newbattlesystem .main_section .child_section-wrap h6
{
    font-size: 16px;  font-weight: bold;  margin: 0 0 10px;
}
#system_newbattlesystem .main_section .child_section-wrap .flexbox-right img
{
    width: 210px;  margin: 15px 0 -2px;
}
#system_newbattlesystem .main_section .child_section-wrap .flexbox.half ul
{
    margin-top: 5px;
}
#system_newbattlesystem .main_section .child_section-wrap .graybox
{
    margin: 15px auto;  padding: 15px;  background: #e6e6e6;
}
#system_newbattlesystem .main_section .child_section-wrap .graybox dt
{
    font-size: 15px;  font-weight: bold;  line-height: 1;  margin-bottom: 10px;  padding-bottom: 10px;  border-bottom: 1px solid #a62e2e;
}
#system_newbattlesystem .main_section .child_section-wrap .graybox ul.text-indent > li
{
    font-size: 12px;  width: auto; margin: auto; padding-left: 1em;  text-indent: -1em;border: none;background: none;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap
{
    position: relative;  width: 300px;  height: 169px;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap::after
{
    position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  content: '';          -webkit-transition: opacity .2s ease-out;                  transition: opacity .2s ease-out;  background: url('../images/sp/system/newbattlesystem/icon_replay.png') center no-repeat;  background-color: rgba(0, 0, 0, .3);  background-size: 107px auto;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap.play
{
    cursor: auto;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap.play::before
{
    opacity: 0;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap.play::after
{
    opacity: 0;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap img
{
    display: block;  width: 100%;  cursor: pointer;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap video
{
    width: 300px;  height: 169px;
}
#system_newbattlesystem .main_section .child_section-wrap .gauge
{
    display: block;  width: 187px;  margin: 8px auto 0;
}
#system_newbattlesystem .main_section table
{
    width: 100%;  margin: 10px auto 20px;  border-spacing: 0;  border-collapse: collapse;
}
#system_newbattlesystem .main_section table th
{
    font-weight: bold;          -webkit-box-sizing: border-box;                  box-sizing: border-box;  padding: 5px 10px;  text-align: left;  background-color: #ccc;
}
#system_newbattlesystem .main_section table th:first-of-type
{
    width: 35%;  border-right: solid 1px #fff;
}
#system_newbattlesystem .main_section table th:last-of-type
{
    width: 65%;
}
#system_newbattlesystem .main_section table tr
{
    background-color: #fff;
}
#system_newbattlesystem .main_section table td
{
        -webkit-box-sizing: border-box;                box-sizing: border-box;  width: 6%;  padding: 3px 0;  text-align: center;  text-align: left;  border: 1px solid #ccc;
}
#system_newbattlesystem .main_section table td:first-of-type
{
    width: 35%;  padding: 5px 12px;
}
#system_newbattlesystem .main_section table td:last-of-type
{
    width: 65%;  padding: 5px 15px;
}
#system_newbattlesystem .main_section table td img
{
    vertical-align: middle;
}
#system_newbattlesystem .main_section .bottom_nav_list
{
    width: 212px;  margin: 25px auto 0;
}
#system_newbattlesystem .main_section .bottom_nav_list li
{
    margin-bottom: 10px;
}
#system_newbattlesystem .main_section .bottom_nav_list li:last-of-type
{
    margin-bottom: 0;
}
#system_newbattlesystem .main_section .bottom_nav_list a:hover
{
    opacity: .8;
}
#system_newbattlesystem .main_section .bottom_nav_list a img
{
    width: 100%;
}

#system_newbattlesystem .main_section .child_section-wrap .video-wrap.op0::after
{
    opacity: 0;
}

.main_section #battle_system .battle_rule .detail dd.detail_07, .main_section #battle_system .battle_operation .detail dd.detail_07 {
    position: relative;
    margin-bottom: 100px;
}

.main_section #battle_system .battle_rule .detail dd.detail_07 a, .main_section #battle_system .battle_operation .detail dd.detail_07 a {
    position: absolute;
    width: 309px;
    left: -4px;
    bottom: -63px;
}
#system_newbattlesystem .main_section .child_section-wrap .video-wrap.active::before
{
    background: none;
}
/*20221108*/
/*ハングルのみ*/
.apology_wrap
{
    margin-top: 10px;  text-align: center;
}

.apology
{
    text-decoration: underline;  color: #fff;
}

#dlc .dlc_tab_contents_list .list_item_main  .desc_item_title img
{
    width: 73px;
}

#dlc #premium #premium_1 .list_reward dt img
{
    width: calc(370px / 2);
}

.main_contents #download .product_list .product_area .detail_info dt
{
    width: 28%;
}

.main_contents #download .product_list .product_area .detail_info dd
{
    width: 72%;
}

/*ハングルのみEND*/