/* 最小化できませんでした。最小化されていないコンテンツを返します。
(3862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3991,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(3992,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(3993,32): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(3999,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(3999,48): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(4010,25): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(4037,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4041,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4125,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(4125,53): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(4174,26): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(4174,57): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(4203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4288,28): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(4288,58): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(4294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";
/* CSS Document */
/* vendor-prefix */
/*Copyright 2019 The Bebas Neue Project Authors (https://github.com/dharmatype/Bebas-Neue)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
/*! 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;
}

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

body, td, th {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    color: #000;
}

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;
}

main {
    display: block;
}

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

img {
    vertical-align: bottom;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.btn a,
.btn span,
.btn button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-hover {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
    border: 0;
    cursor: pointer;
    outline: 0;
}

a {
    color: #000;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0, 0, 0, 0);
}

    a:visited {
        color: #000;
    }

    a:active {
        color: #000;
    }

    a:hover,
    a.hover {
        color: #000;
        text-decoration: none;
    }

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;
}

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

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

textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

/******************************************************************************
	teaser menu
******************************************************************************/
@keyframes menuOpen {
    0% {
        left: 200%;
    }

    100% {
        left: 20%;
    }
}

.menu {
    position: relative;
    z-index: 20;
}

@media (min-width: 52.1875em) {
    .menu {
        width: 200px;
    }
}

.menu .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 12% 0% 0% 0%;
    background: #000;
    z-index: 10;
}

@media (min-width: 52.1875em) {
    .menu .header {
        display: none;
    }
}

.menu .header > h1, .menu .header h2 {
    position: absolute;
    top: 15.5555555556%;
    left: 50%;
    width: 23.2%;
    height: 0;
    margin: 0% 0% 0% -11.6%;
    padding: 8.1333333333% 0% 0% 0%;
}

    .menu .header > h1 a, .menu .header h2 a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://static.nexon.co.jp/fifamobile/common/nav/logo_main.svg) no-repeat;
        background-size: 100% 100%;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 110%;
    }

.menu .header .btn-menu {
    position: absolute;
    top: 28.8888888889%;
    right: 3.0666666667%;
    width: 6.1333333333%;
    height: 0;
    padding: 5.2% 0% 0% 0%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 52.1875em) {
    .menu .header .btn-menu {
        display: none;
    }
}

.menu .header .btn-menu span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 12.8205128205%;
    background: #fff;
}

    .menu .header .btn-menu span:nth-child(2) {
        top: 43.5897435897%;
    }

    .menu .header .btn-menu span:nth-child(3) {
        top: 87.1794871795%;
    }

.menu.sub .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 12% 0% 0% 0%;
    background: #000;
    z-index: 10;
}

@media (min-width: 52.1875em) {
    .menu.sub .header {
        display: block;
        position: relative;
        padding: 0;
        height: 85px;
        background: none;
    }
}

.menu.sub .header > h1 {
    position: absolute;
    top: 15.5555555556%;
    left: 50%;
    width: 23.2%;
    height: 0;
    margin: 0% 0% 0% -11.6%;
    padding: 8.1333333333% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .menu.sub .header > h1 {
        position: relative;
        top: 0;
        left: 0;
        width: 184px;
        margin: 0 0 0 -1px;
        padding: 65px 0 0 0;
    }
}

.menu.sub .header > h1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/logo_main.svg) no-repeat;
    background-size: 100% 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

.menu.sub .header .btn-menu {
    position: absolute;
    top: 28.8888888889%;
    right: 3.0666666667%;
    width: 6.1333333333%;
    height: 0;
    padding: 5.2% 0% 0% 0%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 52.1875em) {
    .menu.sub .header .btn-menu {
        display: none;
    }
}

.menu.sub .header .btn-menu span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 12.8205128205%;
    background: #fff;
}

    .menu.sub .header .btn-menu span:nth-child(2) {
        top: 43.5897435897%;
    }

    .menu.sub .header .btn-menu span:nth-child(3) {
        top: 87.1794871795%;
    }

.menu nav {
    position: fixed;
    top: 0;
    left: 200%;
    width: 80%;
    height: 100vh;
    z-index: 15;
    background: #1e1e1e;
    box-shadow: 10px 0px 10px 10px rgba(0, 0, 0, 0.4);
}

@media (min-width: 52.1875em) {
    .menu nav {
        position: relative;
        width: 100%;
        left: 0;
        height: inherit;
        background: none;
        transform: none;
        transition: none;
        box-shadow: none;
    }
}

.menu nav .inner {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    padding: 0% 0% 33.3333333333% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner {
        height: inherit;
        overflow-y: inherit;
    }
}

.menu nav .inner .btn.close {
    position: absolute;
    top: 3.3333333333vw;
    right: 3.8333333333%;
    width: 7.6666666667%;
    height: 0;
    padding: 6.6666666667% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .btn.close {
        display: none;
    }
}

.menu nav .inner .btn.close span {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/btn_close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.menu nav .inner .list-main {
    padding: 17.5% 5% 0% 5%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main {
        padding: 0;
        background: #1e1e1e;
    }
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li {
        opacity: 1;
    }
}

.menu nav .inner .list-main > li dt {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0% 0% 7.4074074074% 0%;
    padding: 13.3333333333% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt {
        margin: 0 0 15px 0;
        padding: 35px 0 0 0;
    }
}

.menu nav .inner .list-main > li dt a,
.menu nav .inner .list-main > li dt span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/bg_large_item.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt a,
    .menu nav .inner .list-main > li dt span {
        background: url(https://static.nexon.co.jp/fifamobile/common/nav/pc/bg_large_item.png) no-repeat;
    }
}

.menu nav .inner .list-main > li dt a:before,
.menu nav .inner .list-main > li dt span:before {
    position: absolute;
    top: 50%;
    left: 4.0740740741%;
    height: 0;
    transform: translate(0, -50%);
    content: "";
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt a:before,
    .menu nav .inner .list-main > li dt span:before {
        left: 10px;
    }
}

.menu nav .inner .list-main > li dt a:after,
.menu nav .inner .list-main > li dt span:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 3.3333333333%;
    height: 0;
    padding: 4.0740740741% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_large.svg) no-repeat;
    background-size: 100% 100%;
    transform: translate(0, -50%);
    content: "";
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt a:after,
    .menu nav .inner .list-main > li dt span:after {
        width: 8px;
        padding: 10px 0 0 0;
    }
}

.menu nav .inner .list-main > li dt a.hover:after, .menu nav .inner .list-main > li dt a.current:after,
.menu nav .inner .list-main > li dt span.hover:after,
.menu nav .inner .list-main > li dt span.current:after {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_large_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li dt.large-item a:after,
.menu nav .inner .list-main > li dt.large-item span:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8.8888888889%;
    height: 0;
    padding: 8.8888888889% 0% 0% 0%;
    transform: translate(0, -50%);
    content: "";
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/icon_plus.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt.large-item a:after,
    .menu nav .inner .list-main > li dt.large-item span:after {
        width: 8px;
        padding: 10px 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_large.svg) no-repeat;
        background-size: 100% 100%;
    }
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt.large-item a.hover:after, .menu nav .inner .list-main > li dt.large-item a.current:after,
    .menu nav .inner .list-main > li dt.large-item span.hover:after,
    .menu nav .inner .list-main > li dt.large-item span.current:after {
        background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_large_hover.svg) no-repeat;
        background-size: 100% 100%;
    }
}

.menu nav .inner .list-main > li dt.active a:after,
.menu nav .inner .list-main > li dt.active span:after {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/icon_minus.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dt.active a:after,
    .menu nav .inner .list-main > li dt.active span:after {
        background: none;
    }
}

.menu nav .inner .list-main > li dd {
    display: none;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd {
        display: block;
    }
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd ul {
        margin: -7px 0 0 0;
    }
}

.menu nav .inner .list-main > li dd li {
    position: relative;
    height: 0;
    margin: 0% 0% 5.1851851852% 0%;
    padding: 9.2592592593% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd li {
        margin: 0 0 4px 0;
        padding: 31px 0 0 0;
    }
}

.menu nav .inner .list-main > li dd li:last-of-type {
    margin: 0% 0% 7.4074074074% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd li:last-of-type {
        margin: 0 0 15px 0;
    }
}

.menu nav .inner .list-main > li dd li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    box-sizing: border-box;
    border-bottom: 1px dotted #565656;
}

    .menu nav .inner .list-main > li dd li a:before {
        position: absolute;
        top: 50%;
        left: 5.3703703704%;
        height: 0;
        transform: translate(0, -50%);
        content: "";
    }

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd li a:before {
        left: 16px;
    }
}

.menu nav .inner .list-main > li dd li a:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.5925925926%;
    height: 0;
    padding: 3.3333333333% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_small.svg) no-repeat;
    background-size: 100% 100%;
    transform: translate(0, -50%);
    content: "";
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li dd li a:after {
        width: 7px;
        padding: 9px 0 0 0;
    }
}

.menu nav .inner .list-main > li dd li a.hover:after {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/arrow_small_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li dd.active {
    display: block;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.top {
        display: none;
    }
}

.menu nav .inner .list-main > li.top dt a:before {
    width: 14.0740740741%;
    padding: 5.1851851852% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_top.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.top dt a.hover:before, .menu nav .inner .list-main > li.top dt a.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_top_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.game dt a:before {
    width: 25.9259259259%;
    padding: 5.1851851852% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_game.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.game dt a:before {
        width: 92px;
        padding: 18px 0 0 0;
    }
}

.menu nav .inner .list-main > li.game dt a.hover:before, .menu nav .inner .list-main > li.game dt a.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_game_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dt a:before,
.menu nav .inner .list-main > li.notice dt span:before {
    width: 20.3703703704%;
    padding: 5% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_notice.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dt a:before,
    .menu nav .inner .list-main > li.notice dt span:before {
        width: 72px;
        padding: 18px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dt a.hover:before, .menu nav .inner .list-main > li.notice dt a.current:before,
.menu nav .inner .list-main > li.notice dt span.hover:before,
.menu nav .inner .list-main > li.notice dt span.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_notice_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dd li:nth-child(1) a:before {
    width: 13.8888888889%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_s_all.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dd li:nth-child(1) a:before {
        width: 41px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dd li:nth-child(1) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_s_all_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dd li:nth-child(2) a:before {
    width: 19.0740740741%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_notice.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dd li:nth-child(2) a:before {
        width: 56px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dd li:nth-child(2) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_notice_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dd li:nth-child(3) a:before {
    width: 28.5185185185%;
    padding: 4.4444444444% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_maintenance.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dd li:nth-child(3) a:before {
        width: 83px;
        padding: 13px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dd li:nth-child(3) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_maintenance_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dd li:nth-child(4) a:before {
    width: 18.5185185185%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_event.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dd li:nth-child(4) a:before {
        width: 54px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dd li:nth-child(4) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_event_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.notice dd li:nth-child(5) a:before {
    width: 28.1481481481%;
    padding: 4.8148148148% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_update.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.notice dd li:nth-child(5) a:before {
        width: 82px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.notice dd li:nth-child(5) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_notice_s_update_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.database dt a:before,
.menu nav .inner .list-main > li.database dt span:before {
    width: 40.3703703704%;
    padding: 5.1851851852% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_database.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.database dt a:before,
    .menu nav .inner .list-main > li.database dt span:before {
        width: 143px;
        padding: 18px 0 0 0;
    }
}

.menu nav .inner .list-main > li.database dt a.hover:before, .menu nav .inner .list-main > li.database dt a.current:before,
.menu nav .inner .list-main > li.database dt span.hover:before,
.menu nav .inner .list-main > li.database dt span.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_database_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.database dd li:nth-child(1) a:before {
    width: 19.8148148148%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_search.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.database dd li:nth-child(1) a:before {
        width: 58px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.database dd li:nth-child(1) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_search_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.database dd li:nth-child(2) a:before {
    width: 19.8148148148%;
    padding: 4.8148148148% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_new.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.database dd li:nth-child(2) a:before {
        width: 58px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.database dd li:nth-child(2) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_new_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.database dd li:nth-child(3) a:before {
    width: 43.8888888889%;
    padding: 4.8148148148% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_w_ranking.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.database dd li:nth-child(3) a:before {
        width: 128px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.database dd li:nth-child(3) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_w_ranking_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.database dd li:nth-child(4) a:before {
    width: 43.5185185185%;
    padding: 4.8148148148% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_m_ranking.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.database dd li:nth-child(4) a:before {
        width: 127px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.database dd li:nth-child(4) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_database_s_m_ranking_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.community dt a:before {
    width: 28.8888888889%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_community.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.community dt a:before {
        width: 102px;
        padding: 17px 0 0 0;
    }
}

.menu nav .inner .list-main > li.community dt a.hover:before, .menu nav .inner .list-main > li.community dt a.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_community_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.community dd li:nth-child(1) a:before {
    width: 14.8148148148%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_community_s_board.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.community dd li:nth-child(1) a:before {
        width: 43px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.community dd li:nth-child(1) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_community_s_board_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.community dd li:nth-child(2) a:before {
    width: 23.3333333333%;
    padding: 4.2592592593% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_community_s_commentary.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.community dd li:nth-child(2) a:before {
        width: 72px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.community dd li:nth-child(2) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_community_s_commentary_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dt a:before,
.menu nav .inner .list-main > li.playguide dt span:before {
    width: 29.4444444444%;
    padding: 5.1851851852% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_playguide.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dt a:before,
    .menu nav .inner .list-main > li.playguide dt span:before {
        width: 104px;
        padding: 18px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dt a.hover:before, .menu nav .inner .list-main > li.playguide dt a.current:before,
.menu nav .inner .list-main > li.playguide dt span.hover:before,
.menu nav .inner .list-main > li.playguide dt span.current:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_l_playguide_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(1) a:before {
    width: 13.8888888889%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_s_all.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dd li:nth-child(1) a:before {
        width: 41px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(1) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_s_all_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(2) a:before {
    width: 23.3333333333%;
    padding: 4.2592592593% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_contents.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dd li:nth-child(2) a:before {
        width: 67px;
        padding: 12px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(2) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_contents_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(3) a:before {
    width: 18.7037037037%;
    padding: 4.4444444444% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_system.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dd li:nth-child(3) a:before {
        width: 55px;
        padding: 13px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(3) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_system_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(4) a:before {
    width: 9.8148148148%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_player.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dd li:nth-child(4) a:before {
        width: 29px;
        padding: 14px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(4) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_player_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(5) a:before {
    width: 9.8148148148%;
    padding: 4.6296296296% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_control.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner .list-main > li.playguide dd li:nth-child(5) a:before {
        width: 29px;
        padding: 13px 0 0 0;
    }
}

.menu nav .inner .list-main > li.playguide dd li:nth-child(5) a.hover:before {
    background: url(https://static.nexon.co.jp/fifamobile/common/nav/txt_playguide_s_control_hover.svg) no-repeat;
    background-size: 100% 100%;
}

.menu nav .inner > .sns {
    padding: 5% 0% 10% 0%;
}

@media (min-width: 52.1875em) {
    .menu nav .inner > .sns {
        display: none;
    }
}

.menu nav .inner > .sns > ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .menu nav .inner > .sns > ul li {
        position: relative;
        height: 0;
    }

        .menu nav .inner > .sns > ul li a {
            transition: all .1s linear;
        }

        .menu nav .inner > .sns > ul li.tw {
            width: 9%;
            padding: 7.5% 0% 0% 0%;
        }

            .menu nav .inner > .sns > ul li.tw a {
                background: url(https://static.nexon.co.jp/fifamobile/common/icon_tw.svg) no-repeat;
                background-size: contain;
            }

                .menu nav .inner > .sns > ul li.tw a.hover {
                    opacity: .5;
                }

        .menu nav .inner > .sns > ul li.line {
            width: 8.3333333333%;
            padding: 8% 0% 0% 0%;
            margin: 0% 10% 0% 10%;
        }

            .menu nav .inner > .sns > ul li.line a {
                background: url(https://static.nexon.co.jp/fifamobile/common/icon_line.svg) no-repeat;
                background-size: contain;
            }

                .menu nav .inner > .sns > ul li.line a.hover {
                    opacity: .5;
                }

        .menu nav .inner > .sns > ul li.insta {
            width: 8%;
            padding: 8% 0% 0% 0%;
            margin: 0% 10% 0% 10%;
        }

            .menu nav .inner > .sns > ul li.insta a {
                background: url(https://static.nexon.co.jp/fifamobile/common/icon_insta.png) no-repeat;
                background-size: contain;
            }

                .menu nav .inner > .sns > ul li.insta a.hover {
                    opacity: .5;
                }

        .menu nav .inner > .sns > ul li.yt {
            width: 10%;
            padding: 7% 0% 0% 0%;
        }

            .menu nav .inner > .sns > ul li.yt a {
                background: url(https://static.nexon.co.jp/fifamobile/common/icon_yt.svg) no-repeat;
                background-size: contain;
            }

                .menu nav .inner > .sns > ul li.yt a.hover {
                    opacity: .5;
                }

.menu .shade {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transform: translate(0, 100vh);
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
}

@media (min-width: 52.1875em) {
    .menu .shade {
        display: none;
    }
}

.menu.open nav {
    animation: menuOpen 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

@media (min-width: 52.1875em) {
    .menu.open nav {
        left: 0;
        animation: none;
    }
}

.menu.open .shade {
    opacity: 1;
    transform: none;
}

.shade.transition--move {
    transition: opacity 0.5s ease;
    transform: none;
}

/******************************************************************************
	1. btn
******************************************************************************/
.btn.c-vm {
    position: relative;
    width: 100%;
    height: 0;
    padding: 9.6vw 0vw 0vw 0vw;
}

@media (min-width: 52.1875em) {
    .btn.c-vm {
        width: 100%;
        padding: 40px 0 0 0;
    }
}

.btn.c-vm a, .btn.c-vm button {
    border-radius: 4px;
    background: #29ffc9;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .btn.c-vm a:before, .btn.c-vm button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 18.1333333333vw;
        height: 0;
        padding: 4vw 0vw 0vw 0vw;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/common/txt_viewmore.svg) no-repeat;
        background-size: 100% 200%;
    }

@media (min-width: 52.1875em) {
    .btn.c-vm a:before, .btn.c-vm button:before {
        width: 86px;
        padding: 19px 0 0 0;
    }
}

.btn.c-vm a.hover, .btn.c-vm button.hover {
    border: 2px solid #29ffc9;
    background: #232323;
}

    .btn.c-vm a.hover:before, .btn.c-vm button.hover:before {
        background-position: 0 bottom;
    }

.btn.basic {
    position: relative;
    width: 40vw;
    height: 0;
    margin: 0 auto;
    padding: 8vw 0vw 0vw 0vw;
}

@media (min-width: 52.1875em) {
    .btn.basic {
        width: 160px;
        padding: 40px 0 0 0;
    }
}

.btn.basic a, .btn.basic button {
    border-radius: 4px;
    background: #3d91f2;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .btn.basic a:before, .btn.basic button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 0;
        content: "";
    }

/******************************************************************************
	2. bottom fixed btn
******************************************************************************/
.btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding: 15.2% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap {
        padding: 84px 0 0 0;
    }
}

.btn-wrap .btn-area {
    position: absolute;
    top: 0;
    right: 3.0666666667%;
    width: 11.2%;
    height: 0;
    padding: 15.2% 0% 0% 0%;
    z-index: 10;
    transition: all .3s linear;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area {
        right: 30px;
        width: 64px;
        padding: 84px 0 0 0;
    }
}

.btn-wrap .btn-area.fixed {
    position: fixed;
    top: auto;
    bottom: 0;
}

.btn-wrap .btn-area.none {
    pointer-events: none;
    right: -200%;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area.none {
        opacity: 1;
        pointer-events: auto;
    }
}

.btn-wrap .btn-area > .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn-wrap .btn-area .btn {
    position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0% 0% 0%;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.8);
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn {
        width: 64px;
        padding: 64px 0 0 0;
    }
}

.btn-wrap .btn-area .btn.pgtp a {
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_top.png) no-repeat 0 bottom;
    background-size: 100% 200%;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.pgtp a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.pgtp a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_top.png) no-repeat;
    background-size: 100% 200%;
    content: "";
    transition: all .1s linear;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.pgtp a:after {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.pgtp a.hover:after {
    opacity: 0;
}

.btn-wrap .btn-area .btn.write a {
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_write.png) no-repeat 0 bottom;
    background-size: 100% 200%;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.write a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.write a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_write.png) no-repeat;
    background-size: 100% 200%;
    content: "";
    transition: all .1s linear;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.write a:after {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.write a.hover:after {
    opacity: 0;
}

.btn-wrap .btn-area .btn.search a {
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_search.png) no-repeat 0 bottom;
    background-size: 100% 200%;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.search a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.search a:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_search.png) no-repeat;
    background-size: 100% 200%;
    content: "";
    transition: all .1s linear;
}

@media (min-width: 52.1875em) {
    .btn-wrap .btn-area .btn.search a:after {
        image-rendering: -webkit-optimize-contrast;
    }
}

.btn-wrap .btn-area .btn.search a.hover:after {
    opacity: 0;
}

.btn-wrap.community {
    padding: 44% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.community {
        padding: 232px 0 0 0;
    }
}

.btn-wrap.community .btn-area {
    padding: 44% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.community .btn-area {
        padding: 232px 0 0 0;
    }
}

.btn-wrap.community .btn-area .btn.search {
    margin: 28.5714285714% 0% 28.5714285714% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.community .btn-area .btn.search {
        margin: 10px 0 10px 0;
    }
}

.btn-wrap.database {
    padding: 30.2666666667% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.database {
        padding: 160px 0 0 0;
    }
}

.btn-wrap.database .btn-area {
    padding: 30.2666666667% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.database .btn-area {
        padding: 160px 0 0 0;
    }
}

.btn-wrap.database .btn-area .btn.search, .btn-wrap.database .btn-area .btn.write {
    margin: 0% 0% 28.5714285714% 0%;
}

@media (min-width: 52.1875em) {
    .btn-wrap.database .btn-area .btn.search, .btn-wrap.database .btn-area .btn.write {
        margin: 0 0 10px 0;
    }
}

/******************************************************************************
	3. form
******************************************************************************/
.form-list dt {
    height: 0;
    margin: 0vw 0vw 1.3333333333vw 0vw;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

@media (min-width: 52.1875em) {
    .form-list dt {
        margin: 0 0 10px 0;
    }
}

.form-list dt.nickname {
    width: 17.8666666667vw;
    padding: 3.0666666667vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/fifamobile/community/sttl_m_nickname.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .form-list dt.nickname {
        width: 102px;
        padding: 18px 0 0 0;
    }
}

.form-list dt.comment {
    width: 11.6vw;
    padding: 2.9333333333vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/fifamobile/community/sttl_m_comment.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .form-list dt.comment {
        width: 66px;
        padding: 17px 0 0 0;
    }
}

.form-list dd {
    margin: 0vw 0vw 5.3333333333vw 0vw;
}

@media (min-width: 52.1875em) {
    .form-list dd {
        margin: 0 0 30px 0;
    }
}

.form-list dd.ct {
    margin: 0vw 0vw 1.3333333333vw 0vw;
}

@media (min-width: 52.1875em) {
    .form-list dd.ct {
        margin: 0 0 10px 0;
    }
}

.form-list dd input[type="text"] {
    width: 100%;
    height: 9.6vw;
    padding: 0vw 2.6666666667vw 0vw 2.6666666667vw;
    background: #333;
    color: #fff;
    border: 1px solid #4b4b4b;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    font-size: 16px;
}

    .form-list dd input[type="text"]:placeholder-shown {
        color: #646464;
    }

    .form-list dd input[type="text"]::-webkit-input-placeholder {
        color: #646464;
    }

    .form-list dd input[type="text"]:-moz-placeholder {
        color: #646464;
        opacity: 1;
    }

    .form-list dd input[type="text"]::-moz-placeholder {
        color: #646464;
        opacity: 1;
    }

    .form-list dd input[type="text"]:-ms-input-placeholder {
        color: #646464;
    }

@media (min-width: 52.1875em) {
    .form-list dd input[type="text"] {
        height: 36px;
        padding: 0 10px 0 10px;
    }
}

.form-list dd .count {
    display: block;
    width: 100%;
    padding: 1.3333333333vw 0vw 0vw 0vw;
    text-align: right;
    color: #4b4b4b;
    font-size: 2.6666666667vw;
}

@media (min-width: 52.1875em) {
    .form-list dd .count {
        padding: 8px 0 0 0;
        font-size: 14px;
    }
}

.form-list dd textarea {
    width: 100%;
    height: 33.3333333333vw;
    padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
    background: #333;
    color: #fff;
    border: 1px solid #4b4b4b;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    font-size: 16px;
}

    .form-list dd textarea:placeholder-shown {
        color: #646464;
    }

    .form-list dd textarea::-webkit-input-placeholder {
        color: #646464;
    }

    .form-list dd textarea:-moz-placeholder {
        color: #646464;
        opacity: 1;
    }

    .form-list dd textarea::-moz-placeholder {
        color: #646464;
        opacity: 1;
    }

    .form-list dd textarea:-ms-input-placeholder {
        color: #646464;
    }

@media (min-width: 52.1875em) {
    .form-list dd textarea {
        height: 186px;
        padding: 10px 10px 10px 10px;
    }
}

.select-w {
    position: relative;
    width: 100%;
    height: 9.6vw;
    border: 1px solid #4b4b4b;
    border-radius: 4px;
    background: #333;
    overflow: hidden;
}

@media (min-width: 52.1875em) {
    .select-w {
        height: 36px;
    }
}

.select-w:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.6vw;
    height: 100%;
    content: "";
    z-index: 1;
    background: #4b4b4b;
    pointer-events: none;
}

@media (min-width: 52.1875em) {
    .select-w:before {
        width: 36px;
    }
}

.select-w:after {
    position: absolute;
    top: 50%;
    right: 3.3333333333vw;
    width: 2.9333333333vw;
    height: 0;
    margin: -1.4666666667vw 0vw 0vw 0vw;
    padding: 2.4vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/fifamobile/common/arrow_select.svg) no-repeat;
    background-size: 100% 100%;
    content: "";
    z-index: 2;
    pointer-events: none;
}

@media (min-width: 52.1875em) {
    .select-w:after {
        right: 11px;
        width: 14px;
        margin: -5px 0 0 0;
        padding: 10px 0 0 0;
    }
}

.select-w select {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0% 0% 0% 2.8985507246%;
    font-size: 16px;
    text-overflow: ellipsis;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #fff;
    box-sizing: border-box;
    outline: none;
    border: none;
}

@media (min-width: 52.1875em) {
    .select-w select {
        padding: 0 0 0 10px;
    }
}

.select-w select option {
    background: #333333;
    color: #fff;
}

.error {
    padding: 0vw 0vw 2.6666666667vw 0vw;
    text-align: center;
    color: #d9120b;
    font-size: 3.2vw;
}

@media (min-width: 52.1875em) {
    .error {
        padding: 0 0 10px 0;
        font-size: 16px;
    }
}

/******************************************************************************
	4. modal
******************************************************************************/
.modal-wrap {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30001;
    transform: translate(0, 100vh);
    background: rgba(0, 0, 0, 0.8);
}

@media (min-width: 52.1875em) {
    .modal-wrap {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.modal-wrap.block {
    opacity: 1;
    transform: none;
}

.modal-wrap.transition--move {
    transition: opacity 0.5s ease;
    transform: none;
}

.modal-wrap .modal {
    position: fixed;
    top: -300%;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #232323;
    transition: all .5s linear;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal {
        display: none;
        top: 0;
    }
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal {
        position: relative;
        width: 620px;
        height: auto;
        margin: 56px auto 56px;
        border-radius: 4px;
        border: 1px solid #4b4b4b;
        overflow: initial;
    }
}

.modal-wrap .modal.block {
    top: 0;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal.block {
        display: block;
    }
}

.modal-wrap .modal > .body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal > .body {
        overflow: inherit;
    }
}

.modal-wrap .modal .form-list dt.image {
    width: 13.9130434783%;
    padding: 3.4782608696% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/community/sttl_m_image.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal .form-list dt.image {
        width: 74px;
        padding: 19px 0 0 0;
    }
}

.modal-wrap .modal .form-list dd .input-file {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

    .modal-wrap .modal .form-list dd .input-file input[type="file"] {
        display: none;
    }

    .modal-wrap .modal .form-list dd .input-file label {
        display: inline-block;
        position: relative;
        width: 31.884057971%;
        height: 0;
        margin: 0% 2.8985507246% 0% 0%;
        padding: 8% 0% 0% 0%;
        background: #3d91f2;
        border-radius: 4px;
        cursor: pointer;
    }

@media (min-width: 52.1875em) {
    .modal-wrap .modal .form-list dd .input-file label {
        width: 140px;
        margin: 0 10px 0 0;
        padding: 40px 0 0 0;
    }
}

.modal-wrap .modal .form-list dd .input-file label span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

    .modal-wrap .modal .form-list dd .input-file label span:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 77.2727272727%;
        height: 0;
        padding: 9.0909090909% 0% 0% 0%;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/community/btn_txf_image_file.svg) no-repeat;
        background-size: 100% 100%;
    }

@media (min-width: 52.1875em) {
    .modal-wrap .modal .form-list dd .input-file label span:before {
        width: 112px;
        padding: 13px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.modal-wrap .modal .form-list dd .input-file .image-name {
    width: 53.6231884058%;
    color: #fff;
    font-size: 3.2vw;
    word-break: break-word;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal .form-list dd .input-file .image-name {
        width: auto;
        max-width: 393px;
        font-size: 16px;
    }
}

.modal-wrap .modal .form-list dd .input-file .clear {
    display: inline-block;
    position: relative;
    width: 4.347826087%;
    height: 0;
    margin: 0% 0% 0% 5.7971014493%;
    padding: 4.347826087% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_close.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal .form-list dd .input-file .clear {
        width: 15px;
        margin: 0 0 0 20px;
        padding: 15px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.modal-wrap .modal.write .body > h2 {
    width: 20.5797101449%;
    height: 0;
    margin: 0% auto 5.7971014493% auto;
    padding: 5.0724637681% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/community/ttl_m_write.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal.write .body > h2 {
        width: 111px;
        padding: 27px 0 0 0;
        margin: 0 auto 20px;
    }
}

.modal-wrap .modal.write .btn.write a:before, .modal-wrap .modal.write .btn.write button:before {
    width: 34.6666666667%;
    padding: 8.3333333333% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/community/btn_txt_write.svg) no-repeat;
    background-size: 100% 300%;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal.write .btn.write a:before, .modal-wrap .modal.write .btn.write button:before {
        width: 73px;
        padding: 18px 0 0 0;
    }
}

.modal-wrap .modal.write .btn.write a.hover, .modal-wrap .modal.write .btn.write button.hover {
    border: 2px solid #3d91f2;
    background: none;
}

    .modal-wrap .modal.write .btn.write a.hover:before, .modal-wrap .modal.write .btn.write button.hover:before {
        background-position: 0 50%;
    }

.modal-wrap .modal.write .btn.write.dis a, .modal-wrap .modal.write .btn.write.dis button {
    background: #666;
    cursor: default;
    transition: none;
}

    .modal-wrap .modal.write .btn.write.dis a:before, .modal-wrap .modal.write .btn.write.dis button:before {
        background-position: 0 bottom;
    }

    .modal-wrap .modal.write .btn.write.dis a.hover, .modal-wrap .modal.write .btn.write.dis button.hover {
        border: 2px solid #666;
        background: #666;
    }

        .modal-wrap .modal.write .btn.write.dis a.hover:before, .modal-wrap .modal.write .btn.write.dis button.hover:before {
            background-position: 0 bottom;
        }

.modal-wrap .modal.search .body > h2 {
    width: 33.768115942%;
    height: 0;
    margin: 0% auto 5.7971014493% auto;
    padding: 5.2173913043% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/community/ttl_m_search.svg) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal.search .body > h2 {
        width: 181px;
        padding: 28px 0 0 0;
        margin: 0 auto 20px;
    }
}

.modal-wrap .modal .m-close {
    display: none;
    position: fixed;
    top: 4vw;
    right: 4vw;
    width: 5.3333333333%;
    height: 0;
    padding: 5.3333333333% 0% 0% 0%;
    z-index: 25;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal .m-close {
        position: absolute;
        top: 0;
        right: -38px;
        width: 28px;
        padding: 28px 0 0 0;
        margin: 0 0 0 320px;
    }
}

.modal-wrap .modal .m-close a {
    background: url(https://static.nexon.co.jp/fifamobile/common/btn_close.png) no-repeat;
    background-size: 100% 100%;
    transition: all .1s linear;
}

@media (min-width: 52.1875em) {
    .modal-wrap .modal .m-close a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.modal-wrap .modal .m-close a.hover {
    opacity: .5;
}

.modal-wrap .modal.block .m-close {
    display: block;
}

/******************************************************************************
	5. player img
******************************************************************************/
.player-img {
    position: relative;
    height: 0;
}

    .player-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .player-img span {
        display: block;
    }

    .player-img .ovr {
        display: flex;
        position: absolute;
        left: 22.265625%;
        top: 10.15625%;
        width: 27.34375%;
        z-index: 2;
    }

        .player-img .ovr > span {
            width: 28.5714285714%;
            height: 0;
            margin: 0% 4.2857142857% 0% 0%;
            padding: 62.8571428571% 0% 0% 0%;
            white-space: nowrap;
            overflow: hidden;
            text-indent: 110%;
        }

            .player-img .ovr > span.n0 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n0.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n1 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n1.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n2 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n2.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n3 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n3.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n4 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n4.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n5 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n5.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n6 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n6.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n7 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n7.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n8 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n8.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n9 {
                background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/num/n9.svg) no-repeat;
                background-size: 100% 100%;
            }

            .player-img .ovr > span.n1 {
                width: 20%;
            }

            .player-img .ovr > span.n4 {
                width: 31.4285714286%;
            }

            .player-img .ovr > span.n7 {
                width: 30%;
            }

    .player-img .position {
        position: absolute;
        left: 23.046875%;
        top: 29.296875%;
        width: 14.453125%;
        height: 0;
        padding: 5.46875% 0% 0% 0%;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 110%;
        z-index: 2;
    }

        .player-img .position.st {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/st.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.lw {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/lw.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.rw {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/rw.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.lf {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/lf.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.cf {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/cf.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.rf {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/rf.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.cam {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/cam.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.lm {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/lm.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.cm {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/cm.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.rm {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/rm.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.cdm {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/cdm.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.lb {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/lb.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.cb {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/cb.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.rb {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/rb.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.lwb {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/lwb.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.rwb {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/rwb.svg) no-repeat;
            background-size: 100% 100%;
        }

        .player-img .position.gk {
            background: url(https://static.nexon.co.jp/fifamobile/common/playerdata/position/gk.svg) no-repeat;
            background-size: 100% 100%;
        }

    .player-img .team {
        position: absolute;
        left: 20.703125%;
        top: 35.546875%;
        width: 19.53125%;
        height: 0;
        padding: 19.53125% 0% 0% 0%;
        z-index: 2;
    }

    .player-img .flag {
        position: absolute;
        left: 23.4375%;
        top: 52.34375%;
        width: 13.671875%;
        height: 0;
        padding: 13.671875% 0% 0% 0%;
        z-index: 2;
    }

    .player-img .name {
        position: absolute;
        left: 0;
        top: 71.484375%;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 2.1333333333vw;
        z-index: 2;
        letter-spacing: -0.05em;
    }

@media (min-width: 52.1875em) {
    .player-img .name {
        top: 85px;
        font-size: 16px;
        transform: scale(0.5);
        letter-spacing: -0.12em;
    }
}

.player-img .add-date {
    position: absolute;
    left: 0;
    top: -5.078125%;
    padding: 1.5625% 3.515625% 1.5625% 3.515625%;
    background: #29ffc9;
    border-radius: 2px;
    color: #1e1e1e;
    font-size: 2.5333333333vw;
    line-height: 1;
    letter-spacing: -0.01em;
    z-index: 2;
    font-weight: bold;
}

@media (min-width: 52.1875em) {
    .player-img .add-date {
        font-size: 12px;
        top: -13px;
    }
}

.player-img .add-date strong {
    display: inline-block;
    position: relative;
    top: 0.1333333333vw;
    font-weight: normal;
    font-family: 'Bebas Neue';
    font-size: 3.2vw;
}

@media (min-width: 52.1875em) {
    .player-img .add-date strong {
        font-size: 15px;
        top: 1px;
    }
}

.player-img .rank {
    position: absolute;
    top: -4.6875%;
    left: 0;
    font-size: 2.4vw;
    color: #a6a6a6;
    letter-spacing: -0.01em;
    z-index: 2;
    font-weight: bold;
}

    .player-img .rank strong {
        display: inline-block;
        position: relative;
        font-size: 2.6666666667vw;
        top: 0.1333333333vw;
    }

@media (min-width: 52.1875em) {
    .player-img .rank {
        top: -13px;
        font-size: 13px;
    }

        .player-img .rank strong {
            top: 1px;
            font-size: 15px;
        }
}

.player-img .rank.no1 {
    top: -9.375%;
    left: -2.734375%;
    width: 27.34375%;
    padding: 30.46875% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/database/icon_no1.png) no-repeat;
    background-size: contain;
}

@media (min-width: 52.1875em) {
    .player-img .rank.no1 {
        top: -14px;
        left: -7px;
        width: 47px;
        padding: 51px 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/database/pc/icon_no1.png) no-repeat;
    }
}

.player-img .rank.no1 strong {
    display: none;
}

.player-img .rank.no2 {
    top: -9.375%;
    left: -2.734375%;
    width: 25.390625%;
    padding: 26.171875% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/database/icon_no2.png) no-repeat;
    background-size: contain;
}

@media (min-width: 52.1875em) {
    .player-img .rank.no2 {
        top: -14px;
        left: -7px;
        width: 44px;
        padding: 44px 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/database/pc/icon_no2.png) no-repeat;
    }
}

.player-img .rank.no2 strong {
    display: none;
}

.player-img .rank.no3 {
    top: -9.375%;
    left: -2.734375%;
    width: 25.390625%;
    padding: 26.171875% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/database/icon_no3.png) no-repeat;
    background-size: contain;
}

@media (min-width: 52.1875em) {
    .player-img .rank.no3 {
        top: -14px;
        left: -7px;
        width: 44px;
        padding: 44px 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/database/pc/icon_no3.png) no-repeat;
    }
}

.player-img .rank.no3 strong {
    display: none;
}

.player-img .frame,
.player-img .face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.player-img .frame {
    z-index: 0;
}

.player-img .face {
    z-index: 1;
}

/******************************************************************************
	6. player list
******************************************************************************/
.player-list > li {
    position: relative;
    display: flex;
    margin: 0% 0% 4.7619047619% 0%;
    padding: 0% 0% 4.7619047619% 0%;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .player-list > li {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        justify-content: center;
    }
}

.player-list > li:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
}

.player-list > li .player-img {
    width: 40.6349206349%;
    padding: 40.6349206349% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .player-list > li .player-img {
        width: 128px;
        padding: 128px 0 0 0;
        margin: 0 20px 0 0;
    }
}

.player-list > li .detail {
    position: relative;
    width: 57.1428571429%;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail {
        width: auto;
    }
}

.player-list > li .detail p {
    color: #999;
    font-weight: normal;
    font-size: 3.2vw;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail p {
        font-size: 16px;
    }
}

.player-list > li .detail h3 {
    width: 100%;
    margin: 0% 0% 4.1666666667% 0%;
    font-size: 4vw;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -0.01em;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail h3 {
        width: 100%;
        margin: 0 0 10px 0;
        font-size: 22px;
    }
}

.player-list > li .detail .ability-list {
    display: flex;
    background: #232323;
    flex-wrap: wrap;
}

    .player-list > li .detail .ability-list li {
        width: 27.7777777778%;
        margin: 0% 8.3333333333% 0% 0%;
    }

@media (min-width: 52.1875em) {
    .player-list > li .detail .ability-list li {
        width: 64px;
        margin: 0 15px 0 0;
    }
}

.player-list > li .detail .ability-list li:nth-of-type(3n) {
    margin: 0 0 0 0;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .ability-list li:nth-of-type(3n) {
        margin: 0 15px 0 0;
    }
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .ability-list li:last-child {
        margin: 0 0 0 0;
    }
}

.player-list > li .detail .a-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding: 95% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap {
        width: 64px;
        padding: 64px 0 0 0;
    }
}

.player-list > li .detail .a-wrap .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.player-list > li .detail .a-wrap .ability-graph {
    position: relative;
    width: 100%;
    height: 0;
    padding: 50% 0% 0% 0%;
    overflow: hidden;
    z-index: 0;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .ability-graph {
        padding: 32px 0 0 0;
    }
}

.player-list > li .detail .a-wrap .ability-graph .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    box-sizing: border-box;
    background: url(https://static.nexon.co.jp/fifamobile/index/graph.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
    transform: rotate(0deg);
    transition: all 1s linear;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .ability-graph .bar {
        image-rendering: -webkit-optimize-contrast;
    }
}

.player-list > li .detail .a-wrap .ability-graph .bar:after {
    position: absolute;
    top: 6%;
    left: 6%;
    width: 88%;
    height: 0;
    padding: 88% 0% 0% 0%;
    content: "";
    z-index: 1;
    background: #232323;
    border-radius: 50%;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .ability-graph .bar:after {
        top: 4px;
        left: 4px;
        width: 55px;
        padding: 55px 0 0 0;
    }
}

.player-list > li .detail .a-wrap .txt-data {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}

    .player-list > li .detail .a-wrap .txt-data:before {
        position: absolute;
        top: 6%;
        left: 6%;
        width: 88%;
        height: 0;
        padding: 88% 0% 0% 0%;
        content: "";
        z-index: 1;
        background: #232323;
        border-radius: 50%;
        z-index: 0;
    }

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .txt-data:before {
        top: 4px;
        left: 4px;
        width: 55px;
        padding: 55px 0 0 0;
    }
}

.player-list > li .detail .a-wrap .txt-data > dt {
    position: relative;
    margin: 25% 0% 0% 0%;
    font-size: 5.3333333333vw;
    color: #fff;
    font-family: 'Bebas Neue';
    line-height: 1;
    z-index: 1;
    letter-spacing: -0.01em;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .txt-data > dt {
        margin: 20px 0 0 0;
        font-size: 26px;
    }
}

.player-list > li .detail .a-wrap .txt-data > dd {
    position: relative;
    margin: -5% 0% 0% 0%;
    font-size: 2.6666666667vw;
    color: #999;
    z-index: 1;
    letter-spacing: -0.05em;
}

@media (min-width: 52.1875em) {
    .player-list > li .detail .a-wrap .txt-data > dd {
        margin: -3px 0 0 0;
        font-size: 14px;
        letter-spacing: -0.09em;
    }
}

/******************************************************************************
	7. article list (書き込みリスト)
******************************************************************************/
.article-list > li {
    padding: 4.347826087% 4.347826087% 4.347826087% 4.347826087%;
    border-bottom: 1px solid #4b4b4b;
}

@media (min-width: 52.1875em) {
    .article-list > li {
        padding: 20px 40px 20px 40px;
    }
}

.article-list > li .category {
    display: flex;
    padding: 0% 0% 1.5873015873% 0%;
}

@media (min-width: 52.1875em) {
    .article-list > li .category {
        padding: 0 0 10px 0;
    }
}

.article-list > li .category > span {
    display: inline-block;
    margin: 0% 1.5873015873% 0% 0%;
    padding: 0.7936507937% 1.2698412698% 0.7936507937% 1.2698412698%;
    font-size: 2.4vw;
    border-radius: 4px;
}

    .article-list > li .category > span.c01 {
        background: #b428fa;
    }

    .article-list > li .category > span.c02 {
        background: #0073ff;
    }

    .article-list > li .category > span.c03 {
        background: #f04b46;
    }

    .article-list > li .category > span.c04 {
        background: #cd1441;
    }

@media (min-width: 52.1875em) {
    .article-list > li .category > span {
        margin: 0 10px 0 0;
        padding: 5px 8px 5px 8px;
        font-size: 14px;
        line-height: 1;
    }
}

.article-list > li .contributor {
    padding: 0vw 0vw 2.6666666667vw 0vw;
}

@media (min-width: 52.1875em) {
    .article-list > li .contributor {
        padding: 0 0 10px 0;
        line-height: 1.2;
    }
}

.article-list > li .contributor .name {
    margin: 0vw 1.3333333333vw 0vw 0vw;
    font-size: 3.7333333333vw;
}

@media (min-width: 52.1875em) {
    .article-list > li .contributor .name {
        margin: 0 10px 0 0;
        font-size: 20px;
    }
}

.article-list > li .contributor .datetime {
    font-size: 2.6666666667vw;
    color: #999;
}

@media (min-width: 52.1875em) {
    .article-list > li .contributor .datetime {
        font-size: 16px;
    }
}

.article-list > li .txt-main {
    padding: 0vw 0vw 2.6666666667vw 0vw;
    word-break: break-word;
}

@media (min-width: 52.1875em) {
    .article-list > li .txt-main {
        padding: 0 0 20px 0;
        font-size: 18px;
    }
}

.article-list > li .image {
    text-align: center;
}

    .article-list > li .image > img {
        max-width: 100%;
        height: auto;
    }

.article-list > li .bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1.5873015873% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .article-list > li .bottom {
        padding: 15px 0 0 0;
    }
}

.article-list > li .bottom > div {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .article-list > li .bottom > div .icon {
        position: relative;
        display: inline-block;
        height: 0;
        margin: 0vw 1.3333333333vw 0vw 0vw;
    }

@media (min-width: 52.1875em) {
    .article-list > li .bottom > div .icon {
        margin: 0 8px 0 0;
    }
}

.article-list > li .bottom > div .num {
    font-size: 2.6666666667vw;
    color: #999;
}

@media (min-width: 52.1875em) {
    .article-list > li .bottom > div .num {
        font-size: 15px;
    }
}

.article-list > li .bottom > div.good {
    margin: 0vw 2.6666666667vw 0vw 0vw;
}

@media (min-width: 52.1875em) {
    .article-list > li .bottom > div.good {
        margin: 0 14px 0 0;
    }
}

.article-list > li .bottom > div.good .icon {
    width: 4vw;
    padding: 4vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/fifamobile/community/icon_good02.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .article-list > li .bottom > div.good .icon {
        top: -2px;
        width: 21px;
        padding: 21px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.article-list > li .bottom > div.comment .icon {
    width: 3.7333333333vw;
    padding: 3.4666666667vw 0vw 0vw 0vw;
    background: url(https://static.nexon.co.jp/fifamobile/community/icon_comment02.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .article-list > li .bottom > div.comment .icon {
        width: 19px;
        padding: 17px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.article-list > li .bottom > div.hover.good .icon, .article-list > li .bottom > div.active.good .icon {
    background: url(https://static.nexon.co.jp/fifamobile/community/icon_good02_hover.png) no-repeat;
    background-size: 100% 100%;
}

.article-list > li .bottom > div.hover.comment .icon, .article-list > li .bottom > div.active.comment .icon {
    background: url(https://static.nexon.co.jp/fifamobile/community/icon_comment02_hover.png) no-repeat;
    background-size: 100% 100%;
}

.article-list > li .bottom > div.hover .num, .article-list > li .bottom > div.active .num {
    color: #fff;
}

.article-list > li .commment-area {
    display: none;
    overflow: hidden;
    padding: 2.8985507246% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .article-list > li .commment-area {
        padding: 15px 0 0 0;
    }
}

.article-list > li .commment-area.active {
    display: block;
}

.article-list > li .commment-area .comment-list > li {
    padding: 2.8985507246% 4.347826087% 0% 4.347826087%;
    border-top: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .article-list > li .commment-area .comment-list > li {
        padding: 20px 40px 0 40px;
    }
}

.article-list > li .commment-area .form-list {
    padding: 4.347826087% 4.347826087% 0% 4.347826087%;
    border-top: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .article-list > li .commment-area .form-list {
        padding: 20px 40px 0 40px;
    }
}

.article-list > li .commment-area .btn.post a:before, .article-list > li .commment-area .btn.post button:before {
    width: 17.6666666667%;
    padding: 8.3333333333% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/community/btn_txt_post.svg) no-repeat;
    background-size: 100% 300%;
}

@media (min-width: 52.1875em) {
    .article-list > li .commment-area .btn.post a:before, .article-list > li .commment-area .btn.post button:before {
        width: 37px;
        padding: 17px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.article-list > li .commment-area .btn.post a.hover, .article-list > li .commment-area .btn.post button.hover {
    border: 2px solid #3d91f2;
    background: none;
}

    .article-list > li .commment-area .btn.post a.hover:before, .article-list > li .commment-area .btn.post button.hover:before {
        background-position: 0 50%;
    }

.article-list > li .commment-area .btn.post.dis a, .article-list > li .commment-area .btn.post.dis button {
    background: #666;
    cursor: default;
    transition: none;
}

    .article-list > li .commment-area .btn.post.dis a:before, .article-list > li .commment-area .btn.post.dis button:before {
        background-position: 0 bottom;
    }

    .article-list > li .commment-area .btn.post.dis a.hover, .article-list > li .commment-area .btn.post.dis button.hover {
        border: 2px solid #666;
        background: #666;
    }

        .article-list > li .commment-area .btn.post.dis a.hover:before, .article-list > li .commment-area .btn.post.dis button.hover:before {
            background-position: 0 bottom;
        }

.article-list > li:last-child {
    border-bottom: none;
}

/******************************************************************************
	8. 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: 6.4% 0% 0% 0%;
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/img_loading.gif) no-repeat 0 0;
        background-size: contain;
    }

@media (min-width: 52.1875em) {
    .loading::before {
        width: 24px;
        padding: 24px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

/******************************************************************************
	sns
******************************************************************************/
.container > aside.sns {
    padding: 4% 0% 4% 0%;
    background: #1a1a1a;
    border-top: 1px solid #4b4b4b;
    color: #fff;
}

@media (min-width: 52.1875em) {
    .container > aside.sns {
        padding: 20px 0 20px 0;
    }
}

.container > aside.sns > ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .container > aside.sns > ul li {
        position: relative;
        height: 0;
    }

        .container > aside.sns > ul li a {
            transition: all .1s linear;
        }

        .container > aside.sns > ul li.tw {
            width: 7.2%;
            padding: 6% 0% 0% 0%;
        }

@media (min-width: 52.1875em) {
    .container > aside.sns > ul li.tw {
        width: 42px;
        padding: 36px 0 0 0;
    }
}

.container > aside.sns > ul li.tw a {
    background: url(https://static.nexon.co.jp/fifamobile/common/icon_tw.svg) no-repeat;
    background-size: contain;
}

    .container > aside.sns > ul li.tw a.hover {
        opacity: .5;
    }

.container > aside.sns > ul li.line {
    width: 6.6666666667%;
    padding: 6.4% 0% 0% 0%;
    margin: 0% 14.6666666667% 0% 14.6666666667%;
}

@media (min-width: 52.1875em) {
    .container > aside.sns > ul li.line {
        width: 39px;
        padding: 37px 0 0 0;
        margin: 0 46px 0 46px;
    }
}

.container > aside.sns > ul li.line a {
    background: url(https://static.nexon.co.jp/fifamobile/common/icon_line.svg) no-repeat;
    background-size: contain;
}

    .container > aside.sns > ul li.line a.hover {
        opacity: .5;
    }

.container > aside.sns > ul li.insta {
    width: 6.4%;
    padding: 6.4% 0% 0% 0%;
    margin: 0% 14.6666666667% 0% 14.6666666667%;
}

@media (min-width: 52.1875em) {
    .container > aside.sns > ul li.insta {
        width: 36px;
        padding: 36px 0 0 0;
        margin: 0 46px 0 46px;
    }
}

.container > aside.sns > ul li.insta a {
    background: url(https://static.nexon.co.jp/fifamobile/common/icon_insta.png) no-repeat;
    background-size: contain;
}

@media (min-width: 52.1875em) {
    .container > aside.sns > ul li.insta a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.container > aside.sns > ul li.insta a.hover {
    opacity: .5;
}

.container > aside.sns > ul li.yt {
    width: 8%;
    padding: 5.6% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container > aside.sns > ul li.yt {
        width: 46px;
        padding: 32px 0 0 0;
    }
}

.container > aside.sns > ul li.yt a {
    background: url(https://static.nexon.co.jp/fifamobile/common/icon_yt.svg) no-repeat;
    background-size: contain;
}

    .container > aside.sns > ul li.yt a.hover {
        opacity: .5;
    }

/******************************************************************************
	footer
******************************************************************************/
footer {
    position: relative;
    width: 100%;
    background: #161616;
    border-top: 1px solid #fff;
    text-align: center;
    color: #fff;
}

    footer > .inner {
        padding: 7.6% 0% 5.3333333333% 0%;
    }

@media (min-width: 52.1875em) {
    footer > .inner {
        padding: 40px 0 37px 0;
    }
}

footer > .inner ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    footer > .inner ul li {
        position: relative;
        margin: 0 9px 25px 9px;
        margin: 0vw 2.2666666667vw 4.4vw 2.2666666667vw;
    }

@media (min-width: 52.1875em) {
    footer > .inner ul li {
        margin: 0 9px 25px 9px;
    }
}

footer > .inner ul li:not(:first-child):not(:last-child)::before {
    position: absolute;
    top: 0.4vw;
    left: -3.4666666667vw;
    content: "│";
    font-size: 2.6666666667vw;
}

@media (min-width: 52.1875em) {
    footer > .inner ul li:not(:first-child):not(:last-child)::before {
        top: 0;
        left: -15px;
        font-size: 12px;
    }
}

footer > .inner ul li a {
    color: #fff;
    text-decoration: underline;
    font-size: 2.6666666667vw;
}

@media (min-width: 52.1875em) {
    footer > .inner ul li a {
        font-size: 12px;
    }
}

footer > .inner ul li a:hover {
    text-decoration: none;
}

footer > .inner ul li:last-child {
    width: 100%;
}

    footer > .inner ul li:last-child a {
        color: #00a0e9;
    }

footer > .inner .copy {
    padding: 0% 4% 0% 4%;
    font-size: 2.1333333333vw;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.05em;
}

@media (min-width: 52.1875em) {
    footer > .inner .copy {
        width: 960px;
        margin: 0 auto;
        padding: 0;
        font-size: 12px;
        line-height: 1.6;
        letter-spacing: inherit;
    }
}

footer > .inner .logo {
    display: flex;
    padding: 3.7333333333% 0% 0% 0%;
    justify-content: center;
    align-items: center;
}

@media (min-width: 52.1875em) {
    footer > .inner .logo {
        padding: 25px 0 0 0;
    }
}

footer > .inner .logo span {
    display: block;
    height: 0;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

    footer > .inner .logo span:first-child {
        width: 8.9333333333%;
        margin: 0% 4% 0% 0%;
        padding: 8.1333333333% 0% 0% 0%;
        background: url(https://static.nexon.co.jp/fifamobile/common/logo_ft_nexon.png) no-repeat;
        background-size: 100% 100%;
    }

@media (min-width: 52.1875em) {
    footer > .inner .logo span:first-child {
        width: 40px;
        margin: 0 31px 0 0;
        padding: 36px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

footer > .inner .logo span:last-child {
    width: 7.8666666667%;
    padding: 7.8666666667% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/common/logo_ft_ea.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    footer > .inner .logo span:last-child {
        width: 35px;
        padding: 35px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

    .swiper-container-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height;
    }

.swiper-container-3d {
    perspective: 1200px;
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        transform-style: preserve-3d;
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    }

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
    }

    .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
    }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
        content: 'prev';
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
        content: 'next';
    }

    .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
        --swiper-navigation-color: #ffffff;
    }

    .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
        --swiper-navigation-color: #000000;
    }

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative;
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66);
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33);
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block;
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            transition: .2s transform,.2s top;
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transition: .2s transform,.2s left;
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0;
    }

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none;
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        transform-origin: 100% 0;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0;
    }

.swiper-container-flip {
    overflow: visible;
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none;
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

/*************************
	setting
**************************/
body {
    font-size: 3.4666666667vw;
    color: #fff;
    background: #1a1a1a;
    font-feature-settings: "palt";
}

@media (min-width: 52.1875em) {
    body {
        min-width: 1024px;
        font-size: 12px;
    }
}

body.menu-open {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

@media (min-width: 52.1875em) {
    body.menu-open {
        position: relative;
        top: 0 !important;
    }
}

body.modal-open {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

.cnt {
    position: relative;
    width: 100%;
}

    .cnt > .inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media (min-width: 52.1875em) {
    .cnt > .inner {
        position: relative;
        width: 100%;
        height: 100%;
    }
}

.container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .container header {
        position: relative;
        width: 100%;
        height: 0;
        margin: 12% 0% 0% 0%;
        padding: 87.3333333333% 0% 0% 0%;
        background: url(https://static.nexon.co.jp/fifamobile/index/bg_main_20210422_pbuu.jpg) no-repeat;
        background-size: 100% 100%;
        z-index: 1;
    }

@media (min-width: 52.1875em) {
    .container header {
        height: 330px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/index/pc/bg_main_20210422_pbuu.jpg) no-repeat center top;
        z-index: 2;
    }
}

@media (min-width: 52.1875em) {
    .container header > .inner {
        width: 1024px;
        margin: 0 auto;
    }
}

.container header h1 {
    position: absolute;
    top: 21.9847328244%;
    left: 4.2666666667%;
    width: 33.3333333333%;
    height: 0;
    padding: 11.7333333333% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/logo_main.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container header h1 {
        top: 48px;
        left: 151px;
        width: 320px;
        padding: 113px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container header .store {
    display: flex;
    position: absolute;
    top: 61.8320610687%;
    left: 4%;
    width: 92%;
    height: 16.7938931298%;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 52.1875em) {
    .container header .store {
        top: 185px;
        left: 151px;
        width: 320px;
        height: 51px;
    }
}

.container header .store li {
    position: relative;
    height: 100%;
}

    .container header .store li.app {
        width: 43.4782608696%;
    }

@media (min-width: 52.1875em) {
    .container header .store li.app {
        width: 139px;
    }
}

.container header .store li.app a {
    background: url(https://static.nexon.co.jp/fifamobile/index/btn_app.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container header .store li.app a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.container header .store li.google {
    width: 53.9130434783%;
}

@media (min-width: 52.1875em) {
    .container header .store li.google {
        width: 173px;
    }
}

.container header .store li.google a {
    background: url(https://static.nexon.co.jp/fifamobile/index/btn_google.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container header .store li.google a {
        image-rendering: -webkit-optimize-contrast;
    }
}

.container header .btn.game {
    position: absolute;
    top: 81.679389313%;
    left: 4%;
    width: 92%;
    height: 0;
    padding: 12% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container header .btn.game {
        top: 244px;
        left: 151px;
        width: 320px;
        padding: 40px 0 0 0;
    }
}

.container header .btn.game a {
    border-radius: 4px;
    background: #3d91f2;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .container header .btn.game a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 45.7971014493%;
        height: 0;
        padding: 4.6376811594% 0% 0% 0%;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_game_intro.png) no-repeat;
        background-size: 100% 200%;
    }

@media (min-width: 52.1875em) {
    .container header .btn.game a:before {
        width: 185px;
        padding: 19px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container header .btn.game a.hover {
    border: 2px solid #3d91f2;
    background: none;
}

    .container header .btn.game a.hover:before {
        background-position: 0 bottom;
    }

.container main {
    position: relative;
    width: 100%;
    background: #1e1e1e;
    z-index: 1;
}

    .container main:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        padding: 101.3333333333% 0% 0% 0%;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/index/bg_body_bottom.png) no-repeat;
        background-size: 100% 100%;
        z-index: 0;
    }

@media (min-width: 52.1875em) {
    .container main:after {
        width: 1920px;
        left: 50%;
        margin: 0 0 0 -960px;
        padding: 1184px 0 0 0;
        background: url(https://static.nexon.co.jp/fifamobile/index/pc/bg_body_bottom.png) no-repeat;
    }
}

.container main > .inner {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
}

@media (min-width: 52.1875em) {
    .container main > .inner {
        display: flex;
        width: 1024px;
        margin: 0 auto;
        padding: 30px 0 0 0;
        justify-content: space-between;
        flex-flow: row-reverse;
    }
}

.container main > .inner > article {
    padding: 0% 4% 4% 4%;
}

@media (min-width: 52.1875em) {
    .container main > .inner > article {
        width: 800px;
        padding: 0 0 40px 0;
    }
}

.container main > .inner > article .btn.view-more {
    position: relative;
    width: 52.1739130435%;
    height: 0;
    margin: -1.4492753623% auto 4.347826087% auto;
    padding: 10.4347826087% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main > .inner > article .btn.view-more {
        width: 200px;
        margin: -10px auto 20px;
        padding: 40px 0 0 0;
    }
}

.container main > .inner > article .btn.view-more a {
    border-radius: 4px;
    background: #29ffc9;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .container main > .inner > article .btn.view-more a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 46.3888888889%;
        height: 0;
        padding: 8.3333333333% 0% 0% 0%;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_view_more.png) no-repeat;
        background-size: 100% 200%;
    }

@media (min-width: 52.1875em) {
    .container main > .inner > article .btn.view-more a:before {
        width: 106px;
        padding: 19px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main > .inner > article .btn.view-more a.hover {
    border: 2px solid #29ffc9;
    background: none;
}

    .container main > .inner > article .btn.view-more a.hover:before {
        background-position: 0 bottom;
    }

.container main > .inner > article section {
    margin: 0% 0% 4.347826087% 0%;
    padding: 4.347826087% 4.347826087% 4.347826087% 4.347826087%;
    background: #232323;
    border: 1px solid #4b4b4b;
    border-radius: 4px;
}

@media (min-width: 52.1875em) {
    .container main > .inner > article section {
        margin: 0 0 20px 0;
        padding: 30px;
    }
}

.container main > .inner > article section:last-child {
    margin: 0;
}

.container main > .inner > article section.coming-soon {
    position: relative;
    overflow: hidden;
}

    .container main > .inner > article section.coming-soon:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(35, 35, 35, 0.9);
        z-index: 10;
    }

    .container main > .inner > article section.coming-soon:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 48.115942029%;
        height: 0;
        padding: 10% 0% 0% 0%;
        transform: translate(-50%, -50%);
        background: url(https://static.nexon.co.jp/fifamobile/index/txt_coming_soon.svg) no-repeat;
        background-size: 100% 100%;
        z-index: 11;
    }

@media (min-width: 52.1875em) {
    .container main > .inner > article section.coming-soon:after {
        width: 245px;
        padding: 51px 0 0 0;
    }
}

.container main > .inner > article section.coming-soon h2 {
    position: relative;
    z-index: 15;
    border-bottom: 1px dotted #282828;
}

.container main > .inner > article section .btn.view-more {
    width: 57.1428571429%;
    margin: 4.7619047619% auto 0% auto;
    padding: 11.4285714286% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main > .inner > article section .btn.view-more {
        width: 200px;
        margin: 30px auto 0;
        padding: 40px 0 0 0;
    }
}

.container main .bnr-area {
    padding: 0% 0% 4.347826087% 0%;
}

@media (min-width: 52.1875em) {
    .container main .bnr-area {
        padding: 0 0 20px 0;
    }
}

.container main .sw-wrap {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0% 0% 1.4492753623% 0%;
    padding: 29.5652173913% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .sw-wrap {
        height: 77px;
        margin: 0;
        padding: 0;
    }
}

.container main .sw-wrap .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .container main .sw-wrap .swiper-container .swiper-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media (min-width: 52.1875em) {
    .container main .sw-wrap .swiper-container .swiper-wrapper {
        display: flex;
        align-items: center;
    }
}

.container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
}

@media (min-width: 52.1875em) {
    .container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide {
        display: none;
        width: 260px;
    }

        .container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-child(-n+3) {
            display: block;
            margin-right: 10px;
        }

        .container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(3) {
            margin-right: 0;
        }
}

.container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide img {
    max-width: 100%;
    height: auto;
    transition: all .1s linear;
}

@media (min-width: 52.1875em) {
    .container main .sw-wrap .swiper-container .swiper-wrapper .swiper-slide .hover img {
        opacity: .5;
    }
}

.container main .sw-parts {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

@media (min-width: 52.1875em) {
    .container main .sw-parts {
        display: none;
    }
}

.container main .sw-parts .swiper-pagination {
    display: flex;
    position: relative;
    margin: 0vw 2.6666666667vw 0vw 2.6666666667vw;
}

    .container main .sw-parts .swiper-pagination .swiper-pagination-bullet {
        opacity: 1;
        width: 1.6vw;
        height: 0;
        margin: 0vw 0.6666666667vw 0vw 0.6666666667vw;
        padding: 1.6vw 0vw 0vw 0vw;
        background: #b3b3b3;
        backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        outline: 0;
    }

        .container main .sw-parts .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #29ffc9;
        }

.container main .sw-parts .swiper-button-next,
.container main .sw-parts .swiper-button-prev {
    background: none;
}

    .container main .sw-parts .swiper-button-next:after,
    .container main .sw-parts .swiper-button-prev:after {
        content: none;
    }

.container main .sw-parts .arrow {
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    width: 4.347826087%;
    height: 0;
    margin: 0 0 0 0;
    padding: 4.347826087% 0% 0% 0%;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}

    .container main .sw-parts .arrow span {
        background: url(https://static.nexon.co.jp/fifamobile/teaser/arrow_sw.png) no-repeat;
        background-size: 100% 200%;
    }

        .container main .sw-parts .arrow span.hover {
            background-position: 0 bottom;
        }

    .container main .sw-parts .arrow.swiper-button-next span {
        transform: scale(-1, 1);
    }

.container main .btn.notice-detail {
    position: relative;
    width: 52.1739130435%;
    height: 0;
    margin: 2.8985507246% auto 0% auto;
    padding: 10.4347826087% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .btn.notice-detail {
        width: 200px;
        margin: 10px auto 0;
        padding: 40px 0 0 0;
    }
}

.container main .btn.notice-detail a {
    border-radius: 4px;
    background: #29ffc9;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .container main .btn.notice-detail a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 38.6111111111%;
        height: 0;
        padding: 7.7777777778% 0% 0% 0%;
        content: "";
        background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_notice.png) no-repeat;
        background-size: 100% 200%;
    }

@media (min-width: 52.1875em) {
    .container main .btn.notice-detail a:before {
        width: 87px;
        padding: 18px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .btn.notice-detail a.hover {
    border: 2px solid #29ffc9;
    background: none;
}

    .container main .btn.notice-detail a.hover:before {
        background-position: 0 bottom;
    }

.container main .notice {
    padding: 0 !important;
}

    .container main .notice h2 {
        margin: 4.7619047619% 0% 0% 0%;
        padding: 0% 0% 3.1746031746% 0%;
    }

@media (min-width: 52.1875em) {
    .container main .notice h2 {
        margin: 30px 0 0 0;
        padding: 0 0 10px 0;
    }
}

.container main .notice h2 > span {
    display: block;
    position: relative;
    width: 54.9206349206%;
    height: 0;
    margin: 0 auto;
    padding: 14.126984127% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/ttl_notice.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .notice h2 > span {
        width: 255px;
        padding: 66px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .notice .list li {
    border-top: solid 1px #4b4b4b;
}

    .container main .notice .list li:first-child {
        border-top: 0 !important;
    }

.container main .notice .list a {
    display: flex;
    position: relative;
    padding: 4.347826087% 4.347826087% 4.347826087% 4.347826087%;
    letter-spacing: 0;
    text-decoration: none;
    align-items: center;
}

@media (min-width: 52.1875em) {
    .container main .notice .list a {
        padding: 20px 40px 20px 40px;
    }
}

.container main .notice .list a.hover {
    background: #333;
}

.container main .notice .list dl {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .container main .notice .list dl.event dt::before {
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/icn_event.svg) no-repeat 0 0;
        background-size: contain;
    }

    .container main .notice .list dl.update dt::before {
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/icn_update.svg) no-repeat 0 0;
        background-size: contain;
    }

    .container main .notice .list dl.maintenance dt::before {
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/icn_maintenance.svg) no-repeat 0 0;
        background-size: contain;
    }

    .container main .notice .list dl.notice dt::before {
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/icn_notice.svg) no-repeat 0 0;
        background-size: contain;
    }

    .container main .notice .list dl.new dt::after {
        background: url(https://static.nexon.co.jp/fifamobile/webview/common/icn_new.svg) no-repeat 0 0;
        background-size: contain;
    }

.container main .notice .list dt {
    letter-spacing: 0;
    line-height: 1;
    overflow: visible;
    color: #999;
    letter-spacing: -0.02em;
    padding: 0.4761904762% 0% 2.2222222222% 21.2698412698%;
}

@media (min-width: 52.1875em) {
    .container main .notice .list dt {
        padding: 0 0 10px 105px;
        font-size: 16px;
    }
}

.container main .notice .list dt::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 19.6825396825%;
    height: 0;
    padding: 5.3968253968% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .notice .list dt::before {
        width: 94px;
        padding: 24px 0 0 0;
        margin: 2px 0 0 0;
    }
}

.container main .notice .list dt::after {
    content: '';
    display: inline-block;
    width: 3.4920634921%;
    height: 0;
    margin: 0.7936507937% 0% 0% 1.746031746%;
    padding: 3.4920634921% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .notice .list dt::after {
        width: 16px;
        margin: 4px 0 0 10px;
        padding: 16px 0 0 0;
    }
}

.container main .notice .list dd {
    width: 100%;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    letter-spacing: -0.02em;
    font-size: 3.7333333333vw;
}

@media (min-width: 52.1875em) {
    .container main .notice .list dd {
        width: 720px;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 20px;
    }
}

.container main .cnt02 h2 {
    margin: 0% 0% 4.7619047619% 0%;
    padding: 0% 0% 4.7619047619% 0%;
    border-bottom: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .container main .cnt02 h2 {
        margin: 0 0 20px 0;
        padding: 0 0 30px 0;
    }
}

.container main .cnt02 h2 > span {
    display: block;
    position: relative;
    width: 53.0158730159%;
    height: 0;
    margin: 0 auto;
    padding: 14.126984127% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/ttl_cnt02.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt02 h2 > span {
        width: 247px;
        padding: 66px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 h2 {
    margin: 0% 0% 4.7619047619% 0%;
    padding: 0% 0% 4.7619047619% 0%;
    border-bottom: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 h2 {
        margin: 0 0 30px 0;
        padding: 0 0 30px 0;
    }
}

.container main .cnt03 h2 > span {
    display: block;
    position: relative;
    width: 36.0317460317%;
    height: 0;
    margin: 0 auto;
    padding: 14.2857142857% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/ttl_cnt03.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 h2 > span {
        width: 168px;
        padding: 67px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap {
        display: flex;
        padding: 0 0 30px 0;
    }
}

.container main .cnt03 > .wrap .box {
    margin: 0% 0% 4.7619047619% 0%;
    padding: 0% 0% 4.7619047619% 0%;
    border-bottom: 1px dotted #5a5a5a;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box {
        width: 370px;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border-right: 1px dotted #5a5a5a;
        border-bottom: none;
    }
}

.container main .cnt03 > .wrap .box:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box:last-child {
        border-right: none;
        border-bottom: none;
    }
}

.container main .cnt03 > .wrap .box h3 {
    position: relative;
    height: 0;
    margin: 0% auto 4.126984127% auto;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box h3 {
        margin: 0 auto 5px;
    }
}

.container main .cnt03 > .wrap .box h3.sttl01 {
    width: 44.126984127%;
    padding: 5.0793650794% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/index/sttl_cnt03_01.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box h3.sttl01 {
        width: 174px;
        padding: 20px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 > .wrap .box h3.sttl02 {
    width: 43.6507936508%;
    padding: 5.0793650794% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/index/sttl_cnt03_02.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box h3.sttl02 {
        width: 172px;
        padding: 20px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 > .wrap .box .rank {
    position: relative;
    width: 95.873015873%;
    height: 0;
    margin: 0% 0% 0% 2.0634920635%;
    padding: 53.3333333333% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank {
        width: 344px;
        height: 209px;
        padding: 0 0 0 0;
    }
}

.container main .cnt03 > .wrap .box .rank li {
    position: absolute;
}

    .container main .cnt03 > .wrap .box .rank li dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

        .container main .cnt03 > .wrap .box .rank li dl dt {
            height: 0;
            white-space: nowrap;
            overflow: hidden;
            text-indent: 110%;
        }

    .container main .cnt03 > .wrap .box .rank li.no1 {
        top: 0;
        left: 28.642384106%;
        width: 42.3841059603%;
        z-index: 1;
    }

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no1 {
        left: 108px;
        width: 128px;
    }
}

.container main .cnt03 > .wrap .box .rank li.no1 dt {
    width: 27.34375%;
    margin: 0% 0% 0.78125% 0%;
    padding: 30.46875% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/index/icon_no1.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no1 dt {
        width: 47px;
        margin: 0 0 0 0;
        padding: 52px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 > .wrap .box .rank li.no1 .player-img {
    width: 100%;
    padding: 100% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no1 .player-img {
        width: 128px;
        padding: 128px 0 0 0;
    }
}

.container main .cnt03 > .wrap .box .rank li.no2 {
    top: 11.0119047619%;
    left: 0;
    width: 33.940397351%;
    z-index: 0;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no2 {
        top: 37px;
        width: 128px;
    }
}

.container main .cnt03 > .wrap .box .rank li.no2 dt {
    width: 31.7073170732%;
    margin: 0% 0% 0.9756097561% 0%;
    padding: 32.6829268293% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/index/icon_no2.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no2 dt {
        width: 44px;
        margin: 0 0 0 0;
        padding: 45px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 > .wrap .box .rank li.no2 .player-img {
    width: 100%;
    padding: 100% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no2 .player-img {
        width: 128px;
        padding: 128px 0 0 0;
    }
}

.container main .cnt03 > .wrap .box .rank li.no3 {
    top: 11.0119047619%;
    right: 0;
    width: 33.940397351%;
    z-index: 0;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no3 {
        top: 37px;
        width: 128px;
    }
}

.container main .cnt03 > .wrap .box .rank li.no3 dt {
    width: 31.7073170732%;
    margin: 0% 0% 0.9756097561% 0%;
    padding: 32.6829268293% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/index/icon_no3.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no3 dt {
        width: 44px;
        margin: 0 0 0 0;
        padding: 45px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .cnt03 > .wrap .box .rank li.no3 .player-img {
    width: 100%;
    padding: 100% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box .rank li.no3 .player-img {
        width: 128px;
        padding: 128px 0 0 0;
    }
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box:first-child .rank {
        margin: 0 0 0 2px;
    }
}

@media (min-width: 52.1875em) {
    .container main .cnt03 > .wrap .box:last-child .rank {
        margin: 0 0 0 22px;
    }
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap {
        display: flex;
        justify-content: space-between;
    }
}

.container main .sc-wrap .cnt04 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 {
        width: 390px;
        margin: 0 0 0 0;
    }
}

.container main .sc-wrap .cnt04 h2 {
    position: relative;
    width: 49.6825396825%;
    height: 0;
    padding: 13.4920634921% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/ttl_cnt04.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 h2 {
        width: 170px;
        padding: 46px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

.container main .sc-wrap .cnt04 .category-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 4.7619047619% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 .category-list {
        width: 390px;
        margin: 30px -30px 0;
    }
}

.container main .sc-wrap .cnt04 .category-list li {
    position: relative;
    width: 48.253968254%;
    height: 0;
    margin: 0% 3.1746031746% 0% 0%;
    padding: 11.4285714286% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 .category-list li {
        width: 169px;
        margin: 0 10px 0 0;
        padding: 40px 0 0 0;
    }
}

.container main .sc-wrap .cnt04 .category-list li:nth-of-type(2) {
    margin: 0;
}

.container main .sc-wrap .cnt04 .category-list li a {
    border-radius: 4px;
    background: #29ffc9;
    box-sizing: border-box;
    transition: all .1s linear;
}

    .container main .sc-wrap .cnt04 .category-list li a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 0;
        content: "";
    }

.container main .sc-wrap .cnt04 .category-list li.board a:before {
    width: 34.8684210526%;
    padding: 8.5526315789% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/community/btn_txt_board.svg) no-repeat;
    background-size: 100% 200%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 .category-list li.board a:before {
        width: 72px;
        padding: 17px 0 0 0;
    }
}

.container main .sc-wrap .cnt04 .category-list li.board a.hover {
    border: 2px solid #29ffc9;
    background: none;
}

    .container main .sc-wrap .cnt04 .category-list li.board a.hover:before {
        background-position: 0 bottom;
    }

.container main .sc-wrap .cnt04 .category-list li.commentary a:before {
    width: 52.6315789474%;
    padding: 8.5526315789% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/community/btn_txt_commentary.svg) no-repeat;
    background-size: 100% 200%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt04 .category-list li.commentary a:before {
        width: 99px;
        padding: 16px 0 0 0;
    }
}

.container main .sc-wrap .cnt04 .category-list li.commentary a.hover {
    border: 2px solid #29ffc9;
    background: none;
}

    .container main .sc-wrap .cnt04 .category-list li.commentary a.hover:before {
        background-position: 0 bottom;
    }

.container main .sc-wrap .cnt05 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*.category-list{
      	display:flex;
      	flex-wrap: wrap;
      	justify-content: center;
      	li{
      		position:relative;
      		@include widthPer($spScInnerWidth, 304);
      		height: 0;
      		@include marginPer($spScInnerWidth, 0,20,20,0);
      		@include paddingPer($spScInnerWidth, 72,0,0,0);
      		
      		@include mq(sm, min) {
      			width: 166px;
      			margin: 0 6px 6px 0;
      			padding: 39px 0 0 0;
      		}
      		
      		&:nth-of-type(2n){
      			@include marginPer($spScInnerWidth, 0,0,20,0);
      			@include mq(sm, min) {
      				margin: 0 0 6px 0;
      			}							
      		}
      		a{
      			border-radius: 4px;
      			background: #29ffc9;
      			box-sizing: border-box;
      			transition: all .1s linear;
      			&:before{
      				position:absolute;
      				top: 50%;
      				left: 50%;
      				transform: translate(-50%,-50%);
      				height: 0;
      				content: "";				
      			}
      		}						
      		
      		&.contents{
      			a{
      				&:before{
      					@include widthPer(304, 161);
      					@include paddingPer(304, 26,0,0,0);
      					background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_contents.png) no-repeat;
      					background-size: 100% 200%;
      					@include mq(sm, min) {
      						width: 92px;
      						padding: 15px 0 0 0;
      						image-rendering: -webkit-optimize-contrast;
      					}										
      				}
      				&.hover{
      					border:2px solid #29ffc9;
      					background: none;
      					&:before{
      						background-position: 0 bottom;
      					}					
      				}			
      			}								
      		}
      		
      		&.system{
      			a{
      				&:before{
      					@include widthPer(304, 134);
      					@include paddingPer(304, 27,0,0,0);
      					background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_system.png) no-repeat;
      					background-size: 100% 200%;
      					@include mq(sm, min) {
      						width: 76px;
      						padding: 15px 0 0 0;
      						image-rendering: -webkit-optimize-contrast;
      					}										
      				}
      				&.hover{
      					border:2px solid #29ffc9;
      					background: none;
      					&:before{
      						background-position: 0 bottom;
      					}					
      				}			
      			}								
      		}
      		
      		&.player{
      			a{
      				&:before{
      					@include widthPer(304, 81);
      					@include paddingPer(304, 28,0,0,0);
      					background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_player.png) no-repeat;
      					background-size: 100% 200%;
      					@include mq(sm, min) {
      						width: 49px;
      						padding: 17px 0 0 0;
      						image-rendering: -webkit-optimize-contrast;
      					}										
      				}
      				&.hover{
      					border:2px solid #29ffc9;
      					background: none;
      					&:before{
      						background-position: 0 bottom;
      					}					
      				}			
      			}								
      		}
      		
      		&.operation{
      			a{
      				&:before{
      					@include widthPer(304, 82);
      					@include paddingPer(304, 28,0,0,0);
      					background: url(https://static.nexon.co.jp/fifamobile/index/btn_txt_operation.png) no-repeat;
      					background-size: 100% 200%;
      					@include mq(sm, min) {
      						width: 47px;
      						padding: 16px 0 0 0;
      						image-rendering: -webkit-optimize-contrast;
      					}										
      				}
      				&.hover{
      					border:2px solid #29ffc9;
      					background: none;
      					&:before{
      						background-position: 0 bottom;
      					}					
      				}			
      			}								
      		}						
      		
      		
      	}
      }*/
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt05 {
        width: 390px;
    }
}

.container main .sc-wrap .cnt05 h2 {
    position: relative;
    width: 46.5079365079%;
    height: 0;
    padding: 13.9682539683% 0% 0% 0%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
    background: url(https://static.nexon.co.jp/fifamobile/index/ttl_cnt05.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .container main .sc-wrap .cnt05 h2 {
        width: 161px;
        padding: 48px 0 0 0;
        image-rendering: -webkit-optimize-contrast;
    }
}

/*************************
	modal
**************************/
.modal-qr {
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 25;
    transform: translate(0, 100vh);
    background: rgba(0, 0, 0, 0.9);
    overflow-y: auto;
}

    .modal-qr.block {
        opacity: 1;
        transform: none;
    }

    .modal-qr.transition--move {
        transition: opacity 0.5s ease;
        transform: none;
    }

    .modal-qr .modal {
        display: none;
        position: relative;
        margin: 20% auto 13.3333333333% auto;
        background: #fff;
        z-index: 11;
    }

@media (min-width: 52.1875em) {
    .modal-qr .modal {
        width: 614px;
        margin: 150px auto 100px;
    }
}

.modal-qr .modal.modal.block {
    display: block;
}

.modal-qr .modal .body {
    display: flex;
    background: #fff;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal .body {
        padding: 40px 30px 40px 30px;
    }
}

.modal-qr .modal.app-qr {
    width: 55.0666666667%;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal.app-qr {
        width: 413px;
    }
}

.modal-qr .modal.app-qr .body {
    padding: 15.7384987893% 0% 12.5907990315% 0%;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal.app-qr .body {
        padding: 65px 0 52px 0;
    }
}

.modal-qr .modal.app-qr .desc {
    margin: 0% 0% 7.2639225182% 0%;
    font-size: 3.2vw;
    letter-spacing: -0.05em;
    font-weight: bold;
    color: #000;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal.app-qr .desc {
        margin: 0 0 30px 0;
        font-size: 18px;
        letter-spacing: inherit;
    }
}

.modal-qr .modal.app-qr .qr {
    position: relative;
    width: 45.0363196126%;
    height: 0;
    padding: 45.0363196126% 0% 0% 0%;
    background: url(https://static.nexon.co.jp/fifamobile/teaser/qr.png) no-repeat;
    background-size: 100% 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 110%;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal.app-qr .qr {
        width: 186px;
        padding: 186px 0 0 0;
    }
}

.modal-qr .modal .m-close {
    position: absolute;
    top: -12.2666666667vw;
    left: 50%;
    width: 9.696969697%;
    height: 0;
    margin: 0% 0% 0% -4.2666666667%;
    padding: 9.5454545455% 0% 0% 0%;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal .m-close {
        top: -76px;
        width: 46px;
        margin: 0 0 0 -23px;
        padding: 46px 0 0 0;
    }
}

.modal-qr .modal .m-close a {
    background: url(https://static.nexon.co.jp/fifamobile/teaser/btn_close.png) no-repeat;
    background-size: 100% 100%;
}

@media (min-width: 52.1875em) {
    .modal-qr .modal .m-close a {
        image-rendering: -webkit-optimize-contrast;
    }
}