@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  /*display: none;*/ }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0; }

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none; }

/* 2 */
q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal;
  /* 1 */ }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */ }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

body, ul, ol, li, dl, dt, dd,
table, tr, th, td,
h1, h2, h3, h4, h5, h6, div, p,
main, article, section, aside, nav,
form, input, select, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  color: #2d3336;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  font-size: 14px;
  background: #fff;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-feature-settings: "palt";
  letter-spacing: 0.05em; }

div, p, ul, ol, li, dl, dt, dd, tr, th, td {
  word-break: break-all;
  line-height: 1.3;
  font-feature-settings: "palt";
  letter-spacing: 0.05em; }

ul, ol, li {
  list-style: none; }

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0; }
  img.dot {
    image-rendering: pixelated;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; }

.avatar img {
  image-rendering: pixelated;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -moz-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; }

table {
  width: 100%; }

input,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  outline: none !important; }

select::-ms-expand {
  display: none; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield; }

textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  color: #4c2000;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.2;
  outline: none !important; }

label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer; }

svg {
  backface-visibility: hidden;
  transform: translateZ(0); }

.show {
  display: block; }

.hide {
  display: none; }

/* link */
a,
a:visited,
a:hover,
a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  color: #333;
  outline: none !important; }

a:hover {
  text-decoration: none; }

/* btn */
[class^="btn-"] {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0); }
  [class^="btn-"] a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%; }
    [class^="btn-"] a span {
      display: none; }

/* placeholder */
:placeholder-shown {
  color: #a8a8a8; }

::-webkit-input-placeholder {
  color: #a8a8a8; }

:-moz-placeholder {
  color: #a8a8a8; }

::-moz-placeholder {
  color: #a8a8a8; }

:-ms-input-placeholder {
  color: #a8a8a8 !important; }

/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  body {
    overflow-x: auto; }

  /* btn */
  [class^="btn-"] a:hover {
    background-position-y: 100% !important; } }
/* vendor-prefix */
body {
  background: #000; }

#gnb-container {
  display: none; }

/******************************************************************************
header
******************************************************************************/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%; }
  header nav.nav-sp {
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 16.8%;
    width: 100%;
    height: 0;
    background-color: #201e1e;
    z-index: 10000; }
    header nav.nav-sp .logo {
      position: absolute;
      left: 4%;
      top: 0;
      margin-top: 4%;
      padding-top: 8.8%;
      width: 77.3333333333%;
      height: 0; }
      header nav.nav-sp .logo img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    header nav.nav-sp .nav-close .bt-nav-open {
      position: absolute;
      right: 4%;
      top: 0;
      margin-top: 4%;
      padding-top: 9.3333333333%;
      width: 9.3333333333%;
      height: 0; }
      header nav.nav-sp .nav-close .bt-nav-open a {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(https://static.nexon.co.jp/counterside/common/sp/bt_menu.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain; }
    header nav.nav-sp .nav-open {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      background-color: #000000; }
      header nav.nav-sp .nav-open > ul {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 22.6666666667%;
        padding-top: 154.4%;
        width: 100%;
        height: 0; }
        header nav.nav-sp .nav-open > ul li {
          position: absolute;
          left: 50%;
          top: 0;
          padding-top: 9.7333333333%;
          height: 0;
          background-position: center bottom;
          background-repeat: no-repeat;
          background-size: auto 2.66vw;
          transform: translate(-50%, 0); }
          header nav.nav-sp .nav-open > ul li a {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 4.53vw; }
            header nav.nav-sp .nav-open > ul li a span {
              display: block;
              position: absolute;
              left: 0;
              width: 100%;
              height: 50%;
              background-position: center top;
              background-repeat: no-repeat;
              background-size: 100%;
              text-indent: 110%;
              white-space: nowrap;
              overflow: hidden;
              transform: skewX(0deg);
              transition: transform .1s linear 0s; }
              header nav.nav-sp .nav-open > ul li a span:first-child {
                top: 0; }
              header nav.nav-sp .nav-open > ul li a span:last-child {
                top: 50%; }
            header nav.nav-sp .nav-open > ul li a::after {
              content: '';
              display: block;
              position: absolute;
              left: 0;
              top: 2vw;
              width: 0%;
              height: 0.53vw;
              background-color: #c80000;
              transition: width .1s linear 0s; }
            header nav.nav-sp .nav-open > ul li a:hover span {
              transform: skewX(20deg); }
            header nav.nav-sp .nav-open > ul li a:hover::after {
              width: 100%; }
          header nav.nav-sp .nav-open > ul li.top {
            width: 14.1333333333%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_top_jp.png); }
            header nav.nav-sp .nav-open > ul li.top a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_top_t_w.png); }
            header nav.nav-sp .nav-open > ul li.top a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_top_b_w.png); }
          header nav.nav-sp .nav-open > ul li.aboutgame {
            margin-top: 15.7333333333%;
            width: 41.0666666667%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_aboutgame_jp.png); }
            header nav.nav-sp .nav-open > ul li.aboutgame a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_aboutgame_t_w.png); }
            header nav.nav-sp .nav-open > ul li.aboutgame a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_aboutgame_b_w.png); }
          header nav.nav-sp .nav-open > ul li.news {
            margin-top: 31.2%;
            width: 18.4%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_news_jp.png); }
            header nav.nav-sp .nav-open > ul li.news a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_news_t_w.png); }
            header nav.nav-sp .nav-open > ul li.news a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_news_b_w.png); }
          header nav.nav-sp .nav-open > ul li.gameguide {
            margin-top: 46.9333333333%;
            width: 37.7333333333%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gameguide_jp.png); }
            header nav.nav-sp .nav-open > ul li.gameguide a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gameguide_t_w.png); }
            header nav.nav-sp .nav-open > ul li.gameguide a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gameguide_b_w.png); }
          header nav.nav-sp .nav-open > ul li.character {
            margin-top: 62.8%;
            width: 36.6666666667%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_character_jp.png); }
            header nav.nav-sp .nav-open > ul li.character a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_character_t_w.png); }
            header nav.nav-sp .nav-open > ul li.character a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_character_b_w.png); }
          header nav.nav-sp .nav-open > ul li.gallery {
            margin-top: 78.5333333333%;
            width: 32.4%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gallery_jp.png); }
            header nav.nav-sp .nav-open > ul li.gallery a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gallery_t_w.png); }
            header nav.nav-sp .nav-open > ul li.gallery a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_gallery_b_w.png); }
          header nav.nav-sp .nav-open > ul li.support {
            margin-top: 94.2666666667%;
            width: 37.7333333333%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_support_jp.png); }
            header nav.nav-sp .nav-open > ul li.support a span:first-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_support_t_w.png); }
            header nav.nav-sp .nav-open > ul li.support a span:last-child {
              background-image: url(https://static.nexon.co.jp/counterside/common/sp/menu_support_b_w.png); }
      header nav.nav-sp .nav-open .bt-sns {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 142.4%;
        padding-top: 27.3333333333%;
        width: 100%;
        height: 0;
        background-image: url(https://static.nexon.co.jp/counterside/common/sp/text_followus.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 50.6666666667% auto; }
        header nav.nav-sp .nav-open .bt-sns > div {
          position: absolute;
          top: 0;
          margin-top: 14%;
          padding-top: 13.3333333333%;
          width: 13.3333333333%;
          height: 0; }
          header nav.nav-sp .nav-open .bt-sns > div img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
          header nav.nav-sp .nav-open .bt-sns > div.tw {
            left: 24%; }
          header nav.nav-sp .nav-open .bt-sns > div.yt {
            left: 44%; }
          header nav.nav-sp .nav-open .bt-sns > div.line {
            left: 62.6666666667%; }
      header nav.nav-sp .nav-open .bt-nav-close {
        position: absolute;
        right: 4%;
        top: 0;
        margin-top: 4%;
        padding-top: 9.3333333333%;
        width: 9.3333333333%;
        height: 0; }
        header nav.nav-sp .nav-open .bt-nav-close a {
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          background-image: url(https://static.nexon.co.jp/counterside/common/bt_close.png);
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 100% 200%; }
  header nav.nav-pc {
    display: none; }

/******************************************************************************
wrapper
******************************************************************************/
.wrapper {
  position: relative;
  z-index: 10;
  display: block;
  padding-top: 16.6666666667%; }
  .wrapper.hidden {
    overflow: hidden; }
  .wrapper.none {
    display: none; }
  .wrapper article {
    position: relative;
    z-index: 1; }
  .wrapper article > div,
  .wrapper article > section {
    width: 100%;
    display: none; }
  .wrapper article > div.active,
  .wrapper article > section.active {
    display: block; }

/******************************************************************************
button effect
******************************************************************************/
.huge {
  animation: huge-effect 0.2s ease forwards; }

@keyframes huge-effect {
  0% {
    transform: scale(1) translate3d(0, 0, 100px); }
  50% {
    transform: scale(1.1) translate3d(0, 0, 100px); }
  100% {
    transform: scale(1) translate3d(0, 0, 100px); } }
/******************************************************************************
footer
******************************************************************************/
footer {
  position: relative;
  width: 100%;
  z-index: 100; }
  footer .information {
    position: relative;
    padding-top: 48.9333333333%;
    width: 100%;
    height: 0;
    background-color: #1b1b1e; }
    footer .information .bt-sns {
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 6.6666666667%;
      padding-top: 20.4%;
      width: 100%;
      height: 0;
      background-image: url(https://static.nexon.co.jp/counterside/common/sp/text_followus.png);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 29.3333333333% auto; }
      footer .information .bt-sns > div {
        position: absolute;
        top: 0;
        margin-top: 11.6%;
        padding-top: 8.8%;
        width: 8.8%;
        height: 0; }
        footer .information .bt-sns > div img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
        footer .information .bt-sns > div.tw {
          left: 31.3333333333%; }
        footer .information .bt-sns > div.yt {
          left: 45.4666666667%; }
        footer .information .bt-sns > div.line {
          left: 59.6%; }
    footer .information .app-info {
      position: absolute;
      left: 50%;
      top: 0;
      margin-top: 32%;
      padding-top: 10%;
      width: 38.9333333333%;
      height: 0;
      transform: translate(-50%, 0); }
      footer .information .app-info dl {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
        footer .information .app-info dl dt, footer .information .app-info dl dd {
          float: left;
          margin-bottom: 2.7397260274%;
          padding-top: 6.1643835616%;
          height: 0;
          background-repeat: no-repeat;
          background-size: auto 100%;
          text-indent: 110%;
          white-space: nowrap;
          overflow: hidden; }
        footer .information .app-info dl dt.name {
          width: 41.095890411%;
          background-image: url(https://static.nexon.co.jp/counterside/common/sp/term_app_name.png);
          background-position: right top; }
          footer .information .app-info dl dt.name + dd {
            width: 58.904109589%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/discription_app_name.png);
            background-position: left top; }
        footer .information .app-info dl dt.category {
          width: 41.095890411%;
          background-image: url(https://static.nexon.co.jp/counterside/common/sp/term_app_category.png);
          background-position: right top; }
          footer .information .app-info dl dt.category + dd {
            width: 58.904109589%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/discription_app_category.png);
            background-position: left top; }
        footer .information .app-info dl dt.os {
          width: 28.0821917808%;
          background-image: url(https://static.nexon.co.jp/counterside/common/sp/term_app_os.png);
          background-position: right top; }
          footer .information .app-info dl dt.os + dd {
            width: 71.9178082192%;
            background-image: url(https://static.nexon.co.jp/counterside/common/sp/discription_app_os.png);
            background-position: left top; }
    footer .information .store-badge {
      display: none; }
  footer .copyright {
    position: relative;
    padding-top: 37.2%;
    width: 100%;
    height: 0;
    background-color: #ffffff;
    box-sizing: border-box; }
    footer .copyright ul {
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 3.7333333333%;
      width: 100%;
      text-align: center;
      font-size: 0; }
      footer .copyright ul li {
        display: inline-block;
        position: relative;
        padding: 0 0.9333333333%;
        line-height: 1.5;
        font-family: 'メイリオ', Meiryo,YuGothic, 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 18px;
        font-size: 2.4vw; }
        footer .copyright ul li::after {
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          width: 1px;
          height: 60%;
          background-color: #aaaaaa;
          transform: translate(0, -50%); }
        footer .copyright ul li:nth-child(4)::after, footer .copyright ul li:last-child::after {
          display: none; }
        footer .copyright ul li a {
          text-decoration: underline;
          color: #000000; }
          footer .copyright ul li a:hover {
            text-decoration: none; }
    footer .copyright p {
      position: absolute;
      top: 0;
      margin-top: 14.6666666667%;
      width: 100%;
      line-height: 1.8;
      font-family: 'メイリオ', Meiryo,YuGothic, 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
      font-size: 16px;
      font-size: 2.1333333333vw;
      text-align: center; }
    footer .copyright .logo {
      position: absolute;
      left: 50%;
      top: 0;
      margin-top: 26.4%;
      padding-top: 5.4666666667%;
      width: 16%;
      height: 0;
      background-image: url(https://static.nexon.co.jp/counterside/common/logo_footer_nexon.png), url(https://static.nexon.co.jp/counterside/common/logo_footer_studiobsid.png);
      background-position: left center, right center;
      background-repeat: no-repeat;
      background-size: auto 100%;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden;
      transform: translate(-50%, 0); }

footer.none {
  display: none; }

/******************************************************************************
modal
******************************************************************************/
.modal {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-100vh);
  font-size: 28px;
  font-size: 3.7333333333vw; }
  .modal div[class^="modal-"] {
    position: relative;
    margin: 0 auto;
    width: 92%;
    padding: 4%;
    display: none;
    z-index: 5;
    border-radius: 50px; }
  .modal div.modal-youtube {
    margin: 0 auto;
    max-width: 890px;
    padding: 0;
    border-radius: 0; }
    .modal div.modal-youtube .youtube-player {
      position: relative;
      margin: 0 auto 0;
      width: 100%;
      height: 0;
      padding-top: 56.25%; }
      .modal div.modal-youtube .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .modal .btn-close {
    position: relative;
    width: 15.3846153846%;
    height: 0;
    padding-top: 15.3846153846%;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
    margin: 4.6153846154% auto;
    animation: none;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease 0s; }
    .modal .btn-close::before {
      content: '';
      position: absolute;
      width: 50%;
      height: 0;
      padding-top: 8%;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #fa8600;
      border-radius: 20px;
      transform: rotateZ(-45deg); }
    .modal .btn-close::after {
      content: '';
      position: absolute;
      width: 50%;
      height: 0;
      padding-top: 8%;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #fa8600;
      border-radius: 20px;
      transform: rotateZ(45deg); }
    .modal .btn-close.none {
      opacity: 0 !important; }
    .modal .btn-close span {
      display: none; }
  .modal.close.animation .btn-close {
    animation: none;
    transition: all 0.5s ease 0s; }
  .modal.close {
    top: 50%;
    transform: translateY(-50%); }
    .modal.close .btn-close {
      opacity: 0;
      transform: none; }
  .modal.open.animation .btn-close {
    transition: none;
    animation: close_btn 0.5s ease 0.5s both; }
  .modal.open {
    top: 50%;
    transform: translateY(-50%); }
    .modal.open .btn-close {
      opacity: 1;
      transform: rotateZ(180deg); }

.modal + .shadow {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: fixed;
  top: 50%;
  transform: translateY(-50%) scale(0);
  left: 0;
  z-index: 40;
  border-radius: 50%;
  cursor: pointer;
  z-index: 40; }

.modal.close.animation + .shadow {
  animation: none;
  transition: all 0.5s ease 0.5s; }

.modal.close + .shadow {
  transform: translateY(-50%) scale(0); }

.modal.open.animation + .shadow {
  animation: modal-shadow 1.0s ease both; }

.modal.open + .shadow {
  transform: translateY(-50%) scale(5); }

@keyframes close_btn {
  0% {
    opacity: 0;
    transform: rotateZ(0deg); }
  100% {
    opacity: 1;
    transform: rotateZ(180deg); } }
@keyframes modal-shadow {
  0% {
    transform: translateY(-50%) scale(0); }
  100% {
    transform: translateY(-50%) scale(5); } }
/******************************************************************************
loading
******************************************************************************/
.loading {
  position: fixed;
  background: url(https://static.nexon.co.jp/counterside/common/img_loading_01.png) no-repeat 0 0;
  background-size: contain;
  width: 18.4%;
  height: 0;
  padding-top: 18.4%;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/counterside/common/img_loading_02.png) no-repeat 0 0;
    background-size: contain;
    animation: loading 1s linear infinite; }

@keyframes loading {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }
/******************************************************************************
横向き
******************************************************************************/
/*.landscape{
	display: none;
	position: fixed;
	background: #000;
	width: 100vw;
	height: 100vh;
	margin: auto;
	top:0;
	right:0;
	bottom:0;
	left: 0;
	z-index: 1000;
	p{
		background: url(https://static.nexon.co.jp/counterside/common/bg_landscape.png) no-repeat center center;
		background-size: contain;
		width: 155px;
		height: 176px;
		position: absolute;
		margin: auto;
		top:0;
		right: 0;
		bottom:0;
		left: 0;
		white-space: nowrap;
		text-indent: 110%;
		overflow: hidden;
	}
}*/
/**********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  body {
    min-width: 1200px; }

  #gnb-container {
    display: block; }

  /******************************************************************************
  header
  ******************************************************************************/
  header {
    top: 35px; }
    header nav.nav-sp {
      display: none; }
    header nav.nav-pc {
      display: block;
      position: fixed;
      left: 0;
      top: 35px;
      width: 100%;
      height: 65px;
      background-color: #201e1e;
      box-sizing: border-box;
      border-bottom: 1px solid #000000;
      z-index: 100; }
      header nav.nav-pc::before {
        content: '';
        display: block;
        position: fixed;
        left: 0;
        top: 99px;
        width: 100%;
        height: 0;
        background-color: rgba(32, 30, 30, 0.9);
        transition: height .2s ease 0s; }
      header nav.nav-pc ul.main-menu {
        display: flex;
        margin: 0 auto;
        width: 1200px; }
        header nav.nav-pc ul.main-menu > li {
          position: relative;
          width: 153px;
          height: 63px; }
          header nav.nav-pc ul.main-menu > li > a {
            display: block;
            position: relative;
            left: auto;
            top: auto;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center; }
            header nav.nav-pc ul.main-menu > li > a span {
              display: none; }
            header nav.nav-pc ul.main-menu > li > a::after {
              display: none;
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 4px;
              background-color: #e10000; }
            header nav.nav-pc ul.main-menu > li > a:hover {
              background-position: center center !important; }
              header nav.nav-pc ul.main-menu > li > a:hover::after {
                display: block; }
          header nav.nav-pc ul.main-menu > li.active > a::after {
            display: block; }
          header nav.nav-pc ul.main-menu > li.btn-top {
            width: 280px; }
            header nav.nav-pc ul.main-menu > li.btn-top > a::after, header nav.nav-pc ul.main-menu > li.btn-top.active > a::after {
              display: none; }
            header nav.nav-pc ul.main-menu > li.btn-top > a {
              background-image: url(https://static.nexon.co.jp/counterside/common/logo_menu.png); }
          header nav.nav-pc ul.main-menu > li.btn-aboutgame {
            width: 155px; }
            header nav.nav-pc ul.main-menu > li.btn-aboutgame > a {
              background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="133" height="18" viewBox="0 0 133 18"><path id="ABOUT_GAME" fill="%23a0a0a0" d="M420.659,56.637h-2.883l-3.551,18.316V75h2.707l0.551-3.481h3.434L421.467,75h2.719Zm-2.813,12.527,1.348-8.274,1.336,8.274h-2.684Zm20.235-1.289a1.9,1.9,0,0,0-.633-1.512q-0.081-.082-1.476-0.937,1.347-.832,1.43-0.9a1.835,1.835,0,0,0,.585-1.453V58.348a1.466,1.466,0,0,0-1.628-1.687h-7.278V75h7.324a1.481,1.481,0,0,0,1.676-1.676V67.875Zm-4.148-3.527h-2.11V58.969h3.434V63.41Zm-2.11,8.344V66.574h2.157l1.347,0.891v5.227h-3.5Zm21.021-14.344a1.482,1.482,0,0,0-1.665-1.687h-5.953a1.466,1.466,0,0,0-1.629,1.688V73.324A1.461,1.461,0,0,0,445.226,75h5.953a1.476,1.476,0,0,0,1.665-1.676V58.348Zm-6.5,14.3V59.016H450.1V72.645H446.34ZM467.582,56.66H464.84V72.645h-3.691V56.66h-2.742V73.324A1.476,1.476,0,0,0,460.071,75H465.9a1.486,1.486,0,0,0,1.687-1.676V56.66Zm13.532,0h-8.777v2.426h3.023V75h2.731V59.086h3.023V56.66Zm22.13,8.519h-4.792v2.332h2.039v5.133h-3.575V59.016h3.575v3.246h2.753V58.348a1.486,1.486,0,0,0-1.675-1.687h-5.731a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,495.8,75h5.766a1.481,1.481,0,0,0,1.675-1.676V65.18Zm11.318-8.543h-2.883l-3.551,18.316V75h2.707l0.551-3.481h3.433L515.37,75h2.719Zm-2.813,12.527,1.348-8.274,1.336,8.274h-2.684Zm22.321-12.5h-2.59L528.6,66.8a6.874,6.874,0,0,0-.07.832,4.918,4.918,0,0,0-.07-0.832L525.574,56.66h-2.59V75h2.637V65.953a17.277,17.277,0,0,0-.164-1.992l2.379,9.363h1.394l2.367-9.363a16.773,16.773,0,0,0-.164,1.992V75h2.637V56.66Zm13.157,15.914h-4.863V66.82h4.125V64.441h-4.125V59.086h4.793V56.66h-7.536V75h7.606V72.574Z" transform="translate(-414.219 -56.813)"/></svg>'); }
            header nav.nav-pc ul.main-menu > li.btn-aboutgame.active > a {
              background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="133" height="18" viewBox="0 0 133 18"><path id="ABOUT_GAME" fill="%23ffffff" d="M420.659,56.637h-2.883l-3.551,18.316V75h2.707l0.551-3.481h3.434L421.467,75h2.719Zm-2.813,12.527,1.348-8.274,1.336,8.274h-2.684Zm20.235-1.289a1.9,1.9,0,0,0-.633-1.512q-0.081-.082-1.476-0.937,1.347-.832,1.43-0.9a1.835,1.835,0,0,0,.585-1.453V58.348a1.466,1.466,0,0,0-1.628-1.687h-7.278V75h7.324a1.481,1.481,0,0,0,1.676-1.676V67.875Zm-4.148-3.527h-2.11V58.969h3.434V63.41Zm-2.11,8.344V66.574h2.157l1.347,0.891v5.227h-3.5Zm21.021-14.344a1.482,1.482,0,0,0-1.665-1.687h-5.953a1.466,1.466,0,0,0-1.629,1.688V73.324A1.461,1.461,0,0,0,445.226,75h5.953a1.476,1.476,0,0,0,1.665-1.676V58.348Zm-6.5,14.3V59.016H450.1V72.645H446.34ZM467.582,56.66H464.84V72.645h-3.691V56.66h-2.742V73.324A1.476,1.476,0,0,0,460.071,75H465.9a1.486,1.486,0,0,0,1.687-1.676V56.66Zm13.532,0h-8.777v2.426h3.023V75h2.731V59.086h3.023V56.66Zm22.13,8.519h-4.792v2.332h2.039v5.133h-3.575V59.016h3.575v3.246h2.753V58.348a1.486,1.486,0,0,0-1.675-1.687h-5.731a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,495.8,75h5.766a1.481,1.481,0,0,0,1.675-1.676V65.18Zm11.318-8.543h-2.883l-3.551,18.316V75h2.707l0.551-3.481h3.433L515.37,75h2.719Zm-2.813,12.527,1.348-8.274,1.336,8.274h-2.684Zm22.321-12.5h-2.59L528.6,66.8a6.874,6.874,0,0,0-.07.832,4.918,4.918,0,0,0-.07-0.832L525.574,56.66h-2.59V75h2.637V65.953a17.277,17.277,0,0,0-.164-1.992l2.379,9.363h1.394l2.367-9.363a16.773,16.773,0,0,0-.164,1.992V75h2.637V56.66Zm13.157,15.914h-4.863V66.82h4.125V64.441h-4.125V59.086h4.793V56.66h-7.536V75h7.606V72.574Z" transform="translate(-414.219 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-news > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="18" viewBox="0 0 55 18"><path id="NEWS" fill="%23a0a0a0" d="M702.3,56.66h-2.672v9.984a6.946,6.946,0,0,0,.176,1.324L695.409,56.66h-2.4V75h2.672V64.781a6.866,6.866,0,0,0-.176-1.324L699.9,75h2.4V56.66Zm13.169,15.914h-4.863V66.82h4.125V64.441h-4.125V59.086H715.4V56.66h-7.536V75h7.606V72.574ZM731.461,56.66l-1.418,10.875q-0.082,1.113-.094,1.676-0.07-1.113-.1-1.676L728.262,56.66h-2.25l-1.583,10.875q-0.093,1.113-.105,1.676-0.058-1.113-.094-1.676L722.812,56.66h-2.777l2.684,18.363h2.695l1.629-10.394q0.093-1.113.094-1.676c0.046,0.742.078,1.3,0.093,1.676l1.641,10.394h2.683l2.684-18.363h-2.777Zm16.461,12.293a1.949,1.949,0,0,0-.6-1.488l-5.5-5.18V58.969h3.351v3.457h2.742v-4.1a1.471,1.471,0,0,0-1.664-1.664h-5.519a1.476,1.476,0,0,0-1.653,1.688v4.078a1.945,1.945,0,0,0,.6,1.465l5.5,5.2v3.6h-3.351V68.953h-2.743v4.371A1.471,1.471,0,0,0,740.739,75h5.519a1.476,1.476,0,0,0,1.664-1.676V68.953Z" transform="translate(-692.969 -56.844)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-news.active > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="18" viewBox="0 0 55 18"><path id="NEWS" fill="%23ffffff" d="M702.3,56.66h-2.672v9.984a6.946,6.946,0,0,0,.176,1.324L695.409,56.66h-2.4V75h2.672V64.781a6.866,6.866,0,0,0-.176-1.324L699.9,75h2.4V56.66Zm13.169,15.914h-4.863V66.82h4.125V64.441h-4.125V59.086H715.4V56.66h-7.536V75h7.606V72.574ZM731.461,56.66l-1.418,10.875q-0.082,1.113-.094,1.676-0.07-1.113-.1-1.676L728.262,56.66h-2.25l-1.583,10.875q-0.093,1.113-.105,1.676-0.058-1.113-.094-1.676L722.812,56.66h-2.777l2.684,18.363h2.695l1.629-10.394q0.093-1.113.094-1.676c0.046,0.742.078,1.3,0.093,1.676l1.641,10.394h2.683l2.684-18.363h-2.777Zm16.461,12.293a1.949,1.949,0,0,0-.6-1.488l-5.5-5.18V58.969h3.351v3.457h2.742v-4.1a1.471,1.471,0,0,0-1.664-1.664h-5.519a1.476,1.476,0,0,0-1.653,1.688v4.078a1.945,1.945,0,0,0,.6,1.465l5.5,5.2v3.6h-3.351V68.953h-2.743v4.371A1.471,1.471,0,0,0,740.739,75h5.519a1.476,1.476,0,0,0,1.664-1.676V68.953Z" transform="translate(-692.969 -56.844)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-gameguide > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="127" height="18" viewBox="0 0 127 18"><path id="GAME_GUIDE" fill="%23a0a0a0" d="M906.717,65.18h-4.793v2.332h2.039v5.133h-3.574V59.016h3.574v3.246h2.754V58.348a1.486,1.486,0,0,0-1.675-1.687h-5.731a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,899.276,75h5.766a1.481,1.481,0,0,0,1.675-1.676V65.18Zm11.317-8.543h-2.882L911.6,74.953V75h2.707l0.551-3.481h3.433L918.843,75h2.719Zm-2.812,12.527,1.347-8.274,1.336,8.274h-2.683Zm22.321-12.5h-2.59L932.07,66.8a6.874,6.874,0,0,0-.07.832,4.766,4.766,0,0,0-.071-0.832L929.047,56.66h-2.59V75h2.637V65.953a17.1,17.1,0,0,0-.165-1.992l2.379,9.363H932.7l2.367-9.363a16.773,16.773,0,0,0-.164,1.992V75h2.637V56.66ZM950.7,72.574h-4.864V66.82h4.125V64.441h-4.125V59.086h4.793V56.66h-7.535V75H950.7V72.574Zm22.61-7.395h-4.793v2.332h2.039v5.133h-3.574V59.016h3.574v3.246h2.754V58.348a1.486,1.486,0,0,0-1.676-1.687H965.9a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,965.869,75h5.765a1.481,1.481,0,0,0,1.676-1.676V65.18Zm14.727-8.519H985.3V72.645H981.6V56.66h-2.742V73.324A1.476,1.476,0,0,0,980.526,75h5.824a1.486,1.486,0,0,0,1.687-1.676V56.66Zm8.353,0h-2.743V75h2.743V56.66Zm14.75,3.48a3.387,3.387,0,0,0-.96-2.549,3.555,3.555,0,0,0-2.59-.932H1002V75h5.59a3.581,3.581,0,0,0,2.59-.92,3.348,3.348,0,0,0,.96-2.537v-11.4Zm-4.43,12.5h-1.97V59.016h2.04a1.392,1.392,0,0,1,1.61,1.535V71.086a1.434,1.434,0,0,1-1.68,1.559h0Zm17.52-.07h-4.87V66.82h4.13V64.441h-4.13V59.086h4.8V56.66h-7.54V75h7.61V72.574Z" transform="translate(-897.438 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-gameguide.active > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="127" height="18" viewBox="0 0 127 18"><path id="GAME_GUIDE" fill="%23ffffff" d="M906.717,65.18h-4.793v2.332h2.039v5.133h-3.574V59.016h3.574v3.246h2.754V58.348a1.486,1.486,0,0,0-1.675-1.687h-5.731a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,899.276,75h5.766a1.481,1.481,0,0,0,1.675-1.676V65.18Zm11.317-8.543h-2.882L911.6,74.953V75h2.707l0.551-3.481h3.433L918.843,75h2.719Zm-2.812,12.527,1.347-8.274,1.336,8.274h-2.683Zm22.321-12.5h-2.59L932.07,66.8a6.874,6.874,0,0,0-.07.832,4.766,4.766,0,0,0-.071-0.832L929.047,56.66h-2.59V75h2.637V65.953a17.1,17.1,0,0,0-.165-1.992l2.379,9.363H932.7l2.367-9.363a16.773,16.773,0,0,0-.164,1.992V75h2.637V56.66ZM950.7,72.574h-4.864V66.82h4.125V64.441h-4.125V59.086h4.793V56.66h-7.535V75H950.7V72.574Zm22.61-7.395h-4.793v2.332h2.039v5.133h-3.574V59.016h3.574v3.246h2.754V58.348a1.486,1.486,0,0,0-1.676-1.687H965.9a1.481,1.481,0,0,0-1.664,1.688V73.324A1.461,1.461,0,0,0,965.869,75h5.765a1.481,1.481,0,0,0,1.676-1.676V65.18Zm14.727-8.519H985.3V72.645H981.6V56.66h-2.742V73.324A1.476,1.476,0,0,0,980.526,75h5.824a1.486,1.486,0,0,0,1.687-1.676V56.66Zm8.353,0h-2.743V75h2.743V56.66Zm14.75,3.48a3.387,3.387,0,0,0-.96-2.549,3.555,3.555,0,0,0-2.59-.932H1002V75h5.59a3.581,3.581,0,0,0,2.59-.92,3.348,3.348,0,0,0,.96-2.537v-11.4Zm-4.43,12.5h-1.97V59.016h2.04a1.392,1.392,0,0,1,1.61,1.535V71.086a1.434,1.434,0,0,1-1.68,1.559h0Zm17.52-.07h-4.87V66.82h4.13V64.441h-4.13V59.086h4.8V56.66h-7.54V75h7.61V72.574Z" transform="translate(-897.438 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-character > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="122" height="18" viewBox="0 0 122 18"><path id="CHARACTER" fill="%23a0a0a0" d="M1148.86,68.789h-2.73v3.855h-3.55V59.016h3.55v3.621h2.73V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.72a1.469,1.469,0,0,0-1.63,1.688V73.324A1.464,1.464,0,0,0,1141.46,75h5.72a1.483,1.483,0,0,0,1.68-1.676V68.789ZM1163.6,56.66h-2.77v7.559h-3.71V56.66h-2.75V75h2.75V66.773h3.71V75h2.77V56.66Zm11.3-.024h-2.88l-3.55,18.316V75h2.71l0.55-3.481h3.43L1175.71,75h2.72Zm-2.81,12.527,1.35-8.274,1.33,8.274h-2.68Zm17.6-2.473a5.656,5.656,0,0,0,1.78-.176,1.456,1.456,0,0,0,.78-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.27V75h2.74V59.016h3.45v5.813h-2.69v1.652L1189.85,75h2.86Zm13.82-10.055h-2.88l-3.55,18.316V75h2.71l0.55-3.481h3.43L1204.32,75h2.72Zm-2.81,12.527,1.35-8.274,1.33,8.274h-2.68Zm20.26-.375h-2.73v3.855h-3.55V59.016h3.55v3.621h2.73V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.72a1.462,1.462,0,0,0-1.62,1.688V73.324A1.457,1.457,0,0,0,1213.56,75h5.72a1.483,1.483,0,0,0,1.68-1.676V68.789Zm13.48-12.129h-8.77v2.426h3.02V75h2.73V59.086h3.02V56.66Zm12.36,15.914h-4.86V66.82h4.13V64.441h-4.13V59.086h4.79V56.66h-7.53V75h7.6V72.574Zm11.6-5.883a5.613,5.613,0,0,0,1.78-.176,1.447,1.447,0,0,0,.79-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.28V75h2.74V59.016h3.46v5.813h-2.7v1.652L1258.57,75h2.86Z" transform="translate(-1139.64 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-character.active > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="122" height="18" viewBox="0 0 122 18"><path id="CHARACTER" fill="%23ffffff" d="M1148.86,68.789h-2.73v3.855h-3.55V59.016h3.55v3.621h2.73V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.72a1.469,1.469,0,0,0-1.63,1.688V73.324A1.464,1.464,0,0,0,1141.46,75h5.72a1.483,1.483,0,0,0,1.68-1.676V68.789ZM1163.6,56.66h-2.77v7.559h-3.71V56.66h-2.75V75h2.75V66.773h3.71V75h2.77V56.66Zm11.3-.024h-2.88l-3.55,18.316V75h2.71l0.55-3.481h3.43L1175.71,75h2.72Zm-2.81,12.527,1.35-8.274,1.33,8.274h-2.68Zm17.6-2.473a5.656,5.656,0,0,0,1.78-.176,1.456,1.456,0,0,0,.78-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.27V75h2.74V59.016h3.45v5.813h-2.69v1.652L1189.85,75h2.86Zm13.82-10.055h-2.88l-3.55,18.316V75h2.71l0.55-3.481h3.43L1204.32,75h2.72Zm-2.81,12.527,1.35-8.274,1.33,8.274h-2.68Zm20.26-.375h-2.73v3.855h-3.55V59.016h3.55v3.621h2.73V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.72a1.462,1.462,0,0,0-1.62,1.688V73.324A1.457,1.457,0,0,0,1213.56,75h5.72a1.483,1.483,0,0,0,1.68-1.676V68.789Zm13.48-12.129h-8.77v2.426h3.02V75h2.73V59.086h3.02V56.66Zm12.36,15.914h-4.86V66.82h4.13V64.441h-4.13V59.086h4.79V56.66h-7.53V75h7.6V72.574Zm11.6-5.883a5.613,5.613,0,0,0,1.78-.176,1.447,1.447,0,0,0,.79-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.28V75h2.74V59.016h3.46v5.813h-2.7v1.652L1258.57,75h2.86Z" transform="translate(-1139.64 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-character .sub-menu li {
            text-indent: 2px; }
            header nav.nav-pc ul.main-menu > li.btn-character .sub-menu li:nth-child(3), header nav.nav-pc ul.main-menu > li.btn-character .sub-menu li:nth-child(9) {
              letter-spacing: -0.1em; }
          header nav.nav-pc ul.main-menu > li.btn-gallery > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="18" viewBox="0 0 90 18"><path id="GALLERY" fill="%23a0a0a0" d="M1294.08,65.18h-4.79v2.332h2.03v5.133h-3.57V59.016h3.57v3.246h2.76V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.73a1.478,1.478,0,0,0-1.66,1.688V73.324A1.46,1.46,0,0,0,1286.64,75h5.76a1.483,1.483,0,0,0,1.68-1.676V65.18Zm11.32-8.543h-2.89l-3.55,18.316V75h2.71l0.55-3.481h3.43L1306.2,75h2.72Zm-2.82,12.527,1.35-8.274,1.34,8.274h-2.69Zm18.45,3.387h-4.47V56.66h-2.74V75h7.21V72.551Zm12.19,0h-4.46V56.66h-2.75V75h7.21V72.551Zm12.6,0.023h-4.87V66.82h4.13V64.441h-4.13V59.086h4.8V56.66h-7.54V75h7.61V72.574Zm11.59-5.883a5.734,5.734,0,0,0,1.79-.176,1.456,1.456,0,0,0,.78-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.28V75h2.74V59.016h3.46v5.813h-2.7v1.652L1357.58,75h2.86ZM1374.7,56.66h-2.82l-2.18,7.969-2.19-7.969h-2.82a0.162,0.162,0,0,0,0,.105l2.41,7.664c0.03,0.1.26,0.734,0.67,1.9a17.349,17.349,0,0,1,.54,1.934V75h2.75V68.262c0.51-1.8.91-3.074,1.21-3.832l2.43-7.664V56.66h0Z" transform="translate(-1284.845 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-gallery.active > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="18" viewBox="0 0 90 18"><path id="GALLERY" fill="%23ffffff" d="M1294.08,65.18h-4.79v2.332h2.03v5.133h-3.57V59.016h3.57v3.246h2.76V58.348a1.488,1.488,0,0,0-1.68-1.687h-5.73a1.478,1.478,0,0,0-1.66,1.688V73.324A1.46,1.46,0,0,0,1286.64,75h5.76a1.483,1.483,0,0,0,1.68-1.676V65.18Zm11.32-8.543h-2.89l-3.55,18.316V75h2.71l0.55-3.481h3.43L1306.2,75h2.72Zm-2.82,12.527,1.35-8.274,1.34,8.274h-2.69Zm18.45,3.387h-4.47V56.66h-2.74V75h7.21V72.551Zm12.19,0h-4.46V56.66h-2.75V75h7.21V72.551Zm12.6,0.023h-4.87V66.82h4.13V64.441h-4.13V59.086h4.8V56.66h-7.54V75h7.61V72.574Zm11.59-5.883a5.734,5.734,0,0,0,1.79-.176,1.456,1.456,0,0,0,.78-1.5V58.348a1.475,1.475,0,0,0-1.65-1.687h-7.28V75h2.74V59.016h3.46v5.813h-2.7v1.652L1357.58,75h2.86ZM1374.7,56.66h-2.82l-2.18,7.969-2.19-7.969h-2.82a0.162,0.162,0,0,0,0,.105l2.41,7.664c0.03,0.1.26,0.734,0.67,1.9a17.349,17.349,0,0,1,.54,1.934V75h2.75V68.262c0.51-1.8.91-3.074,1.21-3.832l2.43-7.664V56.66h0Z" transform="translate(-1284.845 -56.813)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-support > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="95" height="18" viewBox="0 0 95 18"><path id="SUPPORT" fill="%23a0a0a0" d="M1401.9,68.953a1.944,1.944,0,0,0-.6-1.488l-5.49-5.18V58.969h3.35v3.457h2.74v-4.1a1.475,1.475,0,0,0-1.67-1.664h-5.51a1.478,1.478,0,0,0-1.66,1.688v4.078a1.939,1.939,0,0,0,.6,1.465l5.5,5.2v3.6h-3.35V68.953h-2.75v4.371A1.473,1.473,0,0,0,1394.72,75h5.51a1.48,1.48,0,0,0,1.67-1.676V68.953Zm14.71-12.293h-2.74V72.645h-3.69V56.66h-2.74V73.324A1.473,1.473,0,0,0,1409.1,75h5.83a1.483,1.483,0,0,0,1.68-1.676V56.66Zm14.43,1.688a1.488,1.488,0,0,0-1.68-1.687h-7.18V75h2.74V68.356h4.44a1.5,1.5,0,0,0,1.68-1.711v-8.3ZM1424.92,66V59.016h3.35V66h-3.35Zm20.28-7.652a1.485,1.485,0,0,0-1.67-1.687h-7.19V75h2.74V68.356h4.45a1.5,1.5,0,0,0,1.67-1.711v-8.3ZM1439.08,66V59.016h3.36V66h-3.36Zm20.67-7.652a1.478,1.478,0,0,0-1.66-1.687h-5.95a1.465,1.465,0,0,0-1.63,1.688V73.324A1.46,1.46,0,0,0,1452.14,75h5.95a1.473,1.473,0,0,0,1.66-1.676V58.348Zm-6.5,14.3V59.016h3.76V72.645h-3.76Zm18.43-5.953a5.613,5.613,0,0,0,1.78-.176,1.461,1.461,0,0,0,.79-1.5V58.348a1.478,1.478,0,0,0-1.66-1.687h-7.27V75h2.74V59.016h3.46v5.813h-2.7v1.652L1471.84,75h2.86Zm16.03-10.031h-8.78v2.426h3.02V75h2.73V59.086h3.03V56.66Z" transform="translate(-1392.89 -56.828)"/></svg>'); }
          header nav.nav-pc ul.main-menu > li.btn-support.active > a {
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="95" height="18" viewBox="0 0 95 18"><path id="SUPPORT" fill="%23ffffff" d="M1401.9,68.953a1.944,1.944,0,0,0-.6-1.488l-5.49-5.18V58.969h3.35v3.457h2.74v-4.1a1.475,1.475,0,0,0-1.67-1.664h-5.51a1.478,1.478,0,0,0-1.66,1.688v4.078a1.939,1.939,0,0,0,.6,1.465l5.5,5.2v3.6h-3.35V68.953h-2.75v4.371A1.473,1.473,0,0,0,1394.72,75h5.51a1.48,1.48,0,0,0,1.67-1.676V68.953Zm14.71-12.293h-2.74V72.645h-3.69V56.66h-2.74V73.324A1.473,1.473,0,0,0,1409.1,75h5.83a1.483,1.483,0,0,0,1.68-1.676V56.66Zm14.43,1.688a1.488,1.488,0,0,0-1.68-1.687h-7.18V75h2.74V68.356h4.44a1.5,1.5,0,0,0,1.68-1.711v-8.3ZM1424.92,66V59.016h3.35V66h-3.35Zm20.28-7.652a1.485,1.485,0,0,0-1.67-1.687h-7.19V75h2.74V68.356h4.45a1.5,1.5,0,0,0,1.67-1.711v-8.3ZM1439.08,66V59.016h3.36V66h-3.36Zm20.67-7.652a1.478,1.478,0,0,0-1.66-1.687h-5.95a1.465,1.465,0,0,0-1.63,1.688V73.324A1.46,1.46,0,0,0,1452.14,75h5.95a1.473,1.473,0,0,0,1.66-1.676V58.348Zm-6.5,14.3V59.016h3.76V72.645h-3.76Zm18.43-5.953a5.613,5.613,0,0,0,1.78-.176,1.461,1.461,0,0,0,.79-1.5V58.348a1.478,1.478,0,0,0-1.66-1.687h-7.27V75h2.74V59.016h3.46v5.813h-2.7v1.652L1471.84,75h2.86Zm16.03-10.031h-8.78v2.426h3.02V75h2.73V59.086h3.03V56.66Z" transform="translate(-1392.89 -56.828)"/></svg>'); }
      header nav.nav-pc ul.sub-menu {
        display: none;
        position: relative;
        margin-top: 0px;
        padding-top: 10px;
        width: 153px;
        box-sizing: border-box;
        opacity: 0; }
        header nav.nav-pc ul.sub-menu li {
          position: relative;
          width: 153px;
          height: 33px;
          text-indent: 23px; }
          header nav.nav-pc ul.sub-menu li a {
            line-height: 33px;
            text-decoration: none;
            font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
            font-size: 14px;
            color: #c0c0c0; }
            header nav.nav-pc ul.sub-menu li a:hover {
              text-decoration: underline;
              color: #ffffff; }
      header nav.nav-pc.menu-fix::before {
        top: 64px; }
      header nav.nav-pc.sub-open::before {
        height: 458px; }
      header nav.nav-pc.sub-open ul.sub-menu {
        display: block;
        animation: submenuFadeIn .2s linear .2s forwards; }
    header nav.nav-pc.none {
      display: none; }

  @keyframes submenuFadeIn {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  /******************************************************************************
  wrapper
  ******************************************************************************/
  .wrapper {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding-top: 143px; }
    .wrapper.hidden {
      min-width: 1200px; }
    .wrapper article > div {
      width: 1200px; }
    .wrapper article > section {
      margin: 0 auto;
      width: 1200px; }

  /******************************************************************************
  footer
  ******************************************************************************/
  footer .information {
    padding-top: 0;
    height: 237px; }
    footer .information .bt-sns {
      left: 50%;
      top: 30px;
      margin-top: 0;
      padding-top: 0;
      width: 220px;
      height: 89px;
      background-image: url(https://static.nexon.co.jp/counterside/common/text_footer_followus.png);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: auto;
      transform: translate(-50%, 0); }
      footer .information .bt-sns > div {
        top: 51px;
        margin-top: 0;
        padding-top: 0;
        width: 38px;
        height: 38px; }
        footer .information .bt-sns > div.tw {
          left: 33px; }
        footer .information .bt-sns > div.yt {
          left: 91px; }
        footer .information .bt-sns > div.line {
          left: 149px; }
    footer .information .app-info {
      top: 146px;
      margin-top: 0;
      padding-top: 0;
      width: 391px;
      height: 100px;
      transform: translate(-425px, 0); }
      footer .information .app-info dl {
        width: 260px; }
        footer .information .app-info dl dt, footer .information .app-info dl dd {
          margin-bottom: 8px;
          padding-top: 0;
          height: 18px;
          background-position: left top;
          background-size: contain; }
        footer .information .app-info dl dt.name, footer .information .app-info dl dt.category, footer .information .app-info dl dt.os {
          width: 74px; }
        footer .information .app-info dl dt.name + dd, footer .information .app-info dl dt.category + dd, footer .information .app-info dl dt.os + dd {
          width: 186px; }
    footer .information .store-badge {
      display: block;
      position: absolute;
      left: 50%;
      top: 149px;
      transform: translate(-94px, 0); }
      footer .information .store-badge ul {
        overflow: hidden; }
        footer .information .store-badge ul li {
          float: left;
          position: relative;
          width: 160px;
          height: 58px;
          margin-right: 20px; }
          footer .information .store-badge ul li:last-child {
            margin-right: 0; }
  footer .copyright {
    padding-top: 22px;
    height: 243px;
    border-top: none; }
    footer .copyright ul {
      left: 50%;
      top: 30px;
      margin-top: 0;
      width: 500px;
      transform: translate(-50%, 0); }
      footer .copyright ul li {
        padding: 0 7px;
        font-size: 14px; }
    footer .copyright p {
      top: 96px;
      margin-top: 0;
      font-size: 12px; }
    footer .copyright .logo {
      top: 160px;
      margin-top: 0;
      padding-top: 0;
      width: 110px;
      height: 41px;
      transform: translate(-55px, 0); }

  /******************************************************************************
  modal
  ******************************************************************************/
  .modal {
    width: auto;
    max-width: 890px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px; }
    .modal div[class^="modal-"] {
      width: auto;
      padding: 35px;
      border-radius: 50px; }
    .modal div.modal-youtube {
      width: 890px;
      padding: 0; }
    .modal .btn-close {
      position: absolute;
      width: 70px;
      height: 70px;
      padding-top: 0;
      margin: 0;
      top: -80px;
      right: 0; }
      .modal .btn-close::before {
        width: 35px;
        height: 5px;
        padding-top: 0;
        border-radius: 20px; }
      .modal .btn-close::after {
        width: 35px;
        height: 5px;
        padding-top: 0;
        border-radius: 20px; }
    .modal.close, .modal.open {
      transform: translate(-50%, -50%); }

  /******************************************************************************
  loading
  ******************************************************************************/
  .loading {
    width: 138px;
    height: 138px;
    padding-top: 0; }

  /*ColorBox///////////////////////////////////////////////////////////////*/
  /*
  ColorBox Core Style:
  The following CSS is consistent between example themes and should not be altered.
  */
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300000;
    overflow: visible;
    outline: none; }

  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%; }

  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left; }

  #cboxContent {
    position: relative; }

  #cboxLoadedContent {
    overflow: auto; }

  #cboxTitle {
    display: none; }

  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer; }

  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block; }

  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0; }

  /* 
  User Style:
  Change the following styles to modify the appearance of ColorBox.  They are
  ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
  #cboxOverlay {
    background-color: rgba(0, 0, 0, 0.8); }

  .cboxIframe {
    background: #fff; }

  #cboxError {
    padding: 50px;
    border: 1px solid #ccc; }

  #cboxTitle {
    display: none; }

  #cboxCurrent {
    display: none; }

  #cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff; }

  #cboxLoadingOverlay {
    background-color: rgba(0, 0, 0, 0.8); }

  #cboxLoadingGraphic {
    background: url(https://static.nexon.co.jp/counterside/common/loading.gif) no-repeat center center; }

  #cboxClose {
    display: block;
    position: absolute;
    top: 20px;
    left: 50%;
    width: 64px;
    height: 64px;
    background: url(https://static.nexon.co.jp/counterside/common/bt_close.png) no-repeat center top;
    border: none;
    text-indent: -9999px;
    outline: none;
    transform: translate(445px, 0);
    overflow: hidden; }
    #cboxClose span {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden;
      transform: translate(0, -64px);
      transition: transform .3s ease 0s; }
      #cboxClose span::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://static.nexon.co.jp/counterside/common/bt_close.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        transform: translate(0, 64px);
        transition: transform .3s ease 0s; }

  #cboxClose:hover span {
    transform: translate(0, 0); }
    #cboxClose:hover span::after {
      transform: translate(0, 0); }

  .modal-footer-qr img.cboxPhoto {
    position: relative; }
  .modal-footer-qr #cboxClose {
    top: -84px;
    left: auto;
    right: 0;
    transform: translate(0, 0); } }
body {
  color: #2d3336;
  background: #fff;
  font-size: 26px;
  font-size: 3.4666666667vw; }

a {
  overflow: hidden;
  /*&::after{
  	content: '';
  	display: block;
  	width: 100%;
  	height: 100%;
  	transition: all 0.2s ease;
  	background: rgba(255,255,255,0);
  }
  &:hover::after{
  	background: rgba(255,255,255,0.2);
  }*/ }

.body a::after {
  content: normal; }

/******************************************************************************
header
******************************************************************************/
header {
  display: none; }
  header a:hover::after {
    background: none; }

/******************************************************************************
wrapper
******************************************************************************/
.wrapper {
  display: flex; }

/******************************************************************************
article
******************************************************************************/
article {
  order: 2;
  width: 100%;
  min-height: 56.5vw;
  position: relative;
  margin-left: 18.9333333333%; }
  article h2 {
    display: none; }
  article section > .inner {
    padding: 1.3333333333% 4%; }
  article .list li {
    margin-top: 0.5797101449%;
    padding-top: 0.5797101449%;
    border-bottom: solid 2px #dedede; }
    article .list li:first-child {
      margin-top: 0;
      padding-top: 0; }
  article .list a {
    letter-spacing: 0;
    font-size: 0;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 2.8985507246% 0; }
  article .list p {
    color: #2d3336;
    font-size: 28px;
    font-size: 3.7333333333vw;
    font-weight: bold;
    margin: 0 4.0579710145% 0 0; }
  article .head {
    padding-bottom: 2.8985507246%;
    margin: 2.8985507246% 0 5.7971014493%;
    border-bottom: solid 2px #818181; }
    article .head p {
      position: relative;
      color: #2d3336;
      font-size: 28px;
      font-size: 3.7333333333vw;
      font-weight: bold; }
  article .body {
    margin: 0 0 15.652173913%;
    font-size: 26px;
    font-size: 3.4666666667vw; }
    article .body p {
      margin-bottom: 1em;
      font-size: 26px;
      font-size: 3.4666666667vw; }
      article .body p:last-child {
        margin-bottom: 0 !important; }
    article .body p.ps {
      margin: 5.7971014493% 0;
      padding: 3.4782608696% 4.347826087%;
      border: 0.2vw solid #787878;
      line-height: 1.6;
      font-size: 22px;
      font-size: 2.9333333333vw;
      color: #2a2a2a; }
    article .body p.ps-caution {
      margin: 5.7971014493% 0;
      padding: 3.4782608696% 4.347826087%;
      border: 0.2vw solid #e10000;
      line-height: 1.6;
      font-size: 22px;
      font-size: 2.9333333333vw;
      color: #e10000; }
      article .body p.ps-caution .icon {
        display: block;
        margin-bottom: 3.6231884058%;
        padding-left: 7.2463768116%;
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/icn_news_detail_caution.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: auto 60%;
        line-height: 1.6;
        font-size: 26px;
        font-size: 3.4666666667vw;
        font-weight: bold;
        color: #e10000; }
    article .body a {
      color: #c80000; }
    article .body .image {
      margin-bottom: 1em; }
      article .body .image img {
        position: static;
        width: 100%;
        height: auto; }
    article .body hr {
      border: none;
      margin-bottom: 1em;
      border-top: #373737 1px solid;
      border-bottom: #373737 1px solid;
      margin-top: 0;
      height: 0; }
    article .body .bold {
      font-weight: bold; }
    article .body .red {
      color: #ea2922; }
    article .body .green {
      color: #4ba324; }
    article .body .green2 {
      color: #a0d300; }
    article .body .orange {
      color: #ff9601; }
    article .body .purple {
      color: #5a14af; }
    article .body .lightblue {
      color: #009ae1; }
    article .body .bg-red {
      background: #ffbdbd; }
    article .body .big {
      font-size: 36px;
      font-size: 4.8vw; }
    article .body .small {
      font-size: 20px;
      font-size: 2.6666666667vw; }
    article .body h3 {
      font-size: 28px;
      font-size: 3.7333333333vw;
      color: #fff;
      background: #c80000;
      padding: 0.3em 0.6em;
      margin-bottom: 1em; }
    article .body h4 {
      position: relative;
      font-size: 26px;
      font-size: 3.4666666667vw;
      font-weight: bold;
      margin-bottom: 1em;
      padding-left: 5.652173913%;
      border-bottom: 2px solid #373737;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      color: #363b40; }
      article .body h4::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        display: block;
        background: url(https://static.nexon.co.jp/counterside/webview/common/bullet_01.svg) no-repeat 0 0;
        background-size: contain;
        width: 1.3043478261%;
        padding-top: 1.3043478261%; }
    article .body table.table {
      margin-bottom: 1em;
      border-left: 1px solid #373737;
      border-top: 1px solid #373737;
      border-collapse: separate; }
      article .body table.table .bg-color {
        background-color: #e6e6e6; }
      article .body table.table th,
      article .body table.table td {
        padding: 2.8985507246%;
        font-size: 26px;
        font-size: 3.4666666667vw; }
      article .body table.table th {
        color: #2a2a2a;
        background: #b9b9b9;
        font-weight: normal;
        border-right: 1px solid #373737;
        border-bottom: 1px solid #373737; }
      article .body table.table td {
        color: #2a2a2a;
        border-right: 1px solid #373737;
        border-bottom: 1px solid #373737; }
  article .btn-prev {
    width: 10.4%;
    height: 0;
    padding-top: 10.4%;
    position: fixed;
    z-index: 30;
    background: #414141;
    border-radius: 50%;
    left: 0;
    bottom: 0;
    margin: 0 0 4% 22.9333333333%; }
    article .btn-prev a {
      position: absolute;
      width: 100%;
      height: 100%; }
      article .btn-prev a::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-58%, -50%);
        background: url(https://static.nexon.co.jp/counterside/webview/common/arrow_02.svg) no-repeat 0 0;
        background-size: contain;
        width: 30.7692307692%;
        height: 0;
        padding-top: 52.5641025641%; }
      article .btn-prev a::after {
        border-radius: 50%; }
      article .btn-prev a:hover {
        background-position: 0 0; }
        article .btn-prev a:hover::after {
          background: none; }
    article .btn-prev span {
      display: none; }
  article .btn-back-list {
    width: 60%;
    height: 0;
    padding-top: 10.1333333333%;
    position: relative;
    margin: 10.6666666667% auto 0; }
    article .btn-back-list a {
      position: absolute;
      width: 100%;
      height: 100%; }
      article .btn-back-list a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://static.nexon.co.jp/counterside/webview/common/btn_back_list.png) no-repeat 0 0;
        background-size: 100% 200%;
        width: 100%;
        height: 100%; }
      article .btn-back-list a span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        transform: translate(0, -100%);
        transition: transform .2s ease 0s; }
        article .btn-back-list a span::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: url(https://static.nexon.co.jp/counterside/webview/common/btn_back_list.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          background-size: 100% 200%;
          transform: translate(0, 100%);
          transition: transform .2s ease 0s; }
      article .btn-back-list a:hover span {
        transform: translate(0, 0); }
        article .btn-back-list a:hover span::after {
          transform: translate(0, 0); }
  article .btn-search {
    width: 10.6666666667%;
    height: 0;
    padding-top: 10.6666666667%;
    position: fixed;
    z-index: 30;
    background: #e10000;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    margin: 0 4% 4% 0; }
    article .btn-search a {
      position: absolute;
      width: 100%;
      height: 100%; }
      article .btn-search a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://static.nexon.co.jp/counterside/webview/common/btn_search.svg) no-repeat 0 0;
        background-size: contain;
        width: 100%;
        height: 0;
        padding-top: 100%; }
    article .btn-search span {
      display: none; }
  article .btn-more {
    width: 60%;
    height: 0;
    padding-top: 10.1333333333%;
    position: relative;
    margin: 10.6666666667% auto 0; }
    article .btn-more a {
      position: absolute;
      width: 100%;
      height: 100%; }
      article .btn-more a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://static.nexon.co.jp/counterside/webview/common/btn_more.png) no-repeat 0 0;
        background-size: 100% 200%;
        width: 100%;
        height: 100%; }
      article .btn-more a span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        transform: translate(0, -100%);
        transition: transform .2s ease 0s; }
        article .btn-more a span::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: url(https://static.nexon.co.jp/counterside/webview/common/btn_more.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          background-size: 100% 200%;
          transform: translate(0, 100%);
          transition: transform .2s ease 0s; }
      article .btn-more a:hover span {
        transform: translate(0, 0); }
        article .btn-more a:hover span::after {
          transform: translate(0, 0); }
  article .btn-up {
    display: none;
    width: 10.6666666667%;
    height: 0;
    padding-top: 10.6666666667%;
    position: fixed;
    z-index: 30;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    margin: 0 4% 4% 0; }
    article .btn-up a {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%; }
      article .btn-up a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #c80000 url(https://static.nexon.co.jp/counterside/webview/common/btn_up.svg) no-repeat 0 0;
        background-size: contain;
        width: 100%;
        height: 0;
        padding-top: 100%;
        border-radius: 50%; }
      article .btn-up a:hover::before {
        background-color: #e80000; }
    article .btn-up span {
      display: none; }

/******************************************************************************
aside
******************************************************************************/
aside {
  order: 1;
  width: 18.9333333333%;
  background: #201e1e;
  height: 100vh;
  position: fixed;
  z-index: 100; }
  aside ul {
    position: fixed;
    top: 0;
    width: 18.9333333333%;
    border-bottom: solid 1px #525559; }
  aside li {
    width: 100%;
    height: 0;
    padding-top: 76.0563380282%;
    position: relative;
    border-top: solid 1px #525559;
    box-sizing: border-box; }
    aside li:first-child {
      border-top: none; }
    aside li a::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 0;
      background: no-repeat center 0;
      background-size: contain; }
    aside li a::after,
    aside li a:hover::after {
      display: none; }
    aside li.btn-top a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="トップ" fill="%23505050" d="M149.724,109.18a92.744,92.744,0,0,0-12.893-4.576V98.927h-3.279V118.8l3.279,0.022v-10.98a66.608,66.608,0,0,1,11.6,4.687Zm13.045,9.572c8.361-2.443,10.407-7.085,11.287-14.7l-3.058-.44c-0.418,7.79-3.345,11-10.518,12.784Zm0.858-8.494a30.478,30.478,0,0,0-1.981-6.007l-2.64.639a33.393,33.393,0,0,1,1.892,6.292Zm4.8-.528a32.711,32.711,0,0,0-1.606-5.985l-2.75.528a28.846,28.846,0,0,1,1.562,6.2Zm33.9-8.757a1.452,1.452,0,1,1-1.452-1.452A1.465,1.465,0,0,1,202.326,100.973Zm-15.094,17.735c8.6-1.915,13.2-7.063,14.412-14.7a3.139,3.139,0,1,0-3.894-3.3c-5.237,0-13.708.022-13.708,0.022v3.08s10.143-.11,14.148-0.176c-0.77,5.589-3.631,10.408-13.334,12.256Z" transform="translate(-97.797 -97.812)"/></svg>');
      padding-top: 14.7887323944%; }
    aside li.btn-top.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="トップ" fill="%23ffffff" d="M149.724,109.18a92.744,92.744,0,0,0-12.893-4.576V98.927h-3.279V118.8l3.279,0.022v-10.98a66.608,66.608,0,0,1,11.6,4.687Zm13.045,9.572c8.361-2.443,10.407-7.085,11.287-14.7l-3.058-.44c-0.418,7.79-3.345,11-10.518,12.784Zm0.858-8.494a30.478,30.478,0,0,0-1.981-6.007l-2.64.639a33.393,33.393,0,0,1,1.892,6.292Zm4.8-.528a32.711,32.711,0,0,0-1.606-5.985l-2.75.528a28.846,28.846,0,0,1,1.562,6.2Zm33.9-8.757a1.452,1.452,0,1,1-1.452-1.452A1.465,1.465,0,0,1,202.326,100.973Zm-15.094,17.735c8.6-1.915,13.2-7.063,14.412-14.7a3.139,3.139,0,1,0-3.894-3.3c-5.237,0-13.708.022-13.708,0.022v3.08s10.143-.11,14.148-0.176c-0.77,5.589-3.631,10.408-13.334,12.256Z" transform="translate(-97.797 -97.812)"/></svg>'); }
    aside li.btn-news a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="ニュース" fill="%23505050" d="M138.7,222.837v-3.124H119.294v3.124H138.7Zm-1.783-12.1V207.7h-15.8v3.037h15.8Zm26.488,12.805v-2.618H160.48L161.1,210.56H148.642v2.6h9.33l-0.507,7.767H147.454v2.618h15.952Zm27.985-7.195V213.31H172.2v3.036h19.187Zm26.8,4.929a34.429,34.429,0,0,0-6.689-5.457,22.345,22.345,0,0,0,3.542-9.087H200.386v3.014l10.408-.088c-1.013,4.247-4.555,9.528-12.828,11.838l2.178,2.728a23.334,23.334,0,0,0,9.483-6.094,32.341,32.341,0,0,1,6.161,6.006Z" transform="translate(-97.734 -204.969)"/></svg>');
      padding-top: 14.7887323944%; }
    aside li.btn-news.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="ニュース" fill="%23ffffff" d="M138.7,222.837v-3.124H119.294v3.124H138.7Zm-1.783-12.1V207.7h-15.8v3.037h15.8Zm26.488,12.805v-2.618H160.48L161.1,210.56H148.642v2.6h9.33l-0.507,7.767H147.454v2.618h15.952Zm27.985-7.195V213.31H172.2v3.036h19.187Zm26.8,4.929a34.429,34.429,0,0,0-6.689-5.457,22.345,22.345,0,0,0,3.542-9.087H200.386v3.014l10.408-.088c-1.013,4.247-4.555,9.528-12.828,11.838l2.178,2.728a23.334,23.334,0,0,0,9.483-6.094,32.341,32.341,0,0,1,6.161,6.006Z" transform="translate(-97.734 -204.969)"/></svg>'); }
    aside li.btn-gameguide a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="47" viewBox="0 0 142 47"><path id="ゲームガイド" fill="%23505050" d="M153.275,307.616v-2.927h-12.5a20.4,20.4,0,0,0,.836-3.322l-3.279-.374c-0.462,2.9-1.848,7.019-5.632,9.461l2.86,1.914a12.7,12.7,0,0,0,4-4.752h5.456c-0.484,5.368-2.332,9.131-9.857,10.825l2.354,2.685c8.714-2.377,10.364-8.01,10.782-13.51h4.973Zm-2.289-3.565a21.4,21.4,0,0,0-1.672-3.938l-1.826.308a21.83,21.83,0,0,1,1.628,4.07Zm3.213-.418a19.08,19.08,0,0,0-1.761-3.784l-1.782.264a24.065,24.065,0,0,1,1.694,3.96Zm24.991,8.713V309.31H160v3.036H179.19Zm27.259,6.491a44.777,44.777,0,0,0-6.249-10.275l-2.927,1.386a32.7,32.7,0,0,1,3.565,5.325c-2.355.308-5.7,0.7-9.043,1.012a128.476,128.476,0,0,0,4.84-13.862l-3.564-.836a92.815,92.815,0,0,1-4.643,14.984c-0.924.066-1.826,0.132-2.662,0.176L186.25,320c3.982-.418,10.187-1.1,15.952-2.046,0.4,0.858.77,1.694,1.078,2.531ZM143.813,346.6c0.462,0.022,1.1.044,1.738,0.044,2.223,0,4.819-.44,5.633-3.652,0.484-1.914.682-7.437,0.682-11.772H144.3c0.066-1.166.11-2.42,0.11-3.762l-3.234-.022c0,1.254,0,2.53-.066,3.784h-6.535v2.817h6.315c-0.66,5.456-2.619,8.4-7.833,10.737l2.53,2.289c5.611-2.993,7.745-6.733,8.471-13.026h4.665a48.756,48.756,0,0,1-.506,7.833,2.215,2.215,0,0,1-2.531,1.738,25.421,25.421,0,0,1-3.058-.242Zm7.085-16.216a20.685,20.685,0,0,0-2.09-3.872l-1.782.572a19.675,19.675,0,0,1,2,3.96Zm3.3-.4a18.378,18.378,0,0,0-2.091-3.7l-1.76.55a19.944,19.944,0,0,1,1.98,3.85ZM172.876,347.2c-0.022-5.963-.044-10.034-0.044-12.168a34.942,34.942,0,0,0,5.918-6.117l-3.08-1.694c-3.543,5.258-9.065,8.977-16.326,11.155L161.9,341.1a47.831,47.831,0,0,0,7.635-3.741l-0.044,9.814Zm32.648-9.616A92.744,92.744,0,0,0,192.631,333v-5.677h-3.279V347.2l3.279,0.022v-10.98a66.608,66.608,0,0,1,11.6,4.687Zm-3.872-5.259a24.272,24.272,0,0,0-2.574-4.224l-1.937.77a21.817,21.817,0,0,1,2.531,4.335Zm3.146-1.408a23.174,23.174,0,0,0-2.618-4.07l-1.848.792a23.078,23.078,0,0,1,2.6,4.246Z" transform="translate(-98.563 -300.031)"/></svg>');
      padding-top: 33.0985915493%; }
    aside li.btn-gameguide.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="47" viewBox="0 0 142 47"><path id="ゲームガイド" fill="%23ffffff" d="M153.275,307.616v-2.927h-12.5a20.4,20.4,0,0,0,.836-3.322l-3.279-.374c-0.462,2.9-1.848,7.019-5.632,9.461l2.86,1.914a12.7,12.7,0,0,0,4-4.752h5.456c-0.484,5.368-2.332,9.131-9.857,10.825l2.354,2.685c8.714-2.377,10.364-8.01,10.782-13.51h4.973Zm-2.289-3.565a21.4,21.4,0,0,0-1.672-3.938l-1.826.308a21.83,21.83,0,0,1,1.628,4.07Zm3.213-.418a19.08,19.08,0,0,0-1.761-3.784l-1.782.264a24.065,24.065,0,0,1,1.694,3.96Zm24.991,8.713V309.31H160v3.036H179.19Zm27.259,6.491a44.777,44.777,0,0,0-6.249-10.275l-2.927,1.386a32.7,32.7,0,0,1,3.565,5.325c-2.355.308-5.7,0.7-9.043,1.012a128.476,128.476,0,0,0,4.84-13.862l-3.564-.836a92.815,92.815,0,0,1-4.643,14.984c-0.924.066-1.826,0.132-2.662,0.176L186.25,320c3.982-.418,10.187-1.1,15.952-2.046,0.4,0.858.77,1.694,1.078,2.531ZM143.813,346.6c0.462,0.022,1.1.044,1.738,0.044,2.223,0,4.819-.44,5.633-3.652,0.484-1.914.682-7.437,0.682-11.772H144.3c0.066-1.166.11-2.42,0.11-3.762l-3.234-.022c0,1.254,0,2.53-.066,3.784h-6.535v2.817h6.315c-0.66,5.456-2.619,8.4-7.833,10.737l2.53,2.289c5.611-2.993,7.745-6.733,8.471-13.026h4.665a48.756,48.756,0,0,1-.506,7.833,2.215,2.215,0,0,1-2.531,1.738,25.421,25.421,0,0,1-3.058-.242Zm7.085-16.216a20.685,20.685,0,0,0-2.09-3.872l-1.782.572a19.675,19.675,0,0,1,2,3.96Zm3.3-.4a18.378,18.378,0,0,0-2.091-3.7l-1.76.55a19.944,19.944,0,0,1,1.98,3.85ZM172.876,347.2c-0.022-5.963-.044-10.034-0.044-12.168a34.942,34.942,0,0,0,5.918-6.117l-3.08-1.694c-3.543,5.258-9.065,8.977-16.326,11.155L161.9,341.1a47.831,47.831,0,0,0,7.635-3.741l-0.044,9.814Zm32.648-9.616A92.744,92.744,0,0,0,192.631,333v-5.677h-3.279V347.2l3.279,0.022v-10.98a66.608,66.608,0,0,1,11.6,4.687Zm-3.872-5.259a24.272,24.272,0,0,0-2.574-4.224l-1.937.77a21.817,21.817,0,0,1,2.531,4.335Zm3.146-1.408a23.174,23.174,0,0,0-2.618-4.07l-1.848.792a23.078,23.078,0,0,1,2.6,4.246Z" transform="translate(-98.563 -300.031)"/></svg>'); }
    aside li.btn-enquete a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="アンケート" fill="%23505050" d="M124.6,432.308a10.715,10.715,0,0,0,6.762-10.4H113.9v2.661c1.34,0,11.162-.02,14.223-0.12-0.48,2.62-2.381,4.321-5.1,5.281a32.236,32.236,0,0,0,.2-3.821l-3.021-.02c0,5.761-.78,8.582-6.9,10.342l2.36,2.361c4.841-1.821,6.662-4.421,7.282-8.282Zm15.378,5.962c11.443-2.261,13.863-8.762,15.084-13.5l-2.621-1.621c-1.64,7.062-5.281,11.043-14.243,12.383Zm5.682-12.563a24.145,24.145,0,0,0-5.822-3.721l-2.1,2.181a23.858,23.858,0,0,1,5.881,4.1Zm33.1,0.96v-2.66H167.4a18.587,18.587,0,0,0,.76-3.021l-2.98-.34c-0.42,2.64-1.681,6.381-5.121,8.6l2.6,1.74a11.544,11.544,0,0,0,3.641-4.321h4.961c-0.44,4.881-2.12,8.3-8.962,9.842l2.141,2.441c7.921-2.161,9.422-7.282,9.8-12.283h4.521Zm23.159,4.3v-2.761H184.476v2.761h17.443Zm23.54-1.06a84.161,84.161,0,0,0-11.722-4.161v-5.161h-2.981V438.65l2.981,0.02v-9.982a60.6,60.6,0,0,1,10.542,4.26Z" transform="translate(-98.375 -419.266)"/></svg>');
      padding-top: 14.7887323944%; }
    aside li.btn-enquete.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="アンケート" fill="%23ffffff" d="M124.6,432.308a10.715,10.715,0,0,0,6.762-10.4H113.9v2.661c1.34,0,11.162-.02,14.223-0.12-0.48,2.62-2.381,4.321-5.1,5.281a32.236,32.236,0,0,0,.2-3.821l-3.021-.02c0,5.761-.78,8.582-6.9,10.342l2.36,2.361c4.841-1.821,6.662-4.421,7.282-8.282Zm15.378,5.962c11.443-2.261,13.863-8.762,15.084-13.5l-2.621-1.621c-1.64,7.062-5.281,11.043-14.243,12.383Zm5.682-12.563a24.145,24.145,0,0,0-5.822-3.721l-2.1,2.181a23.858,23.858,0,0,1,5.881,4.1Zm33.1,0.96v-2.66H167.4a18.587,18.587,0,0,0,.76-3.021l-2.98-.34c-0.42,2.64-1.681,6.381-5.121,8.6l2.6,1.74a11.544,11.544,0,0,0,3.641-4.321h4.961c-0.44,4.881-2.12,8.3-8.962,9.842l2.141,2.441c7.921-2.161,9.422-7.282,9.8-12.283h4.521Zm23.159,4.3v-2.761H184.476v2.761h17.443Zm23.54-1.06a84.161,84.161,0,0,0-11.722-4.161v-5.161h-2.981V438.65l2.981,0.02v-9.982a60.6,60.6,0,0,1,10.542,4.26Z" transform="translate(-98.375 -419.266)"/></svg>'); }
    aside li.btn-community a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="コミュニティ" fill="%23505050" d="M13.422,370.406v2.5c0.5-.036,1.476-0.072,2.233-0.072h8.085v7.454h-8.3c-0.81,0-1.62-.054-2.251-0.108v2.575c0.594-.054,1.62-0.108,2.323-0.108h8.21c0,0.342,0,.648-0.018.936h2.611c-0.036-.54-0.072-1.494-0.072-2.124v-9.327c0-.522.036-1.242,0.054-1.656-0.306.018-1.062,0.036-1.584,0.036H15.637C15.025,370.514,14.089,370.478,13.422,370.406Zm23.9-1.315-0.846,2.125a61.783,61.783,0,0,1,9.741,2.25l0.918-2.25A65.774,65.774,0,0,0,37.327,369.091ZM36.5,373.935l-0.828,2.178a62.615,62.615,0,0,1,9.363,2.269l0.882-2.251A74.244,74.244,0,0,0,36.5,373.935Zm-0.918,5.149-0.9,2.269a64.163,64.163,0,0,1,11,2.683l0.99-2.251A76.959,76.959,0,0,0,35.58,379.084ZM67.462,374.6l-1.746-.846a4.077,4.077,0,0,1-1.332.2H59.773c-0.486,0-1.314-.054-1.783-0.108v2.376c0.522-.036,1.224-0.09,1.8-0.09h4.861c-0.054,1.009-.45,3.565-0.7,5.1H58.117a17.3,17.3,0,0,1-1.782-.09v2.34c0.684-.036,1.134-0.054,1.782-0.054h9.471c0.486,0,1.368.036,1.729,0.054v-2.322c-0.468.054-1.3,0.072-1.765,0.072H66.4c0.27-1.711.738-4.808,0.882-5.87A5.018,5.018,0,0,1,67.462,374.6Zm10.995-3.637v2.61c0.612-.036,1.441-0.072,2.125-0.072h7.436c0.63,0,1.476.054,2,.072v-2.61c-0.5.054-1.278,0.108-2,.108H80.563C79.951,371.072,79.1,371.036,78.456,370.964Zm-1.512,8.8v2.755c0.666-.054,1.549-0.108,2.251-0.108H89.53a19.563,19.563,0,0,1,1.981.108v-2.755a18.254,18.254,0,0,1-1.981.108H79.195C78.492,379.876,77.646,379.822,76.944,379.768Zm23.671-10.389V371.7c0.558-.036,1.314-0.072,1.944-0.072h7.22c0.63,0,1.333.036,1.945,0.072v-2.323a14.116,14.116,0,0,1-1.945.126h-7.238A13.844,13.844,0,0,1,100.615,369.379Zm-2.089,4.61v2.358c0.5-.036,1.188-0.072,1.728-0.072h4.952a7.736,7.736,0,0,1-1.116,3.979,7.481,7.481,0,0,1-3.259,2.575l2.106,1.531a8.642,8.642,0,0,0,3.619-3.457,11.429,11.429,0,0,0,1.153-4.628h4.339c0.5,0,1.188.018,1.638,0.054v-2.34a13.613,13.613,0,0,1-1.638.108H100.254C99.7,374.1,99.066,374.043,98.526,373.989Zm22,4.069,1.062,2.124a37.574,37.574,0,0,0,5.168-2.106v4.753c0,0.63-.054,1.585-0.09,1.945h2.665a10.033,10.033,0,0,1-.126-1.945v-6.176a23.558,23.558,0,0,0,4.033-3.277l-1.783-1.746a18.762,18.762,0,0,1-4.483,3.853A23.769,23.769,0,0,1,120.522,378.058Z" transform="translate(-2.203 -366.438)"/></svg>');
      padding-top: 14.7887323944%; }
    aside li.btn-community.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="142" height="21" viewBox="0 0 142 21"><path id="コミュニティ" fill="%23ffffff" d="M13.422,370.406v2.5c0.5-.036,1.476-0.072,2.233-0.072h8.085v7.454h-8.3c-0.81,0-1.62-.054-2.251-0.108v2.575c0.594-.054,1.62-0.108,2.323-0.108h8.21c0,0.342,0,.648-0.018.936h2.611c-0.036-.54-0.072-1.494-0.072-2.124v-9.327c0-.522.036-1.242,0.054-1.656-0.306.018-1.062,0.036-1.584,0.036H15.637C15.025,370.514,14.089,370.478,13.422,370.406Zm23.9-1.315-0.846,2.125a61.783,61.783,0,0,1,9.741,2.25l0.918-2.25A65.774,65.774,0,0,0,37.327,369.091ZM36.5,373.935l-0.828,2.178a62.615,62.615,0,0,1,9.363,2.269l0.882-2.251A74.244,74.244,0,0,0,36.5,373.935Zm-0.918,5.149-0.9,2.269a64.163,64.163,0,0,1,11,2.683l0.99-2.251A76.959,76.959,0,0,0,35.58,379.084ZM67.462,374.6l-1.746-.846a4.077,4.077,0,0,1-1.332.2H59.773c-0.486,0-1.314-.054-1.783-0.108v2.376c0.522-.036,1.224-0.09,1.8-0.09h4.861c-0.054,1.009-.45,3.565-0.7,5.1H58.117a17.3,17.3,0,0,1-1.782-.09v2.34c0.684-.036,1.134-0.054,1.782-0.054h9.471c0.486,0,1.368.036,1.729,0.054v-2.322c-0.468.054-1.3,0.072-1.765,0.072H66.4c0.27-1.711.738-4.808,0.882-5.87A5.018,5.018,0,0,1,67.462,374.6Zm10.995-3.637v2.61c0.612-.036,1.441-0.072,2.125-0.072h7.436c0.63,0,1.476.054,2,.072v-2.61c-0.5.054-1.278,0.108-2,.108H80.563C79.951,371.072,79.1,371.036,78.456,370.964Zm-1.512,8.8v2.755c0.666-.054,1.549-0.108,2.251-0.108H89.53a19.563,19.563,0,0,1,1.981.108v-2.755a18.254,18.254,0,0,1-1.981.108H79.195C78.492,379.876,77.646,379.822,76.944,379.768Zm23.671-10.389V371.7c0.558-.036,1.314-0.072,1.944-0.072h7.22c0.63,0,1.333.036,1.945,0.072v-2.323a14.116,14.116,0,0,1-1.945.126h-7.238A13.844,13.844,0,0,1,100.615,369.379Zm-2.089,4.61v2.358c0.5-.036,1.188-0.072,1.728-0.072h4.952a7.736,7.736,0,0,1-1.116,3.979,7.481,7.481,0,0,1-3.259,2.575l2.106,1.531a8.642,8.642,0,0,0,3.619-3.457,11.429,11.429,0,0,0,1.153-4.628h4.339c0.5,0,1.188.018,1.638,0.054v-2.34a13.613,13.613,0,0,1-1.638.108H100.254C99.7,374.1,99.066,374.043,98.526,373.989Zm22,4.069,1.062,2.124a37.574,37.574,0,0,0,5.168-2.106v4.753c0,0.63-.054,1.585-0.09,1.945h2.665a10.033,10.033,0,0,1-.126-1.945v-6.176a23.558,23.558,0,0,0,4.033-3.277l-1.783-1.746a18.762,18.762,0,0,1-4.483,3.853A23.769,23.769,0,0,1,120.522,378.058Z" transform="translate(-2.203 -366.438)"/></svg>'); }
    aside li.btn-assessment a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="91" height="21" viewBox="0 0 91 21"><path id="人事評価" fill="%23505050" d="M45.64,489.889a13.556,13.556,0,0,1-8.5-10.7v-6.061H34.878v5.341c0,3.781-2.081,8.762-8.5,11.462l1.46,2.121c4.781-2.3,7.022-5.4,8.2-8.962a15.4,15.4,0,0,0,8.142,8.942Zm21.92-.06v-3.821h1.48v-1.54h-1.48v-2.56H60.7v-1.061h6.481v-3.84H60.7v-1.061H68.66v-1.7H60.7v-1.12h-2.22v1.12H50.556v1.7h7.922v1.061H52.2v3.84h6.281v1.061h-7.1v1.4h7.1v1.16H50.156v1.54h8.322v1.121H51.416v1.44h7.062v0.48c0,0.84-.08.96-2.181,0.96h-1.04l0.86,2c4.081,0,4.581-.54,4.581-2.661v-0.78h4.721v1.26h2.14Zm-2.14-5.361H60.7v-1.16h4.721v1.16Zm0,2.661H60.7v-1.121h4.721v1.121ZM65,479.507H60.7v-1.18H65v1.18Zm-6.521,0H54.357v-1.18h4.121v1.18ZM88.419,492.03v-6.982H93.06v-1.98H88.419v-7.362H92.6v-2H82.177v2h4.241v7.362H81.777v1.98h4.641v6.982h2Zm-6.981-.84v-5.642H74.7v6.462h1.96v-0.84Zm0.5-12.663v-1.8h-7.8v1.8h7.8Zm-0.76-3.041v-1.78H74.936v1.78h6.241Zm0,8.842v-1.68H74.936v1.68h6.241Zm0-2.9v-1.66H74.936v1.66h6.241Zm9.842,1.021a36.924,36.924,0,0,0,1.4-5.221l-1.8-.6a24.018,24.018,0,0,1-1.42,5.082Zm-5.4-.74c-0.4-1.621-1.04-3.781-1.48-5.042l-1.74.581a47.9,47.9,0,0,1,1.46,5.161Zm-6.1,7.741H76.6v-2.16h2.921v2.16Zm36.5,2.561V478.687h-3.4v-2.561h4v-2.04H103.637v2.04h3.541v2.561h-3.361V492.01h1.98v-1.081h8.222v1.081h2Zm-14.043.02-0.02-13.9a22.466,22.466,0,0,0,1.58-4.441l-2.061-.58a17.782,17.782,0,0,1-3.78,7.461l0.68,2.721a21.823,21.823,0,0,0,1.54-1.941V492.03h2.061Zm5.421-3.041h-1.6v-8.362h1.6v8.362Zm6.621,0h-1.58v-8.362h1.58v8.362Zm-3.341,0h-1.54v-8.362h1.54v8.362Zm-0.04-10.3h-1.48v-2.561h1.48v2.561Z" transform="translate(-26 -472.078)"/></svg>');
      padding-top: 14.7887323944%; }
    aside li.btn-assessment.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="91" height="21" viewBox="0 0 91 21"><path id="人事評価" fill="%23ffffff" d="M45.64,489.889a13.556,13.556,0,0,1-8.5-10.7v-6.061H34.878v5.341c0,3.781-2.081,8.762-8.5,11.462l1.46,2.121c4.781-2.3,7.022-5.4,8.2-8.962a15.4,15.4,0,0,0,8.142,8.942Zm21.92-.06v-3.821h1.48v-1.54h-1.48v-2.56H60.7v-1.061h6.481v-3.84H60.7v-1.061H68.66v-1.7H60.7v-1.12h-2.22v1.12H50.556v1.7h7.922v1.061H52.2v3.84h6.281v1.061h-7.1v1.4h7.1v1.16H50.156v1.54h8.322v1.121H51.416v1.44h7.062v0.48c0,0.84-.08.96-2.181,0.96h-1.04l0.86,2c4.081,0,4.581-.54,4.581-2.661v-0.78h4.721v1.26h2.14Zm-2.14-5.361H60.7v-1.16h4.721v1.16Zm0,2.661H60.7v-1.121h4.721v1.121ZM65,479.507H60.7v-1.18H65v1.18Zm-6.521,0H54.357v-1.18h4.121v1.18ZM88.419,492.03v-6.982H93.06v-1.98H88.419v-7.362H92.6v-2H82.177v2h4.241v7.362H81.777v1.98h4.641v6.982h2Zm-6.981-.84v-5.642H74.7v6.462h1.96v-0.84Zm0.5-12.663v-1.8h-7.8v1.8h7.8Zm-0.76-3.041v-1.78H74.936v1.78h6.241Zm0,8.842v-1.68H74.936v1.68h6.241Zm0-2.9v-1.66H74.936v1.66h6.241Zm9.842,1.021a36.924,36.924,0,0,0,1.4-5.221l-1.8-.6a24.018,24.018,0,0,1-1.42,5.082Zm-5.4-.74c-0.4-1.621-1.04-3.781-1.48-5.042l-1.74.581a47.9,47.9,0,0,1,1.46,5.161Zm-6.1,7.741H76.6v-2.16h2.921v2.16Zm36.5,2.561V478.687h-3.4v-2.561h4v-2.04H103.637v2.04h3.541v2.561h-3.361V492.01h1.98v-1.081h8.222v1.081h2Zm-14.043.02-0.02-13.9a22.466,22.466,0,0,0,1.58-4.441l-2.061-.58a17.782,17.782,0,0,1-3.78,7.461l0.68,2.721a21.823,21.823,0,0,0,1.54-1.941V492.03h2.061Zm5.421-3.041h-1.6v-8.362h1.6v8.362Zm6.621,0h-1.58v-8.362h1.58v8.362Zm-3.341,0h-1.54v-8.362h1.54v8.362Zm-0.04-10.3h-1.48v-2.561h1.48v2.561Z" transform="translate(-26 -472.078)"/></svg>'); }
    aside li.active::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      border-left: solid 4px #c80000; }
    aside li.active a {
      box-sizing: border-box; }
    aside li.active a::after {
      background: none; }
    aside li.hidden {
      background: #a9a9a9; }
      aside li.hidden a::after {
        cursor: default;
        background: rgba(0, 0, 0, 0.6); }

/******************************************************************************
footer
******************************************************************************/
footer {
  display: none; }

/******************************************************************************
loading
******************************************************************************/
.loading {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100vh;
  z-index: 100;
  top: 0;
  left: 0; }
  .loading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.4%;
    height: 0;
    padding-top: 6.4%;
    background: url(https://static.nexon.co.jp/counterside/webview/common/img_loading.gif) no-repeat 0 0;
    background-size: contain; }

/******************************************************************************
header
******************************************************************************/
header {
  display: block;
  background-color: transparent; }

/******************************************************************************
wrapper
******************************************************************************/
.wrapper {
  display: block; }

/******************************************************************************
article
******************************************************************************/
.wrapper article {
  width: 100%;
  min-height: auto;
  margin: 0 auto; }
  .wrapper article section {
    display: block; }
    .wrapper article section > .inner {
      margin: 0 auto;
      max-width: 994px;
      min-height: 60vh;
      padding: 4% 4% 4%; }
  .wrapper article .list a::after {
    content: normal; }
  .wrapper article .list p {
    margin: 0; }
  .wrapper article .btn-prev {
    position: absolute;
    bottom: 30px;
    margin: 29.0666666667% 0 0 4%;
    box-shadow: none; }
    .wrapper article .btn-prev.fixed {
      position: fixed;
      bottom: 30px; }
  .wrapper article .btn-search {
    display: none;
    position: absolute;
    bottom: 30px;
    margin: 29.0666666667% 2% 0 0;
    box-shadow: none; }
    .wrapper article .btn-search.fixed {
      position: fixed;
      bottom: 30px; }
  .wrapper article .btn-up {
    left: 50%;
    right: auto;
    bottom: 3.33vw;
    margin: 0;
    padding-top: 9.2vw;
    width: 10.1vw;
    border-radius: 0;
    transform: translate(36vw, 0);
    transition: opacity .2s linear 0s; }
    .wrapper article .btn-up a {
      display: block;
      left: 0;
      top: 0;
      background-image: url(https://static.nexon.co.jp/counterside/common/btn_page_top.png);
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 100% auto;
      border-radius: 0; }
      .wrapper article .btn-up a::before, .wrapper article .btn-up a::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-image: url(https://static.nexon.co.jp/counterside/common/btn_page_top.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        border-radius: 0; }
      .wrapper article .btn-up a::before {
        background-position: center top;
        opacity: 1;
        transition: opacity .2s linear 0s; }
      .wrapper article .btn-up a::after {
        background-position: center bottom;
        opacity: 0;
        transition: opacity .2s linear 0s; }
      .wrapper article .btn-up a:hover::before {
        opacity: 0; }
      .wrapper article .btn-up a:hover::after {
        opacity: 1; }
    .wrapper article .btn-up span {
      display: none; }

/******************************************************************************
aside
******************************************************************************/
aside {
  display: none; }

/******************************************************************************
footer
******************************************************************************/
footer {
  display: block; }

/******************************************************************************
loading
******************************************************************************/
.loading {
  position: fixed;
  background: url(https://static.nexon.co.jp/counterside/common/img_loading_01.png) no-repeat 0 0;
  background-size: contain;
  width: 18.4%;
  height: 0;
  padding-top: 18.4%;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/counterside/common/img_loading_02.png) no-repeat 0 0;
    background-size: contain;
    animation: loading 1s linear infinite; }

@keyframes loading {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }
/**********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  body {
    font-size: 14px; }

  /******************************************************************************
  header
  ******************************************************************************/
  /******************************************************************************
  wrapper
  ******************************************************************************/
  /******************************************************************************
  article
  ******************************************************************************/
  .wrapper article section {
    display: block; }
    .wrapper article section > .inner {
      margin: 0 auto;
      max-width: 1200px;
      min-height: auto;
      padding: 0; }
  .wrapper article .list a {
    padding: 0; }
  .wrapper article .body {
    margin: 0;
    padding: 0 30px 80px;
    line-height: 30px;
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
    font-size: 18px; }
    .wrapper article .body * {
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif; }
    .wrapper article .body p {
      line-height: 30px;
      font-size: 18px; }
      .wrapper article .body p:last-child {
        margin-bottom: 0 !important; }
    .wrapper article .body p.ps {
      margin: 60px 0;
      padding: 24px 30px;
      border: 2px solid #787878;
      font-size: 18px; }
    .wrapper article .body p.ps-caution {
      margin: 60px 0;
      padding: 24px 30px;
      border: 2px solid #e10000;
      font-size: 18px; }
      .wrapper article .body p.ps-caution .icon {
        display: block;
        margin-bottom: 25px;
        padding-left: 44px;
        background-size: auto;
        line-height: 1.6;
        font-size: 22px;
        font-weight: normal; }
    .wrapper article .body .big {
      font-size: 24px; }
    .wrapper article .body .small {
      font-size: 14px; }
    .wrapper article .body h3 {
      font-size: 22px;
      padding: 1em 1.5em; }
    .wrapper article .body h4 {
      font-size: 22px;
      padding-left: 39px;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      color: #363b40; }
      .wrapper article .body h4::before {
        width: 9px;
        padding-top: 9px; }
    .wrapper article .body table.table th,
    .wrapper article .body table.table td {
      padding: 20px;
      font-size: 18px; }
  .wrapper article .btn-back-list, .wrapper article .btn-more {
    width: 360px;
    height: 60px;
    padding-top: 0;
    margin: 20px auto 0; }
  .wrapper article .btn-up {
    /*width: 64px;
    height: 64px;
    padding-top: 0;
    margin: 0;
    bottom: 80px;
    left: 50%;
    transform: translate(536px, 0);*/
    bottom: 20px;
    padding-top: 0;
    width: 50px;
    height: 46px;
    transform: translate(550px, 0);
    transition: opacity .2s linear 0s;
    /*a{
    	&::before{
    		width: 100%;
    		height: 100%;
    		padding-top: 0;				
    	}
    }*/ } }
/******************************************************************************
top bunner
******************************************************************************/
section.top .inner {
  padding: 0; }
  section.top .inner .banner-list {
    position: absolute;
    top: 0;
    width: 100%;
    height: 56.5vw;
    overflow: hidden; }
    section.top .inner .banner-list ul li {
      position: absolute;
      top: 0;
      height: 0; }
      section.top .inner .banner-list ul li a {
        position: absolute;
        top: 0;
        display: block;
        width: 100%;
        height: 100%; }
        section.top .inner .banner-list ul li a img {
          width: 100%;
          height: 100%; }
      section.top .inner .banner-list ul li.event-big-top {
        top: 0;
        left: 0;
        width: 72.5333333333%;
        height: 100%; }
      section.top .inner .banner-list ul li.event-01, section.top .inner .banner-list ul li.event-02, section.top .inner .banner-list ul li.event-03, section.top .inner .banner-list ul li.event-04 {
        right: 0;
        width: 60%;
        height: 25%; }
      section.top .inner .banner-list ul li.event-02 {
        top: 25%; }
      section.top .inner .banner-list ul li.event-03 {
        top: 50%; }
      section.top .inner .banner-list ul li.event-04 {
        top: 75%; }
    section.top .inner .banner-list ul li[class*="label"] a::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 14.0740740741%;
      height: 0;
      padding-top: 14.0740740741%;
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: contain; }
    section.top .inner .banner-list ul li.label-new a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_new.png); }
    section.top .inner .banner-list ul li.label-recommend a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_recommend.png); }
    section.top .inner .banner-list ul li.label-event a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_event.png); }
    section.top .inner .banner-list ul li.label-hot a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_hot.png); }
    section.top .inner .banner-list ul li.label-update a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_update.png); }
    section.top .inner .banner-list ul li.label-important a::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/top/icn_important.png); }

/******************************************************************************
news list
******************************************************************************/
.wrapper article section.news.news-list .inner {
  padding: 1.3333333333% 0 4%; }
.wrapper article section.news .menu {
  margin: 0 auto;
  padding: 0;
  width: 124.5333333333%;
  font-size: 0;
  text-align: center; }
  .wrapper article section.news .menu li {
    position: relative;
    height: 0;
    margin: 0;
    padding-top: 10.4%;
    border-bottom: solid 2px #787878;
    display: inline-block; }
    .wrapper article section.news .menu li span {
      display: none; }
    .wrapper article section.news .menu li::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1px;
      height: 2.11vw;
      background-color: #bcbcbc;
      transform: translate(0, -50%); }
    .wrapper article section.news .menu li::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 0;
      width: 1px;
      height: 2.11vw;
      background-color: #787878;
      transform: translate(0, -50%); }
    .wrapper article section.news .menu li a {
      overflow: visible; }
      .wrapper article section.news .menu li a::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 0;
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto 100%; }
      .wrapper article section.news .menu li a::after {
        display: none;
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 0;
        border-bottom: solid 2px #e10000; }
    .wrapper article section.news .menu li.active {
      background-color: #2a2a2a; }
      .wrapper article section.news .menu li.active::before, .wrapper article section.news .menu li.active::after {
        display: none; }
      .wrapper article section.news .menu li.active a::after {
        display: block; }
    .wrapper article section.news .menu li a:hover::after {
      background: none; }
  .wrapper article section.news .menu .btn-all {
    width: 14.7826086957%; }
    .wrapper article section.news .menu .btn-all::before {
      display: none; }
    .wrapper article section.news .menu .btn-all a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="すべて" fill="%23787878" d="M42.533,1.787h-2.3c0.04,0.2.1,0.82,0.16,1.46,0.02,0.24.02,0.58,0.04,1.02-2.861.04-6.581,0.14-8.842,0.18l0.06,1.92c2.48-.16,5.761-0.28,8.8-0.32,0,0.58.02,1.18,0.02,1.7a4,4,0,0,0-1.12-.14,3.613,3.613,0,0,0-3.721,3.6,3.341,3.341,0,0,0,3.361,3.481,3.134,3.134,0,0,0,1.4-.3c-0.96,1.54-2.8,2.42-5.161,2.941l1.7,1.68c4.741-1.38,6.161-4.521,6.161-7.182a4.927,4.927,0,0,0-.7-2.661c0-.9,0-2.06-0.02-3.141,2.9,0,4.8.04,5.981,0.1l0.04-1.88h-6c0-.4,0-0.76.02-1A11.659,11.659,0,0,1,42.533,1.787Zm-5.021,9.382a1.8,1.8,0,0,1,1.82-1.88,1.649,1.649,0,0,1,1.56.96c0.26,1.88-.52,2.7-1.56,2.7A1.755,1.755,0,0,1,37.512,11.169Zm13.019,1.26,1.88,1.94c0.32-.48.78-1.18,1.22-1.78,0.96-1.18,2.5-3.281,3.381-4.361,0.64-.82,1.04-0.94,1.82-0.06,0.94,1.02,2.461,2.941,3.721,4.4,1.34,1.54,3.061,3.581,4.541,4.981l1.66-1.84c-1.86-1.66-3.721-3.621-4.961-4.981-1.24-1.34-2.8-3.341-4.081-4.621-1.38-1.38-2.52-1.2-3.781.26-1.22,1.42-2.841,3.6-3.841,4.621A11.367,11.367,0,0,1,50.53,12.429Zm13.223-8.3-1.42.6a20.417,20.417,0,0,1,1.86,3.241l1.46-.64C65.173,6.388,64.273,4.907,63.753,4.127Zm2.621-1.06-1.38.64a22.362,22.362,0,0,1,1.92,3.181l1.42-.68A33.7,33.7,0,0,0,66.374,3.067Zm4.957,1.18,0.22,2.2c2.221-.48,6.882-0.96,8.9-1.18a8.055,8.055,0,0,0-3.4,6.5c0,4.421,4.1,6.521,8.022,6.7l0.74-2.12c-3.321-.14-6.721-1.36-6.721-5a6.632,6.632,0,0,1,4.441-6.021,17.845,17.845,0,0,1,3.881-.3V3.007c-1.38.06-3.381,0.18-5.521,0.36-3.681.3-7.242,0.64-8.7,0.78C72.811,4.187,72.111,4.227,71.33,4.247Z"/></svg>');
      padding-top: 20%; }
    .wrapper article section.news .menu .btn-all.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="すべて" fill="%23ffffff" d="M42.533,1.787h-2.3c0.04,0.2.1,0.82,0.16,1.46,0.02,0.24.02,0.58,0.04,1.02-2.861.04-6.581,0.14-8.842,0.18l0.06,1.92c2.48-.16,5.761-0.28,8.8-0.32,0,0.58.02,1.18,0.02,1.7a4,4,0,0,0-1.12-.14,3.613,3.613,0,0,0-3.721,3.6,3.341,3.341,0,0,0,3.361,3.481,3.134,3.134,0,0,0,1.4-.3c-0.96,1.54-2.8,2.42-5.161,2.941l1.7,1.68c4.741-1.38,6.161-4.521,6.161-7.182a4.927,4.927,0,0,0-.7-2.661c0-.9,0-2.06-0.02-3.141,2.9,0,4.8.04,5.981,0.1l0.04-1.88h-6c0-.4,0-0.76.02-1A11.659,11.659,0,0,1,42.533,1.787Zm-5.021,9.382a1.8,1.8,0,0,1,1.82-1.88,1.649,1.649,0,0,1,1.56.96c0.26,1.88-.52,2.7-1.56,2.7A1.755,1.755,0,0,1,37.512,11.169Zm13.019,1.26,1.88,1.94c0.32-.48.78-1.18,1.22-1.78,0.96-1.18,2.5-3.281,3.381-4.361,0.64-.82,1.04-0.94,1.82-0.06,0.94,1.02,2.461,2.941,3.721,4.4,1.34,1.54,3.061,3.581,4.541,4.981l1.66-1.84c-1.86-1.66-3.721-3.621-4.961-4.981-1.24-1.34-2.8-3.341-4.081-4.621-1.38-1.38-2.52-1.2-3.781.26-1.22,1.42-2.841,3.6-3.841,4.621A11.367,11.367,0,0,1,50.53,12.429Zm13.223-8.3-1.42.6a20.417,20.417,0,0,1,1.86,3.241l1.46-.64C65.173,6.388,64.273,4.907,63.753,4.127Zm2.621-1.06-1.38.64a22.362,22.362,0,0,1,1.92,3.181l1.42-.68A33.7,33.7,0,0,0,66.374,3.067Zm4.957,1.18,0.22,2.2c2.221-.48,6.882-0.96,8.9-1.18a8.055,8.055,0,0,0-3.4,6.5c0,4.421,4.1,6.521,8.022,6.7l0.74-2.12c-3.321-.14-6.721-1.36-6.721-5a6.632,6.632,0,0,1,4.441-6.021,17.845,17.845,0,0,1,3.881-.3V3.007c-1.38.06-3.381,0.18-5.521,0.36-3.681.3-7.242,0.64-8.7,0.78C72.811,4.187,72.111,4.227,71.33,4.247Z"/></svg>'); }
  .wrapper article section.news .menu .btn-news {
    width: 24.0579710145%; }
    .wrapper article section.news .menu .btn-news a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="お知らせ" fill="%23787878" d="M26.942,1.647h-2.2a13.01,13.01,0,0,1,.12,1.58c0,0.36-.02,1.08-0.02,1.98q-0.75.06-1.38,0.06a20.21,20.21,0,0,1-2.661-.16l0.06,1.92c0.66,0.06,1.42.1,2.641,0.1q0.57,0,1.32-.06c-0.02.76-.02,1.52-0.02,2.22v1.24c-2.361,1.02-4.421,2.8-4.421,4.5,0,1.92,2.661,3.521,4.4,3.521,1.18,0,1.96-.62,1.96-2.741,0-.8-0.06-2.48-0.08-4.141a13.534,13.534,0,0,1,4.1-.66c1.82,0,3.2.86,3.2,2.4,0,1.68-1.46,2.56-3.141,2.881a10.553,10.553,0,0,1-2.4.14l0.72,2.04a15.564,15.564,0,0,0,2.541-.3C34.623,17.47,36,15.81,36,13.429c0-2.561-2.24-4.161-5.221-4.161a15.626,15.626,0,0,0-4.161.64v-0.7c0-.72.02-1.52,0.04-2.321,1.38-.16,2.861-0.4,4.021-0.66l-0.04-1.96a25.071,25.071,0,0,1-3.941.76c0.04-.72.06-1.36,0.08-1.84C26.822,2.707,26.882,2.027,26.942,1.647Zm5.981,2.2-0.88,1.52a28.973,28.973,0,0,1,4.621,2.961l0.98-1.6A35.825,35.825,0,0,0,32.923,3.847ZM22.341,14.929c0-.8,1.04-1.82,2.5-2.54,0.02,1.3.06,2.46,0.06,3.1,0,0.66-.28.92-0.68,0.92C23.541,16.41,22.341,15.73,22.341,14.929Zm26.421-4.281V8.888H45.221V5.307H48.2V3.567H42.741c0.2-.72.38-1.48,0.54-2.24l-1.78-.34a15.3,15.3,0,0,1-2.38,6.141,10.869,10.869,0,0,1,1.52,1.08,14.541,14.541,0,0,0,1.48-2.9h1.22V8.888H39.42v1.76h3.8A9.755,9.755,0,0,1,39.18,17.87a7.42,7.42,0,0,1,1.32,1.42,10.769,10.769,0,0,0,3.961-5.6,45.707,45.707,0,0,1,3.061,3.941l1.28-1.6c-0.58-.66-2.881-3.261-3.881-4.241,0.08-.38.12-0.76,0.18-1.14h3.661Zm2.38,4.861V4.447h3.641V15.51H51.143Zm-1.8-12.823V18.75h1.8v-1.5h3.641v1.28h1.88V2.687H49.342Zm15.839-.8-0.5,1.9c1.54,0.4,5.941,1.32,7.9,1.58l0.46-1.94A58.625,58.625,0,0,1,65.181,1.887ZM65,5.687l-2.121-.28a75.016,75.016,0,0,1-1.02,8.222l1.84,0.44a4.069,4.069,0,0,1,.68-1.06,7.508,7.508,0,0,1,5.9-2.541c1.92,0,3.3,1.06,3.3,2.541,0,2.641-3.121,4.3-9.3,3.521l0.6,2.061c7.822,0.66,10.862-1.94,10.862-5.541,0-2.38-2.041-4.361-5.3-4.361a9.63,9.63,0,0,0-6.241,2.22C64.381,9.688,64.721,6.948,65,5.687ZM93.523,2.207h-2.14a13.218,13.218,0,0,1,.14,1.64v2.6c-2,.18-4.181.38-6.021,0.56,0.02-.96.02-1.8,0.02-2.361a15.806,15.806,0,0,1,.1-1.82H83.4a11.875,11.875,0,0,1,.14,1.92V7.188c-0.84.08-1.5,0.14-1.94,0.18-0.84.08-1.66,0.12-2.261,0.12l0.22,2.04c0.52-.08,1.56-0.22,2.181-0.3,0.44-.06,1.06-0.12,1.8-0.2,0,1.92,0,3.981.02,4.841,0.08,3.3.6,4.381,5.461,4.381a56.29,56.29,0,0,0,5.781-.34l0.06-2.14a37.348,37.348,0,0,1-5.961.5c-3.261,0-3.341-.64-3.4-2.7-0.04-.82-0.02-2.8,0-4.761,1.86-.2,4.041-0.4,5.981-0.56a28.478,28.478,0,0,1-.2,2.9c-0.04.44-.24,0.52-0.7,0.52a11.646,11.646,0,0,1-1.92-.26l-0.04,1.74a23.565,23.565,0,0,0,2.8.3,1.35,1.35,0,0,0,1.62-1.22,30.474,30.474,0,0,0,.3-4.121c0.74-.04,1.4-0.08,1.92-0.08,0.52-.02,1.4-0.04,1.74-0.02V6.048c-0.52.04-1.2,0.1-1.72,0.12-0.56.04-1.22,0.08-1.9,0.14,0.02-.8.02-1.66,0.04-2.521A11.891,11.891,0,0,1,93.523,2.207Z"/></svg>');
      padding-top: 17.094017094%; }
    .wrapper article section.news .menu .btn-news.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="お知らせ" fill="%23ffffff" d="M26.942,1.647h-2.2a13.01,13.01,0,0,1,.12,1.58c0,0.36-.02,1.08-0.02,1.98q-0.75.06-1.38,0.06a20.21,20.21,0,0,1-2.661-.16l0.06,1.92c0.66,0.06,1.42.1,2.641,0.1q0.57,0,1.32-.06c-0.02.76-.02,1.52-0.02,2.22v1.24c-2.361,1.02-4.421,2.8-4.421,4.5,0,1.92,2.661,3.521,4.4,3.521,1.18,0,1.96-.62,1.96-2.741,0-.8-0.06-2.48-0.08-4.141a13.534,13.534,0,0,1,4.1-.66c1.82,0,3.2.86,3.2,2.4,0,1.68-1.46,2.56-3.141,2.881a10.553,10.553,0,0,1-2.4.14l0.72,2.04a15.564,15.564,0,0,0,2.541-.3C34.623,17.47,36,15.81,36,13.429c0-2.561-2.24-4.161-5.221-4.161a15.626,15.626,0,0,0-4.161.64v-0.7c0-.72.02-1.52,0.04-2.321,1.38-.16,2.861-0.4,4.021-0.66l-0.04-1.96a25.071,25.071,0,0,1-3.941.76c0.04-.72.06-1.36,0.08-1.84C26.822,2.707,26.882,2.027,26.942,1.647Zm5.981,2.2-0.88,1.52a28.973,28.973,0,0,1,4.621,2.961l0.98-1.6A35.825,35.825,0,0,0,32.923,3.847ZM22.341,14.929c0-.8,1.04-1.82,2.5-2.54,0.02,1.3.06,2.46,0.06,3.1,0,0.66-.28.92-0.68,0.92C23.541,16.41,22.341,15.73,22.341,14.929Zm26.421-4.281V8.888H45.221V5.307H48.2V3.567H42.741c0.2-.72.38-1.48,0.54-2.24l-1.78-.34a15.3,15.3,0,0,1-2.38,6.141,10.869,10.869,0,0,1,1.52,1.08,14.541,14.541,0,0,0,1.48-2.9h1.22V8.888H39.42v1.76h3.8A9.755,9.755,0,0,1,39.18,17.87a7.42,7.42,0,0,1,1.32,1.42,10.769,10.769,0,0,0,3.961-5.6,45.707,45.707,0,0,1,3.061,3.941l1.28-1.6c-0.58-.66-2.881-3.261-3.881-4.241,0.08-.38.12-0.76,0.18-1.14h3.661Zm2.38,4.861V4.447h3.641V15.51H51.143Zm-1.8-12.823V18.75h1.8v-1.5h3.641v1.28h1.88V2.687H49.342Zm15.839-.8-0.5,1.9c1.54,0.4,5.941,1.32,7.9,1.58l0.46-1.94A58.625,58.625,0,0,1,65.181,1.887ZM65,5.687l-2.121-.28a75.016,75.016,0,0,1-1.02,8.222l1.84,0.44a4.069,4.069,0,0,1,.68-1.06,7.508,7.508,0,0,1,5.9-2.541c1.92,0,3.3,1.06,3.3,2.541,0,2.641-3.121,4.3-9.3,3.521l0.6,2.061c7.822,0.66,10.862-1.94,10.862-5.541,0-2.38-2.041-4.361-5.3-4.361a9.63,9.63,0,0,0-6.241,2.22C64.381,9.688,64.721,6.948,65,5.687ZM93.523,2.207h-2.14a13.218,13.218,0,0,1,.14,1.64v2.6c-2,.18-4.181.38-6.021,0.56,0.02-.96.02-1.8,0.02-2.361a15.806,15.806,0,0,1,.1-1.82H83.4a11.875,11.875,0,0,1,.14,1.92V7.188c-0.84.08-1.5,0.14-1.94,0.18-0.84.08-1.66,0.12-2.261,0.12l0.22,2.04c0.52-.08,1.56-0.22,2.181-0.3,0.44-.06,1.06-0.12,1.8-0.2,0,1.92,0,3.981.02,4.841,0.08,3.3.6,4.381,5.461,4.381a56.29,56.29,0,0,0,5.781-.34l0.06-2.14a37.348,37.348,0,0,1-5.961.5c-3.261,0-3.341-.64-3.4-2.7-0.04-.82-0.02-2.8,0-4.761,1.86-.2,4.041-0.4,5.981-0.56a28.478,28.478,0,0,1-.2,2.9c-0.04.44-.24,0.52-0.7,0.52a11.646,11.646,0,0,1-1.92-.26l-0.04,1.74a23.565,23.565,0,0,0,2.8.3,1.35,1.35,0,0,0,1.62-1.22,30.474,30.474,0,0,0,.3-4.121c0.74-.04,1.4-0.08,1.92-0.08,0.52-.02,1.4-0.04,1.74-0.02V6.048c-0.52.04-1.2,0.1-1.72,0.12-0.56.04-1.22,0.08-1.9,0.14,0.02-.8.02-1.66,0.04-2.521A11.891,11.891,0,0,1,93.523,2.207Z"/></svg>'); }
  .wrapper article section.news .menu .btn-maintenance {
    width: 24.0579710145%; }
    .wrapper article section.news .menu .btn-maintenance a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="メンテナンス" fill="%23787878" d="M15.984,2.627l-2.32-.82a14.065,14.065,0,0,1-.44,1.64,22.13,22.13,0,0,1-2.5,5.161c-1.6-1.22-3.821-2.761-5.5-3.821L3.9,6.388a56.807,56.807,0,0,1,5.521,3.941A21.741,21.741,0,0,1,1.64,16.45L3.4,18.03a24.975,24.975,0,0,0,7.662-6.341,44.638,44.638,0,0,1,4.6,4.521l1.6-1.76a49,49,0,0,0-4.881-4.521,28.691,28.691,0,0,0,2.881-5.681A14.758,14.758,0,0,1,15.984,2.627Zm8.178-.28L22.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,24.161,2.347ZM22.1,15.73l1.34,2.06A22.058,22.058,0,0,0,31.1,14.81a20.454,20.454,0,0,0,7.022-7.242L36.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,22.1,15.73ZM43.681,2.207v2.06c0.56-.04,1.3-0.06,1.96-0.06H53.7c0.62,0,1.36.02,2,.06V2.207a17.108,17.108,0,0,1-2,.14H45.621A15.271,15.271,0,0,1,43.681,2.207ZM41.32,7.288v2.06c0.54-.04,1.22-0.06,1.82-0.06h5.781a9.322,9.322,0,0,1-1.2,4.741,8.582,8.582,0,0,1-3.7,2.981l1.84,1.34a9.616,9.616,0,0,0,3.981-3.721,12.442,12.442,0,0,0,1.24-5.341h5.141c0.52,0,1.22.02,1.68,0.06V7.288c-0.5.06-1.26,0.1-1.68,0.1H43.141A17.526,17.526,0,0,1,41.32,7.288ZM68.962,3.767V6.228H63.381a17.675,17.675,0,0,1-2.02-.12v2.2a19.574,19.574,0,0,1,2.06-.08h5.541c-0.1,3.781-1.58,6.7-5.421,8.482l1.96,1.46c4.161-2.461,5.541-5.721,5.621-9.942h4.941c0.7,0,1.58.02,1.941,0.06V6.128a14.691,14.691,0,0,1-1.921.1H71.123V3.767a18.383,18.383,0,0,1,.14-2.16h-2.52A10.4,10.4,0,0,1,68.962,3.767Zm15.2-1.42L82.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,84.161,2.347ZM82.1,15.73l1.34,2.06A22.058,22.058,0,0,0,91.1,14.81a20.454,20.454,0,0,0,7.021-7.242L96.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,82.1,15.73ZM115.8,3.787l-1.3-.96a6.065,6.065,0,0,1-1.74.2h-7.422a21.392,21.392,0,0,1-2.18-.14v2.26c0.32-.02,1.4-0.12,2.18-0.12h7.342a16.463,16.463,0,0,1-3.181,5.281,22.473,22.473,0,0,1-8.222,5.861l1.621,1.7a26.26,26.26,0,0,0,7.7-5.761,44.92,44.92,0,0,1,5.3,5.841l1.76-1.56a53.178,53.178,0,0,0-5.721-5.861,27.382,27.382,0,0,0,3.28-5.7A6.905,6.905,0,0,1,115.8,3.787Z"/></svg>');
      padding-top: 13.5135135135%; }
    .wrapper article section.news .menu .btn-maintenance.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="メンテナンス" fill="%23ffffff" d="M15.984,2.627l-2.32-.82a14.065,14.065,0,0,1-.44,1.64,22.13,22.13,0,0,1-2.5,5.161c-1.6-1.22-3.821-2.761-5.5-3.821L3.9,6.388a56.807,56.807,0,0,1,5.521,3.941A21.741,21.741,0,0,1,1.64,16.45L3.4,18.03a24.975,24.975,0,0,0,7.662-6.341,44.638,44.638,0,0,1,4.6,4.521l1.6-1.76a49,49,0,0,0-4.881-4.521,28.691,28.691,0,0,0,2.881-5.681A14.758,14.758,0,0,1,15.984,2.627Zm8.178-.28L22.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,24.161,2.347ZM22.1,15.73l1.34,2.06A22.058,22.058,0,0,0,31.1,14.81a20.454,20.454,0,0,0,7.022-7.242L36.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,22.1,15.73ZM43.681,2.207v2.06c0.56-.04,1.3-0.06,1.96-0.06H53.7c0.62,0,1.36.02,2,.06V2.207a17.108,17.108,0,0,1-2,.14H45.621A15.271,15.271,0,0,1,43.681,2.207ZM41.32,7.288v2.06c0.54-.04,1.22-0.06,1.82-0.06h5.781a9.322,9.322,0,0,1-1.2,4.741,8.582,8.582,0,0,1-3.7,2.981l1.84,1.34a9.616,9.616,0,0,0,3.981-3.721,12.442,12.442,0,0,0,1.24-5.341h5.141c0.52,0,1.22.02,1.68,0.06V7.288c-0.5.06-1.26,0.1-1.68,0.1H43.141A17.526,17.526,0,0,1,41.32,7.288ZM68.962,3.767V6.228H63.381a17.675,17.675,0,0,1-2.02-.12v2.2a19.574,19.574,0,0,1,2.06-.08h5.541c-0.1,3.781-1.58,6.7-5.421,8.482l1.96,1.46c4.161-2.461,5.541-5.721,5.621-9.942h4.941c0.7,0,1.58.02,1.941,0.06V6.128a14.691,14.691,0,0,1-1.921.1H71.123V3.767a18.383,18.383,0,0,1,.14-2.16h-2.52A10.4,10.4,0,0,1,68.962,3.767Zm15.2-1.42L82.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,84.161,2.347ZM82.1,15.73l1.34,2.06A22.058,22.058,0,0,0,91.1,14.81a20.454,20.454,0,0,0,7.021-7.242L96.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,82.1,15.73ZM115.8,3.787l-1.3-.96a6.065,6.065,0,0,1-1.74.2h-7.422a21.392,21.392,0,0,1-2.18-.14v2.26c0.32-.02,1.4-0.12,2.18-0.12h7.342a16.463,16.463,0,0,1-3.181,5.281,22.473,22.473,0,0,1-8.222,5.861l1.621,1.7a26.26,26.26,0,0,0,7.7-5.761,44.92,44.92,0,0,1,5.3,5.841l1.76-1.56a53.178,53.178,0,0,0-5.721-5.861,27.382,27.382,0,0,0,3.28-5.7A6.905,6.905,0,0,1,115.8,3.787Z"/></svg>'); }
  .wrapper article section.news .menu .btn-update {
    width: 24.0579710145%; }
    .wrapper article section.news .menu .btn-update a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="アップデート" fill="%23787878" d="M17.844,4.977L16.584,3.8a10.294,10.294,0,0,1-1.66.14H3.741a17.927,17.927,0,0,1-2.36-.18v2.22c0.86-.06,1.56-0.12,2.361-0.12H14.7A12.247,12.247,0,0,1,10.623,10l1.66,1.34a19.81,19.81,0,0,0,4.9-5.521C17.344,5.577,17.664,5.2,17.844,4.977ZM9.762,7.638H7.482a8.887,8.887,0,0,1,.12,1.6c0,3.321-.46,5.841-3.321,7.682a7.6,7.6,0,0,1-1.92.98L4.2,19.4C9.462,16.7,9.762,12.859,9.762,7.638Zm19.1-.82-1.88.62a36.576,36.576,0,0,1,1.6,4.4l1.88-.68C30.2,10.278,29.222,7.658,28.862,6.818Zm7.3,1.28-2.2-.7A13.885,13.885,0,0,1,31.3,14.239a13.632,13.632,0,0,1-6.561,4.221l1.66,1.7a15.5,15.5,0,0,0,6.581-4.841,16.035,16.035,0,0,0,2.8-6.041C35.864,8.958,35.984,8.6,36.164,8.1ZM24.2,7.858l-1.88.68a40.861,40.861,0,0,1,1.82,4.561l1.9-.7C25.661,11.3,24.661,8.778,24.2,7.858ZM55.1,4a1.264,1.264,0,0,1,1.24-1.26A1.281,1.281,0,0,1,57.6,4a1.264,1.264,0,0,1-1.26,1.24A1.247,1.247,0,0,1,55.1,4Zm-1.06,0a2.484,2.484,0,0,0,.06.54,6.79,6.79,0,0,1-.86.04h-9.7c-0.66,0-1.6-.08-2.16-0.14v2.24c0.52-.04,1.32-0.08,2.16-0.08h9.842a14.5,14.5,0,0,1-2.5,6.141A13.422,13.422,0,0,1,43.061,17.5l1.72,1.88a15.559,15.559,0,0,0,7.942-5.421,20.379,20.379,0,0,0,3-7.342c0.02-.12.06-0.26,0.08-0.38a2.483,2.483,0,0,0,.54.06A2.3,2.3,0,1,0,54.043,4Zm8.9-.32v2.06c0.54-.04,1.28-0.08,1.961-0.08h6.741c0.64,0,1.36.04,2,.08V3.677a16.774,16.774,0,0,1-2,.12H64.881A15.086,15.086,0,0,1,62.941,3.677ZM60.58,8.738v2.08c0.56-.04,1.22-0.06,1.82-0.06h5.781a9.247,9.247,0,0,1-1.2,4.721,8.331,8.331,0,0,1-3.7,2.981l1.84,1.36A9.783,9.783,0,0,0,69.1,16.08a12.279,12.279,0,0,0,1.24-5.321H75.5c0.52,0,1.2.02,1.68,0.04V8.738a12.763,12.763,0,0,1-1.68.1H62.4A17.532,17.532,0,0,1,60.58,8.738ZM74.743,2.157l-1.28.54a23.882,23.882,0,0,1,1.58,2.761l1.32-.56A28.993,28.993,0,0,0,74.743,2.157ZM77,1.3l-1.28.54A20.08,20.08,0,0,1,77.364,4.6l1.3-.58A25.482,25.482,0,0,0,77,1.3ZM80.94,9.578v2.481c0.68-.06,1.88-0.1,2.981-0.1H94.8c0.88,0,1.8.08,2.24,0.1V9.578c-0.5.04-1.28,0.12-2.24,0.12H83.921C82.841,9.7,81.6,9.618,80.94,9.578Zm24.6,7.082a20.947,20.947,0,0,1-.16,2.561h2.461a23.445,23.445,0,0,1-.16-2.561V10.478a52.361,52.361,0,0,1,7.561,3.121l0.9-2.181a67.881,67.881,0,0,0-8.462-3.2V5.1c0-.7.08-1.58,0.14-2.24h-2.461a14.484,14.484,0,0,1,.18,2.24V16.66Z"/></svg>');
      padding-top: 13.6054421769%; }
    .wrapper article section.news .menu .btn-update.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="アップデート" fill="%23ffffff" d="M17.844,4.977L16.584,3.8a10.294,10.294,0,0,1-1.66.14H3.741a17.927,17.927,0,0,1-2.36-.18v2.22c0.86-.06,1.56-0.12,2.361-0.12H14.7A12.247,12.247,0,0,1,10.623,10l1.66,1.34a19.81,19.81,0,0,0,4.9-5.521C17.344,5.577,17.664,5.2,17.844,4.977ZM9.762,7.638H7.482a8.887,8.887,0,0,1,.12,1.6c0,3.321-.46,5.841-3.321,7.682a7.6,7.6,0,0,1-1.92.98L4.2,19.4C9.462,16.7,9.762,12.859,9.762,7.638Zm19.1-.82-1.88.62a36.576,36.576,0,0,1,1.6,4.4l1.88-.68C30.2,10.278,29.222,7.658,28.862,6.818Zm7.3,1.28-2.2-.7A13.885,13.885,0,0,1,31.3,14.239a13.632,13.632,0,0,1-6.561,4.221l1.66,1.7a15.5,15.5,0,0,0,6.581-4.841,16.035,16.035,0,0,0,2.8-6.041C35.864,8.958,35.984,8.6,36.164,8.1ZM24.2,7.858l-1.88.68a40.861,40.861,0,0,1,1.82,4.561l1.9-.7C25.661,11.3,24.661,8.778,24.2,7.858ZM55.1,4a1.264,1.264,0,0,1,1.24-1.26A1.281,1.281,0,0,1,57.6,4a1.264,1.264,0,0,1-1.26,1.24A1.247,1.247,0,0,1,55.1,4Zm-1.06,0a2.484,2.484,0,0,0,.06.54,6.79,6.79,0,0,1-.86.04h-9.7c-0.66,0-1.6-.08-2.16-0.14v2.24c0.52-.04,1.32-0.08,2.16-0.08h9.842a14.5,14.5,0,0,1-2.5,6.141A13.422,13.422,0,0,1,43.061,17.5l1.72,1.88a15.559,15.559,0,0,0,7.942-5.421,20.379,20.379,0,0,0,3-7.342c0.02-.12.06-0.26,0.08-0.38a2.483,2.483,0,0,0,.54.06A2.3,2.3,0,1,0,54.043,4Zm8.9-.32v2.06c0.54-.04,1.28-0.08,1.961-0.08h6.741c0.64,0,1.36.04,2,.08V3.677a16.774,16.774,0,0,1-2,.12H64.881A15.086,15.086,0,0,1,62.941,3.677ZM60.58,8.738v2.08c0.56-.04,1.22-0.06,1.82-0.06h5.781a9.247,9.247,0,0,1-1.2,4.721,8.331,8.331,0,0,1-3.7,2.981l1.84,1.36A9.783,9.783,0,0,0,69.1,16.08a12.279,12.279,0,0,0,1.24-5.321H75.5c0.52,0,1.2.02,1.68,0.04V8.738a12.763,12.763,0,0,1-1.68.1H62.4A17.532,17.532,0,0,1,60.58,8.738ZM74.743,2.157l-1.28.54a23.882,23.882,0,0,1,1.58,2.761l1.32-.56A28.993,28.993,0,0,0,74.743,2.157ZM77,1.3l-1.28.54A20.08,20.08,0,0,1,77.364,4.6l1.3-.58A25.482,25.482,0,0,0,77,1.3ZM80.94,9.578v2.481c0.68-.06,1.88-0.1,2.981-0.1H94.8c0.88,0,1.8.08,2.24,0.1V9.578c-0.5.04-1.28,0.12-2.24,0.12H83.921C82.841,9.7,81.6,9.618,80.94,9.578Zm24.6,7.082a20.947,20.947,0,0,1-.16,2.561h2.461a23.445,23.445,0,0,1-.16-2.561V10.478a52.361,52.361,0,0,1,7.561,3.121l0.9-2.181a67.881,67.881,0,0,0-8.462-3.2V5.1c0-.7.08-1.58,0.14-2.24h-2.461a14.484,14.484,0,0,1,.18,2.24V16.66Z"/></svg>'); }
  .wrapper article section.news .menu .btn-event {
    width: 24.0579710145%; }
    .wrapper article section.news .menu .btn-event a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="イベント" fill="%23787878" d="M21.02,10.038L22,12.019a40.922,40.922,0,0,0,7.382-3.1V15.88a23.187,23.187,0,0,1-.12,2.361h2.48a15.047,15.047,0,0,1-.14-2.361v-8.3A33.746,33.746,0,0,0,36.984,3.2L35.3,1.6a24.694,24.694,0,0,1-5.561,4.761A33.033,33.033,0,0,1,21.02,10.038ZM53.483,3.8l-1.4.6a21.783,21.783,0,0,1,1.84,3.221l1.44-.64C54.9,6.058,54,4.577,53.483,3.8ZM56.1,2.757l-1.4.64a18.2,18.2,0,0,1,1.92,3.161l1.42-.68A27.617,27.617,0,0,0,56.1,2.757ZM40.4,12.039l1.9,1.94c0.32-.46.78-1.1,1.2-1.68,0.88-1.1,2.441-3.2,3.321-4.281,0.62-.78,1.02-0.84,1.74-0.14,0.8,0.78,2.621,2.741,3.781,4.081,1.24,1.44,2.961,3.5,4.361,5.181l1.74-1.84c-1.54-1.66-3.561-3.841-4.921-5.281-1.18-1.26-2.821-2.981-4.081-4.161-1.44-1.38-2.5-1.16-3.621.16-1.3,1.56-2.961,3.681-3.9,4.621A19.343,19.343,0,0,1,40.4,12.039ZM64.161,2.6L62.7,4.157a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,64.161,2.6ZM62.1,15.98l1.34,2.06A22.058,22.058,0,0,0,71.1,15.06a20.454,20.454,0,0,0,7.021-7.242L76.9,5.637a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,62.1,15.98Zm23.941-.32a20.947,20.947,0,0,1-.16,2.561h2.46a23.445,23.445,0,0,1-.16-2.561V9.478A52.374,52.374,0,0,1,95.744,12.6l0.9-2.181a67.815,67.815,0,0,0-8.462-3.2V4.1c0-.7.08-1.58,0.14-2.24h-2.46a14.484,14.484,0,0,1,.18,2.24V15.66Z"/></svg>');
      padding-top: 17.094017094%; }
    .wrapper article section.news .menu .btn-event.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="イベント" fill="%23ffffff" d="M21.02,10.038L22,12.019a40.922,40.922,0,0,0,7.382-3.1V15.88a23.187,23.187,0,0,1-.12,2.361h2.48a15.047,15.047,0,0,1-.14-2.361v-8.3A33.746,33.746,0,0,0,36.984,3.2L35.3,1.6a24.694,24.694,0,0,1-5.561,4.761A33.033,33.033,0,0,1,21.02,10.038ZM53.483,3.8l-1.4.6a21.783,21.783,0,0,1,1.84,3.221l1.44-.64C54.9,6.058,54,4.577,53.483,3.8ZM56.1,2.757l-1.4.64a18.2,18.2,0,0,1,1.92,3.161l1.42-.68A27.617,27.617,0,0,0,56.1,2.757ZM40.4,12.039l1.9,1.94c0.32-.46.78-1.1,1.2-1.68,0.88-1.1,2.441-3.2,3.321-4.281,0.62-.78,1.02-0.84,1.74-0.14,0.8,0.78,2.621,2.741,3.781,4.081,1.24,1.44,2.961,3.5,4.361,5.181l1.74-1.84c-1.54-1.66-3.561-3.841-4.921-5.281-1.18-1.26-2.821-2.981-4.081-4.161-1.44-1.38-2.5-1.16-3.621.16-1.3,1.56-2.961,3.681-3.9,4.621A19.343,19.343,0,0,1,40.4,12.039ZM64.161,2.6L62.7,4.157a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,64.161,2.6ZM62.1,15.98l1.34,2.06A22.058,22.058,0,0,0,71.1,15.06a20.454,20.454,0,0,0,7.021-7.242L76.9,5.637a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,62.1,15.98Zm23.941-.32a20.947,20.947,0,0,1-.16,2.561h2.46a23.445,23.445,0,0,1-.16-2.561V9.478A52.374,52.374,0,0,1,95.744,12.6l0.9-2.181a67.815,67.815,0,0,0-8.462-3.2V4.1c0-.7.08-1.58,0.14-2.24h-2.46a14.484,14.484,0,0,1,.18,2.24V15.66Z"/></svg>'); }
  .wrapper article section.news .menu .btn-trouble {
    width: 24.0579710145%; }
    .wrapper article section.news .menu .btn-trouble::after {
      display: none; }
    .wrapper article section.news .menu .btn-trouble a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="不具合状況" fill="%23787878" d="M28.064,3.727v-1.9H10.94v1.9h8.442a22.154,22.154,0,0,1-9,8.322,10.473,10.473,0,0,1,1.28,1.66,24.9,24.9,0,0,0,6.821-5.4v10.5H20.5V5.788c0.48-.68.9-1.38,1.32-2.06h6.241ZM20.582,7.968a45.227,45.227,0,0,1,6.581,5.541l1.56-1.44a47.7,47.7,0,0,0-6.741-5.3ZM35.361,5.628h8.362v1.58H35.361V5.628Zm0,2.941h8.362v1.6H35.361v-1.6Zm0-5.881h8.362v1.58H35.361V2.687Zm-1.82-1.44V11.629h12.1V1.247h-12.1ZM30.72,12.769v1.74h17.6v-1.74H30.72ZM40.9,16.17a41.137,41.137,0,0,1,5.821,2.641l1.84-1.26a57.384,57.384,0,0,0-6.281-2.641Zm-4.4-1.38a25.416,25.416,0,0,1-5.961,2.6,10.6,10.6,0,0,1,1.3,1.42,31.541,31.541,0,0,0,6.321-2.781Zm27.322-2.3V16.41h-8.6V12.489h8.6ZM53.4,18.85h1.82V18.07h8.6v0.78h1.9V10.809H53.4V18.85Zm1.54-11.963a21.4,21.4,0,0,0,4.5-4.561,22.9,22.9,0,0,0,4.721,4.561H54.941ZM58.4,0.506A22.163,22.163,0,0,1,50.18,7.748a7.151,7.151,0,0,1,1.14,1.48,27.255,27.255,0,0,0,3.221-2.04v1.36H64.5V7.128a26.057,26.057,0,0,0,3.241,2.02,8.258,8.258,0,0,1,1.22-1.66A22.187,22.187,0,0,1,60.3.506H58.4ZM87.984,4.447a26.4,26.4,0,0,0-2.361-3.4l-1.4.78a24.142,24.142,0,0,1,2.24,3.541Zm0.46,3.561V6.188h-5.5c0.02-.3.02-0.58,0.02-0.86v-4.8h-1.84v4.8c0,0.28,0,.56-0.02.86H76.722v1.82H81a13.715,13.715,0,0,1-4.881,9.542V0.446H74.3V6.628a22.7,22.7,0,0,0-2.421-3.6l-1.44.86A22.915,22.915,0,0,1,72.8,7.668l1.5-.96v2.9c-1.5,1.36-3.061,2.7-4.1,3.5l1.02,1.56c0.94-.8,2.02-1.8,3.081-2.78v6.9h1.82V17.65a8.873,8.873,0,0,1,1.46,1.16,14.633,14.633,0,0,0,4.8-7.782c1.08,3.381,2.74,6.1,5.2,7.762a6.756,6.756,0,0,1,1.36-1.56c-2.961-1.7-4.781-5.141-5.741-9.222h5.241Zm7.8-5.521A13.8,13.8,0,0,0,92.561.566l-1.02,1.38a13.906,13.906,0,0,1,3.621,2.06Zm-1.02,5.361a16.185,16.185,0,0,0-3.961-1.84l-0.98,1.42a15.916,15.916,0,0,1,3.921,2Zm-0.14,3A62.717,62.717,0,0,1,91.06,17.43l1.56,1.16c1.26-1.92,2.66-4.4,3.821-6.6ZM99,3.067h6.7v4.8H99v-4.8Zm6.281,13.923c-0.42,0-.5-0.1-0.5-0.74V9.608H107.6V1.347H97.2V9.608h1.921c-0.16,3.921-.6,6.361-4.141,7.742a4.771,4.771,0,0,1,1.1,1.5c4-1.68,4.661-4.681,4.881-9.242h1.961V16.27c0,1.8.38,2.36,2.04,2.36h1.781c1.42,0,1.88-.82,2.06-3.841a5.364,5.364,0,0,1-1.66-.72c-0.06,2.481-.14,2.921-0.58,2.921h-1.281Z"/></svg>');
      padding-top: 13.6054421769%; }
    .wrapper article section.news .menu .btn-trouble.active a::before {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="不具合状況" fill="%23ffffff" d="M28.064,3.727v-1.9H10.94v1.9h8.442a22.154,22.154,0,0,1-9,8.322,10.473,10.473,0,0,1,1.28,1.66,24.9,24.9,0,0,0,6.821-5.4v10.5H20.5V5.788c0.48-.68.9-1.38,1.32-2.06h6.241ZM20.582,7.968a45.227,45.227,0,0,1,6.581,5.541l1.56-1.44a47.7,47.7,0,0,0-6.741-5.3ZM35.361,5.628h8.362v1.58H35.361V5.628Zm0,2.941h8.362v1.6H35.361v-1.6Zm0-5.881h8.362v1.58H35.361V2.687Zm-1.82-1.44V11.629h12.1V1.247h-12.1ZM30.72,12.769v1.74h17.6v-1.74H30.72ZM40.9,16.17a41.137,41.137,0,0,1,5.821,2.641l1.84-1.26a57.384,57.384,0,0,0-6.281-2.641Zm-4.4-1.38a25.416,25.416,0,0,1-5.961,2.6,10.6,10.6,0,0,1,1.3,1.42,31.541,31.541,0,0,0,6.321-2.781Zm27.322-2.3V16.41h-8.6V12.489h8.6ZM53.4,18.85h1.82V18.07h8.6v0.78h1.9V10.809H53.4V18.85Zm1.54-11.963a21.4,21.4,0,0,0,4.5-4.561,22.9,22.9,0,0,0,4.721,4.561H54.941ZM58.4,0.506A22.163,22.163,0,0,1,50.18,7.748a7.151,7.151,0,0,1,1.14,1.48,27.255,27.255,0,0,0,3.221-2.04v1.36H64.5V7.128a26.057,26.057,0,0,0,3.241,2.02,8.258,8.258,0,0,1,1.22-1.66A22.187,22.187,0,0,1,60.3.506H58.4ZM87.984,4.447a26.4,26.4,0,0,0-2.361-3.4l-1.4.78a24.142,24.142,0,0,1,2.24,3.541Zm0.46,3.561V6.188h-5.5c0.02-.3.02-0.58,0.02-0.86v-4.8h-1.84v4.8c0,0.28,0,.56-0.02.86H76.722v1.82H81a13.715,13.715,0,0,1-4.881,9.542V0.446H74.3V6.628a22.7,22.7,0,0,0-2.421-3.6l-1.44.86A22.915,22.915,0,0,1,72.8,7.668l1.5-.96v2.9c-1.5,1.36-3.061,2.7-4.1,3.5l1.02,1.56c0.94-.8,2.02-1.8,3.081-2.78v6.9h1.82V17.65a8.873,8.873,0,0,1,1.46,1.16,14.633,14.633,0,0,0,4.8-7.782c1.08,3.381,2.74,6.1,5.2,7.762a6.756,6.756,0,0,1,1.36-1.56c-2.961-1.7-4.781-5.141-5.741-9.222h5.241Zm7.8-5.521A13.8,13.8,0,0,0,92.561.566l-1.02,1.38a13.906,13.906,0,0,1,3.621,2.06Zm-1.02,5.361a16.185,16.185,0,0,0-3.961-1.84l-0.98,1.42a15.916,15.916,0,0,1,3.921,2Zm-0.14,3A62.717,62.717,0,0,1,91.06,17.43l1.56,1.16c1.26-1.92,2.66-4.4,3.821-6.6ZM99,3.067h6.7v4.8H99v-4.8Zm6.281,13.923c-0.42,0-.5-0.1-0.5-0.74V9.608H107.6V1.347H97.2V9.608h1.921c-0.16,3.921-.6,6.361-4.141,7.742a4.771,4.771,0,0,1,1.1,1.5c4-1.68,4.661-4.681,4.881-9.242h1.961V16.27c0,1.8.38,2.36,2.04,2.36h1.781c1.42,0,1.88-.82,2.06-3.841a5.364,5.364,0,0,1-1.66-.72c-0.06,2.481-.14,2.921-0.58,2.921h-1.281Z"/></svg>'); }
.wrapper article section.news .list {
  width: 127.4666666667%; }
  .wrapper article section.news .list a::after {
    content: '';
    position: absolute;
    right: 1.0666666667%;
    top: 50%;
    width: 4.6666666667%;
    height: 0;
    padding-top: 6.5333333333%;
    background-image: url(https://static.nexon.co.jp/counterside/webview/common/arrow_01.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;
    transform: translate(0, -50%); }
  .wrapper article section.news .list p {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 27.5362318841%;
    margin: 0 0 0 4.347826087%;
    height: 0;
    padding-top: 14.4927536232%;
    overflow: hidden; }
  .wrapper article section.news .list dl {
    display: inline-block;
    width: 57.1014492754%;
    margin: 0 0% 0 2.8985507246%;
    position: relative; }
  .wrapper article section.news .list dt {
    display: flex;
    align-items: center;
    letter-spacing: 0;
    color: #8c8c8c;
    font-size: 22px;
    font-size: 2.9333333333vw;
    line-height: 1;
    padding: 0 0 1.5228426396% 0;
    overflow: visible; }
    .wrapper article section.news .list dt::before {
      content: '';
      position: relative;
      display: block;
      top: 0;
      left: 0;
      width: 35.5329949239%;
      height: 0;
      margin-right: 4.3147208122%;
      padding-top: 8.6294416244%;
      background-repeat: no-repeat;
      background-position: center 0;
      background-size: contain;
      border-radius: 3px; }
    .wrapper article section.news .list dt::after {
      content: '';
      position: relative;
      top: 0;
      width: 5.076142132%;
      height: 0;
      padding-top: 5.5837563452%;
      margin: -1.0152284264% 0 0 2.0304568528%;
      background-repeat: no-repeat;
      background-position: center 0;
      background-size: contain; }
  .wrapper article section.news .list dd {
    color: #363b40;
    font-size: 26px;
    font-size: 3.4666666667vw;
    font-weight: bold; }
.wrapper article section.news .head dl {
  width: 100%;
  position: relative; }
.wrapper article section.news .head dt {
  display: flex;
  align-items: center;
  letter-spacing: 0;
  color: #8c8c8c;
  font-size: 22px;
  font-size: 2.9333333333vw;
  line-height: 1;
  padding: 0 0 2.0289855072% 0; }
  .wrapper article section.news .head dt::before {
    content: '';
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 20.2898550725%;
    height: 0;
    margin-right: 2.4637681159%;
    padding-top: 4.9275362319%;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
    border-radius: 3px; }
  .wrapper article section.news .head dt::after {
    content: '';
    position: relative;
    top: 0;
    width: 2.8985507246%;
    height: 0;
    padding-top: 3.1884057971%;
    margin: -0.5797101449% 0 0 1.1594202899%;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain; }
.wrapper article section.news .head dd {
  color: #363b40;
  font-size: 30px;
  font-size: 4vw;
  font-weight: bold; }
.wrapper article section.news .btn-back-list {
  display: none; }
.wrapper article section.news .btn-more {
  display: none; }
.wrapper article section.news .btn-up {
  display: none; }

/******************************************************************************
news icon
******************************************************************************/
section.news .list dl.news dt::before,
section.news .head dl.news dt::before {
  background-color: #f60000;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_news.svg); }
section.news .list dl.maintenance dt::before,
section.news .head dl.maintenance dt::before {
  background-color: #4b4b4b;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_maintenance.svg); }
section.news .list dl.update dt::before,
section.news .head dl.update dt::before {
  background-color: #ed6400;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_update.svg); }
section.news .list dl.event dt::before,
section.news .head dl.event dt::before {
  background-color: #05aa62;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_event.svg); }
section.news .list dl.developerletter dt::before,
section.news .head dl.developerletter dt::before {
  background-color: #05a6c0;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_developer_letter.svg); }
section.news .list dl.trouble dt::before,
section.news .head dl.trouble dt::before {
  background-color: #132087;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_trouble.svg); }
section.news .list dl.new dt::after,
section.news .head dl.new dt::after {
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/icn_new.png); }

/******************************************************************************
news update
******************************************************************************/
body.addbg {
  background-image: url("https://static.nexon.co.jp/counterside/webview/news/220106_3izm/bg.jpg");
  background-repeat: repeat;
  background-position: center top;
  background-size: 7.84vw auto; }

article .body .update-news {
  margin: 0 auto;
  width: 100%; }
  article .body .update-news h3 {
    position: relative;
    margin-bottom: 5.7971014493%;
    padding: 0;
    width: 100%;
    background-color: transparent; }
    article .body .update-news h3 img {
      position: static;
      width: 100%;
      height: auto; }
  article .body .update-news .spnews-menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 7.5362318841%; }
    article .body .update-news .spnews-menu li {
      position: relative;
      margin-right: 3.4782608696%;
      margin-bottom: 4.0579710145%;
      padding-top: 12.1739130435%;
      width: 31.0144927536%;
      height: 0; }
      article .body .update-news .spnews-menu li a {
        display: table;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-decoration: none;
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_menu.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% 200%;
        text-align: center; }
        article .body .update-news .spnews-menu li a:hover {
          background-position: center bottom; }
        article .body .update-news .spnews-menu li a span {
          display: table-cell;
          line-height: 1.2;
          vertical-align: middle;
          font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
          font-weight: bold;
          font-size: 20px;
          font-size: 2.6666666667vw;
          color: #ffffff; }
      article .body .update-news .spnews-menu li:nth-child(3n) {
        margin-right: 0; }
  article .body .update-news h4 {
    position: relative;
    margin-bottom: 5.7971014493%;
    padding-left: 0;
    padding-bottom: 0;
    width: 100%;
    height: 0;
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; }
    article .body .update-news h4::before {
      display: none; }
    article .body .update-news h4.line1 {
      padding-top: 11.4492753623%;
      background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_sttl_1line.png); }
    article .body .update-news h4.line2 {
      padding-top: 14.347826087%;
      background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_sttl_2line.png); }
    article .body .update-news h4 > span {
      display: table;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      article .body .update-news h4 > span > span {
        display: table-cell;
        line-height: 1.25;
        text-align: center;
        vertical-align: middle;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
        font-weight: bold;
        font-size: 24px;
        font-size: 3.2vw;
        color: #ffffff; }
  article .body .update-news .image {
    margin-bottom: 5.7971014493%; }
    article .body .update-news .image.main {
      margin-bottom: 11.5942028986%; }
  article .body .update-news .youtube {
    position: relative;
    margin-bottom: 5.7971014493%;
    padding-top: 52.1739130435%;
    width: 100%;
    height: 0; }
    article .body .update-news .youtube > iframe {
      position: absolute;
      left: 0;
      top: 0; }
  article .body .update-news .description {
    position: relative;
    margin-bottom: 11.5942028986%;
    padding-top: 7.2463768116%;
    padding-bottom: 1.4492753623%;
    width: 100%; }
    article .body .update-news .description::before, article .body .update-news .description::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 100% auto;
      z-index: 1; }
    article .body .update-news .description::before {
      background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description_top.png);
      background-position: center top; }
    article .body .update-news .description::after {
      background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description_bottom.png);
      background-position: center bottom; }
    article .body .update-news .description p {
      position: relative;
      padding: 2.1739130435% 4.347826087%;
      background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description.png);
      background-repeat: repeat-y;
      background-position: center top;
      background-size: 100%;
      line-height: 1.5;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 22px;
      font-size: 2.9333333333vw;
      color: #ffffff;
      z-index: 2; }
      article .body .update-news .description p strong {
        color: #fff600; }
      article .body .update-news .description p a {
        color: #01d8ff; }
  article .body .update-news .textlist {
    width: 100%;
    margin-bottom: 11.5942028986%; }
    article .body .update-news .textlist li {
      padding-left: 1.7391304348%;
      line-height: 1.54;
      text-indent: -1.7391304348%;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.9333333333vw;
      color: #201e1e; }
      article .body .update-news .textlist li span {
        position: relative;
        left: -1.7391304348%;
        font-weight: normal;
        font-size: 20px;
        font-size: 2.6666666667vw; }

/******************************************************************************
news list
******************************************************************************/
.wrapper article section.news.news-list .inner, .wrapper article section.news > .inner {
  padding: 1.3333333333% 4% 10.6666666667%; }
.wrapper article section.news h2 {
  display: block;
  position: relative;
  margin: 9.8550724638% auto 0;
  padding-top: 20.8695652174%;
  width: 90%;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/sp/bd_title.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-sizing: border-box; }
  .wrapper article section.news h2 > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0; }
    .wrapper article section.news h2 > span::before, .wrapper article section.news h2 > span::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 100%; }
    .wrapper article section.news h2 > span.en {
      padding-top: 11.2721417069%; }
      .wrapper article section.news h2 > span.en::before {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_en02.png);
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite; }
      .wrapper article section.news h2 > span.en::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_en01.png); }
      .wrapper article section.news h2 > span.en > span {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_en03.png);
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.1s infinite; }
    .wrapper article section.news h2 > span.jp {
      margin-top: 13.5265700483%;
      padding-top: 3.3816425121%; }
      .wrapper article section.news h2 > span.jp::before {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_jp02.png); }
      .wrapper article section.news h2 > span.jp::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_jp01.png); }
      .wrapper article section.news h2 > span.jp > span {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/sp/ttl_jp03.png); }
    .wrapper article section.news h2 > span > span {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 100%;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
.wrapper article section.news .menu {
  margin-top: 11.4492753623%;
  width: 98.4057971014%; }
  .wrapper article section.news .menu li {
    margin-top: 1.4492753623%;
    padding-top: 10.1449275362%; }
    .wrapper article section.news .menu li::before {
      display: none; }
  .wrapper article section.news .menu .btn-all {
    width: 16.3768115942%; }
    .wrapper article section.news .menu .btn-all a::before {
      padding-top: 17.6991150442%; }
  .wrapper article section.news .menu .btn-news {
    width: 23.3333333333%; }
    .wrapper article section.news .menu .btn-news a::before {
      padding-top: 12.4223602484%; }
  .wrapper article section.news .menu .btn-maintenance {
    width: 29.5652173913%; }
    .wrapper article section.news .menu .btn-maintenance a::before {
      padding-top: 9.8039215686%; }
  .wrapper article section.news .menu .btn-update {
    width: 29.1304347826%; }
    .wrapper article section.news .menu .btn-update::after {
      display: none; }
    .wrapper article section.news .menu .btn-update a::before {
      padding-top: 9.9502487562%; }
  .wrapper article section.news .menu .btn-event {
    width: 22.1739130435%; }
    .wrapper article section.news .menu .btn-event a::before {
      padding-top: 13.0718954248%; }
  .wrapper article section.news .menu .btn-developerletter {
    width: 30.7246376812%; }
    .wrapper article section.news .menu .btn-developerletter a::before {
      padding-top: 9.4339622642%; }
  .wrapper article section.news .menu .btn-trouble {
    width: 27.5362318841%; }
    .wrapper article section.news .menu .btn-trouble a::before {
      padding-top: 10.5263157895%; }
.wrapper article section.news .list {
  padding-top: 10.1449275362%;
  width: 100%; }
  .wrapper article section.news .list a::after {
    display: none; }
  .wrapper article section.news .list p {
    width: 38.5507246377%;
    margin: 0 0 0 0;
    padding-top: 20.2898550725%; }
  .wrapper article section.news .list dl {
    width: 57.1014492754%;
    margin: 0 0 0 4.347826087%; }
  .wrapper article section.news .list dt {
    padding: 0 0 6.5989847716% 0;
    font-size: 20px;
    font-size: 2.6666666667vw; }
    .wrapper article section.news .list dt::before {
      width: 35.5329949239%;
      margin-right: 3.0456852792%;
      padding-top: 8.6294416244%; }
  .wrapper article section.news .list dd {
    font-size: 22px;
    font-size: 2.9333333333vw; }
.wrapper article section.news .head {
  margin-top: 11.4492753623%; }
  .wrapper article section.news .head dt {
    padding: 0 0 2.0289855072% 4.347826087%;
    width: 100%;
    text-align: right;
    justify-content: space-between; }
    .wrapper article section.news .head dt span {
      flex-grow: 1; }
    .wrapper article section.news .head dt::after {
      margin: -0.5797101449% 2.8985507246% 0 2.8985507246%; }
  .wrapper article section.news .head dd {
    padding-left: 4.347826087%;
    color: #363b40;
    font-size: 26px;
    font-size: 3.4666666667vw; }
.wrapper article section.news .btn-prev {
  display: none; }
.wrapper article section.news .btn-back-list {
  display: block; }
.wrapper article section.news .btn-more {
  display: block; }

@keyframes sttlGlitch {
  0% {
    transform: translate(0); }
  2% {
    transform: translate(-1px, 1px); }
  4% {
    transform: translate(-1px, -1px); }
  6% {
    transform: translate(1px, 1px); }
  8% {
    transform: translate(1px, -1px); }
  10% {
    transform: translate(-1px, 1px); }
  12% {
    transform: translate(-1px, -1px); }
  14% {
    transform: translate(1px, 1px); }
  16% {
    transform: translate(1px, -1px); }
  18% {
    transform: translate(-1px, 1px); }
  20% {
    transform: translate(-1px, -1px); }
  22% {
    transform: translate(1px, 1px); }
  24% {
    transform: translate(1px, -1px); }
  26% {
    transform: translate(-1px, 1px); }
  28% {
    transform: translate(-1px, -1px); }
  30% {
    transform: translate(1px, 1px); }
  32% {
    transform: translate(1px, -1px); }
  34% {
    transform: translate(0); }
  100% {
    transform: translate(0); } }
/******************************************************************************
news update
******************************************************************************/
body.addbg {
  background-size: 12vw auto; }

/**********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  .wrapper article section.news.news-list .inner, .wrapper article section.news > .inner {
    padding: 0 0 80px; }
  .wrapper article section.news h2 {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    width: 610px;
    height: 129px;
    background-image: url(https://static.nexon.co.jp/counterside/webview/common/bd_title.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
    box-sizing: border-box; }
    .wrapper article section.news h2 > span {
      display: block;
      position: absolute;
      left: 0;
      width: 100%; }
      .wrapper article section.news h2 > span::before, .wrapper article section.news h2 > span::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto; }
      .wrapper article section.news h2 > span::before {
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite; }
      .wrapper article section.news h2 > span > span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.1s infinite; }
      .wrapper article section.news h2 > span.en {
        top: 0;
        height: 70px; }
        .wrapper article section.news h2 > span.en::before {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_en02.png); }
        .wrapper article section.news h2 > span.en::after {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_en01.png); }
        .wrapper article section.news h2 > span.en > span {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_en03.png); }
      .wrapper article section.news h2 > span.jp {
        top: 0px;
        height: 19px; }
        .wrapper article section.news h2 > span.jp::before {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_jp02.png); }
        .wrapper article section.news h2 > span.jp::after {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_jp01.png); }
        .wrapper article section.news h2 > span.jp > span {
          background-image: url(https://static.nexon.co.jp/counterside/webview/news/ttl_jp03.png); }
  .wrapper article section.news .menu {
    margin-top: 79px;
    width: 1200px;
    border-bottom: solid 4px #787878; }
    .wrapper article section.news .menu li {
      margin-top: 0;
      padding-top: 0;
      height: 70px;
      border-bottom: none; }
      .wrapper article section.news .menu li::before {
        display: none; }
      .wrapper article section.news .menu li a::after {
        bottom: -4px;
        border-bottom: solid 4px #e10000; }
      .wrapper article section.news .menu li a:hover::after {
        display: block; }
    .wrapper article section.news .menu .btn-all {
      width: 109px; }
      .wrapper article section.news .menu .btn-all a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="すべて" fill="%232a2a2a" d="M42.533,1.787h-2.3c0.04,0.2.1,0.82,0.16,1.46,0.02,0.24.02,0.58,0.04,1.02-2.861.04-6.581,0.14-8.842,0.18l0.06,1.92c2.48-.16,5.761-0.28,8.8-0.32,0,0.58.02,1.18,0.02,1.7a4,4,0,0,0-1.12-.14,3.613,3.613,0,0,0-3.721,3.6,3.341,3.341,0,0,0,3.361,3.481,3.134,3.134,0,0,0,1.4-.3c-0.96,1.54-2.8,2.42-5.161,2.941l1.7,1.68c4.741-1.38,6.161-4.521,6.161-7.182a4.927,4.927,0,0,0-.7-2.661c0-.9,0-2.06-0.02-3.141,2.9,0,4.8.04,5.981,0.1l0.04-1.88h-6c0-.4,0-0.76.02-1A11.659,11.659,0,0,1,42.533,1.787Zm-5.021,9.382a1.8,1.8,0,0,1,1.82-1.88,1.649,1.649,0,0,1,1.56.96c0.26,1.88-.52,2.7-1.56,2.7A1.755,1.755,0,0,1,37.512,11.169Zm13.019,1.26,1.88,1.94c0.32-.48.78-1.18,1.22-1.78,0.96-1.18,2.5-3.281,3.381-4.361,0.64-.82,1.04-0.94,1.82-0.06,0.94,1.02,2.461,2.941,3.721,4.4,1.34,1.54,3.061,3.581,4.541,4.981l1.66-1.84c-1.86-1.66-3.721-3.621-4.961-4.981-1.24-1.34-2.8-3.341-4.081-4.621-1.38-1.38-2.52-1.2-3.781.26-1.22,1.42-2.841,3.6-3.841,4.621A11.367,11.367,0,0,1,50.53,12.429Zm13.223-8.3-1.42.6a20.417,20.417,0,0,1,1.86,3.241l1.46-.64C65.173,6.388,64.273,4.907,63.753,4.127Zm2.621-1.06-1.38.64a22.362,22.362,0,0,1,1.92,3.181l1.42-.68A33.7,33.7,0,0,0,66.374,3.067Zm4.957,1.18,0.22,2.2c2.221-.48,6.882-0.96,8.9-1.18a8.055,8.055,0,0,0-3.4,6.5c0,4.421,4.1,6.521,8.022,6.7l0.74-2.12c-3.321-.14-6.721-1.36-6.721-5a6.632,6.632,0,0,1,4.441-6.021,17.845,17.845,0,0,1,3.881-.3V3.007c-1.38.06-3.381,0.18-5.521,0.36-3.681.3-7.242,0.64-8.7,0.78C72.811,4.187,72.111,4.227,71.33,4.247Z"/></svg>');
        padding-top: 20px; }
    .wrapper article section.news .menu .btn-news {
      width: 146px; }
      .wrapper article section.news .menu .btn-news a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="お知らせ" fill="%232a2a2a" d="M26.942,1.647h-2.2a13.01,13.01,0,0,1,.12,1.58c0,0.36-.02,1.08-0.02,1.98q-0.75.06-1.38,0.06a20.21,20.21,0,0,1-2.661-.16l0.06,1.92c0.66,0.06,1.42.1,2.641,0.1q0.57,0,1.32-.06c-0.02.76-.02,1.52-0.02,2.22v1.24c-2.361,1.02-4.421,2.8-4.421,4.5,0,1.92,2.661,3.521,4.4,3.521,1.18,0,1.96-.62,1.96-2.741,0-.8-0.06-2.48-0.08-4.141a13.534,13.534,0,0,1,4.1-.66c1.82,0,3.2.86,3.2,2.4,0,1.68-1.46,2.56-3.141,2.881a10.553,10.553,0,0,1-2.4.14l0.72,2.04a15.564,15.564,0,0,0,2.541-.3C34.623,17.47,36,15.81,36,13.429c0-2.561-2.24-4.161-5.221-4.161a15.626,15.626,0,0,0-4.161.64v-0.7c0-.72.02-1.52,0.04-2.321,1.38-.16,2.861-0.4,4.021-0.66l-0.04-1.96a25.071,25.071,0,0,1-3.941.76c0.04-.72.06-1.36,0.08-1.84C26.822,2.707,26.882,2.027,26.942,1.647Zm5.981,2.2-0.88,1.52a28.973,28.973,0,0,1,4.621,2.961l0.98-1.6A35.825,35.825,0,0,0,32.923,3.847ZM22.341,14.929c0-.8,1.04-1.82,2.5-2.54,0.02,1.3.06,2.46,0.06,3.1,0,0.66-.28.92-0.68,0.92C23.541,16.41,22.341,15.73,22.341,14.929Zm26.421-4.281V8.888H45.221V5.307H48.2V3.567H42.741c0.2-.72.38-1.48,0.54-2.24l-1.78-.34a15.3,15.3,0,0,1-2.38,6.141,10.869,10.869,0,0,1,1.52,1.08,14.541,14.541,0,0,0,1.48-2.9h1.22V8.888H39.42v1.76h3.8A9.755,9.755,0,0,1,39.18,17.87a7.42,7.42,0,0,1,1.32,1.42,10.769,10.769,0,0,0,3.961-5.6,45.707,45.707,0,0,1,3.061,3.941l1.28-1.6c-0.58-.66-2.881-3.261-3.881-4.241,0.08-.38.12-0.76,0.18-1.14h3.661Zm2.38,4.861V4.447h3.641V15.51H51.143Zm-1.8-12.823V18.75h1.8v-1.5h3.641v1.28h1.88V2.687H49.342Zm15.839-.8-0.5,1.9c1.54,0.4,5.941,1.32,7.9,1.58l0.46-1.94A58.625,58.625,0,0,1,65.181,1.887ZM65,5.687l-2.121-.28a75.016,75.016,0,0,1-1.02,8.222l1.84,0.44a4.069,4.069,0,0,1,.68-1.06,7.508,7.508,0,0,1,5.9-2.541c1.92,0,3.3,1.06,3.3,2.541,0,2.641-3.121,4.3-9.3,3.521l0.6,2.061c7.822,0.66,10.862-1.94,10.862-5.541,0-2.38-2.041-4.361-5.3-4.361a9.63,9.63,0,0,0-6.241,2.22C64.381,9.688,64.721,6.948,65,5.687ZM93.523,2.207h-2.14a13.218,13.218,0,0,1,.14,1.64v2.6c-2,.18-4.181.38-6.021,0.56,0.02-.96.02-1.8,0.02-2.361a15.806,15.806,0,0,1,.1-1.82H83.4a11.875,11.875,0,0,1,.14,1.92V7.188c-0.84.08-1.5,0.14-1.94,0.18-0.84.08-1.66,0.12-2.261,0.12l0.22,2.04c0.52-.08,1.56-0.22,2.181-0.3,0.44-.06,1.06-0.12,1.8-0.2,0,1.92,0,3.981.02,4.841,0.08,3.3.6,4.381,5.461,4.381a56.29,56.29,0,0,0,5.781-.34l0.06-2.14a37.348,37.348,0,0,1-5.961.5c-3.261,0-3.341-.64-3.4-2.7-0.04-.82-0.02-2.8,0-4.761,1.86-.2,4.041-0.4,5.981-0.56a28.478,28.478,0,0,1-.2,2.9c-0.04.44-.24,0.52-0.7,0.52a11.646,11.646,0,0,1-1.92-.26l-0.04,1.74a23.565,23.565,0,0,0,2.8.3,1.35,1.35,0,0,0,1.62-1.22,30.474,30.474,0,0,0,.3-4.121c0.74-.04,1.4-0.08,1.92-0.08,0.52-.02,1.4-0.04,1.74-0.02V6.048c-0.52.04-1.2,0.1-1.72,0.12-0.56.04-1.22,0.08-1.9,0.14,0.02-.8.02-1.66,0.04-2.521A11.891,11.891,0,0,1,93.523,2.207Z"/></svg>');
        padding-top: 20px; }
    .wrapper article section.news .menu .btn-maintenance {
      width: 182px; }
      .wrapper article section.news .menu .btn-maintenance a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="メンテナンス" fill="%232a2a2a" d="M15.984,2.627l-2.32-.82a14.065,14.065,0,0,1-.44,1.64,22.13,22.13,0,0,1-2.5,5.161c-1.6-1.22-3.821-2.761-5.5-3.821L3.9,6.388a56.807,56.807,0,0,1,5.521,3.941A21.741,21.741,0,0,1,1.64,16.45L3.4,18.03a24.975,24.975,0,0,0,7.662-6.341,44.638,44.638,0,0,1,4.6,4.521l1.6-1.76a49,49,0,0,0-4.881-4.521,28.691,28.691,0,0,0,2.881-5.681A14.758,14.758,0,0,1,15.984,2.627Zm8.178-.28L22.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,24.161,2.347ZM22.1,15.73l1.34,2.06A22.058,22.058,0,0,0,31.1,14.81a20.454,20.454,0,0,0,7.022-7.242L36.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,22.1,15.73ZM43.681,2.207v2.06c0.56-.04,1.3-0.06,1.96-0.06H53.7c0.62,0,1.36.02,2,.06V2.207a17.108,17.108,0,0,1-2,.14H45.621A15.271,15.271,0,0,1,43.681,2.207ZM41.32,7.288v2.06c0.54-.04,1.22-0.06,1.82-0.06h5.781a9.322,9.322,0,0,1-1.2,4.741,8.582,8.582,0,0,1-3.7,2.981l1.84,1.34a9.616,9.616,0,0,0,3.981-3.721,12.442,12.442,0,0,0,1.24-5.341h5.141c0.52,0,1.22.02,1.68,0.06V7.288c-0.5.06-1.26,0.1-1.68,0.1H43.141A17.526,17.526,0,0,1,41.32,7.288ZM68.962,3.767V6.228H63.381a17.675,17.675,0,0,1-2.02-.12v2.2a19.574,19.574,0,0,1,2.06-.08h5.541c-0.1,3.781-1.58,6.7-5.421,8.482l1.96,1.46c4.161-2.461,5.541-5.721,5.621-9.942h4.941c0.7,0,1.58.02,1.941,0.06V6.128a14.691,14.691,0,0,1-1.921.1H71.123V3.767a18.383,18.383,0,0,1,.14-2.16h-2.52A10.4,10.4,0,0,1,68.962,3.767Zm15.2-1.42L82.7,3.907a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,84.161,2.347ZM82.1,15.73l1.34,2.06A22.058,22.058,0,0,0,91.1,14.81a20.454,20.454,0,0,0,7.021-7.242L96.9,5.387a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,82.1,15.73ZM115.8,3.787l-1.3-.96a6.065,6.065,0,0,1-1.74.2h-7.422a21.392,21.392,0,0,1-2.18-.14v2.26c0.32-.02,1.4-0.12,2.18-0.12h7.342a16.463,16.463,0,0,1-3.181,5.281,22.473,22.473,0,0,1-8.222,5.861l1.621,1.7a26.26,26.26,0,0,0,7.7-5.761,44.92,44.92,0,0,1,5.3,5.841l1.76-1.56a53.178,53.178,0,0,0-5.721-5.861,27.382,27.382,0,0,0,3.28-5.7A6.905,6.905,0,0,1,115.8,3.787Z"/></svg>');
        padding-top: 20px; }
    .wrapper article section.news .menu .btn-update {
      width: 181px; }
      .wrapper article section.news .menu .btn-update::after {
        display: block; }
      .wrapper article section.news .menu .btn-update a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="アップデート" fill="%232a2a2a" d="M17.844,4.977L16.584,3.8a10.294,10.294,0,0,1-1.66.14H3.741a17.927,17.927,0,0,1-2.36-.18v2.22c0.86-.06,1.56-0.12,2.361-0.12H14.7A12.247,12.247,0,0,1,10.623,10l1.66,1.34a19.81,19.81,0,0,0,4.9-5.521C17.344,5.577,17.664,5.2,17.844,4.977ZM9.762,7.638H7.482a8.887,8.887,0,0,1,.12,1.6c0,3.321-.46,5.841-3.321,7.682a7.6,7.6,0,0,1-1.92.98L4.2,19.4C9.462,16.7,9.762,12.859,9.762,7.638Zm19.1-.82-1.88.62a36.576,36.576,0,0,1,1.6,4.4l1.88-.68C30.2,10.278,29.222,7.658,28.862,6.818Zm7.3,1.28-2.2-.7A13.885,13.885,0,0,1,31.3,14.239a13.632,13.632,0,0,1-6.561,4.221l1.66,1.7a15.5,15.5,0,0,0,6.581-4.841,16.035,16.035,0,0,0,2.8-6.041C35.864,8.958,35.984,8.6,36.164,8.1ZM24.2,7.858l-1.88.68a40.861,40.861,0,0,1,1.82,4.561l1.9-.7C25.661,11.3,24.661,8.778,24.2,7.858ZM55.1,4a1.264,1.264,0,0,1,1.24-1.26A1.281,1.281,0,0,1,57.6,4a1.264,1.264,0,0,1-1.26,1.24A1.247,1.247,0,0,1,55.1,4Zm-1.06,0a2.484,2.484,0,0,0,.06.54,6.79,6.79,0,0,1-.86.04h-9.7c-0.66,0-1.6-.08-2.16-0.14v2.24c0.52-.04,1.32-0.08,2.16-0.08h9.842a14.5,14.5,0,0,1-2.5,6.141A13.422,13.422,0,0,1,43.061,17.5l1.72,1.88a15.559,15.559,0,0,0,7.942-5.421,20.379,20.379,0,0,0,3-7.342c0.02-.12.06-0.26,0.08-0.38a2.483,2.483,0,0,0,.54.06A2.3,2.3,0,1,0,54.043,4Zm8.9-.32v2.06c0.54-.04,1.28-0.08,1.961-0.08h6.741c0.64,0,1.36.04,2,.08V3.677a16.774,16.774,0,0,1-2,.12H64.881A15.086,15.086,0,0,1,62.941,3.677ZM60.58,8.738v2.08c0.56-.04,1.22-0.06,1.82-0.06h5.781a9.247,9.247,0,0,1-1.2,4.721,8.331,8.331,0,0,1-3.7,2.981l1.84,1.36A9.783,9.783,0,0,0,69.1,16.08a12.279,12.279,0,0,0,1.24-5.321H75.5c0.52,0,1.2.02,1.68,0.04V8.738a12.763,12.763,0,0,1-1.68.1H62.4A17.532,17.532,0,0,1,60.58,8.738ZM74.743,2.157l-1.28.54a23.882,23.882,0,0,1,1.58,2.761l1.32-.56A28.993,28.993,0,0,0,74.743,2.157ZM77,1.3l-1.28.54A20.08,20.08,0,0,1,77.364,4.6l1.3-.58A25.482,25.482,0,0,0,77,1.3ZM80.94,9.578v2.481c0.68-.06,1.88-0.1,2.981-0.1H94.8c0.88,0,1.8.08,2.24,0.1V9.578c-0.5.04-1.28,0.12-2.24,0.12H83.921C82.841,9.7,81.6,9.618,80.94,9.578Zm24.6,7.082a20.947,20.947,0,0,1-.16,2.561h2.461a23.445,23.445,0,0,1-.16-2.561V10.478a52.361,52.361,0,0,1,7.561,3.121l0.9-2.181a67.881,67.881,0,0,0-8.462-3.2V5.1c0-.7.08-1.58,0.14-2.24h-2.461a14.484,14.484,0,0,1,.18,2.24V16.66Z"/></svg>');
        padding-top: 20px; }
    .wrapper article section.news .menu .btn-event {
      width: 139px; }
      .wrapper article section.news .menu .btn-event a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="イベント" fill="%232a2a2a" d="M21.02,10.038L22,12.019a40.922,40.922,0,0,0,7.382-3.1V15.88a23.187,23.187,0,0,1-.12,2.361h2.48a15.047,15.047,0,0,1-.14-2.361v-8.3A33.746,33.746,0,0,0,36.984,3.2L35.3,1.6a24.694,24.694,0,0,1-5.561,4.761A33.033,33.033,0,0,1,21.02,10.038ZM53.483,3.8l-1.4.6a21.783,21.783,0,0,1,1.84,3.221l1.44-.64C54.9,6.058,54,4.577,53.483,3.8ZM56.1,2.757l-1.4.64a18.2,18.2,0,0,1,1.92,3.161l1.42-.68A27.617,27.617,0,0,0,56.1,2.757ZM40.4,12.039l1.9,1.94c0.32-.46.78-1.1,1.2-1.68,0.88-1.1,2.441-3.2,3.321-4.281,0.62-.78,1.02-0.84,1.74-0.14,0.8,0.78,2.621,2.741,3.781,4.081,1.24,1.44,2.961,3.5,4.361,5.181l1.74-1.84c-1.54-1.66-3.561-3.841-4.921-5.281-1.18-1.26-2.821-2.981-4.081-4.161-1.44-1.38-2.5-1.16-3.621.16-1.3,1.56-2.961,3.681-3.9,4.621A19.343,19.343,0,0,1,40.4,12.039ZM64.161,2.6L62.7,4.157a43.4,43.4,0,0,1,5,4.241l1.58-1.62A41.982,41.982,0,0,0,64.161,2.6ZM62.1,15.98l1.34,2.06A22.058,22.058,0,0,0,71.1,15.06a20.454,20.454,0,0,0,7.021-7.242L76.9,5.637a19.046,19.046,0,0,1-6.942,7.542A20.786,20.786,0,0,1,62.1,15.98Zm23.941-.32a20.947,20.947,0,0,1-.16,2.561h2.46a23.445,23.445,0,0,1-.16-2.561V9.478A52.374,52.374,0,0,1,95.744,12.6l0.9-2.181a67.815,67.815,0,0,0-8.462-3.2V4.1c0-.7.08-1.58,0.14-2.24h-2.46a14.484,14.484,0,0,1,.18,2.24V15.66Z"/></svg>');
        padding-top: 20px; }
    .wrapper article section.news .menu .btn-trouble {
      width: 172px; }
      .wrapper article section.news .menu .btn-trouble a::before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="118" height="20" viewBox="0 0 118 20"><path id="不具合状況" fill="%232a2a2a" d="M28.064,3.727v-1.9H10.94v1.9h8.442a22.154,22.154,0,0,1-9,8.322,10.473,10.473,0,0,1,1.28,1.66,24.9,24.9,0,0,0,6.821-5.4v10.5H20.5V5.788c0.48-.68.9-1.38,1.32-2.06h6.241ZM20.582,7.968a45.227,45.227,0,0,1,6.581,5.541l1.56-1.44a47.7,47.7,0,0,0-6.741-5.3ZM35.361,5.628h8.362v1.58H35.361V5.628Zm0,2.941h8.362v1.6H35.361v-1.6Zm0-5.881h8.362v1.58H35.361V2.687Zm-1.82-1.44V11.629h12.1V1.247h-12.1ZM30.72,12.769v1.74h17.6v-1.74H30.72ZM40.9,16.17a41.137,41.137,0,0,1,5.821,2.641l1.84-1.26a57.384,57.384,0,0,0-6.281-2.641Zm-4.4-1.38a25.416,25.416,0,0,1-5.961,2.6,10.6,10.6,0,0,1,1.3,1.42,31.541,31.541,0,0,0,6.321-2.781Zm27.322-2.3V16.41h-8.6V12.489h8.6ZM53.4,18.85h1.82V18.07h8.6v0.78h1.9V10.809H53.4V18.85Zm1.54-11.963a21.4,21.4,0,0,0,4.5-4.561,22.9,22.9,0,0,0,4.721,4.561H54.941ZM58.4,0.506A22.163,22.163,0,0,1,50.18,7.748a7.151,7.151,0,0,1,1.14,1.48,27.255,27.255,0,0,0,3.221-2.04v1.36H64.5V7.128a26.057,26.057,0,0,0,3.241,2.02,8.258,8.258,0,0,1,1.22-1.66A22.187,22.187,0,0,1,60.3.506H58.4ZM87.984,4.447a26.4,26.4,0,0,0-2.361-3.4l-1.4.78a24.142,24.142,0,0,1,2.24,3.541Zm0.46,3.561V6.188h-5.5c0.02-.3.02-0.58,0.02-0.86v-4.8h-1.84v4.8c0,0.28,0,.56-0.02.86H76.722v1.82H81a13.715,13.715,0,0,1-4.881,9.542V0.446H74.3V6.628a22.7,22.7,0,0,0-2.421-3.6l-1.44.86A22.915,22.915,0,0,1,72.8,7.668l1.5-.96v2.9c-1.5,1.36-3.061,2.7-4.1,3.5l1.02,1.56c0.94-.8,2.02-1.8,3.081-2.78v6.9h1.82V17.65a8.873,8.873,0,0,1,1.46,1.16,14.633,14.633,0,0,0,4.8-7.782c1.08,3.381,2.74,6.1,5.2,7.762a6.756,6.756,0,0,1,1.36-1.56c-2.961-1.7-4.781-5.141-5.741-9.222h5.241Zm7.8-5.521A13.8,13.8,0,0,0,92.561.566l-1.02,1.38a13.906,13.906,0,0,1,3.621,2.06Zm-1.02,5.361a16.185,16.185,0,0,0-3.961-1.84l-0.98,1.42a15.916,15.916,0,0,1,3.921,2Zm-0.14,3A62.717,62.717,0,0,1,91.06,17.43l1.56,1.16c1.26-1.92,2.66-4.4,3.821-6.6ZM99,3.067h6.7v4.8H99v-4.8Zm6.281,13.923c-0.42,0-.5-0.1-0.5-0.74V9.608H107.6V1.347H97.2V9.608h1.921c-0.16,3.921-.6,6.361-4.141,7.742a4.771,4.771,0,0,1,1.1,1.5c4-1.68,4.661-4.681,4.881-9.242h1.961V16.27c0,1.8.38,2.36,2.04,2.36h1.781c1.42,0,1.88-.82,2.06-3.841a5.364,5.364,0,0,1-1.66-.72c-0.06,2.481-.14,2.921-0.58,2.921h-1.281Z"/></svg>');
        padding-top: 20px; }
  .wrapper article section.news .list {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    padding-top: 60px; }
    .wrapper article section.news .list a:hover p::after {
      opacity: 1; }
    .wrapper article section.news .list a:hover dl dd {
      text-decoration: underline; }
    .wrapper article section.news .list li {
      margin-top: 0;
      margin-bottom: 60px;
      margin-right: 30px;
      padding-top: 0;
      width: 380px;
      background-color: #f2f2f2;
      border-bottom: none; }
      .wrapper article section.news .list li:nth-child(3n) {
        margin-right: 0; }
    .wrapper article section.news .list p {
      padding-top: 0;
      width: 380px;
      height: 200px; }
      .wrapper article section.news .list p::after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(42, 42, 42, 0.5);
        opacity: 0;
        transition: opacity .3s linear 0s; }
    .wrapper article section.news .list dl {
      width: 320px;
      margin: 30px 0 0 30px; }
    .wrapper article section.news .list dt {
      padding: 0 0 15px 0;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 16px;
      color: #787878; }
      .wrapper article section.news .list dt::before {
        width: 126px;
        height: 30px;
        padding-top: 0;
        margin-right: 10px;
        background-size: 100% auto; }
      .wrapper article section.news .list dt::after {
        width: 20px;
        height: 22px;
        padding-top: 0;
        margin: -4px 0 0 8px;
        background-size: auto; }
    .wrapper article section.news .list dd {
      padding-bottom: 30px;
      line-height: 30px;
      color: #363b40;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 18px; }
  .wrapper article section.news .head {
    margin-top: 94px; }
    .wrapper article section.news .head dt {
      padding: 0 30px;
      width: 100%;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 18px;
      color: #787878; }
      .wrapper article section.news .head dt::before {
        width: 126px;
        height: 30px;
        margin-right: 0;
        padding-top: 0; }
      .wrapper article section.news .head dt::after {
        width: 20px;
        height: 22px;
        padding-top: 0;
        margin: 0 0 0 8px; }
    .wrapper article section.news .head dd {
      margin-top: 15px;
      padding-left: 30px;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 22px; }

  /******************************************************************************
  news update
  ******************************************************************************/
  body.addbg {
    background-size: auto; }

  article .body .update-news {
    width: 820px; }
    article .body .update-news h3 {
      margin-bottom: 40px;
      height: 50px;
      text-align: center; }
      article .body .update-news h3 img {
        width: auto;
        height: 100%; }
    article .body .update-news .spnews-menu {
      margin-bottom: 40px;
      margin-left: auto;
      margin-right: auto;
      width: 676px; }
      article .body .update-news .spnews-menu li {
        margin-right: 20px;
        margin-bottom: 20px;
        padding-top: 64px;
        width: 154px;
        height: 0; }
        article .body .update-news .spnews-menu li a span {
          font-size: 14px; }
        article .body .update-news .spnews-menu li:nth-child(3n) {
          margin-right: 20px; }
        article .body .update-news .spnews-menu li:nth-child(4n) {
          margin-right: 0; }
    article .body .update-news h4 {
      margin-bottom: 40px; }
      article .body .update-news h4.line1 {
        padding-top: 68px;
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_sttl_1line_pc.png); }
      article .body .update-news h4.line2 {
        padding-top: 99px;
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_sttl_2line_pc.png); }
      article .body .update-news h4 > span > span {
        font-size: 26px; }
    article .body .update-news .image {
      margin-bottom: 40px; }
      article .body .update-news .image.main {
        margin-bottom: 60px; }
    article .body .update-news .youtube {
      margin-bottom: 40px;
      padding-top: 432px; }
    article .body .update-news .description {
      margin-bottom: 80px;
      padding-top: 45px;
      padding-bottom: 10px; }
      article .body .update-news .description:last-child {
        margin-bottom: 0; }
      article .body .update-news .description::before {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description_top_pc.png); }
      article .body .update-news .description::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description_bottom_pc.png); }
      article .body .update-news .description p {
        position: relative;
        padding: 5px 20px;
        background-image: url(https://static.nexon.co.jp/counterside/webview/news/spnews/bg_description_pc.png);
        font-size: 18px; }
    article .body .update-news .textlist {
      margin-bottom: 0; }
      article .body .update-news .textlist li {
        padding-left: 10px;
        text-indent: -10px;
        font-size: 18px; }
        article .body .update-news .textlist li span {
          left: -10px;
          font-size: 16px; } }
/******************************************************************************
category
******************************************************************************/
section.gameguide.category {
  position: relative; }
  section.gameguide.category h3 {
    position: relative;
    margin-top: 2.0289855072%;
    padding-top: 15.0724637681%;
    width: 135.0724637681%;
    height: 0;
    background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_category.svg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 89.8550724638% auto;
    border-bottom: 2px solid #787878; }
    section.gameguide.category h3 span {
      display: none; }
  section.gameguide.category ul.category-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-top: 5.7971014493%;
    width: 100%; }
    section.gameguide.category ul.category-list li {
      position: relative;
      margin: 0 2.8985507246% 2.8985507246% 0;
      padding-top: 14.2028985507%;
      width: 24.6376811594%;
      height: 0; }
      section.gameguide.category ul.category-list li:nth-of-type(5n) {
        margin-right: 0; }
      section.gameguide.category ul.category-list li a {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_base.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100% 200%; }
        section.gameguide.category ul.category-list li a::after {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% auto; }
        section.gameguide.category ul.category-list li a:hover {
          background-position: center bottom; }
      section.gameguide.category ul.category-list li.btn-category01 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text01.svg); }
      section.gameguide.category ul.category-list li.btn-category02 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text02.svg); }
      section.gameguide.category ul.category-list li.btn-category03 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text03.svg); }
      section.gameguide.category ul.category-list li.btn-category04 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text04.svg); }
      section.gameguide.category ul.category-list li.btn-category05 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text05.svg); }
      section.gameguide.category ul.category-list li.btn-category06 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text06.svg); }
      section.gameguide.category ul.category-list li.btn-category07 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text07.svg); }
      section.gameguide.category ul.category-list li.btn-category08 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text08.svg); }
      section.gameguide.category ul.category-list li.btn-category09 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text09.svg); }
      section.gameguide.category ul.category-list li.btn-category10 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text10.svg); }
      section.gameguide.category ul.category-list li.btn-category11 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text11.svg); }
      section.gameguide.category ul.category-list li.btn-category12 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text12.svg); }
      section.gameguide.category ul.category-list li.btn-category13 a::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/btn_category_text13.svg); }

/******************************************************************************
gameguide list
******************************************************************************/
section.gameguide.category-list .category-select-box {
  position: relative;
  margin-top: 2.0289855072%;
  padding-top: 9.2753623188%;
  width: 135.0724637681%;
  height: 0;
  border-bottom: 2px solid #787878;
  z-index: 50; }
  section.gameguide.category-list .category-select-box .category-select {
    position: absolute;
    right: 0;
    top: 0;
    width: 30.1449275362%; }
    section.gameguide.category-list .category-select-box .category-select #category-select-check {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0; }
      section.gameguide.category-list .category-select-box .category-select #category-select-check:checked + label + ul {
        height: 52vw;
        visibility: visible; }
    section.gameguide.category-list .category-select-box .category-select label {
      display: block;
      position: relative;
      padding-top: 21.1538461538%;
      width: 100%;
      height: 0;
      border: 2px solid #5a5a5a;
      box-sizing: border-box; }
      section.gameguide.category-list .category-select-box .category-select label::after {
        content: '';
        display: block;
        position: absolute;
        right: 6.25%;
        top: 50%;
        padding-top: 6.25%;
        width: 8.1730769231%;
        height: 0;
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/arrow_select.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        transform: translate(0, -50%); }
      section.gameguide.category-list .category-select-box .category-select label span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        line-height: 2.4;
        text-align: center;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
        font-weight: bold;
        font-size: 18px;
        font-size: 2.4vw;
        color: #595959; }
    section.gameguide.category-list .category-select-box .category-select ul {
      position: relative;
      width: 100%;
      height: 0;
      visibility: hidden;
      box-sizing: border-box;
      transition: height .1s linear 0s;
      overflow: hidden; }
      section.gameguide.category-list .category-select-box .category-select ul li {
        position: relative;
        padding-top: 20.6730769231%;
        width: 100%;
        height: 0;
        background-color: #201e1e;
        border-bottom: 1px solid #5a5a5a;
        box-sizing: border-box; }
        section.gameguide.category-list .category-select-box .category-select ul li a {
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          text-decoration: none; }
          section.gameguide.category-list .category-select-box .category-select ul li a span {
            display: block;
            line-height: 2.4;
            text-align: center;
            font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
            font-weight: bold;
            font-size: 16px;
            font-size: 2.1333333333vw;
            color: #ffffff; }
section.gameguide .list {
  width: 139.4202898551%; }
  section.gameguide .list li {
    margin-top: 0;
    padding-top: 0; }
    section.gameguide .list li a {
      position: relative;
      padding-left: 20.2898550725%;
      padding-right: 11.5942028986%; }
      section.gameguide .list li a p {
        font-size: 24px;
        font-size: 3.2vw;
        color: #363b40; }
      section.gameguide .list li a::after {
        content: '';
        position: absolute;
        right: 4.347826087%;
        top: 50%;
        width: 3.4782608696%;
        height: 0;
        padding-top: 5.0724637681%;
        background-image: url(https://static.nexon.co.jp/counterside/webview/common/arrow_01.png);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: 100% auto;
        transform: translate(0, -50%); }
section.gameguide .head p {
  padding-left: 22.1739130435%;
  font-weight: bold;
  font-size: 30px;
  font-size: 4vw;
  color: #363b40; }
section.gameguide .btn-back-list {
  display: none; }
section.gameguide .btn-more {
  display: none; }
section.gameguide .btn-up {
  display: none; }

/******************************************************************************
icon
******************************************************************************/
section.gameguide .list p::before,
section.gameguide .head p::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  border-radius: 3px; }
section.gameguide .list p.category01::before,
section.gameguide .head p.category01::before {
  background-color: #f60000;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category01.svg); }
section.gameguide .list p.category02::before,
section.gameguide .head p.category02::before {
  background-color: #132087;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category02.svg); }
section.gameguide .list p.category03::before,
section.gameguide .head p.category03::before {
  background-color: #05a6c0;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category03.svg); }
section.gameguide .list p.category04::before,
section.gameguide .head p.category04::before {
  background-color: #ed6400;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category04.svg); }
section.gameguide .list p.category05::before,
section.gameguide .head p.category05::before {
  background-color: #05aa62;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category05.svg); }
section.gameguide .list p.category06::before,
section.gameguide .head p.category06::before {
  background-color: #4b4b4b;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category06.svg); }
section.gameguide .list p.category07::before,
section.gameguide .head p.category07::before {
  background-color: #f10854;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category07.svg); }
section.gameguide .list p.category08::before,
section.gameguide .head p.category08::before {
  background-color: #0096ff;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category08.svg); }
section.gameguide .list p.category09::before,
section.gameguide .head p.category09::before {
  background-color: #f6a200;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category09.svg); }
section.gameguide .list p.category10::before,
section.gameguide .head p.category10::before {
  background-color: #80c901;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category10.svg); }
section.gameguide .list p.category11::before,
section.gameguide .head p.category11::before {
  background-color: #8a00bd;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category11.svg); }
section.gameguide .list p.category12::before,
section.gameguide .head p.category12::before {
  background-color: #e8cf00;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category12.svg); }
section.gameguide .list p.category13::before,
section.gameguide .head p.category13::before {
  background-color: #ff00b4;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/icn_category13.svg); }

section.gameguide .list p::before {
  margin-top: 2.8985507246%;
  padding-top: 4.0579710145%;
  width: 15.9420289855%; }

section.gameguide .head p::before {
  margin-top: 0;
  padding-top: 4.9275362319%;
  width: 20.2898550725%; }

.wrapper article {
  z-index: 150; }

/******************************************************************************
category
******************************************************************************/
section.gameguide h2 {
  display: block;
  position: relative;
  margin: 9.8550724638% auto 0;
  padding-top: 20.8695652174%;
  width: 90%;
  background-image: url(https://static.nexon.co.jp/counterside/webview/common/sp/bd_title.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  box-sizing: border-box; }
  section.gameguide h2 > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0; }
    section.gameguide h2 > span::before, section.gameguide h2 > span::after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 100%; }
    section.gameguide h2 > span.en {
      padding-top: 11.2721417069%; }
      section.gameguide h2 > span.en::before {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_en02.png);
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite; }
      section.gameguide h2 > span.en::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_en01.png); }
      section.gameguide h2 > span.en > span {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_en03.png);
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.1s infinite; }
    section.gameguide h2 > span.jp {
      margin-top: 13.3655394525%;
      padding-top: 3.5426731079%; }
      section.gameguide h2 > span.jp::before {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_jp02.png); }
      section.gameguide h2 > span.jp::after {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_jp01.png); }
      section.gameguide h2 > span.jp > span {
        background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_jp03.png); }
    section.gameguide h2 > span > span {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: auto 100%;
      text-indent: 110%;
      white-space: nowrap;
      overflow: hidden; }
section.gameguide.category h3 {
  margin: 11.4492753623% auto 0;
  padding-top: 27.2463768116%;
  width: 100%;
  background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/sp/ttl_category.png);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 91.3043478261% auto;
  overflow: hidden; }
section.gameguide.category ul.category-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 8.6956521739% auto 0;
  width: 91.3043478261%; }
  section.gameguide.category ul.category-list li {
    position: relative;
    margin: 0 6.1904761905% 6.3492063492% 0;
    padding-top: 16.8253968254%;
    width: 29.2063492063%; }
    section.gameguide.category ul.category-list li:nth-of-type(5n) {
      margin-right: 6.1904761905%; }
    section.gameguide.category ul.category-list li:nth-of-type(3n) {
      margin-right: 0; }

/******************************************************************************
gameguide list
******************************************************************************/
section.gameguide.category-list .inner {
  padding-bottom: 10.6666666667%; }
section.gameguide.category-list .category-select-box {
  margin-top: 11.4492753623%;
  padding-top: 13.0434782609%;
  width: 100%; }
  section.gameguide.category-list .category-select-box .category-select {
    width: 34.7826086957%; }
    section.gameguide.category-list .category-select-box .category-select #category-select-check:checked + label + ul {
      height: 90vw; }
    section.gameguide.category-list .category-select-box .category-select label {
      padding-top: 20.8333333333%; }
      section.gameguide.category-list .category-select-box .category-select label::after {
        right: 5.4166666667%;
        padding-top: 5.4166666667%;
        width: 7.0833333333%; }
      section.gameguide.category-list .category-select-box .category-select label span {
        font-size: 20px;
        font-size: 2.6666666667vw; }
    section.gameguide.category-list .category-select-box .category-select ul li {
      padding-top: 20.8333333333%; }
      section.gameguide.category-list .category-select-box .category-select ul li a span {
        font-size: 18px;
        font-size: 2.4vw; }
section.gameguide .list {
  width: 100%; }
  section.gameguide .list li a {
    position: relative;
    padding-left: 26.0869565217%;
    padding-right: 4.347826087%; }
    section.gameguide .list li a p {
      font-size: 26px;
      font-size: 3.4666666667vw; }
    section.gameguide .list li a::after {
      display: none; }
section.gameguide .head {
  margin-top: 11.4492753623%; }
  section.gameguide .head p {
    padding-top: 7.2463768116%;
    padding-left: 4.347826087%;
    padding-right: 4.347826087%;
    font-size: 26px;
    font-size: 3.4666666667vw;
    color: #363b40; }
section.gameguide .btn-prev {
  display: none; }
section.gameguide .btn-back-list {
  display: block; }
section.gameguide .btn-more {
  display: block; }

/******************************************************************************
icon
******************************************************************************/
section.gameguide .list p::before,
section.gameguide .head p::before {
  margin-top: 0;
  padding-top: 4.9275362319%;
  width: 20.2898550725%;
  background-size: 78.5714285714% auto; }

section.gameguide .list p::before {
  top: 50%;
  margin-left: 2.8985507246%;
  transform: translate(0, -50%); }

section.gameguide .head p::before {
  top: 0;
  margin-left: 4.347826087%; }

@keyframes sttlGlitch {
  0% {
    transform: translate(0); }
  2% {
    transform: translate(-1px, 1px); }
  4% {
    transform: translate(-1px, -1px); }
  6% {
    transform: translate(1px, 1px); }
  8% {
    transform: translate(1px, -1px); }
  10% {
    transform: translate(-1px, 1px); }
  12% {
    transform: translate(-1px, -1px); }
  14% {
    transform: translate(1px, 1px); }
  16% {
    transform: translate(1px, -1px); }
  18% {
    transform: translate(-1px, 1px); }
  20% {
    transform: translate(-1px, -1px); }
  22% {
    transform: translate(1px, 1px); }
  24% {
    transform: translate(1px, -1px); }
  26% {
    transform: translate(-1px, 1px); }
  28% {
    transform: translate(-1px, -1px); }
  30% {
    transform: translate(1px, 1px); }
  32% {
    transform: translate(1px, -1px); }
  34% {
    transform: translate(0); }
  100% {
    transform: translate(0); } }
/**********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  section.gameguide h2 {
    position: relative;
    margin: 0 auto;
    padding-top: 0;
    width: 610px;
    height: 129px;
    background-image: url(https://static.nexon.co.jp/counterside/webview/common/bd_title.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto;
    box-sizing: border-box; }
    section.gameguide h2 > span {
      display: block;
      position: absolute;
      left: 0;
      width: 100%; }
      section.gameguide h2 > span::before, section.gameguide h2 > span::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto; }
      section.gameguide h2 > span::before {
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite; }
      section.gameguide h2 > span > span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        animation: sttlGlitch 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) -0.1s infinite; }
      section.gameguide h2 > span.en {
        top: 0;
        height: 70px; }
        section.gameguide h2 > span.en::before {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_en02.png); }
        section.gameguide h2 > span.en::after {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_en01.png); }
        section.gameguide h2 > span.en > span {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_en03.png); }
      section.gameguide h2 > span.jp {
        top: 0px;
        height: 20px; }
        section.gameguide h2 > span.jp::before {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_jp02.png); }
        section.gameguide h2 > span.jp::after {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_jp01.png); }
        section.gameguide h2 > span.jp > span {
          background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_jp03.png); }
  section.gameguide.category h3 {
    margin: 90px auto 0;
    padding-top: 0;
    width: 1200px;
    height: 157px;
    background-image: url(https://static.nexon.co.jp/counterside/webview/gameguide/ttl_category.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto;
    overflow: hidden; }
  section.gameguide.category ul.category-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 40px auto 0;
    padding-bottom: 80px;
    width: 1032px; }
    section.gameguide.category ul.category-list li {
      position: relative;
      margin: 0 10px 20px;
      padding-top: 0;
      width: 152px;
      height: 88px; }
      section.gameguide.category ul.category-list li:nth-of-type(5n) {
        margin-right: 10px; }
      section.gameguide.category ul.category-list li:nth-of-type(3n) {
        margin-right: 10px; }

  section.gameguide.category-list .inner {
    padding: 0 0 80px; }
  section.gameguide.category-list .category-select-box {
    margin-top: 79px;
    padding-top: 82px;
    width: 100%; }
    section.gameguide.category-list .category-select-box .category-select {
      width: 192px; }
      section.gameguide.category-list .category-select-box .category-select #category-select-check:checked + label + ul {
        height: 540px; }
      section.gameguide.category-list .category-select-box .category-select label {
        padding-top: 40px; }
        section.gameguide.category-list .category-select-box .category-select label::after {
          right: 12px;
          padding-top: 12px;
          width: 15px; }
        section.gameguide.category-list .category-select-box .category-select label span {
          font-size: 16px; }
      section.gameguide.category-list .category-select-box .category-select ul li {
        padding-top: 40px; }
        section.gameguide.category-list .category-select-box .category-select ul li a span {
          line-height: 40px;
          font-size: 14px; }
  section.gameguide .list {
    padding-bottom: 60px;
    width: 1200px; }
    section.gameguide .list li {
      padding: 20px 0; }
      section.gameguide .list li a {
        padding-left: 180px;
        padding-right: 30px; }
        section.gameguide .list li a p {
          font-size: 22px; }
  section.gameguide .head {
    margin-top: 79px; }
    section.gameguide .head p {
      padding-top: 50px;
      padding-left: 30px;
      padding-right: 30px;
      font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans", sans-serif;
      font-size: 22px; }

  section.gameguide .list p::before,
  section.gameguide .head p::before {
    margin-left: 30px;
    padding-top: 30px;
    width: 126px;
    background-size: 87.3015873016% auto; } }
/******************************************************************************
error
******************************************************************************/
section.error {
  width: 100%;
  position: relative; }
  section.error .notfound {
    height: 0;
    padding-top: 85.3333333333%;
    position: relative; }
    section.error .notfound::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: url(https://static.nexon.co.jp/counterside/webview/common/text_error.svg) no-repeat 0 0;
      background-size: contain;
      width: 93.0666666667%;
      height: 0;
      padding: 13.8666666667% 0 0 0; }
    section.error .notfound p {
      display: none; }
  section.error .btn-official-top {
    display: none; }

/******************************************************************************
error
******************************************************************************/
section.error {
  padding-top: 120.4%;
  background: url(https://static.nexon.co.jp/counterside/webview/error/sp/bg.png) no-repeat 0 0;
  background-size: cover; }
  section.error .notfound {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    section.error .notfound::before {
      top: 44.2967884828%;
      transform: translate(-50%, 0);
      background: url(https://static.nexon.co.jp/counterside/webview/error/sp/text_error.png) no-repeat 0 0;
      background-size: 100% auto;
      width: 92.9333333333%;
      padding: 22.4% 0 0 0; }
  section.error .btn-prev {
    display: none; }
  section.error .btn-official-top {
    display: block;
    position: absolute;
    left: 50%;
    top: 80.5094130676%;
    width: 74.5333333333%;
    height: 0;
    padding-top: 12.8%;
    transform: translate(-50%, 0); }
    section.error .btn-official-top a {
      position: absolute;
      width: 100%;
      height: 100%; }
      section.error .btn-official-top a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://static.nexon.co.jp/counterside/webview/error/sp/btn_official_top.png) no-repeat 0 0;
        background-size: 100% 200%;
        width: 100%;
        height: 100%; }
      section.error .btn-official-top a::after {
        display: none; }
      section.error .btn-official-top a span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-indent: 110%;
        white-space: nowrap;
        overflow: hidden;
        transform: translate(0, -100%);
        transition: transform .2s ease 0s; }
        section.error .btn-official-top a span::after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background-image: url(https://static.nexon.co.jp/counterside/webview/error/sp/btn_official_top.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          background-size: 100% 200%;
          transform: translate(0, 100%);
          transition: transform .2s ease 0s; }
      section.error .btn-official-top a:hover span {
        transform: translate(0, 0); }
        section.error .btn-official-top a:hover span::after {
          transform: translate(0, 0); }

/**********************************************************************************************************************
***********************************************************************************************************************
												750px以上の場合に適用
***********************************************************************************************************************
**********************************************************************************************************************/
@media (min-width: 750px) {
  .wrapper article > section.error {
    margin-top: -84px;
    padding-top: 0;
    width: 100%;
    height: 771px;
    background: url(https://static.nexon.co.jp/counterside/webview/error/bg.jpg) no-repeat 0 0;
    background-size: auto; }
    .wrapper article > section.error .notfound {
      position: absolute;
      left: 0;
      top: 0;
      padding-top: 0;
      width: 100%; }
      .wrapper article > section.error .notfound::before {
        top: 300px;
        background: url(https://static.nexon.co.jp/counterside/webview/error/text_error.png) no-repeat 0 0;
        background-size: 100% auto;
        width: 667px;
        height: 166px;
        padding: 0; }
    .wrapper article > section.error .btn-official-top {
      top: 633px;
      width: 335px;
      height: 58px;
      padding-top: 0; } }