SplatNet/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:black
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
    height:auto
}
input[type="search"]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:bold
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
.icon-tab-gachi,.ranking .ranklist-tab .tab-gachi,.icon-tab-regular,.ranking .ranklist-tab .tab-regular,.typography-number-white-0,.typography-number-white-1,.typography-number-white-2,.typography-number-white-3,.typography-number-white-4,.typography-number-white-5,.typography-number-white-6,.typography-number-white-7,.typography-number-white-8,.typography-number-white-9,.typography-number-orange-0,.typography-number-orange-1,.typography-number-orange-2,.typography-number-orange-3,.typography-number-orange-4,.typography-number-orange-5,.typography-number-orange-6,.typography-number-orange-7,.typography-number-orange-8,.typography-number-orange-9,.typography-number-green-0,.typography-number-green-1,.typography-number-green-2,.typography-number-green-3,.typography-number-green-4,.typography-number-green-5,.typography-number-green-6,.typography-number-green-7,.typography-number-green-8,.typography-number-green-9,.typography-udemae-a,.typography-udemae-a-minus,.typography-udemae-a-plus,.typography-udemae-b,.typography-udemae-b-minus,.typography-udemae-b-plus,.typography-udemae-c,.typography-udemae-c-minus,.typography-udemae-c-plus,.typography-udemae-s,.typography-udemae-s-plus,.typography-friendlist,.typography-ranking,.typography-equipment,.typography-stage,.typography-microsite,.typography-corporate,.typography-twitter-link,.typography-twitter-unlink,.typography-logout,.typography-headline-friendlist,.typography-headline-stage,.typography-headline-ranking,.typography-headline-equipment,.typography-recruiting,.typography-participation,.typography-participation-edit,.typography-plan,.typography-plan-date,.typography-plan-feel,.typography-plan-weapon,.typography-ok,.typography-colon,.typography-friend-status-playing,.typography-friend-status-regular,.typography-friend-status-gachi,.typography-friend-status-fes,.typography-friend-status-private,.typography-friend-status-tag,.typography-friend-status-online,.typography-friend-status-offline,.typography-headline-plan,.typography-headline-proposer,.typography-rank-tweet,.typography-equip-rank,.typography-equip-udemae,.typography-equip-painted-area,.typography-point,.typography-loading,.tour .tour-prev,.tour .tour-next,.tour .tour-bullet>a,.typography-regular-match,.typography-earnest-match,.typography-rule{
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    font-size:0px;
    display:block;
    line-height:0px
}
html{
    font-size:62.5%;
    font-weight:normal;
    line-height:1.2;
    height:100%
}
body{
    font-family:"Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
    color:white;
    background:white;
    height:100%
}
*{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    word-break:normal;
    word-wrap:break-word
}
h1,h2,h3,h4,h5{
    margin:0;
    padding:0
}
img{
    max-width:100%
}
.lt-ie9 img{
    width:auto
}
ul,ol{
    margin:0;
    padding:0
}
li{
    list-style-type:none;
    list-style:none
}
a{
    color:white;
    text-decoration:none;
    font-weight:bold;
    outline:none;
    -webkit-tap-highlight-color:transparent
}
button{
    background-color:transparent;
    border:0;
    outline:none
}
.ui-sprite{
    background-image:url('https://splatoon.nintendo.net/images/ja/ui-s01ad411500.png');
    background-repeat:no-repeat
}
.icon-header-logo{
    width:170px;
    height:76px;
    margin:0 auto;
    display:block;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -914px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-header-logo{
        background-position:0 -457px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-header-logo{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -1708px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-header-logo{
        background-position:0 -854px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.lt-ie9 .icon-header-logo{
    width:300px;
    height:138px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -990px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .icon-header-logo{
        background-position:0 -495px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .icon-header-logo{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -1860px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .lt-ie9 .icon-header-logo{
        background-position:0 -930px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
@media screen and (min-width: 1025px){
    .icon-header-logo{
        width:300px;
        height:138px;
        background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
        background-position:0 -990px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .icon-header-logo{
        background-position:0 -495px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .icon-header-logo{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -1860px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-header-logo{
        background-position:0 -930px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-humberger{
    width:32px;
    height:32px;
    background:transparent url('svg/ui/ico_menu_open-2adae67d69fa2be05dec1c725379f5378d1f9b48b91bcb18fa1e4e59b9e9c073.svg') 0 0 no-repeat
}
.icon-humberger.is-open{
    width:32px;
    height:32px;
    background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
}
.icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
    position:relative;
    display:block;
    width:266px;
    height:56px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1420px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
        background-position:0 -710px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -2360px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-navi-friend,.icon-navi-ranking,.icon-navi-equipment,.icon-navi-stage{
        background-position:0 -1180px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-navi-friend:before{
    content:'';
    position:absolute;
    top:10px;
    left:22px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_friendlist-320cb666486606280b494d4d4427451b2de2c9ad01f3332c286433c6f536db0a.svg') 0 0 no-repeat
}
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1364px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.icon-navi-friend:hover:before,.icon-navi-friend.is-selected:before{
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_friendlist_wht-032a1f27d7f1529f75f86f8976877a12ce0ec18496e84fcb249a510129aa337c.svg') 0 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-friend:hover,.icon-navi-friend.is-selected{
        background-position:0 -682px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-friend:hover,.icon-navi-friend.is-selected{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -2248px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-navi-friend:hover,.icon-navi-friend.is-selected{
        background-position:0 -1124px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-navi-ranking:before{
    content:'';
    position:absolute;
    top:10px;
    left:22px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg') 0 0 no-repeat
}
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1476px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.icon-navi-ranking:hover:before,.icon-navi-ranking.is-selected:before{
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_ranking_wht-526d8e4da303f0c9e77ee41ea8422d265f41280e2ffc6ffa763b35d96f8e51f1.svg') 0 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
        background-position:0 -738px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -2472px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
        background-position:0 -1236px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-navi-equipment:before{
    content:'';
    position:absolute;
    top:10px;
    left:22px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg') 0 0 no-repeat
}
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1308px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.icon-navi-equipment:hover:before,.icon-navi-equipment.is-selected:before{
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_equipment_wht-a9d551da5fa6a6792cb2bf8aca2938a107a983a13aef9f4fd020493e6412435e.svg') 0 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
        background-position:0 -654px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -2136px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
        background-position:0 -1068px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-navi-stage:before{
    content:'';
    position:absolute;
    top:10px;
    left:18px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg') 0 0 no-repeat
}
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1532px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.icon-navi-stage:hover:before,.icon-navi-stage.is-selected:before{
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_stage_wht-0093ccdcb4a0985c929e77571e4baf690f39def2f97b84a4cb4109e4a4ae10b4.svg') 0 0 no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-stage:hover,.icon-navi-stage.is-selected{
        background-position:0 -766px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .icon-navi-stage:hover,.icon-navi-stage.is-selected{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -2584px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .icon-navi-stage:hover,.icon-navi-stage.is-selected{
        background-position:0 -1292px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.icon-mii{
    background:white;
    -moz-border-radius:22px;
    -webkit-border-radius:22px;
    border-radius:22px;
    width:44px;
    height:44px;
    overflow:hidden;
    z-index:2
}
.icon-mii img{
    width:44px;
    height:44px;
    vertical-align:middle
}
.icon-ink{
    width:84px;
    height:60px;
    background:transparent url('svg/ui/btn_dlg_open_s-4f888e7d71af95757ff9356555e43251ff71960358e1ca7a7dadedba3147583c.svg') 0 0 no-repeat
}
.lt-ie9 .icon-ink{
    width:128px;
    height:90px;
    background:transparent url('svg/ui/btn_dlg_open-827a84c2b36ff9b1ebd61a1d2a83eb13b1c4207e81faf89ebc57d81e7b34e9bd.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-ink{
        width:128px;
        height:90px;
        background:transparent url('svg/ui/btn_dlg_open-827a84c2b36ff9b1ebd61a1d2a83eb13b1c4207e81faf89ebc57d81e7b34e9bd.svg') 0 0 no-repeat
    }
}
.icon-ink:hover{
    -moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.icon-splash{
    width:124px;
    height:82px;
    background:transparent url('svg/ui/btn_dlg_close_s-b4b02bd1cd1c7a89eb6323a3cd19c95197c6e02533e7cdb29ffb43cd1ac8aebb.svg') 0 0 no-repeat;
    -moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.lt-ie9 .icon-splash{
    width:192px;
    height:126px;
    background:transparent url('svg/ui/btn_dlg_close-ea50115f6b57b322a0ca25ab4401efcb1ef49a2d7254791d98c38f9f69ec93c2.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-splash{
        width:192px;
        height:126px;
        background:transparent url('svg/ui/btn_dlg_close-ea50115f6b57b322a0ca25ab4401efcb1ef49a2d7254791d98c38f9f69ec93c2.svg') 0 0 no-repeat
    }
}
.icon-pulldown,.friendlist .action .manifestation .select-date .select-hour:after,.friendlist .action .manifestation .select-date .select-minutes:after,.friendlist .action .manifestation .select-feel:after,.friendlist .action .manifestation .select-weapon:after{
    width:30px;
    height:24px;
    background:transparent url('svg/ui/ico_pulldown-daeb8f6ce24ca8e2faedddd342929c54d3d323ff25116ea0877be93efba2a347.svg') 0 0 no-repeat
}
.icon-close{
    display:block;
    width:24px;
    height:24px;
    background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
}
.lt-ie9 .icon-close{
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-close{
        width:40px;
        height:40px;
        background:transparent url('svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
    }
}
.icon-twitter{
    position:absolute;
    top:-18px;
    right:-2px;
    display:table;
    width:44px;
    height:44px;
    background:#00aced;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
}
.icon-twitter:after{
    content:'';
    position:absolute;
    top:14px;
    left:14px;
    width:16px;
    height:16px;
    background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
.icon-success,.friendlist .action .action-status.is-success:before,.ranking .action .action-status.is-success:before,.ranking .action-disabled .action-status.is-success:before{
    width:63px;
    height:32px;
    background:transparent url('svg/ui/ico_success-c7a5e4717411fc8165be8bd4e7eb891c8d14d0360932bc154bf76926509999e5.svg') 0 0 no-repeat
}
.icon-failure,.error-message:before,.friendlist .action .action-status.is-failed:before,.ranking .action .action-status.is-failed:before,.ranking .action-disabled .action-status.is-failed:before{
    width:60px;
    height:32px;
    background:transparent url('svg/ui/ico_failure-02c2d2a62de8c67b516a7330c9e979935ef107d98bb3a41d5d4464574b321fa4.svg') 0 0 no-repeat
}
.icon-tab-gachi,.ranking .ranklist-tab .tab-gachi{
    width:150px;
    height:174px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_gachi-0c9b05f82e24cf91d3b3dcb6588704263818ee0fd777a986774cca3da7771fd3.svg') 0 0 no-repeat
}
.icon-tab-gachi:hover,.ranking .ranklist-tab .tab-gachi:hover{
    -moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.icon-tab-gachi.is-selected,.ranking .ranklist-tab .is-selected.tab-gachi{
    width:150px;
    height:174px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_gachi_selected-cdea44a844938dc25e11012722838f61e63481243f639d5782e5fefbfc738702.svg') 0 0 no-repeat;
    -moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.icon-tab-regular,.ranking .ranklist-tab .tab-regular{
    width:150px;
    height:174px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_regular-5c486ab22981007981a437324eab1d4cab73c7225d54bd0d0eaae2e6a15c5ae5.svg') 0 0 no-repeat
}
.icon-tab-regular:hover,.ranking .ranklist-tab .tab-regular:hover{
    -moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.icon-tab-regular.is-selected,.ranking .ranklist-tab .is-selected.tab-regular{
    width:150px;
    height:174px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/ui/btn_tab_regular_selected-7f3e65a597c238a95050087ac13dcc8820e65930f9641ddda13cd2953a5b172a.svg') 0 0 no-repeat;
    -moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.icon-tw-ink{
    width:85px;
    height:60px;
    background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink{
    width:128px;
    height:90px;
    background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-ink{
        width:128px;
        height:90px;
        background:transparent url('svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
    }
}
.icon-tw-ink:hover{
    -moz-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:bounce 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
.icon-tw-ink:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:1;
    width:31px;
    height:25px;
    background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink:before{
    width:42px;
    height:42px;
    background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-ink:before{
        width:42px;
        height:42px;
        background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
    }
}
.icon-tw-ink-disabled{
    width:85px;
    height:60px;
    background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink-disabled{
    width:128px;
    height:90px;
    background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-ink-disabled{
        width:128px;
        height:90px;
        background:transparent url('svg/ui/btn_dlg_twitter_disable-6a47433e651eace90e49a6f3b03ecad5d5787a8278e534fb2b487f95bd364f75.svg') 0 0 no-repeat
    }
}
.icon-tw-ink-disabled:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:1;
    width:31px;
    height:25px;
    background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink-disabled:before{
    width:42px;
    height:42px;
    background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-ink-disabled:before{
        width:42px;
        height:42px;
        background:transparent url('svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
    }
}
.icon-tw-splash{
    width:125px;
    height:82px;
    background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat;
    -moz-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:splash 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.lt-ie9 .icon-tw-splash{
    width:161px;
    height:105px;
    background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-splash{
        width:161px;
        height:105px;
        background:transparent url('svg/ui/btn_dlg_twitter_close-e4ff8abcc7b6a0ba52fc1703c5dc33b073cd6056693d28b40a617d8bb8cdfac4.svg') 0 0 no-repeat
    }
}
.icon-tw-splash:before{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:1;
    width:24px;
    height:24px;
    background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-splash:before{
    width:31px;
    height:31px;
    background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .icon-tw-splash:before{
        width:31px;
        height:31px;
        background:transparent url('svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
    }
}
.icon-twitter-link:before{
    content:'';
    position:absolute;
    top:8px;
    left:10px;
    width:16px;
    height:16px;
    background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
.icon-twitter-unlink:before{
    content:'';
    position:absolute;
    top:8px;
    left:16px;
    width:16px;
    height:16px;
    background:transparent url('svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
.icon-headline-friendlist:before{
    content:'';
    position:absolute;
    top:10px;
    left:22px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_friendlist-320cb666486606280b494d4d4427451b2de2c9ad01f3332c286433c6f536db0a.svg') 0 0 no-repeat
}
.lt-ie9 .icon-headline-friendlist:before{
    width:41px;
    height:41px
}
@media screen and (min-width: 1025px){
    .icon-headline-friendlist:before{
        width:41px;
        height:41px
    }
}
.icon-headline-stage:before{
    content:'';
    position:absolute;
    top:10px;
    left:22px;
    width:40px;
    height:40px;
    background:transparent url('svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg') 0 0 no-repeat
}
.lt-ie9 .icon-headline-stage:before{
    width:41px;
    height:41px
}
@media screen and (min-width: 1025px){
    .icon-headline-stage:before{
        width:41px;
        height:41px
    }
}
.icon-headline-ranking:before{
    content:'';
    position:absolute;
    top:18px;
    left:24px;
    width:37px;
    height:32px;
    background:transparent url('svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg') 0 0 no-repeat
}
.lt-ie9 .icon-headline-ranking:before{
    width:40px;
    height:40px
}
@media screen and (min-width: 1025px){
    .icon-headline-ranking:before{
        width:40px;
        height:40px
    }
}
.icon-headline-equipment:before{
    content:'';
    position:absolute;
    top:13px;
    left:17px;
    width:34px;
    height:37px;
    background:transparent url('svg/ui/ico_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg') 0 0 no-repeat
}
.lt-ie9 .icon-headline-equipment:before{
    width:45px;
    height:45px
}
@media screen and (min-width: 1025px){
    .icon-headline-equipment:before{
        width:45px;
        height:45px
    }
}
.button-twitter-link,.button-twitter-unlink,.button-logout,.image-link,.text-link,.rank-detail,.touch-start,.enpera .link-wrapper a{
    -moz-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -o-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    -webkit-transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
    transition:cubic-bezier(0.19, 1, 0.22, 1) 0.4s
}
.button-twitter-link:hover,.button-twitter-unlink:hover,.button-logout:hover,.image-link:hover,.text-link:hover,.rank-detail:hover,.touch-start:hover,.enpera .link-wrapper a:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:0.8
}
.button-twitter-link{
    position:relative;
    display:table;
    width:150px;
    height:32px;
    background:#00aced;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
}
.button-twitter-unlink{
    position:relative;
    display:table;
    width:150px;
    height:32px;
    background:#00aced;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
}
.button-logout{
    display:table;
    width:150px;
    height:32px;
    background:#929292;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
}
.button-ok{
    position:relative;
    display:table;
    width:226px;
    height:58px;
    background:#e4ff00;
    -moz-border-radius:28px;
    -webkit-border-radius:28px;
    border-radius:28px
}
.typography-player-name{
    font-size:18px;
    font-size:1.8rem;
    color:white;
    font-weight:bold
}
.typography-player-name.small{
    font-size:16px;
    font-size:1.6rem
}
.typography-number-white-0{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_0_wht-8cfb46c6086b2798ab693a4417d3df58d5a25d19f77749e7f6915dc6a3ae819c.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px;
    background-position:0 1px
}
.typography-number-white-1{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:18px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_1_wht-24754380a399263ceb1da9345f0f8d0fbe733c8cec184e39c128feafb1c509f1.svg.html') 0 0 no-repeat;
    -moz-background-size:18px, 34px;
    -o-background-size:18px, 34px;
    -webkit-background-size:18px, 34px;
    background-size:18px, 34px
}
.typography-number-white-2{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_2_wht-c6f8b2056b5f623f9b82b6b324d5267325abf958efd130c5738f83ba49a4c00b.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px
}
.typography-number-white-3{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_3_wht-f89cc114275316a699bed7cebee2a8db0e739a269aaa44b34a7c8d51fe6798f2.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px
}
.typography-number-white-4{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_4_wht-02c42d86c1f49ab3f4df70640844dc5b2a52255164dd39af7dd6c8f4d91df158.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px
}
.typography-number-white-5{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_5_wht-5ce5e2c1dda772c7593527818ad7e15c85b5961f4a8c86fdba6b683c89dd73e0.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px
}
.typography-number-white-6{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:29px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_6_wht-da724a1ad777094325b0c9206f9d5c3ab7ba26772bb62978bc6b7deffd734c9e.svg.html') 0 0 no-repeat;
    -moz-background-size:29px, 34px;
    -o-background-size:29px, 34px;
    -webkit-background-size:29px, 34px;
    background-size:29px, 34px
}
.typography-number-white-7{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_7_wht-638100e4637784de035fe33f3abf220a9fa3e6111b2e575d419f744bd93478dc.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 34px;
    -o-background-size:27px, 34px;
    -webkit-background-size:27px, 34px;
    background-size:27px, 34px
}
.typography-number-white-8{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:27px;
    height:36px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_8_wht-49c1e335c3a7758d6d05fa564ec7c250ec885ef383fc51c07f48ecd142d61599.svg.html') 0 0 no-repeat;
    -moz-background-size:27px, 36px;
    -o-background-size:27px, 36px;
    -webkit-background-size:27px, 36px;
    background-size:27px, 36px
}
.typography-number-white-9{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:30px;
    height:34px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_9_wht-3b85482f26a5ee5e6f3b07c8821a8878de8ed1ff7b8ae7953d8e35d27b67a7d2.svg.html') 0 0 no-repeat;
    -moz-background-size:30px, 34px;
    -o-background-size:30px, 34px;
    -webkit-background-size:30px, 34px;
    background-size:30px, 34px
}
.typography-number-orange-0{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:17px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_0_orange-f69828a6019dfc3932c02b5c31db0bdcebe5757c45d8ee00e6f1bee59b7e99d7.svg.html') 0 0 no-repeat;
    -moz-background-size:17px, 20px;
    -o-background-size:17px, 20px;
    -webkit-background-size:17px, 20px;
    background-size:17px, 20px
}
.typography-number-orange-1{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:10px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_1_orange-74328e96411c9d85b7a09cf021022e650e8baf24b1ebd0e6d088c12abb034403.svg.html') 0 0 no-repeat;
    -moz-background-size:10px, 20px;
    -o-background-size:10px, 20px;
    -webkit-background-size:10px, 20px;
    background-size:10px, 20px
}
.typography-number-orange-2{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_2_orange-48ae3f075ee261faf58f5fbc878ef6535044d089a039fad065a119b7ec353323.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-orange-3{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_3_orange-f039770517a13c41bd86a5837a8949a91d496cc2db33c90ccfc5c601b369efb7.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-orange-4{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_4_orange-e9264e1d9066804ffc92f831c4501256a41d2ddde2df7803b0c434fc95f901a1.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-orange-5{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_5_orange-c961244cc0d6683e1352fc8362d42632e3fb8236b8bbc74fcfeb79e8be439992.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-orange-6{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:18px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_6_orange-bbb6348726eb8fde9adcd9eee9191238ffc1a5ef73f306b0c8d095818ac4d3e8.svg.html') 0 0 no-repeat;
    -moz-background-size:18px, 20px;
    -o-background-size:18px, 20px;
    -webkit-background-size:18px, 20px;
    background-size:18px, 20px
}
.typography-number-orange-7{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_7_orange-42f9af312aa30482e705635b85e1232f1e89f055d7460aa0361c642a5ec1ad65.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-orange-8{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:17px;
    height:22px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_8_orange-ffdb8ef663130e9d0dee82ecdeab69c006dbe2dc05ff41352b79b7d21b9f3902.svg.html') 0 0 no-repeat;
    -moz-background-size:17px, 22px;
    -o-background-size:17px, 22px;
    -webkit-background-size:17px, 22px;
    background-size:17px, 22px
}
.typography-number-orange-9{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:18px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_9_orange-b6363055cba47768e05b222390ebf1c9c09af70d3cbd6896dc68c86707311c6e.svg.html') 0 0 no-repeat;
    -moz-background-size:18px, 20px;
    -o-background-size:18px, 20px;
    -webkit-background-size:18px, 20px;
    background-size:18px, 20px
}
.typography-number-green-0{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:17px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_0_green-40e856e23dc10b261a2a07d4aecb4092797913ab350fd9976ea7e3aa4a5082f2.svg.html') 0 0 no-repeat;
    -moz-background-size:17px, 20px;
    -o-background-size:17px, 20px;
    -webkit-background-size:17px, 20px;
    background-size:17px, 20px
}
.typography-number-green-1{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:10px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_1_green-c54d4ba3d0651b1ee50a6df24b0692afa22dc6792b6e3a9bbe5a5e089ccf9515.svg.html') 0 0 no-repeat;
    -moz-background-size:10px, 20px;
    -o-background-size:10px, 20px;
    -webkit-background-size:10px, 20px;
    background-size:10px, 20px
}
.typography-number-green-2{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_2_green-f05fa75efc1803029130a07b3b87b394d638b7558386057568317a4bcca636cb.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-green-3{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_3_green-d327346e1997c941fb6d1a39922e89fb5c9fe1e78feb2a11de0b7e18e589b2aa.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-green-4{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_4_green-fad2da0c0135f5511d0033b6f9df1176e786dbb1dc80518c5459ebdacf3f6fa3.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-green-5{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_5_green-6158cc1815800a58a180f3c8dd0ff194978325795d43a168e3d6c5653a30cb20.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-green-6{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:18px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_6_green-01dde34f3fda5fb4a18f96a60d83261c555f7adf2b274d4518bd2b464a171ef8.svg.html') 0 0 no-repeat;
    -moz-background-size:18px, 20px;
    -o-background-size:18px, 20px;
    -webkit-background-size:18px, 20px;
    background-size:18px, 20px
}
.typography-number-green-7{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:16px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_7_green-9135b2919cfb0c37ce7f269edceaf4028e3e9f4a22e49e2e6c80913d73f55605.svg.html') 0 0 no-repeat;
    -moz-background-size:16px, 20px;
    -o-background-size:16px, 20px;
    -webkit-background-size:16px, 20px;
    background-size:16px, 20px
}
.typography-number-green-8{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:17px;
    height:22px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_8_green-641f727121544e3f8b84cc3059f30188e8121a195f4d47ea53bd3acae5ed0397.svg.html') 0 0 no-repeat;
    -moz-background-size:17px, 22px;
    -o-background-size:17px, 22px;
    -webkit-background-size:17px, 22px;
    background-size:17px, 22px
}
.typography-number-green-9{
    display:inline-block;
    vertical-align:top;
    margin:0 1px;
    width:18px;
    height:20px;
    background:transparent url('svg/text/scene/rank/number/tx_nb_9_green-42923a55266d346994722a719a7b76334ba7247b72eea9affa6dc71ba47f648a.svg.html') 0 0 no-repeat;
    -moz-background-size:18px, 20px;
    -o-background-size:18px, 20px;
    -webkit-background-size:18px, 20px;
    background-size:18px, 20px
}
.typography-udemae-a{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a-6b43fb1a0461932ed04e5af0598eabd9d5ab07ad9a8902641117f372cddf2582.svg.html') 0 0 no-repeat
}
.typography-udemae-a-minus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a_minus-04165ef0c844cf836ef87dc0cb9d4041758a46b67f7be074e28e90ac1897279d.svg.html') 0 0 no-repeat
}
.typography-udemae-a-plus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_a_plus-d710165dd227482d79330309efe4705fdfb8b803c354b5da38cb9ac06dc1765e.svg.html') 0 0 no-repeat
}
.typography-udemae-b{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b-eb6bb02bb4338127aa6de25b7f3bd38318b514700eea763118f9675f4c1617c5.svg.html') 0 0 no-repeat
}
.typography-udemae-b-minus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b_minus-2885d447310a4fb5004fb3125aa55a6df85ce384cbfc86d25441ec9158ec127e.svg.html') 0 0 no-repeat
}
.typography-udemae-b-plus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_b_plus-f7c6aa9ecea936266e583bc4ffbbf30ecae4586465b120337741be9aafe93c3b.svg.html') 0 0 no-repeat
}
.typography-udemae-c{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c-fe1fe7f2b82e3aabf48aa4400b19b1e8cf0fc2190354e0dbf50f089ab67c340f.svg.html') 0 0 no-repeat
}
.typography-udemae-c-minus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c_minus-428155b1832ce62283d69a7117853485fb71fcde2a5514bb85c010c5ad67135e.svg.html') 0 0 no-repeat
}
.typography-udemae-c-plus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_c_plus-50578dfa638b0895de9066a489a24e40a483021588cad762a2d39f3e03fbb333.svg.html') 0 0 no-repeat
}
.typography-udemae-s{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_s-b73c38c850415c6127a21fff948b2ddcace46778e1a913f195427ab0fe65a779.svg.html') 0 0 no-repeat
}
.typography-udemae-s-plus{
    width:59px;
    height:39px;
    background:transparent url('svg/text/scene/equipment/udemae_alphabet/tx_s_plus-0d360efab395bbd71ca49aa3c265d78f0d09e21c44334724c7ed9d90262248b9.svg.html') 0 0 no-repeat
}
.typography-friendlist{
    position:absolute;
    top:12px;
    left:78px;
    width:161px;
    height:29px;
    background:transparent url('svg/text/menu/tx_friendlist-d2382077212ef7b23a05676fbe497250929629d5f7b09c4d036189b4e44c435d.svg.html') 0 0 no-repeat
}
a:hover .typography-friendlist,.typography-friendlist:hover,.is-selected .typography-friendlist{
    width:161px;
    height:29px;
    background:transparent url('svg/text/menu/tx_friendlist_wht-47d1c392e4568ded71da84eb878d8b4043ca7b8ec64e1921bcec9f4ff2611287.svg.html') 0 0 no-repeat
}
.typography-ranking{
    position:absolute;
    top:7px;
    left:78px;
    width:117px;
    height:35px;
    background:transparent url('svg/text/menu/tx_ranking-f6b2ae1325607d6f67862aeddbd515ffbc8f66faf86780b2388753f9233c5cbf.svg.html') 0 0 no-repeat
}
a:hover .typography-ranking,.typography-ranking:hover,.is-selected .typography-ranking{
    width:117px;
    height:35px;
    background:transparent url('svg/text/menu/tx_ranking_wht-d3d8620fc74b57e40fbd14223047afefa14c1ace51eb200d1c83b62a0ca9a781.svg.html') 0 0 no-repeat
}
.typography-equipment{
    position:absolute;
    top:10px;
    left:78px;
    width:71px;
    height:33px;
    background:transparent url('svg/text/menu/tx_equipment-c61f5a99835ec025e2bd60b6cdc7d9b5273965c1524dd23d4383442dde496bae.svg.html') 0 0 no-repeat
}
a:hover .typography-equipment,.typography-equipment:hover,.is-selected .typography-equipment{
    width:71px;
    height:33px;
    background:transparent url('svg/text/menu/tx_equipment_wht-1900a03af3da968b36b478474c70d827cc542320333951a3759fa3565ee37208.svg.html') 0 0 no-repeat
}
.typography-stage{
    position:absolute;
    top:7px;
    left:78px;
    width:155px;
    height:39px;
    background:transparent url('svg/text/menu/tx_stageinfo-130eba123801fc3338e2c62901769092769a641f4adfee82f39f465fcc9211fc.svg.html') 0 0 no-repeat
}
a:hover .typography-stage,.typography-stage:hover,.is-selected .typography-stage{
    width:155px;
    height:39px;
    background:transparent url('svg/text/menu/tx_stageinfo_wht-5c34dd3efd684bd47b7998c432a4525ba31e057bafce33204e5a9bad49537843.svg.html') 0 0 no-repeat
}
.typography-microsite{
    width:164px;
    height:17px;
    background:transparent url('svg/text/menu/tx_officialpage-7cdf3f325eae9a47459033bee3502cb0b6c921d33ebc931d884babd9e3b75eb8.svg.html') 0 0 no-repeat
}
.typography-corporate{
    width:91px;
    height:15px;
    background:transparent url('svg/text/menu/tx_nintendo-8cad05eb543ca2c254e282cdf62fc0b3a027aed70e77a11a8cd45f0631f0acd7.svg.html') 0 0 no-repeat
}
.typography-twitter-link{
    width:94px;
    height:15px;
    background:transparent url('svg/text/menu/tx_twitter-7ebad9b4bb92285a3c3d725eb10313412ca9283a104f31ff30ba6c1093980878.svg.html') 0 0 no-repeat;
    position:absolute;
    top:8px;
    left:38px
}
.typography-twitter-unlink{
    width:60px;
    height:15px;
    background:transparent url('svg/text/menu/tx_twitter_Cancel-46a5e3430536d2218d37c0b76a251b9b1d98deb0afb2331d1d2c28f728d2936b.svg.html') 0 0 no-repeat;
    position:absolute;
    top:8px;
    left:44px
}
.typography-logout{
    width:70px;
    height:15px;
    background:transparent url('svg/text/menu/tx_logout-dbc513d49f0147ff28e76d7506ce8f45968c667c0eddd2b2b6e0778f44753a69.svg.html') 0 0 no-repeat;
    position:relative;
    top:8px;
    left:42px
}
.typography-headline-friendlist{
    width:160px;
    height:29px;
    background:transparent url('svg/text/scene/friendlist/tx_friendlist_wht-dd02fed05e5b03d1cdb43de49b19165ac9bbe3f8b6cfadebf6c84f92f8c86db5.svg.html') 0 0 no-repeat;
    position:absolute;
    top:14px;
    left:78px
}
.lt-ie9 .typography-headline-friendlist{
    width:182px;
    height:34px;
    position:absolute;
    top:13px;
    left:78px
}
@media screen and (min-width: 1025px){
    .typography-headline-friendlist{
        width:182px;
        height:34px;
        position:absolute;
        top:13px;
        left:78px
    }
}
.typography-headline-stage{
    width:155px;
    height:39px;
    background:transparent url('svg/text/scene/stage/tx_stageinfo-9d88c9a01d73c3da582d374ace07ec45143f8d7342651d1961fdafb1935a0329.svg.html') 0 0 no-repeat;
    position:absolute;
    top:10px;
    left:78px
}
.lt-ie9 .typography-headline-stage{
    width:162px;
    height:40px;
    position:absolute;
    top:10px;
    left:88px
}
@media screen and (min-width: 1025px){
    .typography-headline-stage{
        width:162px;
        height:40px;
        position:absolute;
        top:10px;
        left:88px
    }
}
.typography-headline-ranking{
    width:117px;
    height:35px;
    background:transparent url('svg/text/scene/rank/tx_ranking_wht-10e6a9b1d5f16494a8ce92c9ec0920e4b20b33bee87318e9a1d106a3613a04b9.svg.html') 0 0 no-repeat;
    position:absolute;
    top:12px;
    left:80px
}
.lt-ie9 .typography-headline-ranking{
    width:160px;
    height:47px;
    position:absolute;
    top:8px;
    left:81px
}
@media screen and (min-width: 1025px){
    .typography-headline-ranking{
        width:160px;
        height:47px;
        position:absolute;
        top:8px;
        left:81px
    }
}
.typography-headline-equipment{
    width:69px;
    height:32px;
    background:transparent url('svg/text/scene/equipment/tx_equipment-a5ed85fbf2ab29865155410f6ccf104742893b42116b41f1843ee9cc996d5308.svg.html') 0 0 no-repeat;
    position:absolute;
    top:12px;
    left:70px
}
.lt-ie9 .typography-headline-equipment{
    width:96px;
    height:44px;
    position:absolute;
    top:12px;
    left:70px
}
@media screen and (min-width: 1025px){
    .typography-headline-equipment{
        width:96px;
        height:44px;
        position:absolute;
        top:12px;
        left:70px
    }
}
.typography-recruiting{
    width:70px;
    height:20px;
    background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
}
.lt-ie9 .typography-recruiting{
    width:78px;
    height:20px;
    background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .typography-recruiting{
        width:78px;
        height:20px;
        background:transparent url('svg/text/scene/friendlist/tx_recruiting-1a43935a33840e6ef140760846bf2be88ef368fcb490e9b77638d7d9154b5b3d.svg') 0 0 no-repeat
    }
}
.typography-participation{
    width:70px;
    height:20px;
    background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
}
.lt-ie9 .typography-participation{
    width:78px;
    height:20px;
    background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .typography-participation{
        width:78px;
        height:20px;
        background:transparent url('svg/text/scene/friendlist/tx_participation-3b0ca99edde046acf8f8c1c2eec2b44b203fa1b174628a5504680de5038aa177.svg.html') 0 0 no-repeat
    }
}
.typography-participation-edit{
    width:64px;
    height:20px;
    background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
}
.lt-ie9 .typography-participation-edit{
    width:69px;
    height:20px;
    background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
}
@media screen and (min-width: 1025px){
    .typography-participation-edit{
        width:69px;
        height:20px;
        background:transparent url('svg/text/scene/friendpublic/tx_planchange-0b62de3f731c66961c505b804737569288ccb79cbc946a64b36c62730e367383.svg.html') 0 0 no-repeat
    }
}
.typography-plan{
    width:118px;
    height:29px;
    background:transparent url('svg/text/scene/todayplan/tx_decide-2b0beabc4cd7c96501655e55ae18473a1b8850d9e957af4edd8b4f7e332cba99.svg.html') 0 0 no-repeat;
    background-position:0 0
}
.typography-plan-date{
    width:59px;
    height:14px;
    background:transparent url('svg/text/scene/todayplan/tx_starttime-d1e07c29f82737f28eafa68c897ab2547f98d6e3895ecf6d5e55353cacdb86ce.svg.html') 0 0 no-repeat
}
.typography-plan-feel{
    width:58px;
    height:15px;
    background:transparent url('svg/text/scene/todayplan/tx_feeling-214375c50a464fc8e3fce2df3da88819d2a02bcb76946f717bf08cfadbf8c859.svg.html') 0 0 no-repeat
}
.typography-plan-weapon{
    width:29px;
    height:16px;
    background:transparent url('svg/text/scene/todayplan/tx_weapon-f91e0652611f60b1dbbf6d9c5d0901ffbeb03b27464a566696036bc24c7218a0.svg.html') 0 0 no-repeat
}
.typography-ok{
    display:block;
    margin:8px auto 0;
    width:99px;
    height:41px;
    background:transparent url('svg/text/scene/todayplan/tx_ok-fb89bc38354cfbf989c697a54365f1d405367dfb2fcc6cdb3836e182489b0de8.svg.html') 0 0 no-repeat
}
.typography-colon{
    width:36px;
    height:36px;
    background:transparent url('svg/text/scene/todayplan/time/tx_colon_wht-fdd79be198fb5539b5e91d33170a41e59017a713992be0c5a71b0375b9c5c336.svg.html') 0 0 no-repeat;
    -moz-background-size:36px, 36px;
    -o-background-size:36px, 36px;
    -webkit-background-size:36px, 36px;
    background-size:36px, 36px;
    background-position:0 0
}
.typography-hour-0{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_0-26618e03a4425feeac15d4954bece199570c4fb49d1640e6c3e4d328eb5ab962.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-1{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_1-fc81f3181b3ce6b9972d9902c264a812ef2dbb034b1867df8fad09c9f48ee60e.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-2{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_2-786f1be4c202882d69b82363598369d44611c1538d152fd77ffb217db6641d14.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-3{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_3-fe268d00448ab9f8a80a8d586f871d35455d391236c87be461e1e4b5c5ec20d8.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-4{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_4-2db47ffa93070f5714ab6768fa21b6c46e51ecb6e5bf400becba933bd0472702.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-5{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_5-b3352c64d3efb9d6e4810e2c22c23b6c5e3c5bcf6a981a8c8a801b969c1bed62.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-6{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_6-b7dbd2b9161b70d25440cc5780b1c706327703fdf5bafb95008666f834abef17.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-7{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_7-ee8dd45fadc27350b031d94cc5285f28ca156b334c68a64f18a241ab0bcd6f47.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-8{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_8-1d02f02a4442948a7d9668111c72cdeb164bbe8cd6abbb4b813f73aff58911e6.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-9{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_9-12fd0183dc953d0243268a43a0f9c32bcd3396ef29b069e23f31911226eb52f4.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-10{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_10-a6a9c6d4fc4cd06629b27a9212f8df81c9a4a21f145678b3391b4323883d1f97.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-11{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_11-23a2e9bef7706d907438f972284376c8fcd54ece3eafe3fc36a47ccc41886809.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-12{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_12-04cc19d32b5ccffc0eddd1fc27259ef65c86ff47b69ab761f5cf8e8c72ea973d.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-13{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_13-f929948b4299c31a61a0907e8fc0432e6b70477eaa5c232d4c5817803c7aeb8a.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-14{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_14-53fa8c33d670ec45a771d0c38f4359d24fb7f09f9ec4f116eca0df75094225ad.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-15{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_15-67b93341405c616bacde31863c86f7c0c279021490393f09fae391939a21f9bc.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-16{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_16-439085a97c72d74a20040a7b199641e8de0fd17f871c1f51f37bc6dd3243d02a.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-17{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_17-7ac457f6d64a6185158dc6124d5ca47ab94a75d7e0121e24bfea51b242d80bc5.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-18{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_18-94c993f6c75f3709b8ee611c8cdcea9a67ba871aabf82ddd64243ace5db1fb12.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-19{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_19-1d78ce2ca8639efdcc1584463e71cad76a0181a838977af2254a8a626776cb09.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-20{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_20-3e15e9fdb381eeb804b8a9f22c4596eb7464428cc69f0e7defa9b30bdd7b5df2.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-21{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_21-e5beeb95f218da6b4fcc528d0b5ccd00b133b0f0a44405b684a015e094b2d210.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-22{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_22-e1406eee8d2727eaf60b6508b46a355dfccbe8d4e5bdfd9eecba60e9077246cb.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-hour-23{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_23-adb3f2c1c4ac7646a964dd6bff186731a2ff97b3d2930b68eec164c9fde00018.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-minutes-0{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_00-5b9b848715bc67da5acd7f4242bbaaaa85af2e2f5031d6773dd7ed72f07eb69a.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-minutes-15{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_15-67b93341405c616bacde31863c86f7c0c279021490393f09fae391939a21f9bc.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-minutes-30{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_30-189c7bd96c5289eeb671a2b26428c25a709cd6db8fcf75a5719f6ea38afa65d6.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-minutes-45{
    width:58px;
    height:34px;
    background:transparent url('svg/text/scene/todayplan/time/tx_time_45-ac9380eb3c46e9c489fa9b73d4839689f26dc6e1c7409bc155237f4256280320.svg.html') 0 0 no-repeat;
    -moz-background-size:58px, 34px;
    -o-background-size:58px, 34px;
    -webkit-background-size:58px, 34px;
    background-size:58px, 34px;
    background-position:0 0
}
.typography-friend-status-playing{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing-7a5f56696f811ad0d2a990640fc2aa35646fb900f3f31a569cf2cfb26a6bc3a8.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-regular{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_0-4591fabc8359216df59029867fe34b2c201f87feaee9842ff8ec56bb8459565b.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-gachi{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_1-abbe322d21fbdef944ae803a2439402ebdc7027bcaf0b38cdbd0f102f6a977fd.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-fes{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_2-10be1276aa4be78b911b99540917b51bb04fd35b2fda2554e362ad700a3adabe.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-private{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_3-f63cb78b2ef948fc70b8fde6f1d2d7702d21218a8fa1b25e84ebc7c7e790f49a.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-tag{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_4-0020d5a61a592a501fb22a740685f99943e8ccdbecd120e7ec987e865162223e.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-online{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_online-7ba7d6a70efa78ba7044e3c168514b16db91ccfee81cfff23e975fcf26443f4c.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-friend-status-offline{
    width:194px;
    height:30px;
    background:transparent url('svg/text/scene/friendlist/tx_playing_offline-4b8d56768c532e6b7792f3abd5dc2a004cab8672eb436018ca78b5989ff33e7d.svg') 0 0 no-repeat;
    background-position:0 0
}
.typography-headline-plan{
    width:266px;
    height:56px;
    background:transparent url('svg/text/scene/friendpublic/tx_plantoday-edc2db90a0903beaaf623e0411242682e530cd2a122941088ec81d06cec0e7d1.svg.html') 0 0 no-repeat;
    -moz-background-size:161px, 28px;
    -o-background-size:161px, 28px;
    -webkit-background-size:161px, 28px;
    background-size:161px, 28px;
    background-position:68px 16px
}
.typography-headline-proposer{
    width:266px;
    height:56px;
    background:transparent url('svg/text/scene/friendpublic/tx_iidashippe-68446b533eebfd691f58eac07bdd665a50ba284e776c461a4df71d476069e2e0.svg.html') 0 0 no-repeat;
    -moz-background-size:127px, 43px;
    -o-background-size:127px, 43px;
    -webkit-background-size:127px, 43px;
    background-size:127px, 43px;
    background-position:91px 8px
}
.lt-ie9 .typography-headline-proposer{
    background-position:4px 8px
}
@media screen and (min-width: 1025px){
    .typography-headline-proposer{
        background-position:4px 8px
    }
}
.typography-rank-regularmatch{
    width:266px;
    height:56px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/text/scene/rank/tx_ico_regularmatch-98bac94e7a38e60838cc16821c0e9305e25a6f93972144d8ce99a174d6109e6a.svg') 0 0 no-repeat
}
.typography-rank-gachimatch{
    width:266px;
    height:56px;
    background:transparent url('https://splatoon.nintendo.net/assets/ja/svg/text/scene/rank/tx_ico_gachimatch-a85d7219d5a0d0591a1138661e33605f599fef9124ebeaf564fbc72590b0b20c.svg') 0 0 no-repeat
}
.typography-rank-tweet{
    width:228px;
    height:36px;
    background:transparent url('svg/text/scene/rank/tx_tweet-ec603719e0ad61b65c8694876df89773e62bb7fb3c1b0e6fc6b7fe317394b7af.svg') 0 0 no-repeat
}
.typography-equip-rank{
    width:58px;
    height:22px;
    background:transparent url('svg/text/scene/equipment/tx_rank-92fc19a2b1838a45d2d862e3fa3b6764125950ba29a6fc408e749871324e1fab.svg.html') 0 0 no-repeat
}
.typography-equip-udemae{
    width:83px;
    height:31px;
    background:transparent url('svg/text/scene/equipment/tx_udemae-fefd2ce003257a4ee877b6cf51d455d94d71b5c2f4b10693ed382e138133bbb1.svg.html') 0 0 no-repeat
}
.typography-equip-painted-area{
    width:238px;
    height:28px;
    background:transparent url('svg/text/scene/equipment/tx_painted-d98c1951f8c02015b5fffe8bdb4f559bee55abab9a29a38207f46a1485c51e30.svg') 0 0 no-repeat
}
.typography-point{
    width:27px;
    height:33px;
    background:transparent url('svg/text/scene/equipment/point/tx_point_wht-369f78c1bd3657a9d999bcf72fa6e94efdfe2855924591b47091bc640ddbc8a3.svg') 0 0 no-repeat;
    -moz-background-size:27px, 33px;
    -o-background-size:27px, 33px;
    -webkit-background-size:27px, 33px;
    background-size:27px, 33px
}
.typography-loading{
    width:44px;
    height:12px;
    background:transparent url('svg/text/wait/tx_loading-6866ad1ac260f74c6044580ba22d9faf08758a388eefa59696be73d67f39e521.svg') 0 0 no-repeat;
    -moz-background-size:44px, 12px;
    -o-background-size:44px, 12px;
    -webkit-background-size:44px, 12px;
    background-size:44px, 12px
}
@-moz-keyframes drip{
    0%{
        opacity:0;
        bottom:-14px
    }
    100%{
        opacity:1;
        bottom:-34px
    }
}
@-webkit-keyframes drip{
    0%{
        opacity:0;
        bottom:-14px
    }
    100%{
        opacity:1;
        bottom:-34px
    }
}
@keyframes drip{
    0%{
        opacity:0;
        bottom:-14px
    }
    100%{
        opacity:1;
        bottom:-34px
    }
}
@-moz-keyframes expand-open{
    0%{
        -moz-transform:scale(0, 0);
        transform:scale(0, 0)
    }
    70%{
        -moz-transform:scale(1, 1);
        transform:scale(1, 1)
    }
    100%{
        -moz-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@-webkit-keyframes expand-open{
    0%{
        -webkit-transform:scale(0, 0);
        transform:scale(0, 0)
    }
    70%{
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
    100%{
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@keyframes expand-open{
    0%{
        -moz-transform:scale(0, 0);
        -ms-transform:scale(0, 0);
        -webkit-transform:scale(0, 0);
        transform:scale(0, 0)
    }
    70%{
        -moz-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
    100%{
        -moz-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@-moz-keyframes splash{
    0%{
        -moz-transform:scale(0.6, 0.6);
        transform:scale(0.6, 0.6)
    }
    70%{
        -moz-transform:scale(1.2, 1.2);
        transform:scale(1.2, 1.2)
    }
    100%{
        -moz-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@-webkit-keyframes splash{
    0%{
        -webkit-transform:scale(0.6, 0.6);
        transform:scale(0.6, 0.6)
    }
    70%{
        -webkit-transform:scale(1.2, 1.2);
        transform:scale(1.2, 1.2)
    }
    100%{
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@keyframes splash{
    0%{
        -moz-transform:scale(0.6, 0.6);
        -ms-transform:scale(0.6, 0.6);
        -webkit-transform:scale(0.6, 0.6);
        transform:scale(0.6, 0.6)
    }
    70%{
        -moz-transform:scale(1.2, 1.2);
        -ms-transform:scale(1.2, 1.2);
        -webkit-transform:scale(1.2, 1.2);
        transform:scale(1.2, 1.2)
    }
    100%{
        -moz-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -webkit-transform:scale(1, 1);
        transform:scale(1, 1)
    }
}
@-moz-keyframes bounce{
    0%{
        -moz-transform:scale(0.9, 0.9);
        transform:scale(0.9, 0.9)
    }
    100%{
        -moz-transform:scale(1.1, 1.1);
        transform:scale(1.1, 1.1)
    }
}
@-webkit-keyframes bounce{
    0%{
        -webkit-transform:scale(0.9, 0.9);
        transform:scale(0.9, 0.9)
    }
    100%{
        -webkit-transform:scale(1.1, 1.1);
        transform:scale(1.1, 1.1)
    }
}
@keyframes bounce{
    0%{
        -moz-transform:scale(0.9, 0.9);
        -ms-transform:scale(0.9, 0.9);
        -webkit-transform:scale(0.9, 0.9);
        transform:scale(0.9, 0.9)
    }
    100%{
        -moz-transform:scale(1.1, 1.1);
        -ms-transform:scale(1.1, 1.1);
        -webkit-transform:scale(1.1, 1.1);
        transform:scale(1.1, 1.1)
    }
}
@-moz-keyframes toggle-open{
    0%{
        -moz-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
    100%{
        -moz-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-webkit-keyframes toggle-open{
    0%{
        -webkit-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
    100%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes toggle-open{
    0%{
        -moz-transform:translate3d(-286px, 0, 0);
        -webkit-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
    100%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@-moz-keyframes toggle-close{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
}
@-webkit-keyframes toggle-close{
    0%{
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -webkit-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
}
@keyframes toggle-close{
    0%{
        -moz-transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    100%{
        -moz-transform:translate3d(-286px, 0, 0);
        -webkit-transform:translate3d(-286px, 0, 0);
        transform:translate3d(-286px, 0, 0)
    }
}
@-moz-keyframes loading{
    0%{
        background-position:0px 0px;
        background-position-y:0px
    }
    100%{
        background-position:0px -1700px;
        background-position-y:-1700px
    }
}
@-webkit-keyframes loading{
    0%{
        background-position:0px 0px;
        background-position-y:0px
    }
    100%{
        background-position:0px -1700px;
        background-position-y:-1700px
    }
}
@keyframes loading{
    0%{
        background-position:0px 0px;
        background-position-y:0px
    }
    100%{
        background-position:0px -1700px;
        background-position-y:-1700px
    }
}
@-moz-keyframes action-status-mb{
    0%{
        opacity:0;
        left:24px
    }
    4%{
        opacity:0;
        left:18px
    }
    5%{
        opacity:0.3;
        left:10px
    }
    6%{
        opacity:1;
        left:0
    }
    90%{
        opacity:1;
        left:0
    }
    100%{
        opacity:0
    }
}
@-webkit-keyframes action-status-mb{
    0%{
        opacity:0;
        left:24px
    }
    4%{
        opacity:0;
        left:18px
    }
    5%{
        opacity:0.3;
        left:10px
    }
    6%{
        opacity:1;
        left:0
    }
    90%{
        opacity:1;
        left:0
    }
    100%{
        opacity:0
    }
}
@keyframes action-status-mb{
    0%{
        opacity:0;
        left:24px
    }
    4%{
        opacity:0;
        left:18px
    }
    5%{
        opacity:0.3;
        left:10px
    }
    6%{
        opacity:1;
        left:0
    }
    90%{
        opacity:1;
        left:0
    }
    100%{
        opacity:0
    }
}
@-moz-keyframes action-status-pc{
    0%{
        opacity:0;
        right:130px -24px
    }
    4%{
        opacity:0;
        right:130px -18px
    }
    5%{
        opacity:0.3;
        right:120px
    }
    6%{
        opacity:1;
        right:130px
    }
    90%{
        opacity:1;
        right:130px
    }
    100%{
        opacity:0
    }
}
@-webkit-keyframes action-status-pc{
    0%{
        opacity:0;
        right:130px -24px
    }
    4%{
        opacity:0;
        right:130px -18px
    }
    5%{
        opacity:0.3;
        right:120px
    }
    6%{
        opacity:1;
        right:130px
    }
    90%{
        opacity:1;
        right:130px
    }
    100%{
        opacity:0
    }
}
@keyframes action-status-pc{
    0%{
        opacity:0;
        right:130px -24px
    }
    4%{
        opacity:0;
        right:130px -18px
    }
    5%{
        opacity:0.3;
        right:120px
    }
    6%{
        opacity:1;
        right:130px
    }
    90%{
        opacity:1;
        right:130px
    }
    100%{
        opacity:0
    }
}
.sitepolicy .static-wrapper,.equipment .equip-description,.friendlist .action,.ranking .ranking-description,.ranking .action,.ranking .action-disabled{
    width:294px;
    margin:0 auto
}
.lt-ie9 .sitepolicy .static-wrapper,.sitepolicy .lt-ie9 .static-wrapper,.lt-ie9 .equipment .equip-description,.equipment .lt-ie9 .equip-description,.lt-ie9 .friendlist .action,.friendlist .lt-ie9 .action,.lt-ie9 .ranking .ranking-description,.ranking .lt-ie9 .ranking-description,.lt-ie9 .ranking .action,.ranking .lt-ie9 .action,.lt-ie9 .ranking .action-disabled,.ranking .lt-ie9 .action-disabled{
    width:100%
}
@media screen and (min-width: 1025px){
    .sitepolicy .static-wrapper,.equipment .equip-description,.friendlist .action,.ranking .ranking-description,.ranking .action,.ranking .action-disabled{
        width:100%
    }
}
.equipment .equip-detail .equip-item-img,.equipment .equip-detail .equip-gearpower-img,.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img,.ranking .ranklist .rank-detail .rank-gear .rank-item-img{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
    background-position:left top;
    background-repeat:no-repeat
}
.sitepolicy .static-wrapper+.static-wrapper{
    margin-top:60px
}
.sitepolicy section+section{
    margin-top:20px
}
.sitepolicy h2,.sitepolicy h3,.sitepolicy h4{
    font-weight:normal;
    color:white;
    margin:0
}
.sitepolicy h2{
    font-size:30px;
    font-size:3rem;
    margin-bottom:15px
}
.sitepolicy h3{
    font-size:24px;
    font-size:2.4rem;
    margin-bottom:15px
}
.sitepolicy p,.sitepolicy p span,.sitepolicy a,.sitepolicy strong{
    color:#fafafa;
    font-size:16px;
    font-size:1.6rem
}
.sitepolicy p+p{
    margin-top:30px
}
.sitepolicy a{
    color:white
}
.sitepolicy a:hover{
    text-decoration:underline
}
.info-message,.error-message{
    position:relative;
    display:block;
    width:276px;
    margin:40px auto;
    padding:20px;
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold;
    background:rgba(0,0,0,0.5);
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .info-message,.lt-ie9 .error-message{
    width:540px
}
@media screen and (min-width: 1025px){
    .info-message,.error-message{
        width:540px
    }
}
.ika-wrapper{
    min-height:100%;
    min-width:100%;
    *zoom:1
}
.ika-wrapper.friendlist,.ika-wrapper.welcome{
    background:url('bg/bg_friendlist-faf7902849b6bfdafb37165d2a266826e574a269a9bdcbea89558cedadfd4ca4.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ika-wrapper.friendlist,.ika-wrapper.welcome{
        background:url('bg/@2x/bg_friendlist-d20dccde83e0d769455ff580421b84805be7ff1c6494e812200a51d067b10be0.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.ika-wrapper.ranking{
    background:url('bg/bg_ranking-24d23314649c1b1c4ea61999246256d7f4db73b8d489bd429e6daa5741e59f6d.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ika-wrapper.ranking{
        background:url('bg/@2x/bg_ranking-a7432ce7bf194d220345649d7369a52fb977878c79c539ed40e2065ec5d8cb85.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.ika-wrapper.stage{
    background:url('bg/bg_stage-e8559cd1808f36e1ead7594ce89cada8d8fb4267892f4771368e384612cf3df8.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ika-wrapper.stage{
        background:url('bg/@2x/bg_stage-e8fe89423bce5899a3edea3884841d9eed10a3099b29482277d0dbd4a25d8b9e.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.ika-wrapper.equipment{
    background:url('bg/bg_equipment-53013035f47184a17871845b772c181b7df702a8cb13233e9e23049a05cca79b.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ika-wrapper.equipment{
        background:url('bg/@2x/bg_equipment-bedf92d6f41ee59b7f391f7e01d7ec00cb932e5152a2196ac939df0ad6c674b3.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.ika-wrapper.sitepolicy{
    background:url('bg/bg_friendlist-faf7902849b6bfdafb37165d2a266826e574a269a9bdcbea89558cedadfd4ca4.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ika-wrapper.sitepolicy{
        background:url('bg/@2x/bg_friendlist-d20dccde83e0d769455ff580421b84805be7ff1c6494e812200a51d067b10be0.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.geso{
    position:relative;
    width:100%;
    height:60px;
    margin-bottom:10px;
    background:black
}
.geso .geso-bottom-wrapper{
    overflow:hidden;
    width:100%;
    position:absolute;
    top:60px
}
.geso .geso-bottom{
    content:'';
    width:1024px;
    height:18px;
    background:transparent url('svg/ui/bg_header_wave-59d556a181d6146620e75ca3adea5b61bd175820334270a7828974276cb6765f.svg') 0 0 no-repeat
}
.lt-ie9 .geso{
    float:left;
    display:block;
    width:286px;
    height:auto
}
.lt-ie9 .geso:before{
    content:'';
    position:absolute;
    bottom:-23px;
    width:286px;
    height:24px;
    background:transparent url('svg/ui/bg_menu_bottom_wave-03056ad08bac76d5bf1d0bc2895f30cda65a731d9d69789719da70a084be31cb.svg') 0 0 no-repeat
}
.lt-ie9 .geso:after{
    content:'';
    position:absolute;
    top:0;
    right:-38px;
    width:38px;
    height:797px;
    background:transparent url('svg/ui/bg_menu_right_wave-c8ca7628fe4a702b3985b66f59c365748d266db743ec3a7a7e68211c81c74ec1.svg') 0 0 no-repeat
}
.lt-ie9 .geso .geso-bottom{
    display:none
}
@media screen and (min-width: 1025px){
    .geso{
        float:left;
        display:block;
        width:286px;
        height:auto
    }
    .geso:before{
        content:'';
        position:absolute;
        bottom:-23px;
        width:286px;
        height:24px;
        background:transparent url('svg/ui/bg_menu_bottom_wave-03056ad08bac76d5bf1d0bc2895f30cda65a731d9d69789719da70a084be31cb.svg') 0 0 no-repeat
    }
    .geso:after{
        content:'';
        position:absolute;
        top:0;
        right:-38px;
        width:38px;
        height:797px;
        background:transparent url('svg/ui/bg_menu_right_wave-c8ca7628fe4a702b3985b66f59c365748d266db743ec3a7a7e68211c81c74ec1.svg') 0 0 no-repeat
    }
    .geso .geso-bottom{
        display:none
    }
}
header{
    position:relative;
    width:100%;
    height:78px;
    z-index:6
}
.lt-ie9 header{
    height:138px;
    margin-bottom:28px
}
@media screen and (min-width: 1025px){
    header{
        height:138px;
        margin-bottom:28px
    }
}
header .humberger{
    position:absolute;
    top:16px;
    left:20px;
    display:block;
    width:32px;
    height:32px;
    cursor:pointer
}
.lt-ie9 header .humberger{
    display:none
}
@media screen and (min-width: 1025px){
    header .humberger{
        display:none
    }
}
header .header-logo{
    margin:0 auto
}
.navigation{
    position:absolute;
    width:286px;
    top:60px;
    padding:42px 10px 10px;
    z-index:5;
    background:black;
    -moz-border-radius:0 0 14px 0;
    -webkit-border-radius:0;
    border-radius:0 0 14px 0
}
.lt-ie9 .navigation{
    position:relative;
    display:block !important;
    top:0;
    padding:10px;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0
}
@media screen and (min-width: 1025px){
    .navigation{
        position:relative;
        display:block !important;
        top:0;
        padding:10px;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0
    }
}
.navigation li{
    width:100%;
    margin-bottom:16px
}
.navigation li:last-child{
    margin-bottom:42px
}
.togglemenu-transition{
    -moz-animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:toggle 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.togglemenu-enter{
    -moz-animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:toggle-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.togglemenu-leave{
    -moz-animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:toggle-close 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.nnid{
    position:relative;
    width:210px;
    height:154px;
    margin:0 auto;
    padding-top:52px;
    background:#181818;
    border-radius:46px
}
.nnid .mii{
    position:absolute;
    top:-10px;
    left:-4px;
    overflow:hidden;
    *zoom:1
}
.nnid .mii .icon-mii{
    float:left
}
.nnid .mii .mii-name-wrapper{
    float:left;
    display:table;
    margin-left:10px
}
.nnid .mii .mii-name{
    display:table-cell;
    vertical-align:middle;
    height:40px
}
.nnid a{
    margin:0 auto 16px
}
.nnid a:last-child{
    margin-bottom:0
}
.microsite{
    display:block;
    width:164px;
    margin:30px auto 42px
}
.enpera{
    height:15px
}
.enpera .link-wrapper{
    text-align:center
}
.enpera .link-wrapper a{
    display:inline-block;
    padding:10px 0;
    margin-bottom:30px;
    font-size:14px;
    font-size:1.4rem
}
.enpera small{
    display:block;
    text-align:center;
    font-size:14px;
    font-size:1.4rem;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity:0.8
}
.do{
    *zoom:1
}
.lt-ie9 .do{
    float:left;
    width:68%;
    margin-left:34px
}
@media screen and (min-width: 1025px){
    .do{
        float:left;
        width:68%;
        margin-left:34px
    }
}
.lt-ie9 .do-public{
    float:none;
    width:720px;
    margin:0 auto
}
@media screen and (min-width: 1025px){
    .do-public{
        float:none;
        width:720px;
        margin:0 auto
    }
}
.lt-ie9 .do-public>.headline{
    width:400px;
    margin:0 auto
}
@media screen and (min-width: 1025px){
    .do-public>.headline{
        width:400px;
        margin:0 auto
    }
}
.headline{
    overflow:hidden;
    *zoom:1;
    margin-top:30px
}
.lt-ie9 .headline{
    margin-top:66px
}
@media screen and (min-width: 1025px){
    .headline{
        margin-top:66px
    }
}
.headline h1{
    position:relative;
    width:294px;
    height:68px;
    margin:0 auto;
    width:294px;
    height:68px;
    background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
    -moz-background-size:294px 68px;
    -o-background-size:294px 68px;
    -webkit-background-size:294px 68px;
    background-size:294px 68px
}
.lt-ie9 .headline h1{
    width:400px;
    height:70px;
    margin:0;
    width:400px;
    height:70px;
    background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
    -moz-background-size:400px 70px;
    -o-background-size:400px 70px;
    -webkit-background-size:400px 70px;
    background-size:400px 70px;
    background-position:-32px 0
}
@media screen and (min-width: 1025px){
    .headline h1{
        width:400px;
        height:70px;
        margin:0;
        width:400px;
        height:70px;
        background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
        -moz-background-size:400px 70px;
        -o-background-size:400px 70px;
        -webkit-background-size:400px 70px;
        background-size:400px 70px;
        background-position:-32px 0
    }
}
.contents{
    *zoom:1;
    position:relative
}
.error-message:before{
    content:"";
    position:absolute;
    top:-20px;
    left:0
}
.error-page{
    text-align:center
}
.error-page:before{
    content:'';
    display:block;
    width:150px;
    height:116px;
    margin:0 auto;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -438px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .error-page:before{
        background-position:0 -219px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .error-page:before{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -876px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .error-page:before{
        background-position:0 -438px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
[v-cloak]{
    display:none
}
.overlay-mask{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:2
}
.loading{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    margin:auto;
    display:block;
    width:106px;
    height:106px;
    padding:10px;
    background:black;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.loading .loading-img{
    width:50px;
    height:50px;
    margin:0 auto;
    background-image:url('loading-sdf75a44176-bc75e345604345b1639b5ddd04dbacd0780667f0c09640f90e0f0ee9093179b6.png');
    -moz-animation:loading 0.56s steps(17) infinite;
    -webkit-animation:loading 0.56s steps(17) infinite;
    animation:loading 0.56s steps(17) infinite
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .loading .loading-img{
        background-image:url('loading/@2x-sbb9f022940-cb27d69f23a4d1112bc2a0d272538f39dd3017be20e5f2e3f4a460bd0071b68d.png');
        -moz-background-size:cover;
        -o-background-size:cover;
        -webkit-background-size:cover;
        background-size:cover
    }
}
.loading .loading-text{
    margin:10px auto 0
}
.modal-description{
    position:relative;
    display:table;
    width:250px;
    margin:24px auto;
    background:black;
    border-radius:10px
}
.modal-check{
    display:block;
    margin:8px auto 26px;
    cursor:pointer;
    width:230px;
    font-size:12px;
    color:white;
    text-align:left;
    position:relative;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none
}
.modal-check.disabled{
    color:#7c7c7c
}
.modal-check input[type="checkbox"]{
    position:absolute;
    opacity:0;
    top:0;
    left:0
}
.modal-check input[type="checkbox"]+.checkbox{
    display:inline-block;
    width:32px;
    height:32px;
    position:absolute;
    top:2px;
    z-index:1
}
.modal-check input[type="checkbox"]:checked+.checkbox{
    width:32px;
    height:32px;
    background:transparent url('svg/ui/ico_check-08e7f25acc8e943e5b5751b2726e90750a2d186aa7db2dc2dd523dd36d7bde5b.svg') 0 0 no-repeat
}
.modal-check .checkbox-text{
    margin-left:10px
}
.modal-check .checkbox-text:before{
    width:24px;
    height:24px;
    content:'';
    display:inline-block;
    position:relative;
    top:7px;
    left:-5px
}
.modal-check .checkbox-text:before{
    background:#414141
}
.modal-check.enabled:hover input[type="checkbox"]:not(:checked)+.checkbox+.checkbox-text:before{
    background:#616161
}
.modal-check-description{
    position:relative;
    display:table;
    width:226px;
    height:24px;
    margin:13px auto;
    font-size:1.5rem
}
.modal-description{
    position:relative;
    display:table;
    width:250px;
    margin:24px auto;
    background:black;
    border-radius:10px;
    text-align:left
}
.equipment .headline{
    margin-bottom:36px
}
.equipment .headline h1{
    margin-bottom:10px
}
.equipment .contents{
    width:304px;
    margin:-12px auto 0
}
.lt-ie9 .equipment .contents{
    width:540px
}
@media screen and (min-width: 1025px){
    .equipment .contents{
        width:540px
    }
}
.equipment .equip-description{
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    line-height:1.6em
}
.lt-ie9 .equipment .equip-description{
    font-size:18px;
    font-size:1.8rem
}
@media screen and (min-width: 1025px){
    .equipment .equip-description{
        font-size:18px;
        font-size:1.8rem
    }
}
.equipment .equip-detail{
    margin-bottom:64px;
    padding:30px;
    background:rgba(0,0,0,0.5);
    border-radius:14px
}
.lt-ie9 .equipment .equip-detail .equip-user-main{
    overflow:hidden;
    *zoom:1
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main{
        overflow:hidden;
        *zoom:1
    }
}
.equipment .equip-detail .equip-user-main>div{
    display:block
}
.lt-ie9 .equipment .equip-detail .equip-user-main>div{
    float:left
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main>div{
        float:left
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info{
    margin-bottom:50px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info{
    width:250px;
    margin-bottom:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info{
        width:250px;
        margin-bottom:0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
    margin-bottom:30px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
    margin-bottom:20px
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
        margin-bottom:20px
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-mii{
    margin:0 auto 10px
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-username{
    text-align:center;
    font-weight:bold;
    font-size:24px;
    font-size:2.4rem
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
    overflow:hidden;
    *zoom:1;
    width:256px;
    height:64px;
    margin:0 auto 16px;
    padding:0 34px 0 40px;
    background:black;
    -moz-border-radius:32px;
    -webkit-border-radius:32px;
    border-radius:32px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
    width:250px;
    margin-bottom:10px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
    margin-bottom:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
        width:250px;
        margin-bottom:10px
    }
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
        margin-bottom:0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status h3,.equipment .equip-detail .equip-user-main .equip-user-info .user-status p{
    float:left
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
    margin:20px 52px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
    margin:20px 46px 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
        margin:20px 46px 0 0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank+p span{
    margin:4px 6px 0 0;
    transform:scale(1.2, 1.2)
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
    margin:14px 30px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
    margin:20px 24px 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
        margin:20px 24px 0 0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae+p{
    margin:16px 0 0;
    transform:scale(1.2, 1.2)
}
.equipment .equip-detail .equip-user-main .equip-user-weapon{
    position:relative;
    width:228px;
    height:192px;
    margin-bottom:40px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -168px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-weapon{
    margin:24px 0 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        margin:24px 0 0 0
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-position:0 -84px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -337px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-position:0 -168px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-detail .equip-user-main .equip-user-weapon .equip-weapon-img{
    width:148px;
    height:114px;
    -moz-background-size:148px, 114px;
    -o-background-size:148px, 114px;
    -webkit-background-size:148px, 114px;
    background-size:148px, 114px
}
.equipment .equip-detail .equip-gearpower-img{
    width:36px;
    height:36px
}
.equipment .equip-detail .equip-gearpower-slot{
    position:relative;
    width:36px;
    height:36px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
    background:black
}
.equipment .equip-detail .equip-gearpower-slot .equip-gearpower-img{
    width:36px;
    height:36px;
    -moz-background-size:36px, 36px;
    -o-background-size:36px, 36px;
    -webkit-background-size:36px, 36px;
    background-size:36px, 36px
}
.lt-ie9 .equipment .equip-detail .equip-user-protections{
    overflow:hidden;
    *zoom:1;
    margin:30px 0 10px;
    padding:18px 18px 18px 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-protections{
        overflow:hidden;
        *zoom:1;
        margin:30px 0 10px;
        padding:18px 18px 18px 0
    }
}
.equipment .equip-detail .equip-user-protections .equip-protective{
    position:relative;
    margin:0 auto 40px;
    width:126px;
    height:106px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -62px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective{
    float:left;
    margin:0 42px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
    margin-right:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        float:left;
        margin:0 42px 0 0
    }
    .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
        margin-right:0
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
    margin-bottom:0
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-item-img{
    width:80px;
    height:62px;
    -moz-background-size:80px, 62px;
    -o-background-size:80px, 62px;
    -webkit-background-size:80px, 62px;
    background-size:80px, 62px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-default{
    position:absolute;
    right:-18px;
    top:-18px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom{
    position:absolute;
    left:9px;
    bottom:-18px;
    overflow:hidden;
    *zoom:1
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li{
    float:left;
    margin-right:4px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li:last-child{
    margin-right:0
}
.equipment .equip-painted .equip-painted-heading{
    margin:0 auto 50px
}
.lt-ie9 .equipment .equip-painted .equip-painted-heading{
    margin:0 auto 74px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-heading{
        margin:0 auto 74px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
    position:relative;
    width:304px;
    height:64px;
    margin-bottom:20px;
    background:black;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data{
    width:420px;
    height:84px;
    margin:0 auto 34px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data{
        width:420px;
        height:84px;
        margin:0 auto 34px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
    position:absolute;
    left:8px;
    top:1px;
    width:72px;
    height:62px;
    -moz-background-size:72px, 62px;
    -o-background-size:72px, 62px;
    -webkit-background-size:72px, 62px;
    background-size:72px, 62px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 0;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 0;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 0;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 0;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
    left:24px;
    top:-24px;
    width:126px;
    height:106px;
    -moz-background-size:126px, 106px;
    -o-background-size:126px, 106px;
    -webkit-background-size:126px, 106px;
    background-size:126px, 106px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -62px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        left:24px;
        top:-24px;
        width:126px;
        height:106px;
        -moz-background-size:126px, 106px;
        -o-background-size:126px, 106px;
        -webkit-background-size:126px, 106px;
        background-size:126px, 106px;
        background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
        background-position:0 -62px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
    width:52px;
    height:40px;
    -moz-background-size:52px, 40px;
    -o-background-size:52px, 40px;
    -webkit-background-size:52px, 40px;
    background-size:52px, 40px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
    width:80px;
    height:62px;
    -moz-background-size:80px, 62px;
    -o-background-size:80px, 62px;
    -webkit-background-size:80px, 62px;
    background-size:80px, 62px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
        width:80px;
        height:62px;
        -moz-background-size:80px, 62px;
        -o-background-size:80px, 62px;
        -webkit-background-size:80px, 62px;
        background-size:80px, 62px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
    position:absolute;
    right:36px;
    top:14px
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
    margin:0 0.5px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
    right:52px;
    top:24px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
    margin:0 1px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
        right:52px;
        top:24px
    }
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
        margin:0 1px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
    position:absolute;
    right:8px;
    top:24px
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit span{
    display:inline-block;
    vertical-align:top
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
    right:24px;
    top:34px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
        right:24px;
        top:34px
    }
}
.friendlist .last-update{
    display:block;
    margin:14px auto 0;
    text-align:center;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity:0.9;
    font-size:14px;
    font-size:1.4rem
}
.lt-ie9 .friendlist .last-update{
    position:absolute;
    top:62px;
    right:50px;
    margin:26px auto 0
}
@media screen and (min-width: 1025px){
    .friendlist .last-update{
        position:absolute;
        top:62px;
        right:50px;
        margin:26px auto 0
    }
}
.friendlist .action{
    position:relative;
    height:94px;
    margin:0 auto;
    padding-top:24px;
    z-index:3;
    overflow:visible
}
.lt-ie9 .friendlist .action{
    height:114px
}
@media screen and (min-width: 1025px){
    .friendlist .action{
        height:114px
    }
}
.friendlist .action .action-wrapper{
    position:relative
}
.friendlist .action .action-button{
    position:absolute;
    right:0px;
    z-index:4
}
.lt-ie9 .friendlist .action .action-button{
    right:84px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-button{
        right:84px
    }
}
.friendlist .action .action-button>span{
    display:block;
    margin:0 auto
}
.friendlist .action .action-button.icon-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .friendlist .action .action-button.icon-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-button.icon-splash{
        right:62px
    }
}
.friendlist .action .action-button.icon-tw-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .friendlist .action .action-button.icon-tw-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-button.icon-tw-splash{
        right:62px
    }
}
.friendlist .action .action-status{
    position:absolute;
    left:0;
    top:-10px;
    width:270px;
    color:white;
    padding:18px 70px 18px 18px;
    background:black;
    font-weight:bold;
    font-size:14px;
    font-size:1.4rem;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    z-index:3;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1
}
.lt-ie9 .friendlist .action .action-status{
    top:0;
    right:130px;
    left:auto;
    padding:18px 86px 18px 18px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-status{
        top:0;
        right:130px;
        left:auto;
        padding:18px 86px 18px 18px
    }
}
.friendlist .action .action-status:before,.friendlist .action .action-status:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:-20px
}
.friendlist .action .action-status.action-status-anim-init{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    left:24px
}
.lt-ie9 .friendlist .action .action-status.action-status-anim-init{
    left:auto;
    right:90px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-status.action-status-anim-init{
        left:auto;
        right:90px
    }
}
.friendlist .action .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-mb linear 1 forwards;
    -webkit-animation:2.5s action-status-mb linear 1 forwards;
    animation:2.5s action-status-mb linear 1 forwards
}
.lt-ie9 .friendlist .action .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-pc linear 1 forwards;
    -webkit-animation:2.5s action-status-pc linear 1 forwards;
    animation:2.5s action-status-pc linear 1 forwards
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-status.action-status-anim-start{
        -moz-animation:2.5s action-status-pc linear 1 forwards;
        -webkit-animation:2.5s action-status-pc linear 1 forwards;
        animation:2.5s action-status-pc linear 1 forwards
    }
}
.friendlist .action .action-dialog{
    *zoom:1;
    position:absolute;
    right:0;
    top:56px;
    width:302px;
    z-index:3;
    background:#181818;
    padding:0 20px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .friendlist .action .action-dialog{
    right:142px;
    top:66px;
    width:542px
}
@media screen and (min-width: 1025px){
    .friendlist .action .action-dialog{
        right:142px;
        top:66px;
        width:542px
    }
}
.friendlist .action .action-dialog .action-heading{
    margin:54px auto 40px
}
.friendlist .action .action-dialog .rank-tweet-img{
    display:block;
    margin:0 auto 40px;
    width:256px;
    height:126px
}
.friendlist .action .button-ok{
    margin:0 auto 34px
}
.friendlist .action .button-ok:hover:after{
    content:"";
    position:absolute;
    right:20px;
    width:72px;
    height:36px;
    background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
    -moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.friendlist .action .expand-transition{
    transform-origin:right top
}
.friendlist .action .expand-enter{
    -moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.friendlist .action .manifestation .plan-date,.friendlist .action .manifestation .plan-feel,.friendlist .action .manifestation .plan-weapon{
    display:block;
    margin:0 auto 18px
}
.friendlist .action .manifestation .select-date,.friendlist .action .manifestation .select-feel,.friendlist .action .manifestation .select-weapon{
    display:block;
    width:270px;
    height:56px;
    margin:0 auto 26px
}
.friendlist .action .manifestation .select-date{
    overflow:hidden;
    *zoom:1;
    width:244px;
    padding:8px 0 0 8px;
    width:248px;
    height:52px;
    background:transparent url('svg/ui/bg_h2-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat
}
.friendlist .action .manifestation .select-date .select-hour,.friendlist .action .manifestation .select-date .select-minutes{
    float:left;
    display:block
}
.friendlist .action .manifestation .select-date .select-hour>span,.friendlist .action .manifestation .select-date .select-minutes>span{
    float:left;
    display:block
}
.friendlist .action .manifestation .select-date .select-hour:after,.friendlist .action .manifestation .select-date .select-minutes:after{
    content:"";
    display:block;
    float:left;
    margin:6px 0 0 6px
}
.friendlist .action .manifestation .select-date>span{
    float:left;
    display:block
}
.friendlist .action .manifestation .select-feel,.friendlist .action .manifestation .select-weapon{
    overflow:hidden;
    *zoom:1;
    padding:8px 0 0 8px;
    width:248px;
    height:52px;
    background:transparent url('svg/ui/bg_h2-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat
}
.friendlist .action .manifestation .select-feel:after,.friendlist .action .manifestation .select-weapon:after{
    content:"";
    display:block;
    float:left;
    margin:6px 0 0 4px
}
.friendlist .action .manifestation .select-feel>span,.friendlist .action .manifestation .select-weapon>span{
    display:block;
    float:left
}
.friendlist .action .manifestation .select-feel>span{
    width:190px;
    height:32px
}
.friendlist .action .manifestation .select-weapon .icon-weapon-wrapper{
    width:52px;
    height:40px
}
.friendlist .action .manifestation .select-weapon .typography-weapon-wrapper{
    width:136px;
    height:18px;
    margin:8px 0 0 4px
}
.friendlist .action .manifestation .select-box{
    text-align:center
}
.friendlist .friend-list,.friendlist .proposer{
    width:304px;
    margin:0 auto;
    padding:20px 0;
    background:rgba(0,0,0,0.5);
    border-radius:14px
}
.lt-ie9 .friendlist .friend-list,.lt-ie9 .friendlist .proposer{
    width:540px
}
@media screen and (min-width: 1025px){
    .friendlist .friend-list,.friendlist .proposer{
        width:540px
    }
}
.friendlist .proposer{
    position:relative;
    margin-bottom:38px
}
.friendlist .proposer h2{
    position:absolute;
    top:-30px;
    width:294px;
    height:68px;
    margin:0 auto
}
.friendlist .friend{
    overflow:hidden;
    *zoom:1;
    width:282px;
    margin:0 auto;
    padding:20px 0 0
}
.friendlist .friend:nth-child(1){
    padding:0
}
.lt-ie9 .friendlist .friend{
    width:480px
}
@media screen and (min-width: 1025px){
    .friendlist .friend{
        width:480px
    }
}
.friendlist .friend.status-online .friend-icon{
    position:relative
}
.friendlist .friend.status-online .friend-icon:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:22px;
    height:24px;
    background:transparent url('svg/ui/ico_friend_online-2eb25a87da8297df5622858e31cc336bee9da1f2f2d35c4c83b251f37b99991e.svg') 0 0 no-repeat
}
.friendlist .friend.status-playing .friend-icon{
    width:74px;
    height:60px;
    background:transparent url('svg/ui/ico_friend_play_splatoon-404133658f77f6269d90bc3648702fb5b9f4ed050f262beaf01746aa338c9761.svg') 0 0 no-repeat
}
.friendlist .friend.status-offline .typography-player-name{
    color:#464646
}
.friendlist .friend-icon{
    float:left;
    display:table;
    width:74px;
    height:64px
}
.friendlist .friend-icon .icon-mii{
    text-align:center;
    margin:10px auto 0
}
.friendlist .friend-name-wrapper{
    float:left;
    display:table;
    height:64px;
    margin-left:8px
}
.friendlist .friend-name-wrapper .friend-text-box{
    display:table-cell;
    vertical-align:middle
}
.friendlist .friend-name-wrapper .friend-text-box span{
    display:block
}
.friendlist .friend-yaranaika{
    float:left;
    display:table;
    width:270px;
    margin:0 auto;
    width:294px;
    height:56px;
    background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
    -moz-background-size:294px, 56px;
    -o-background-size:294px, 56px;
    -webkit-background-size:294px, 56px;
    background-size:294px, 56px
}
.lt-ie9 .friendlist .friend-yaranaika{
    width:400px;
    margin-left:80px;
    width:400px;
    height:56px;
    background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
    -moz-background-size:400px, 56px;
    -o-background-size:400px, 56px;
    -webkit-background-size:400px, 56px;
    background-size:400px, 56px
}
@media screen and (min-width: 1025px){
    .friendlist .friend-yaranaika{
        width:400px;
        margin-left:80px;
        width:400px;
        height:56px;
        background:transparent url('svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg') 0 0 no-repeat;
        -moz-background-size:400px, 56px;
        -o-background-size:400px, 56px;
        -webkit-background-size:400px, 56px;
        background-size:400px, 56px
    }
}
.friendlist .friend-yaranaika>span{
    display:table-cell;
    vertical-align:middle;
    padding:0 8px;
    color:#ff6e00;
    font-size:18px;
    font-size:1.8rem
}
.friendlist .friend-plan{
    float:left;
    width:282px;
    height:136px;
    margin:8px auto 0
}
.lt-ie9 .friendlist .friend-plan{
    width:400px;
    height:200px;
    margin-left:80px
}
@media screen and (min-width: 1025px){
    .friendlist .friend-plan{
        width:400px;
        height:200px;
        margin-left:80px
    }
}
.welcome .geso-public{
    position:absolute;
    width:100%;
    height:390px;
    background:url('bg/bg_mb_login-47680123d4623cf01cbaa9b16ea411804fba52dff487009bb62bfbc362736fc7.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .welcome .geso-public{
        background:url('bg/@2x/bg_mb_login-5d8f03653e7f9057e8f94abc8b460ae78e150a871162f4a4ab4598215b820812.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .welcome .geso-public{
        -moz-background-size:320px;
        -o-background-size:320px;
        -webkit-background-size:320px;
        background-size:320px
    }
}
.lt-ie9 .welcome .geso-public{
    height:620px;
    background:url('bg/bg_pc_login-34fd3882e943336b3ab9a443f39cc12b1050773ad346aa3d669131196e96f015.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .welcome .geso-public{
        background:url('bg/@2x/bg_pc_login-38e72da6e94fd3f28c4f002f52c52dc8f0d5b99a81f786cde356250b7e7fc8ce.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media screen and (min-width: 1025px){
    .welcome .geso-public{
        height:620px;
        background:url('bg/bg_pc_login-34fd3882e943336b3ab9a443f39cc12b1050773ad346aa3d669131196e96f015.png') 0 0 repeat
    }
}
.welcome .geso-public .icon-header-logo{
    background-repeat:no-repeat;
    width:436px;
    height:116px;
    margin:0 auto;
    background:url('bg/bg_mb_login_splash-167db6209b4174159ca0798b5eeb2386d2a60afa44e1bd6f9ade4371d8d2e5de.png') 0 0 repeat;
    background-repeat:no-repeat !important
}
@media screen and (max-width: 436px){
    .welcome .geso-public .icon-header-logo{
        width:100%;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .welcome .geso-public .icon-header-logo{
        background:url('bg/@2x/bg_mb_login_splash_en-210b70a7ecfc0ee2cee02cb369f3bbce0525125eb5cf00507adbde70e8550dec.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.lt-ie9 .welcome .geso-public .icon-header-logo{
    width:538px;
    height:184px;
    background:url('bg_mb_login_splash_en-210b70a7ecfc0ee2cee02cb369f3bbce0525125eb5cf00507adbde70e8550dec.png') 0 0 repeat;
    background-repeat:no-repeat !important
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .welcome .geso-public .icon-header-logo{
        background:url('bg/@2x/bg_pc_login_splash_en-651c477b84eb2e0a354543cfead48a7f2ca1daac8effb473820bb13ac68d0c55.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media screen and (min-width: 1025px){
    .welcome .geso-public .icon-header-logo{
        width:538px;
        height:184px;
        background:url('bg/bg_pc_login_splash_en-651c477b84eb2e0a354543cfead48a7f2ca1daac8effb473820bb13ac68d0c55.png') 0 0 repeat;
        background-repeat:no-repeat !important
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .welcome .geso-public .icon-header-logo{
        background:url('bg/@2x/bg_pc_login_splash-ac29783f0327aa2ad8dc445866f9b3e844521d12c30be3af32a58188235ac2cc.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.welcome .contents{
    margin:390px 0 0
}
.lt-ie9 .welcome .contents{
    margin-top:620px
}
@media screen and (min-width: 1025px){
    .welcome .contents{
        margin-top:620px
    }
}
.welcome .enpera{
    margin-bottom:10px
}
.tour{
    position:relative;
    width:320px;
    margin:28px auto 0
}
.lt-ie9 .tour{
    width:640px;
    margin-top:50px
}
@media screen and (min-width: 1025px){
    .tour{
        width:640px;
        margin-top:50px
    }
}
.tour .tour-screen{
    width:320px;
    height:240px
}
.lt-ie9 .tour .tour-screen{
    width:640px;
    height:340px
}
@media screen and (min-width: 1025px){
    .tour .tour-screen{
        width:640px;
        height:340px
    }
}
.tour .tour-1{
    width:320px;
    height:240px;
    background:url('bg/description/mb-description01-b3fad8adea500a59d3bf3ed55864da905e9886a307a8a174febf568685fbd356.png') 0 0 repeat;
    background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .tour .tour-1{
        background:url('bg/description/@2x/mb-description01-3e73fc9853cecd63b61c16bb0aa10aa48351b955668b1dce3e565fe970aa751e.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.lt-ie9 .tour .tour-1{
    width:640px;
    height:340px;
    background:url('bg/description/pc-description01-ac8312dff395c09e4d6e64ed57a4902be931b45457b6fc2bcfe1d12f83a6c7d6.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .tour .tour-1{
        background:url('bg/description/@2x/pc-description01-14717941c50c5733d1dde1a5caa60cca3439eb519aa0546207d9e268d74624a6.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media screen and (min-width: 1025px){
    .tour .tour-1{
        width:640px;
        height:340px;
        background:url('bg/description/pc-description01-ac8312dff395c09e4d6e64ed57a4902be931b45457b6fc2bcfe1d12f83a6c7d6.png') 0 0 repeat
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .tour .tour-1{
        background:url('bg/description/@2x/pc-description01-14717941c50c5733d1dde1a5caa60cca3439eb519aa0546207d9e268d74624a6.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.tour .tour-2{
    width:320px;
    height:240px;
    background:url('bg/description/mb-description02-39f2a07831bbd24546df6664bdd1883fd1d0d122ea84d51a99d2e31ce405b890.png') 0 0 repeat;
    background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .tour .tour-2{
        background:url('bg/description/@2x/mb-description02-597fc95f13d6a710b5d388df01b0399b2d4a3165a208d564d607e593dce8bbcb.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.lt-ie9 .tour .tour-2{
    width:640px;
    height:340px;
    background:url('bg/description/pc-description02-a00069b1b10808548ab968cc8ff72838c8d52dcf4894c57592bbb7759a64ef54.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .tour .tour-2{
        background:url('bg/description/@2x/pc-description02-31e5519c3495f1e2f95330070d6b4b473d436cba3f88dba26ad886a17de66dcb.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media screen and (min-width: 1025px){
    .tour .tour-2{
        width:640px;
        height:340px;
        background:url('bg/description/pc-description02-a00069b1b10808548ab968cc8ff72838c8d52dcf4894c57592bbb7759a64ef54.png') 0 0 repeat
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .tour .tour-2{
        background:url('bg/description/@2x/pc-description02-31e5519c3495f1e2f95330070d6b4b473d436cba3f88dba26ad886a17de66dcb.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.tour .tour-3{
    width:320px;
    height:240px;
    background:url('bg/description/mb-description03-431319f90e2885d40e2c26b29d3819dde84dccc9278cbb1072732089995eb283.png') 0 0 repeat;
    background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .tour .tour-3{
        background:url('bg/description/@2x/mb-description03-407fa7c6a1a014f3c824b254b676bf066b458fae8c5889058eb1a25eb014ff88.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.lt-ie9 .tour .tour-3{
    width:640px;
    height:340px;
    background:url('bg/description/pc-description03-930614d9479c7ab4228be3c473c771bd26bd760f2a770cf236f5c5b3940aedaf.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .tour .tour-3{
        background:url('bg/description/@2x/pc-description03-222d3d79a5c88975c392af79081474fc35058744e70f7bba2e266f6b7c9b2a82.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
@media screen and (min-width: 1025px){
    .tour .tour-3{
        width:640px;
        height:340px;
        background:url('bg/description/pc-description03-930614d9479c7ab4228be3c473c771bd26bd760f2a770cf236f5c5b3940aedaf.png') 0 0 repeat
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .tour .tour-3{
        background:url('bg/description/@2x/pc-description03-222d3d79a5c88975c392af79081474fc35058744e70f7bba2e266f6b7c9b2a82.png') 0 0 repeat;
        -moz-background-size:100%;
        -o-background-size:100%;
        -webkit-background-size:100%;
        background-size:100%
    }
}
.tour .tour-prev{
    display:none;
    position:absolute;
    top:140px;
    left:0
}
.lt-ie9 .tour .tour-prev{
    display:block;
    width:82px;
    height:82px;
    background-color:black;
    -moz-border-radius:42px;
    -webkit-border-radius:42px;
    border-radius:42px
}
@media screen and (min-width: 1025px){
    .tour .tour-prev{
        display:block;
        width:82px;
        height:82px;
        background-color:black;
        -moz-border-radius:42px;
        -webkit-border-radius:42px;
        border-radius:42px
    }
}
.tour .tour-prev:before{
    content:"";
    position:absolute;
    display:block;
    top:26px;
    left:18px;
    width:82px;
    height:82px;
    background:transparent url('svg/ui/btn_carousel_prev-ef7ca010d65f70054bec6f8123573ac59e6b6b92276373fa5a8be4f1db0d2e3e.svg') 0 0 no-repeat;
    background-size:40px 28px
}
.tour .tour-next{
    display:none;
    position:absolute;
    top:140px;
    right:-26px
}
.lt-ie9 .tour .tour-next{
    display:block;
    width:82px;
    height:82px;
    background-color:black;
    -moz-border-radius:42px;
    -webkit-border-radius:42px;
    border-radius:42px
}
@media screen and (min-width: 1025px){
    .tour .tour-next{
        display:block;
        width:82px;
        height:82px;
        background-color:black;
        -moz-border-radius:42px;
        -webkit-border-radius:42px;
        border-radius:42px
    }
}
.tour .tour-next:before{
    content:"";
    position:absolute;
    display:block;
    top:26px;
    left:22px;
    width:82px;
    height:82px;
    background:transparent url('svg/ui/btn_carousel_next-66630b2ef6efeff58b1964ce7710dab9d41f556f774e894d7e0030e2bec020a9.svg') 0 0 no-repeat;
    background-size:40px 28px
}
.tour .tour-bullet-wrapper{
    position:absolute;
    width:320px;
    bottom:-4px
}
.lt-ie9 .tour .tour-bullet-wrapper{
    width:640px;
    bottom:6px
}
@media screen and (min-width: 1025px){
    .tour .tour-bullet-wrapper{
        width:640px;
        bottom:6px
    }
}
.tour .tour-bullet{
    overflow:hidden;
    *zoom:1;
    width:72px;
    margin:0 auto
}
.tour .tour-bullet>a{
    float:left;
    display:block;
    width:11px;
    height:11px;
    margin-top:4px;
    margin-right:16px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    background-color:#a0a0a0
}
.tour .tour-bullet>a:last-child{
    margin-right:0
}
.tour .tour-bullet>a.active{
    margin-top:0;
    width:18px;
    height:18px;
    background:transparent url('svg/ui/ico_carousel_active-664b1de122e2225ad6dc767f591ac4e70c70a8c6e3783b6838f70ca085f41e32.svg') 0 0 no-repeat
}
.login{
    width:182px;
    margin:10px auto 0
}
.lt-ie9 .login{
    width:366px
}
@media screen and (min-width: 1025px){
    .login{
        width:366px
    }
}
.nnid-login-btn{
    display:table;
    height:38px;
    margin:0 auto;
    background:#ff7d00;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border-bottom:2px solid #ff7d00;
    -moz-box-shadow:0 2px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.05);
    box-shadow:0 2px 0 rgba(0,0,0,0.05)
}
.nnid-login-btn .nnid-login-bg{
    display:table-cell;
    position:relative;
    float:left;
    height:38px;
    margin-left:42px;
    padding:0 26px;
    text-align:center;
    line-height:40px;
    color:white;
    font-size:18px;
    font-size:1.8rem;
    border-left:2px #f27700 solid
}
.nnid-login-btn .nnid-login-bg:before{
    content:'';
    display:block;
    position:absolute;
    top:6px;
    left:-34px;
    width:26px;
    height:28px;
    background:transparent url('nnlogo.svg') 0 0 no-repeat;
    -moz-background-size:26px 28px;
    -o-background-size:26px 28px;
    -webkit-background-size:26px 28px;
    background-size:26px 28px
}
.nnid-login-btn:hover{
    background:#e97200;
    border-bottom:2px #ba5b00 solid
}
.nnid-login-btn:hover .nnid-login-bg{
    background:#e97200;
    border-left:2px #dd6c00 solid
}
.nnid-login-btn:active{
    border-top:2px #ba5b00 solid;
    border-bottom:none
}
.nnid-description{
    display:block;
    margin:20px 0;
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold;
    text-align:center
}
.ranking .headline{
    margin-bottom:10px
}
.ranking .headline h1{
    margin-bottom:10px
}
.ranking .ranking-description{
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    line-height:1.6em
}
.lt-ie9 .ranking .ranking-description{
    font-size:18px;
    font-size:1.8rem
}
@media screen and (min-width: 1025px){
    .ranking .ranking-description{
        font-size:18px;
        font-size:1.8rem
    }
}
.ranking .action{
    position:relative;
    height:94px;
    margin:0 auto;
    padding-top:24px;
    z-index:3;
    overflow:visible
}
.lt-ie9 .ranking .action{
    height:114px
}
@media screen and (min-width: 1025px){
    .ranking .action{
        height:114px
    }
}
.ranking .action .action-wrapper{
    position:relative
}
.ranking .action .action-button{
    position:absolute;
    right:0px;
    z-index:4
}
.lt-ie9 .ranking .action .action-button{
    right:84px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-button{
        right:84px
    }
}
.ranking .action .action-button>span{
    display:block;
    margin:0 auto
}
.ranking .action .action-button.icon-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .ranking .action .action-button.icon-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-button.icon-splash{
        right:62px
    }
}
.ranking .action .action-button.icon-tw-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .ranking .action .action-button.icon-tw-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-button.icon-tw-splash{
        right:62px
    }
}
.ranking .action .action-status{
    position:absolute;
    left:0;
    top:-10px;
    width:270px;
    color:white;
    padding:18px 70px 18px 18px;
    background:black;
    font-weight:bold;
    font-size:14px;
    font-size:1.4rem;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    z-index:3;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1
}
.lt-ie9 .ranking .action .action-status{
    top:0;
    right:130px;
    left:auto;
    padding:18px 86px 18px 18px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-status{
        top:0;
        right:130px;
        left:auto;
        padding:18px 86px 18px 18px
    }
}
.ranking .action .action-status:before,.ranking .action .action-status:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:-20px
}
.ranking .action .action-status.action-status-anim-init{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    left:24px
}
.lt-ie9 .ranking .action .action-status.action-status-anim-init{
    left:auto;
    right:90px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-status.action-status-anim-init{
        left:auto;
        right:90px
    }
}
.ranking .action .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-mb linear 1 forwards;
    -webkit-animation:2.5s action-status-mb linear 1 forwards;
    animation:2.5s action-status-mb linear 1 forwards
}
.lt-ie9 .ranking .action .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-pc linear 1 forwards;
    -webkit-animation:2.5s action-status-pc linear 1 forwards;
    animation:2.5s action-status-pc linear 1 forwards
}
@media screen and (min-width: 1025px){
    .ranking .action .action-status.action-status-anim-start{
        -moz-animation:2.5s action-status-pc linear 1 forwards;
        -webkit-animation:2.5s action-status-pc linear 1 forwards;
        animation:2.5s action-status-pc linear 1 forwards
    }
}
.ranking .action .action-dialog{
    *zoom:1;
    position:absolute;
    right:0;
    top:56px;
    width:302px;
    z-index:3;
    background:#181818;
    padding:0 20px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .ranking .action .action-dialog{
    right:142px;
    top:66px;
    width:542px
}
@media screen and (min-width: 1025px){
    .ranking .action .action-dialog{
        right:142px;
        top:66px;
        width:542px
    }
}
.ranking .action .action-dialog .action-heading{
    margin:54px auto 40px
}
.ranking .action .action-dialog .rank-tweet-img{
    display:block;
    margin:0 auto 40px;
    width:256px;
    height:126px
}
.ranking .action .button-ok{
    margin:0 auto 34px
}
.ranking .action .button-ok:hover:after{
    content:"";
    position:absolute;
    right:20px;
    width:72px;
    height:36px;
    background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
    -moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.ranking .action .expand-transition{
    transform-origin:right top
}
.ranking .action .expand-enter{
    -moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.ranking .action .rank-tweet .rank-tweet-img{
    display:block;
    margin:0 auto 40px;
    width:256px;
    height:126px
}
.ranking .action-disabled{
    position:relative;
    height:94px;
    margin:0 auto;
    padding-top:24px;
    z-index:3;
    overflow:visible;
    margin-bottom:24px
}
.lt-ie9 .ranking .action-disabled{
    height:114px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled{
        height:114px
    }
}
.ranking .action-disabled .action-wrapper{
    position:relative
}
.ranking .action-disabled .action-button{
    position:absolute;
    right:0px;
    z-index:4
}
.lt-ie9 .ranking .action-disabled .action-button{
    right:84px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-button{
        right:84px
    }
}
.ranking .action-disabled .action-button>span{
    display:block;
    margin:0 auto
}
.ranking .action-disabled .action-button.icon-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .ranking .action-disabled .action-button.icon-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-button.icon-splash{
        right:62px
    }
}
.ranking .action-disabled .action-button.icon-tw-splash{
    right:-18px;
    top:-10px
}
.lt-ie9 .ranking .action-disabled .action-button.icon-tw-splash{
    right:62px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-button.icon-tw-splash{
        right:62px
    }
}
.ranking .action-disabled .action-status{
    position:absolute;
    left:0;
    top:-10px;
    width:270px;
    color:white;
    padding:18px 70px 18px 18px;
    background:black;
    font-weight:bold;
    font-size:14px;
    font-size:1.4rem;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    z-index:3;
    filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity:1
}
.lt-ie9 .ranking .action-disabled .action-status{
    top:0;
    right:130px;
    left:auto;
    padding:18px 86px 18px 18px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-status{
        top:0;
        right:130px;
        left:auto;
        padding:18px 86px 18px 18px
    }
}
.ranking .action-disabled .action-status:before,.ranking .action-disabled .action-status:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:-20px
}
.ranking .action-disabled .action-status.action-status-anim-init{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity:0;
    left:24px
}
.lt-ie9 .ranking .action-disabled .action-status.action-status-anim-init{
    left:auto;
    right:90px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-status.action-status-anim-init{
        left:auto;
        right:90px
    }
}
.ranking .action-disabled .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-mb linear 1 forwards;
    -webkit-animation:2.5s action-status-mb linear 1 forwards;
    animation:2.5s action-status-mb linear 1 forwards
}
.lt-ie9 .ranking .action-disabled .action-status.action-status-anim-start{
    -moz-animation:2.5s action-status-pc linear 1 forwards;
    -webkit-animation:2.5s action-status-pc linear 1 forwards;
    animation:2.5s action-status-pc linear 1 forwards
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-status.action-status-anim-start{
        -moz-animation:2.5s action-status-pc linear 1 forwards;
        -webkit-animation:2.5s action-status-pc linear 1 forwards;
        animation:2.5s action-status-pc linear 1 forwards
    }
}
.ranking .action-disabled .action-dialog{
    *zoom:1;
    position:absolute;
    right:0;
    top:56px;
    width:302px;
    z-index:3;
    background:#181818;
    padding:0 20px;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .ranking .action-disabled .action-dialog{
    right:142px;
    top:66px;
    width:542px
}
@media screen and (min-width: 1025px){
    .ranking .action-disabled .action-dialog{
        right:142px;
        top:66px;
        width:542px
    }
}
.ranking .action-disabled .action-dialog .action-heading{
    margin:54px auto 40px
}
.ranking .action-disabled .action-dialog .rank-tweet-img{
    display:block;
    margin:0 auto 40px;
    width:256px;
    height:126px
}
.ranking .action-disabled .button-ok{
    margin:0 auto 34px
}
.ranking .action-disabled .button-ok:hover:after{
    content:"";
    position:absolute;
    right:20px;
    width:72px;
    height:36px;
    background:transparent url('svg/ui/btn_ok_drip-a054c69e8d7de2cffd9bf312bd5f7b40f8a80687ae806ef70cf8b33e73ded9cc.svg') 0 0 no-repeat;
    -moz-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1);
    animation:drip 0.1s cubic-bezier(0.7, 0, 0.3, 1)
}
.ranking .action-disabled .expand-transition{
    transform-origin:right top
}
.ranking .action-disabled .expand-enter{
    -moz-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1);
    animation:expand-open 0.2s cubic-bezier(0.7, 0, 0.3, 1)
}
.ranking .action-disabled .action-button{
    margin:0
}
.ranking .ranklist-tab{
    text-align:center
}
.ranking .ranklist-tab .tab-regular{
    display:inline-block;
    background-position:center top
}
.ranking .ranklist-tab .tab-gachi{
    display:inline-block;
    background-position:center top
}
.ranking .ranklist{
    display:none;
    width:304px;
    margin:-12px auto 0;
    padding:26px 0 20px;
    background:rgba(0,0,0,0.5);
    border-radius:14px
}
.lt-ie9 .ranking .ranklist{
    width:540px
}
@media screen and (min-width: 1025px){
    .ranking .ranklist{
        width:540px
    }
}
.ranking .ranklist.is-show{
    display:block
}
.ranking .ranklist .rank-detail{
    position:relative;
    display:block;
    margin:14px auto;
    width:280px;
    height:150px;
    background:black;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px
}
.lt-ie9 .ranking .ranklist .rank-detail{
    width:420px;
    height:92px
}
@media screen and (min-width: 1025px){
    .ranking .ranklist .rank-detail{
        width:420px;
        height:92px
    }
}
.ranking .ranklist .rank-detail>*{
    position:absolute
}
.ranking .ranklist .rank-detail .rank-num{
    left:10px;
    top:-6px
}
.ranking .ranklist .rank-detail .rank-num span{
    display:inline-block
}
.ranking .ranklist .rank-detail .rank-mii{
    left:24px;
    top:24px
}
.ranking .ranklist .rank-detail .rank-username{
    left:86px;
    top:16px;
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold
}
.ranking .ranklist .rank-detail .rank-username.regular-my-name{
    color:#7bed00
}
.ranking .ranklist .rank-detail .rank-username.gachi-my-name{
    color:#ff4e00
}
.ranking .ranklist .rank-detail .rank-score{
    left:86px;
    top:46px
}
.ranking .ranklist .rank-detail .rank-score span{
    display:inline-block
}
.ranking .ranklist .rank-detail .rank-gear{
    left:86px;
    top:89px;
    overflow:hidden;
    *zoom:1
}
.lt-ie9 .ranking .ranklist .rank-detail .rank-gear{
    left:auto;
    right:20px;
    top:40px
}
@media screen and (min-width: 1025px){
    .ranking .ranklist .rank-detail .rank-gear{
        left:auto;
        right:20px;
        top:40px
    }
}
.ranking .ranklist .rank-detail .rank-gear li{
    position:relative;
    float:left;
    margin-right:4px
}
.ranking .ranklist .rank-detail .rank-gear li:last-child{
    margin-right:0
}
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
    width:54px;
    height:45px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -392px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-weapon{
        background-position:0 -196px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -785px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-weapon{
        background-position:0 -392px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.ranking .ranklist .rank-detail .rank-gear .rank-weapon .rank-weapon-img{
    width:36px;
    height:28px;
    -moz-background-size:36px, 28px;
    -o-background-size:36px, 28px;
    -webkit-background-size:36px, 28px;
    background-size:36px, 28px;
    background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/weapon/rank/ico_wp_bigball_diffusion00.png')
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-weapon .rank-weapon-img{
        background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/weapon/rank/@2x/ico_wp_bigball_diffusion00.png')
    }
}
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
    width:38px;
    height:32px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -360px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-protective{
        background-position:0 -180px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-protective{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -721px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-protective{
        background-position:0 -360px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.ranking .ranklist .rank-detail .rank-gear .rank-protective .rank-item-img{
    width:26px;
    height:20px;
    -moz-background-size:26px, 20px;
    -o-background-size:26px, 20px;
    -webkit-background-size:26px, 20px;
    background-size:26px, 20px
}
.ranking .ranklist .rank-detail .rank-gear .rank-head .rank-head-img{
    background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/head/rank/head_1002.png')
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-head .rank-head-img{
        background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/head/rank/@2x/head_1002.png')
    }
}
.ranking .ranklist .rank-detail .rank-gear .rank-clothes .rank-clothes-img{
    background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/clothes/rank/clothes_1.png')
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-clothes .rank-clothes-img{
        background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/clothes/rank/@2x/clothes_1.png')
    }
}
.ranking .ranklist .rank-detail .rank-gear .rank-shoes .rank-shoes-img{
    background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/shoes/rank/shoes_1010.png')
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .ranking .ranklist .rank-detail .rank-gear .rank-shoes .rank-shoes-img{
        background-image:url('https://splatoon.nintendo.net/assets/img/svg/gear/shoes/rank/@2x/shoes_1010.png')
    }
}
.headline-description{
    display:block;
    width:276px;
    margin:16px auto 0;
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold
}
.lt-ie9 .headline-description{
    width:100%;
    margin:16px 0 0
}
@media screen and (min-width: 1025px){
    .headline-description{
        width:100%;
        margin:16px 0 0
    }
}
.stage-schedule{
    display:block;
    width:276px;
    margin:52px auto 14px;
    font-size:24px;
    font-size:2.4rem;
    font-weight:bold;
    text-align:center
}
.lt-ie9 .stage-schedule{
    width:540px;
    margin-bottom:40px;
    text-align:center
}
@media screen and (min-width: 1025px){
    .stage-schedule{
        width:540px;
        margin-bottom:40px;
        text-align:center
    }
}
.stage-list{
    width:304px;
    margin:0 auto 30px;
    padding:32px 0 26px;
    background:rgba(0,0,0,0.5);
    border-radius:14px
}
.lt-ie9 .stage-list{
    width:540px
}
@media screen and (min-width: 1025px){
    .stage-list{
        width:540px
    }
}
.match-type{
    overflow:hidden;
    *zoom:1;
    width:260px;
    margin:0 auto 46px
}
.lt-ie9 .match-type{
    width:336px
}
@media screen and (min-width: 1025px){
    .match-type{
        width:336px
    }
}
.match-type>span{
    display:block;
    margin:0 auto
}
.lt-ie9 .match-type>span{
    float:left
}
.lt-ie9 .match-type>span:last-child{
    margin:12px 0 0 8px
}
@media screen and (min-width: 1025px){
    .match-type>span{
        float:left
    }
    .match-type>span:last-child{
        margin:12px 0 0 8px
    }
}
.map-type{
    width:260px;
    margin:0 auto
}
.lt-ie9 .map-type{
    overflow:hidden;
    *zoom:1;
    width:552px
}
@media screen and (min-width: 1025px){
    .map-type{
        overflow:hidden;
        *zoom:1;
        width:552px
    }
}
.lt-ie9 .map-type .map-box{
    float:left
}
.lt-ie9 .map-type .map-box:first-child{
    margin:0 6px
}
@media screen and (min-width: 1025px){
    .map-type .map-box{
        float:left
    }
    .map-type .map-box:first-child{
        margin:0 6px
    }
}
.map-type .map-image{
    display:block;
    width:260px;
    height:146px;
    background-color:black;
    -moz-background-size:260px, 146px;
    -o-background-size:260px, 146px;
    -webkit-background-size:260px, 146px;
    background-size:260px, 146px
}
.map-type .map-name{
    display:block;
    margin:30px 0;
    text-align:center;
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold
}
.rule-description{
    display:block;
    width:240px;
    margin:20px auto 54px;
    text-align:center;
    font-size:18px;
    font-size:1.8rem;
    font-weight:bold
}
.lt-ie9 .rule-description{
    width:528px
}
@media screen and (min-width: 1025px){
    .rule-description{
        width:528px
    }
}
.icon-regular-match{
    width:82px;
    height:74px;
    background:transparent url('svg/ui/ico_stage_regular-54557ab86d0cba16cf002e6d299f87dccb41655de8a171d32928bfebda3f3692.svg') 0 0 no-repeat
}
.typography-regular-match{
    width:246px;
    height:43px;
    background:transparent url('svg/text/scene/stage/tx_regularmatch-f38b247dfc52198fe167834305d9be107c6f8ac38d1ada619bdf275ebfebdbef.svg.html') 0 0 no-repeat;
    -moz-background-size:246px, 43px;
    -o-background-size:246px, 43px;
    -webkit-background-size:246px, 43px;
    background-size:246px, 43px;
    background-position:0 0
}
.icon-earnest-match{
    width:82px;
    height:74px;
    background:transparent url('svg/ui/ico_stage_gachi-d2041f3d0fc360ad6c7c00dc4f5bfd1aa626a251d35af88c076b5498d8eb991d.svg') 0 0 no-repeat
}
.typography-earnest-match{
    width:171px;
    height:48px;
    background:transparent url('svg/text/scene/stage/tx_gachimatch-8b30550315c2069467831e484cf27fe9e278074f5eccbf9386441c1e63b33372.svg.html') 0 0 no-repeat;
    -moz-background-size:171px, 48px;
    -o-background-size:171px, 48px;
    -webkit-background-size:171px, 48px;
    background-size:171px, 48px;
    background-position:0 0
}
.typography-rule{
    display:block;
    margin:0 auto;
    width:71px;
    height:21px;
    background:transparent url('svg/text/scene/stage/tx_rule-13e21703ba2138146293d83489e720e83fdf48f002d3393de55f24825e39095b.svg') 0 0 no-repeat;
    -moz-background-size:71px, 21px;
    -o-background-size:71px, 21px;
    -webkit-background-size:71px, 21px;
    background-size:71px, 21px;
    background-position:0 0
}
.festival-image{
    margin:10px auto 0;
    width:300px;
    height:180px;
    display:block;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -1128px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .festival-image{
        background-position:0 -564px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .festival-image{
        background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
        background-position:0 -554px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .festival-image{
        background-position:0 -277px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
.lt-ie9 .festival-image{
    width:600px;
    height:360px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -554px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .festival-image{
        background-position:0 -277px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .festival-image{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -1108px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .lt-ie9 .festival-image{
        background-position:0 -554px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
@media screen and (min-width: 1025px){
    .festival-image{
        width:600px;
        height:360px;
        background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
        background-position:0 -554px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .festival-image{
        background-position:0 -277px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .festival-image{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -1108px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .festival-image{
        background-position:0 -554px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .headline{
    margin-bottom:36px
}
.equipment .headline h1{
    margin-bottom:10px
}
.equipment .contents{
    width:304px;
    margin:-12px auto 0
}
.lt-ie9 .equipment .contents{
    width:540px
}
@media screen and (min-width: 1025px){
    .equipment .contents{
        width:540px
    }
}
.equipment .equip-description{
    font-size:14px;
    font-size:1.4rem;
    font-weight:bold;
    line-height:1.6em
}
.lt-ie9 .equipment .equip-description{
    font-size:18px;
    font-size:1.8rem
}
@media screen and (min-width: 1025px){
    .equipment .equip-description{
        font-size:18px;
        font-size:1.8rem
    }
}
.equipment .equip-detail{
    margin-bottom:64px;
    padding:30px;
    background:rgba(0,0,0,0.5);
    border-radius:14px
}
.lt-ie9 .equipment .equip-detail .equip-user-main{
    overflow:hidden;
    *zoom:1
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main{
        overflow:hidden;
        *zoom:1
    }
}
.equipment .equip-detail .equip-user-main>div{
    display:block
}
.lt-ie9 .equipment .equip-detail .equip-user-main>div{
    float:left
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main>div{
        float:left
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info{
    margin-bottom:50px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info{
    width:250px;
    margin-bottom:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info{
        width:250px;
        margin-bottom:0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
    margin-bottom:30px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
    margin-bottom:20px
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-profile{
        margin-bottom:20px
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-mii{
    margin:0 auto 10px
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-profile .profile-username{
    text-align:center;
    font-weight:bold;
    font-size:24px;
    font-size:2.4rem
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status{
    overflow:hidden;
    *zoom:1;
    width:256px;
    height:64px;
    margin:0 auto 16px;
    padding:0 34px 0 40px;
    background:black;
    -moz-border-radius:32px;
    -webkit-border-radius:32px;
    border-radius:32px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
    width:250px;
    margin-bottom:10px
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
    margin-bottom:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status{
        width:250px;
        margin-bottom:10px
    }
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status:last-child{
        margin-bottom:0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status h3,.equipment .equip-detail .equip-user-main .equip-user-info .user-status p{
    float:left
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
    margin:20px 52px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
    margin:20px 46px 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank{
        margin:20px 46px 0 0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-rank+p span{
    margin:4px 6px 0 0;
    transform:scale(1.2, 1.2)
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
    margin:14px 30px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
    margin:20px 24px 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae{
        margin:20px 24px 0 0
    }
}
.equipment .equip-detail .equip-user-main .equip-user-info .user-status .typography-equip-udemae+p{
    margin:16px 0 0;
    transform:scale(1.2, 1.2)
}
.equipment .equip-detail .equip-user-main .equip-user-weapon{
    position:relative;
    width:228px;
    height:192px;
    margin-bottom:40px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -168px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.lt-ie9 .equipment .equip-detail .equip-user-main .equip-user-weapon{
    margin:24px 0 0 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        margin:24px 0 0 0
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-position:0 -84px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -337px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-main .equip-user-weapon{
        background-position:0 -168px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-detail .equip-user-main .equip-user-weapon .equip-weapon-img{
    width:148px;
    height:114px;
    -moz-background-size:148px, 114px;
    -o-background-size:148px, 114px;
    -webkit-background-size:148px, 114px;
    background-size:148px, 114px
}
.equipment .equip-detail .equip-gearpower-img{
    width:36px;
    height:36px
}
.equipment .equip-detail .equip-gearpower-slot{
    position:relative;
    width:36px;
    height:36px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    border-radius:18px;
    background:black
}
.equipment .equip-detail .equip-gearpower-slot .equip-gearpower-img{
    width:36px;
    height:36px;
    -moz-background-size:36px, 36px;
    -o-background-size:36px, 36px;
    -webkit-background-size:36px, 36px;
    background-size:36px, 36px
}
.lt-ie9 .equipment .equip-detail .equip-user-protections{
    overflow:hidden;
    *zoom:1;
    margin:30px 0 10px;
    padding:18px 18px 18px 0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-protections{
        overflow:hidden;
        *zoom:1;
        margin:30px 0 10px;
        padding:18px 18px 18px 0
    }
}
.equipment .equip-detail .equip-user-protections .equip-protective{
    position:relative;
    margin:0 auto 40px;
    width:126px;
    height:106px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -62px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective{
    float:left;
    margin:0 42px 0 0
}
.lt-ie9 .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
    margin-right:0
}
@media screen and (min-width: 1025px){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        float:left;
        margin:0 42px 0 0
    }
    .equipment .equip-detail .equip-user-protections .equip-protective:last-child{
        margin-right:0
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-detail .equip-user-protections .equip-protective{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-detail .equip-user-protections .equip-protective:last-child{
    margin-bottom:0
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-item-img{
    width:80px;
    height:62px;
    -moz-background-size:80px, 62px;
    -o-background-size:80px, 62px;
    -webkit-background-size:80px, 62px;
    background-size:80px, 62px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-default{
    position:absolute;
    right:-18px;
    top:-18px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom{
    position:absolute;
    left:9px;
    bottom:-18px;
    overflow:hidden;
    *zoom:1
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li{
    float:left;
    margin-right:4px
}
.equipment .equip-detail .equip-user-protections .equip-protective .equip-gearpower-custom li:last-child{
    margin-right:0
}
.equipment .equip-painted .equip-painted-heading{
    margin:0 auto 50px
}
.lt-ie9 .equipment .equip-painted .equip-painted-heading{
    margin:0 auto 74px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-heading{
        margin:0 auto 74px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data{
    position:relative;
    width:304px;
    height:64px;
    margin-bottom:20px;
    background:black;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data{
    width:420px;
    height:84px;
    margin:0 auto 34px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data{
        width:420px;
        height:84px;
        margin:0 auto 34px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
    position:absolute;
    left:8px;
    top:1px;
    width:72px;
    height:62px;
    -moz-background-size:72px, 62px;
    -o-background-size:72px, 62px;
    -webkit-background-size:72px, 62px;
    background-size:72px, 62px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 0;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 0;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 0;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 0;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
    left:24px;
    top:-24px;
    width:126px;
    height:106px;
    -moz-background-size:126px, 106px;
    -o-background-size:126px, 106px;
    -webkit-background-size:126px, 106px;
    background-size:126px, 106px;
    background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
    background-position:0 -62px;
    background-repeat:no-repeat;
    -moz-background-size:auto;
    -o-background-size:auto;
    -webkit-background-size:auto;
    background-size:auto
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        left:24px;
        top:-24px;
        width:126px;
        height:106px;
        -moz-background-size:126px, 106px;
        -o-background-size:126px, 106px;
        -webkit-background-size:126px, 106px;
        background-size:126px, 106px;
        background-image:url('ui-saed2384d89-ee4a9a383c0239cb84ae18dac3a225a946795a7e49cf6bde2b39415a5d07a995.png');
        background-position:0 -62px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -31px;
        -moz-background-size:300px 794px;
        -o-background-size:300px 794px;
        -webkit-background-size:300px 794px;
        background-size:300px 794px
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-image:url('ui/@2x-sa7860ea4da-03351ffba2d779b6b024d6a2269061b3fc1a7c96d02288eae5ce4736480ea620.png');
        background-position:0 -124px;
        background-repeat:no-repeat;
        -moz-background-size:auto;
        -o-background-size:auto;
        -webkit-background-size:auto;
        background-size:auto
    }
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 2dppx), screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-resolution: 2dppx){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon{
        background-position:0 -62px;
        -moz-background-size:540px 1348px;
        -o-background-size:540px 1348px;
        -webkit-background-size:540px 1348px;
        background-size:540px 1348px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
    width:52px;
    height:40px;
    -moz-background-size:52px, 40px;
    -o-background-size:52px, 40px;
    -webkit-background-size:52px, 40px;
    background-size:52px, 40px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
    width:80px;
    height:62px;
    -moz-background-size:80px, 62px;
    -o-background-size:80px, 62px;
    -webkit-background-size:80px, 62px;
    background-size:80px, 62px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-weapon .equip-painted-weapon-img{
        width:80px;
        height:62px;
        -moz-background-size:80px, 62px;
        -o-background-size:80px, 62px;
        -webkit-background-size:80px, 62px;
        background-size:80px, 62px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
    position:absolute;
    right:36px;
    top:14px
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
    margin:0 0.5px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
    right:52px;
    top:24px
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
    margin:0 1px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number{
        right:52px;
        top:24px
    }
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-painted-point-number span{
        margin:0 1px
    }
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
    position:absolute;
    right:8px;
    top:24px
}
.equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit span{
    display:inline-block;
    vertical-align:top
}
.lt-ie9 .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
    right:24px;
    top:34px
}
@media screen and (min-width: 1025px){
    .equipment .equip-painted .equip-painted-rank .equip-painted-data .equip-paited-point-unit{
        right:24px;
        top:34px
    }
}
.sitepolicy .headline{
    margin-bottom:36px
}
.sitepolicy .headline h1{
    margin-bottom:10px
}
.sitepolicy .contents{
    width:304px;
    margin:3rem auto 0
}
.lt-ie9 .sitepolicy .contents{
    margin:-12px auto 0;
    width:540px
}
@media screen and (min-width: 1025px){
    .sitepolicy .contents{
        margin:-12px auto 0;
        width:540px
    }
}
select{
    color:black !important
}
button{
    border-width:0
}
select.invisible{
    position:absolute;
    opacity:0;
    top:0px;
    left:0px
}
select#hour{
    height:34px;
    line-height:34px;
    -webkit-appearance:none;
    width:95px
}
select#minutes{
    height:34px;
    line-height:34px;
    -webkit-appearance:none;
    width:95px
}
select#user_intention_game_mode{
    height:34px;
    line-height:34px;
    -webkit-appearance:none;
    width:230px;
    top:6px;
    left:6px
}
select#user_intention_weapon,select#join_intention_weapon{
    height:34px;
    line-height:34px;
    -webkit-appearance:none;
    width:230px;
    top:6px;
    left:6px
}
select#locale{
    height:20px;
    line-height:20px;
    -webkit-appearance:none;
    width:90px;
    top:-10px
}
label.select-hour,label.select-minutes,label.select-feel,label.select-weapon,label.select-locale{
    position:relative
}
.select-weapon .icon-weapon-wrapper{
    background-size:52px 40px
}
.hidden{
    display:none !important
}
div.friend-list.self{
    margin-bottom:20px
}
.nnid button{
    margin:0 auto 16px
}
#ika_swim{
    position:fixed
}
.ika-wrapper.welcome{
    overflow:hidden
}
.rank-tweet-img{
    position:relative
}
.rank-tweet-mii{
    position:absolute;
    top:4px;
    left:10px;
    width:32px;
    background:white;
    border-radius:100px
}
.rank-tweet-name{
    position:absolute;
    top:13px;
    left:45px
}
.rank-tweet-weapon{
    position:absolute;
    top:48px;
    left:137px;
    width:36px;
    height:28px;
    background-size:36px 28px
}
.rank-tweet-head{
    position:absolute;
    top:90px;
    left:140px;
    width:26px;
    height:20px;
    background-size:26px 20px
}
.rank-tweet-clothes{
    position:absolute;
    top:90px;
    left:170px;
    width:26px;
    height:20px;
    background-size:26px 20px
}
.rank-tweet-shoes{
    position:absolute;
    top:90px;
    left:202px;
    width:26px;
    height:20px;
    background-size:26px 20px
}
.rank-tweet-point{
    position:absolute;
    top:0px;
    left:0px;
    transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
    -ms-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
    -webkit-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
    -moz-transform:rotate(-5deg) scale(0.7) translate(0px, 115px);
    width:140px;
    text-align:center
}
.loading,.site-policy{
    text-align:center
}
.site-policy{
    margin:3rem 0 2rem 0
}
.overlay-mask.modal{
    z-index:3
}
.overlay-mask.menu{
    z-index:5
}
.festival{
    text-align:center;
    margin-bottom:10px;
    font-size:18px
}
.sitepolicy h4{
    font-size:18px
}
.sitepolicy li{
    margin-left:3rem;
    padding-top:1rem;
    list-style-type:disc;
    list-style-position:inside;
    font-size:1.6rem
}
.clear{
    clear:both
}
.ika-wrapper{
    padding-bottom:1rem
}
.festival-teams{
    display:block;
    font-size:2.4rem;
    font-weight:bold;
    margin:0px auto 20px;
    text-align:center;
    width:276px
}
.festival-teams .festival-team-info{
    display:block
}
.festival-teams .festival-team-info.festival-team-vs{
    display:inline-block;
    width:26px;
    height:16px;
    margin:0 10px;
    background:transparent url('svg/text/scene/stage/tx_vs-2fb51f54ae7435b2b22be69a48703fc4178125e9892e80787502d5eea8901ec3.svg') 0 0 no-repeat;
    -moz-background-size:26px, 16px;
    -o-background-size:26px, 16px;
    -webkit-background-size:26px, 16px;
    background-size:26px, 16px;
    background-position:0 0
}
@media screen and (min-width: 1025px){
    .festival-teams{
        margin-bottom:30px;
        width:540px
    }
    .festival-teams .festival-team-info{
        display:inline
    }
}
.festival-stage-list .map-type.second .map-box{
    margin:0px auto;
    float:none
}
.festival-stage-list .map-type.second .map-image{
    margin:0px auto
}
.prefetched-image{
    position:absolute;
    z-index:-1000;
    opacity:0;
    width:0px;
    height:0px
}
.locale-selector{
    margin:20px auto;
    text-align:center;
    height:20px
}
.select-locale:after{
    content:"";
    display:block;
    margin:6px 0 0 4px
}
.select-locale:after{
    background:url('svg/ui/ico_pulldown-daeb8f6ce24ca8e2faedddd342929c54d3d323ff25116ea0877be93efba2a347.svg') 0 0 no-repeat;
    height:16px;
    width:20px;
    display:inline-block
}
.typography-locale{
    height:18px;
    margin:8px 0 0 4px;
    width:60px;
    display:inline-block
}
.typography-locale.ja{
    background:url('svg/text/menu/tx_Japanese-2ffb0b4509759532318fba9d93b7befb8d6d4b3aa5434afe159d7656c60bedea.svg') 0 0 no-repeat
}
.typography-locale.en{
    background:url('svg/text/menu/tx_English-11762e5c1d4ff09f310bcf46f3dbfbfbe8c8ef2ee8a12b7e793c784d44442d4f.svg') 0 0 no-repeat
}
div.IkaAnime-common{
    width:64px;
    height:64px;
    position:absolute
}
div.IkaAnime_00{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') 0px 0px no-repeat
}
div.IkaAnime_01{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -64px 0px no-repeat
}
div.IkaAnime_02{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -128px 0px no-repeat
}
div.IkaAnime_03{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -192px 0px no-repeat
}
div.IkaAnime_04{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -256px 0px no-repeat
}
div.IkaAnime_05{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -320px 0px no-repeat
}
div.IkaAnime_06{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -384px 0px no-repeat
}
div.IkaAnime_07{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -448px 0px no-repeat
}
div.IkaAnime_08{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -512px 0px no-repeat
}
div.IkaAnime_09{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -576px 0px no-repeat
}
div.IkaAnime_10{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -640px 0px no-repeat
}
div.IkaAnime_11{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -704px 0px no-repeat
}
div.IkaAnime_12{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -768px 0px no-repeat
}
div.IkaAnime_13{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -832px 0px no-repeat
}
div.IkaAnime_14{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -896px 0px no-repeat
}
div.IkaAnime_15{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -960px 0px no-repeat
}
div.IkaAnime_16{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -1024px 0px no-repeat
}
div.IkaAnime_17{
    background:url('ika-8e075a29ff487983044303f98958fb8c852bc3e9ab07ee7597724b6c0aa4a5d7.png') -1088px 0px no-repeat
}
.weapon-list{
    color:black;
    border-collapse:collapse
}
.weapon-list td{
    border-width:0 0 1px 0;
    border-style:solid;
    border-color:gray
}
.mii img{
    -moz-border-radius:48px;
    -webkit-border-radius:48px;
    border-radius:48px;
    vertical-align:middle
}
.mii img.offline{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5
}
.intention span:after,.intention label:after,.intention-form span:after,.intention-form label:after{
    content:': '
}
.bold{
    font-weight:bold;
    color:maroon
}
.m-scooch{
    position:relative;
    overflow:hidden;
    -webkit-font-smoothing:antialiased
}
.m-scooch.m-left{
    text-align:left
}
.m-scooch.m-center{
    text-align:center
}
.m-scooch.m-fluid>.m-scooch-inner>*{
    width:100%
}
.m-scooch.m-fluid.m-center>.m-scooch-inner>*:first-child{
    margin-left:0%
}
.m-scooch.m-fluid-2>.m-scooch-inner>*{
    width:50%
}
.m-scooch.m-fluid-2.m-center>.m-scooch-inner>*:first-child{
    margin-left:25%
}
.m-scooch.m-fluid-3>.m-scooch-inner>*{
    width:33.333%
}
.m-scooch.m-fluid-3.m-center>.m-scooch-inner>*:first-child{
    margin-left:33.333%
}
.m-scooch.m-fluid-4>.m-scooch-inner>*{
    width:25%
}
.m-scooch.m-fluid-4.m-center>.m-scooch-inner>*:first-child{
    margin-left:37.5%
}
.m-scooch.m-fluid-5>.m-scooch-inner>*{
    width:20%
}
.m-scooch.m-fluid-5.m-center>.m-scooch-inner>*:first-child{
    margin-left:40%
}
.m-scooch.m-fluid-6>.m-scooch-inner>*{
    width:16.667%
}
.m-scooch.m-fluid-6.m-center>.m-scooch-inner>*:first-child{
    margin-left:41.667%
}
.m-scooch img{
    -ms-interpolation-mode:bicubic
}
.m-scooch .m-item{
    -webkit-transform:translate(0);
    transform:translate(0)
}
.m-scooch-inner{
    position:relative;
    white-space:nowrap;
    text-align:left;
    font-size:0;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -ms-transition-property:-ms-transform;
    -o-transition-property:-o-transform;
    transition-property:transform;
    -webkit-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
    -moz-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
    -ms-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
    -o-transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
    transition-timing-function:cubic-bezier(0.33, 0.66, 0.66, 1);
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s
}
.m-scooch-inner>*{
    display:inline-block;
    vertical-align:top;
    white-space:normal;
    font-size:16px
}
.m-fluid>.m-scooch-inner>*{
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -webkit-box-sizing:border-box
}
.m-center:not(.m-fluid)>.m-scooch-inner{
    display:inline-block;
    margin-right:-20000px !important;
    margin-left:0 !important
}
.m-center:not(.m-fluid)>.m-scooch-inner>*{
    position:relative;
    left:-20000px
}
.m-center:not(.m-fluid)>.m-scooch-inner>*:first-child{
    float:left;
    margin-right:20000px;
    left:0
}
.m-center:not(.m-fluid)>.m-scooch-inner>*:first-child:last-child{
    margin-right:0
}
.m-center:not(.m-fluid)>.m-scooch-inner>*:last-child{
    margin-right:-30000px
}
.m-scooch-controls{
    padding-top:10px;
    text-align:center
}
.m-scooch-controls a{
    padding:5px;
    -webkit-user-select:none;
    -moz-user-select:-moz-none;
    user-select:none;
    -webkit-user-drag:none;
    -moz-user-drag:-moz-none;
    user-drag:none
}
.m-scooch-bulleted a{
    line-height:0;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
    display:inline-block;
    padding:6px;
    width:0;
    height:0;
    margin:0 3px;
    color:#333;
    background-color:rgba(255,255,255,0.3);
    -webkit-transition:background-color 0.1s ease-in;
    -moz-transition:background-color 0.1s ease-in;
    -o-transition:background-color 0.1s ease-in;
    transition:background-color 0.1s ease-in;
    -webkit-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
    -moz-box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
    box-shadow:inset rgba(0,0,0,0.25) 0 1px 2px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.m-scooch-bulleted a:hover,.m-scooch-bulleted a:focus{
    text-decoration:none;
    background-color:rgba(255,255,255,0.6)
}
.m-scooch-bulleted a.m-active{
    background-color:#fff;
    -webkit-box-shadow:rgba(0,0,0,0.25) 0 1px 2px;
    -moz-box-shadow:rgba(0,0,0,0.25) 0 1px 2px;
    box-shadow:rgba(0,0,0,0.25) 0 1px 2px
}
.m-scooch-pagination{
    padding-top:10px
}
.m-scooch-pagination a{
    text-decoration:none;
    display:inline-block;
    padding:3px 10px;
    margin:1px 0;
    color:#333;
    background-color:rgba(255,255,255,0.3);
    -webkit-transition:background-color 0.1s ease-in;
    -moz-transition:background-color 0.1s ease-in;
    -o-transition:background-color 0.1s ease-in;
    transition:background-color 0.1s ease-in;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.m-scooch-pagination a:hover,.m-scooch-pagination a:focus{
    text-decoration:none;
    background-color:rgba(255,255,255,0.6)
}
.m-scooch-pagination a.m-active{
    background-color:#fff
}
.m-scooch-hud{
    padding-top:0
}
.m-scooch-hud a{
    z-index:2;
    opacity:0;
    display:block;
    position:absolute;
    top:50%;
    width:50px;
    height:50px;
    margin:-25px 0 0 0;
    padding:0;
    text-decoration:none;
    text-indent:-999px;
    overflow:hidden;
    color:rgba(255,255,255,0.8);
    background:rgba(0,0,0,0.8);
    -webkit-transition:opacity 0.1s ease-in;
    -moz-transition:opacity 0.1s ease-in;
    -o-transition:opacity 0.1s ease-in;
    transition:opacity 0.1s ease-in;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px
}
.m-scooch:hover .m-scooch-hud a{
    opacity:0.3
}
.m-scooch .m-scooch-hud a:hover,.m-scooch .m-scooch-hud a:focus{
    opacity:1
}
.m-scooch-hud a:after{
    color:rgba(255,255,255,0.85);
    content:"\25c0";
    font-size:25px;
    font-weight:bold;
    text-indent:0;
    text-align:center;
    display:block;
    position:absolute;
    top:10px;
    left:0;
    width:47px;
    height:50px;
    z-index:9
}
.m-scooch-hud .m-scooch-prev{
    left:10px
}
.m-scooch-hud .m-scooch-next{
    right:10px
}
.m-scooch-hud .m-scooch-next:after{
    left:auto;
    right:0;
    content:"\25b6"
}
.m-caption{
    margin:0;
    padding:10px;
    height:auto;
    text-align:center
}
.m-scaled .m-item{
    opacity:0.7;
    -webkit-backface-visibility:hidden;
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    transform:scale(0.75);
    -webkit-transition:-webkit-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
    -moz-transition-timing-function:-moz-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
    -o-transition-timing-function:-o-transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s;
    transition-timing-function:transform cubic-bezier(0.33, 0.66, 0.66, 1) 0.25s,opacity ease-out 0.25s
}
.m-scaled .m-active{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.m-fluid .m-item{
    margin-right:20px
}
.m-scooch-photos{
    margin:0 -10px;
    padding:0 10px
}
.m-scooch-photos .m-item>img{
    margin:0;
    padding:0;
    max-width:none;
    width:100%;
    height:auto;
    -webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    box-shadow:rgba(0,0,0,0.5) 0 5px 10px
}
.m-scooch-photos .m-caption{
    background:rgba(0,0,0,0.7);
    bottom:0;
    position:absolute;
    z-index:9;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.m-card-dark,.m-card-light{
    padding:20px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    -ms-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
    box-shadow:rgba(0,0,0,0.5) 0 5px 10px
}
.m-card-dark{
    background:rgba(0,0,0,0.5);
    color:#FFF
}
.m-card-light{
    background:rgba(255,255,255,0.9);
    color:#000
}
.m-card-dark .m-caption,.m-card-light .m-caption{
    margin:0;
    padding:10px 0 0 0
}
.m-fade-out{
    -webkit-mask-image:-webkit-linear-gradient(left, transparent 0%, #000 5%, #000 95%, transparent 100%)
}