SplatNet/assets/application-b4c7459fc6df950ab76bf61ce3457179f3260b0e44b1a2ea9fc252bbbc13ac22.css

7061 lines
No EOL
219 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/*! 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, " Pゴシック", "ヒラギノ角ゴ 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/en/ui-s583a844df0.png');
background-repeat:no-repeat
}
.icon-header-logo{
width:170px;
height:76px;
margin:0 auto;
display:block;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1058px;
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 -529px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.icon-header-logo{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -1996px;
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 -998px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.lt-ie9 .icon-header-logo{
width:300px;
height:138px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1134px;
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 -567px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .icon-header-logo{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2148px;
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 -1074px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@media screen and (min-width: 1025px){
.icon-header-logo{
width:300px;
height:138px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1134px;
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 -567px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2148px;
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 -1074px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.icon-humberger{
width:32px;
height:32px;
background:transparent url('../assets/en/svg/ui/ico_menu_open-2adae67d69fa2be05dec1c725379f5378d1f9b48b91bcb18fa1e4e59b9e9c073.svg') 0 0 no-repeat
}
.icon-humberger.is-open{
width:32px;
height:32px;
background:transparent url('../assets/en/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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1564px;
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 -782px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2648px;
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 -1324px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.icon-navi-friend:before{
content:'';
position:absolute;
top:10px;
left:22px;
width:40px;
height:40px;
background:transparent url('../assets/en/svg/ui/ico_friendlist-320cb666486606280b494d4d4427451b2de2c9ad01f3332c286433c6f536db0a.svg') 0 0 no-repeat
}
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1508px;
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('../assets/en/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 -754px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.icon-navi-friend:hover,.icon-navi-friend.is-selected{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2536px;
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 -1268px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.icon-navi-ranking:before{
content:'';
position:absolute;
top:10px;
left:22px;
width:40px;
height:40px;
background:transparent url('../assets/en/svg/ui/ico_ranking-c89e570ab4d08a764d285e453423188b1976895b3feacf031e3f231b1506b441.svg') 0 0 no-repeat
}
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1620px;
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('../assets/en/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 -810px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.icon-navi-ranking:hover,.icon-navi-ranking.is-selected{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2760px;
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 -1380px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.icon-navi-equipment:before{
content:'';
position:absolute;
top:10px;
left:22px;
width:40px;
height:40px;
background:transparent url('../assets/en/svg/ui/ico_equipment-40943361040a3d62c745a21d1a1fa95794c851f378e11334f2dc6c1cc81b4984.svg') 0 0 no-repeat
}
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1452px;
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('../assets/en/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 -726px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.icon-navi-equipment:hover,.icon-navi-equipment.is-selected{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2424px;
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 -1212px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.icon-navi-stage:before{
content:'';
position:absolute;
top:10px;
left:18px;
width:40px;
height:40px;
background:transparent url('../assets/en/svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg') 0 0 no-repeat
}
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1676px;
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('../assets/en/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 -838px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.icon-navi-stage:hover,.icon-navi-stage.is-selected{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -2872px;
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 -1436px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('../assets/en/svg/ui/btn_dlg_open_s-4f888e7d71af95757ff9356555e43251ff71960358e1ca7a7dadedba3147583c.svg') 0 0 no-repeat
}
.lt-ie9 .icon-ink{
width:128px;
height:90px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/ui/ico_pulldown-daeb8f6ce24ca8e2faedddd342929c54d3d323ff25116ea0877be93efba2a347.svg') 0 0 no-repeat
}
.icon-close{
display:block;
width:24px;
height:24px;
background:transparent url('../assets/en/svg/ui/ico_dlg_close-b49c94450a5558bebb38abc8d70a8c573617485daf0a4a4108184b9f509b37fd.svg') 0 0 no-repeat
}
.lt-ie9 .icon-close{
width:40px;
height:40px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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/en/svg/ui/btn_tab_gachi-a183468cd612375c3290608c7301df4b16c50673c8e57cac9493c3e640d0aec1.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/en/svg/ui/btn_tab_gachi_selected-2fe233e71653de2cb751aefce69b9b1460c1601f9a8dae368a61230e93bce2a1.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/en/svg/ui/btn_tab_regular-97b41c6712fe57567a0ec33f17fb9d497ab42bcf20b06b33551c9d18025b475d.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/en/svg/ui/btn_tab_regular_selected-679b2559a45c7eb1e81ea7b3f3237d9789b25dd40a1a1216d880f7b9b4126f86.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('https://splatoon.nintendo.net/assets/en/svg/ui/btn_dlg_twitter_open-5283a0466ba5870285ee56474e5eed09edb39d49941ea1c2dc673a87c0030a29.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink{
width:128px;
height:90px;
background:transparent url('https://splatoon.nintendo.net/assets/en/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('https://splatoon.nintendo.net/assets/en/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('../assets/en/svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-ink:before{
width:42px;
height:42px;
background:transparent url('../assets/en/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('../assets/en/svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg') 0 0 no-repeat
}
}
.icon-tw-ink-disabled{
width:85px;
height:60px;
background:transparent url('https://splatoon.nintendo.net/assets/en/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('https://splatoon.nintendo.net/assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/ui/ico_twitter_disable-5524ced4b48affdf963b8153cdabb57d8f224f891b1114561bacc68b46bbf880.svg') 0 0 no-repeat
}
}
.icon-tw-splash{
width:125px;
height:82px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/ui/ico_menu_close-f6b3b7d81183e80a08db0451f9d8956beee12c5b36ffab85b78c33b6620f9dff.svg') 0 0 no-repeat
}
.lt-ie9 .icon-tw-splash:before{
width:31px;
height:31px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/text/menu/tx_friendlist-c96280213f50b1bc3c6380aa2bf191f6aaf4fd2da44a111bcbb1495444f23868.svg') 0 0 no-repeat
}
a:hover .typography-friendlist,.typography-friendlist:hover,.is-selected .typography-friendlist{
width:161px;
height:29px;
background:transparent url('../assets/en/svg/text/menu/tx_friendlist_wht-b805b3146503cef16e75964333f58c2934bc3b6b6e1cd6e21172c85706a4deda.svg') 0 0 no-repeat
}
.typography-ranking{
position:absolute;
top:7px;
left:78px;
width:117px;
height:35px;
background:transparent url('../assets/en/svg/text/menu/tx_ranking-8d97ac01b5b5c5b9244c8a4960bce79d33349175d141b06da0d835c71c8298e2.svg') 0 0 no-repeat
}
a:hover .typography-ranking,.typography-ranking:hover,.is-selected .typography-ranking{
width:117px;
height:35px;
background:transparent url('../assets/en/svg/text/menu/tx_ranking_wht-6b4dcbc2bb6f0d50c8e6180ec1da935b54c3b0cc761dd7700b26c7bd1b5ac9d4.svg') 0 0 no-repeat
}
.typography-equipment{
position:absolute;
top:-11px;
left:78px;
width:157px;
height:74px;
background:transparent url('../assets/en/svg/text/menu/tx_equipment-8d59c4296bdafb1746824229dc9300ef6b140d4bda0bb0284a662903f20afe45.svg') 0 0 no-repeat
}
a:hover .typography-equipment,.typography-equipment:hover,.is-selected .typography-equipment{
width:157px;
height:74px;
background:transparent url('../assets/en/svg/text/menu/tx_equipment_wht-940f9bdfe17d321ac6bc737021f1b837ccace05cf0a14e24315e2a39d3d52a3e.svg') 0 0 no-repeat
}
.typography-stage{
position:absolute;
top:7px;
left:78px;
width:155px;
height:39px;
background:transparent url('../assets/en/svg/text/menu/tx_stageinfo-5e7f00d4a18387e2ee3065e97a475e23002554c3facc1dc6816cdb157c5985c4.svg') 0 0 no-repeat
}
a:hover .typography-stage,.typography-stage:hover,.is-selected .typography-stage{
width:155px;
height:39px;
background:transparent url('../assets/en/svg/text/menu/tx_stageinfo_wht-5fa41cd0a2c7e72f93cb7ec6821d01af7f5d05e91b9dc16b002197e69fdf9440.svg') 0 0 no-repeat
}
.typography-microsite{
width:164px;
height:17px;
background:transparent url('../assets/en/svg/text/menu/tx_officialpage-51d6bd752e52fb7c599246bec3c9bbb960e9f2ab063cf6e9e5b037e8fab8a7ea.svg') 0 0 no-repeat
}
.typography-corporate{
width:91px;
height:15px;
background:transparent url('../assets/en/svg/text/menu/tx_nintendo-8cad05eb543ca2c254e282cdf62fc0b3a027aed70e77a11a8cd45f0631f0acd7.svg.html') 0 0 no-repeat
}
.typography-twitter-link{
width:94px;
height:15px;
background:transparent url('../assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg') 0 0 no-repeat;
position:absolute;
top:8px;
left:38px
}
.typography-twitter-unlink{
width:104px;
height:24px;
background:transparent url('../assets/en/svg/text/menu/tx_twitter_Cancel-34186e4e830964405f2528210d7278206d255bf40b69559babc36a7a041e0394.svg') 0 0 no-repeat;
position:absolute;
top:1px;
left:38px
}
.typography-logout{
width:70px;
height:15px;
background:transparent url('../assets/en/svg/text/menu/tx_logout-a35c74ff79b585667ae273fd9477f07a9d07c7fce8f5ef24f8f8f43988b5afcb.svg') 0 0 no-repeat;
position:relative;
top:8px;
left:42px
}
.typography-headline-friendlist{
width:160px;
height:29px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_friendlist_wht-2bfe8465098d51b8154befcd805ada60d17bca5e1324f26fee3eb43278a8652b.svg') 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('../assets/en/svg/text/scene/stage/tx_stageinfo-05fcfde511f9f9e562b3bd73b096f9ce1c069f13aedc20b08fe2e8c5b1a5f6ae.svg') 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('../assets/en/svg/text/scene/rank/tx_ranking_wht-f79b9c472757006700455a8b74eaa4e50fee7c316373c98d873e0769f9bdb6d9.svg') 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:176px;
height:80px;
background:transparent url('../assets/en/svg/text/scene/equipment/tx_equipment-ea02b805bb9aec4677fb4a4629f515d402822e8eed1f3fcc524336fe3c813fee.svg') 0 0 no-repeat;
position:absolute;
top:-11px;
left:71px
}
.lt-ie9 .typography-headline-equipment{
width:176px;
height:80px;
position:absolute;
top:-11px;
left:71px
}
@media screen and (min-width: 1025px){
.typography-headline-equipment{
width:176px;
height:80px;
position:absolute;
top:-11px;
left:71px
}
}
.typography-recruiting{
width:76px;
height:35px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_recruiting-a2bf530e382bdd0f749e1da64434839d95c21392823685251b9fc89c36eedf81.svg') 0 0 no-repeat;
position:absolute;
top:15px;
left:12px
}
.lt-ie9 .typography-recruiting{
width:116px;
height:52px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_recruiting-a2bf530e382bdd0f749e1da64434839d95c21392823685251b9fc89c36eedf81.svg') 0 0 no-repeat;
position:absolute;
top:19px;
left:17px
}
@media screen and (min-width: 1025px){
.typography-recruiting{
width:116px;
height:52px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_recruiting-a2bf530e382bdd0f749e1da64434839d95c21392823685251b9fc89c36eedf81.svg') 0 0 no-repeat;
position:absolute;
top:19px;
left:17px
}
}
.typography-participation{
width:100px;
height:45px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_participation-4900feae5150a35fae95fbd8c973ff99d5eb374acd9b82f9258fba2e4a578500.svg') 0 0 no-repeat;
position:absolute;
top:8px;
left:-1px
}
.lt-ie9 .typography-participation{
width:153px;
height:65px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_participation-4900feae5150a35fae95fbd8c973ff99d5eb374acd9b82f9258fba2e4a578500.svg') 0 0 no-repeat;
position:absolute;
top:14px;
left:1px
}
@media screen and (min-width: 1025px){
.typography-participation{
width:153px;
height:65px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_participation-4900feae5150a35fae95fbd8c973ff99d5eb374acd9b82f9258fba2e4a578500.svg') 0 0 no-repeat;
position:absolute;
top:14px;
left:1px
}
}
.typography-participation-edit{
width:77px;
height:37px;
background:transparent url('../assets/en/svg/text/scene/friendpublic/tx_planchange-e5b56f4334b94f20f22e9c78eaf904b9c64c5d9a4d831c49350aad8e3548989a.svg') 0 0 no-repeat;
position:absolute;
top:14px;
left:9px
}
.lt-ie9 .typography-participation-edit{
width:123px;
height:57px;
background:transparent url('../assets/en/svg/text/scene/friendpublic/tx_planchange-e5b56f4334b94f20f22e9c78eaf904b9c64c5d9a4d831c49350aad8e3548989a.svg') 0 0 no-repeat;
position:absolute;
top:18px;
left:12px
}
@media screen and (min-width: 1025px){
.typography-participation-edit{
width:123px;
height:57px;
background:transparent url('../assets/en/svg/text/scene/friendpublic/tx_planchange-e5b56f4334b94f20f22e9c78eaf904b9c64c5d9a4d831c49350aad8e3548989a.svg') 0 0 no-repeat;
position:absolute;
top:18px;
left:12px
}
}
.typography-plan{
width:190px;
height:100px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_decide-641a9d51cf0d695603a3c5b62acd816c29fa0a9b4a3dd54b102044a1b4fc6b68.svg') 0 0 no-repeat;
background-position:0 0;
position:relative;
left:16px
}
.typography-plan-date{
width:88px;
height:21px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_starttime-84c1c77d573088cad4c7d4209bda257fc4d408e8c93848848cbefc4620eb0633.svg') 0 0 no-repeat
}
.typography-plan-feel{
width:92px;
height:23px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_feeling-9d553aefa73feeafa290549959b72b59bdaf8b4b2eb7271a98451d2fb3abb6e2.svg') 0 0 no-repeat
}
.typography-plan-weapon{
width:61px;
height:33px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_weapon-eadb2eec0e7572d061206ed3e2f52077a3bb1635d8a09f4402609176f1f5116f.svg') 0 0 no-repeat
}
.typography-ok{
display:block;
margin:8px auto 0;
width:99px;
height:41px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_ok-e0e72cb875809ec67939b59c813307c321344619bae0ceb5dd9c3c4dc29675f9.svg') 0 0 no-repeat
}
.typography-colon{
width:36px;
height:36px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/text/scene/friendlist/tx_playing-8ec9f2e90b914cd0bdacb841c7fa26f2a7e1efac65df47cd3c82b61f555ae620.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-regular{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_0-8ab24ac8c0d57b412ea490e572e4fe3e818eb35740bf55a644a41f11f2c11bd7.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-gachi{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_1-dd6319454155c1a6ddfafc0cd1d79a01d442608cb1710045bd2792967e4347ad.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-fes{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_2-ec8fca1503209b51ce255506a0af71164b031ba0693fdd3b2a0215ade38c46f0.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-private{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_3-af8799416ba0ba19290fa853e3889791e14d26348ffbef9667ca821b28e6bb41.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-tag{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_4-8c10171ab81f1e5b53de6a9496e4230861ed10ab5cb65b1ff6920b737695e6b1.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-online{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_online-06a79e224621a97437805ef171ce0feed3346bdfb8b2351bc8f2d0d11220bf18.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-friend-status-offline{
width:194px;
height:30px;
background:transparent url('../assets/en/svg/text/scene/friendlist/tx_playing_offline-7c39ce665755a8cf1b5a4c64c8f22f2f8e1c79af9ec6e98c606352b26904841b.svg') 0 0 no-repeat;
background-position:0 0
}
.typography-headline-plan{
width:318px;
height:142px;
background:transparent url('../assets/en/svg/text/scene/todayplan/tx_decide-641a9d51cf0d695603a3c5b62acd816c29fa0a9b4a3dd54b102044a1b4fc6b68.svg') 0 0 no-repeat;
background-position:30px -33px
}
.typography-headline-proposer{
width:266px;
height:56px;
background:transparent url('../assets/en/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('../assets/en/svg/text/scene/rank/tx_ico_regularmatch-d148024170655c92ebe8185afd8648d0394c237fdbe529493fee311804fe753e.svg') 0 0 no-repeat
}
.typography-rank-gachimatch{
width:266px;
height:56px;
background:transparent url('../assets/en/svg/text/scene/rank/tx_ico_gachimatch-6d55799b9bd2aacba249091910568da3669ab7a30399f78e11051660cdc93484.svg') 0 0 no-repeat
}
.typography-rank-tweet{
width:228px;
height:36px;
background:transparent url('https://splatoon.nintendo.net/assets/en/svg/text/scene/rank/tx_tweet-437948f00aedcc31241e8e38408f363d29d96b4d5e28a05469ccf83d3d9d2729.svg') 0 0 no-repeat
}
.typography-equip-rank{
width:58px;
height:22px;
background:transparent url('../assets/en/svg/text/scene/equipment/tx_rank-2bcc8d331694f06c2af30e720acafda60760c71f086906489afb73190a6913ce.svg') 0 0 no-repeat
}
.typography-equip-udemae{
width:83px;
height:31px;
background:transparent url('../assets/en/svg/text/scene/equipment/tx_udemae-3f0e377d89a469c62069c2304dae87dfdf2b98076a0a4662b9190800c2d9da91.svg') 0 0 no-repeat
}
.typography-equip-painted-area{
width:238px;
height:28px;
background:transparent url('../assets/en/svg/text/scene/equipment/tx_painted-ab352ac64b62b5c8e5e118f40bb20d9130f0987b7813e1587bf4c39daa40ec4f.svg') 0 0 no-repeat
}
.typography-point{
width:27px;
height:33px;
background:transparent url('../assets/en/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:70px;
height:20px;
background:transparent url('../assets/en/svg/text/wait/tx_loading-dccf3fb801ca859f2d17992f5cd7da62995c1fe81a306dd103398ef7c0e25b70.svg') 0 0 no-repeat;
-moz-background-size:70px, 20px;
-o-background-size:70px, 20px;
-webkit-background-size:70px, 20px;
background-size:70px, 20px
}
@-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('../assets/en/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('../assets/en/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('../assets/en/bg/bg_ranking-24d23314649c1b1c4ea61999246256d7f4db73b8d489bd429e6daa5741e59f6d.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ika-wrapper.ranking{
background:url('../assets/en/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('../assets/en/bg/bg_stage-e8559cd1808f36e1ead7594ce89cada8d8fb4267892f4771368e384612cf3df8.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ika-wrapper.stage{
background:url('../assets/en/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('../assets/en/bg/bg_equipment-53013035f47184a17871845b772c181b7df702a8cb13233e9e23049a05cca79b.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ika-wrapper.equipment{
background:url('../assets/en/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('../assets/en/bg/bg_friendlist-faf7902849b6bfdafb37165d2a266826e574a269a9bdcbea89558cedadfd4ca4.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ika-wrapper.sitepolicy{
background:url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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;
font-size:14px;
font-size:1.4rem
}
.enpera small{
text-align:center;
display:block;
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('../assets/en/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('../assets/en/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('../assets/en/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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.error-page:before{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
[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-s9c43802b62-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-se6335ab797-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('../assets/en/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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.equipment .equip-detail .equip-user-main .equip-user-weapon{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.equipment .equip-detail .equip-user-protections .equip-protective{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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 0
}
.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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/svg/ui/ico_friend_online-2eb25a87da8297df5622858e31cc336bee9da1f2f2d35c4c83b251f37b99991e.svg') 0 0 no-repeat
}
.friendlist .friend.status-playing .friend-icon{
width:74px;
height:60px;
background:transparent url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/bg/bg_mb_login-47680123d4623cf01cbaa9b16ea411804fba52dff487009bb62bfbc362736fc7.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.welcome .geso-public{
background:url('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/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('../assets/en/bg/bg_mb_login_splash_en-210b70a7ecfc0ee2cee02cb369f3bbce0525125eb5cf00507adbde70e8550dec.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('../assets/en/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('../assets/en/bg/bg_pc_login_splash_en-651c477b84eb2e0a354543cfead48a7f2ca1daac8effb473820bb13ac68d0c55.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('../assets/en/bg/@2x/bg_pc_login_splash_en-0f933de8d5748b8da67b48c507ae9634e0626cb9425ce8c4a745c0aa25f55f7f.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('../assets/en/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('../assets/en/bg/@2x/bg_pc_login_splash_en-0f933de8d5748b8da67b48c507ae9634e0626cb9425ce8c4a745c0aa25f55f7f.png') 0 0 repeat;
-moz-background-size:100%;
-o-background-size:100%;
-webkit-background-size:100%;
background-size:100%
}
}
.welcome .contents{
margin:395px 0 0
}
.lt-ie9 .welcome .contents{
margin-top:628px
}
@media screen and (min-width: 1025px){
.welcome .contents{
margin-top:628px
}
}
.welcome .enpera{
height:64px;
margin:auto 5rem
}
.welcome .enpera small{
text-align:center;
margin-top:1rem
}
.lt-ie9 .welcome .enpera small{
float:right;
position:relative;
top:48px
}
@media screen and (min-width: 1025px){
.welcome .enpera small{
float:right;
position:relative;
top:48px
}
}
.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('../assets/en/bg/description/mb-description01-b2fc3b4af23257308b4dc53e5d2fecffd1c28aa826f84c13ad7c7b28cf61dbb8.png') 0 0 repeat;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.tour .tour-1{
background:url('../assets/en/bg/description/@2x/mb-description01-098f937d17341d024aa75aaf64f180016309be2de983b817be218aa102e24078.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('../assets/en/bg/description/pc-description01-fb55a25267923d4264508ba8cb7f931b083c486dd581ceb2ddf71801419b3f4e.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .tour .tour-1{
background:url('../assets/en/bg/description/@2x/pc-description01-5e03191cea8c7e14793eabb07e81d210ea658cd6cd60f0eeb9f2d0d64cbcd042.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('../assets/en/bg/description/pc-description01-fb55a25267923d4264508ba8cb7f931b083c486dd581ceb2ddf71801419b3f4e.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('../assets/en/bg/description/@2x/pc-description01-5e03191cea8c7e14793eabb07e81d210ea658cd6cd60f0eeb9f2d0d64cbcd042.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('../assets/en/bg/description/mb-description02-83f1b2cc1a8799f21b1e80f1333540f0aa0b709640d0d8d25d1bc3ad2a599852.png') 0 0 repeat;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.tour .tour-2{
background:url('../assets/en/bg/description/@2x/mb-description02-af677095be75a35942ba12f788c78239fd973a9bacba4e25941a23d06653a5f2.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('../assets/en/bg/description/pc-description02-b9c649a485e1ba37828b58948dda9d381de3c4277424659ed500c784998b050b.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .tour .tour-2{
background:url('../assets/en/bg/description/@2x/pc-description02-5cb63c262909fe9e157ff35cb1cb169f5a65c7bc3f64d5efbb273e2b689283bc.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('../assets/en/bg/description/pc-description02-b9c649a485e1ba37828b58948dda9d381de3c4277424659ed500c784998b050b.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('../assets/en/bg/description/@2x/pc-description02-5cb63c262909fe9e157ff35cb1cb169f5a65c7bc3f64d5efbb273e2b689283bc.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('../assets/en/bg/description/mb-description03-b08abd4b724a4ec99c02b39309b9c25d6fc3fdd3e34a5d9893d8df1d116c8e4d.png') 0 0 repeat;
background-repeat:no-repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.tour .tour-3{
background:url('../assets/en/bg/description/@2x/mb-description03-58400f49972eec723d03784facd0f0f6d59e5d48b98cb8569383f6cc176df301.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('../assets/en/bg/description/pc-description03-85a29f02c2ea409e9e286d6539b24d1f43d343b4facf406bd37c10459b64f483.png') 0 0 repeat
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .tour .tour-3{
background:url('../assets/en/bg/description/@2x/pc-description03-1941a39129f48851f6a9b2ee9566e342e8d54e49a5145396e2c9dc9b96df219e.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('../assets/en/bg/description/pc-description03-85a29f02c2ea409e9e286d6539b24d1f43d343b4facf406bd37c10459b64f483.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('../assets/en/bg/description/@2x/pc-description03-1941a39129f48851f6a9b2ee9566e342e8d54e49a5145396e2c9dc9b96df219e.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('../assets/en/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('../assets/en/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('../assets/en/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:#a00b0b;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
border-bottom:2px solid #660606;
-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 #920a0a solid
}
.nnid-login-btn .nnid-login-bg:before{
content:'';
display:block;
position:absolute;
top:6px;
left:-34px;
width:26px;
height:28px;
background:transparent url('../assets/en/svg/ui/ico_sfid_login-a01be5411ee8044ca26b66ce5b3af77da71f34ae2e51c9f1b3a3c0d9f1aaa1b2.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:#c50f0f;
border-bottom:2px #790707 solid
}
.nnid-login-btn:hover .nnid-login-bg{
background:#c50f0f;
border-left:2px #af0c0c solid
}
.nnid-login-btn:active{
border-top:2px #790707 solid;
border-bottom:none
}
.nnid-description{
display:block;
margin:20px 0;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
text-align:center
}
.site-policy{
text-align:center
}
.lt-ie9 .site-policy{
text-align:left;
float:left
}
@media screen and (min-width: 1025px){
.site-policy{
text-align:left;
float:left
}
}
.esrb-bg{
width:29rem;
height:1rem
}
.esrb-bg:before{
content:'ESRB RATING: '
}
.esrb-bg:after{
content:'CARTOON VIOLENCE'
}
.esrb-bg:hover{
opacity:0.8
}
.lt-ie9 .esrb-bg{
position:absolute;
width:152px;
height:72px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -914px;
background-repeat:no-repeat;
-moz-background-size:auto;
-o-background-size:auto;
-webkit-background-size:auto;
background-size:auto
}
.lt-ie9 .esrb-bg:before{
content:''
}
.lt-ie9 .esrb-bg:after{
content:''
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .esrb-bg{
background-position:0 -457px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .esrb-bg{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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){
.lt-ie9 .esrb-bg{
background-position:0 -854px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@media screen and (min-width: 1025px){
.esrb-bg{
position:absolute;
width:152px;
height:72px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -914px;
background-repeat:no-repeat;
-moz-background-size:auto;
-o-background-size:auto;
-webkit-background-size:auto;
background-size:auto
}
.esrb-bg:before{
content:''
}
.esrb-bg:after{
content:''
}
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
.esrb-bg{
background-position:0 -457px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
.esrb-bg{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 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){
.esrb-bg{
background-position:0 -854px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.privacy-certified-bg:hover{
opacity:0.8
}
.lt-ie9 .privacy-certified-bg{
position:absolute;
width:54px;
height:72px;
margin-left:164px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -986px;
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 .privacy-certified-bg{
background-position:0 -493px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .privacy-certified-bg{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -1852px;
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 .privacy-certified-bg{
background-position:0 -926px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@media screen and (min-width: 1025px){
.privacy-certified-bg{
position:absolute;
width:54px;
height:72px;
margin-left:164px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -986px;
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){
.privacy-certified-bg{
background-position:0 -493px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1025px) and (min-resolution: 2dppx){
.privacy-certified-bg{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.png');
background-position:0 -1852px;
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){
.privacy-certified-bg{
background-position:0 -926px;
-moz-background-size:540px 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.site-policy-url{
display:block;
margin-top:1rem
}
.lt-ie9 .site-policy-url{
display:inline-block;
margin-left:242px;
position:relative;
top:52px;
left:12px
}
@media screen and (min-width: 1025px){
.site-policy-url{
display:inline-block;
margin-left:242px;
position:relative;
top:52px;
left:12px
}
}
.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 0
}
.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('../assets/en/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 0
}
.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('../assets/en/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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ranking .ranklist .rank-detail .rank-gear .rank-weapon{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.ranking .ranklist .rank-detail .rank-gear .rank-protective{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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:20px;
font-size:2rem;
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('../assets/en/svg/ui/ico_stage_regular-54557ab86d0cba16cf002e6d299f87dccb41655de8a171d32928bfebda3f3692.svg') 0 0 no-repeat
}
.typography-regular-match{
width:246px;
height:43px;
background:transparent url('../assets/en/svg/text/scene/stage/tx_regularmatch-2cee60cbe41a1594b8d5ef867138f99d843cfce6efe0c490a41632b2e99ec685.svg') 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('../assets/en/svg/ui/ico_stage_gachi-d2041f3d0fc360ad6c7c00dc4f5bfd1aa626a251d35af88c076b5498d8eb991d.svg') 0 0 no-repeat
}
.typography-earnest-match{
width:215px;
height:48px;
background:transparent url('../assets/en/svg/text/scene/stage/tx_gachimatch-08a066c73d4dcf466c435be611b996ffd7930d19d9a6a865b712cd5dd802534f.svg') 0 0 no-repeat;
-moz-background-size:215px, 48px;
-o-background-size:215px, 48px;
-webkit-background-size:215px, 48px;
background-size:215px, 48px;
background-position:0 0
}
.typography-rule{
display:block;
margin:0 auto;
width:144px;
height:33px;
background:transparent url('../assets/en/svg/text/scene/stage/tx_rule-76cf0777fb715a9478f8b579512541f3f14ed834566e0b6e153834a57d726021.svg') 0 0 no-repeat;
-moz-background-size:144px, 33px;
-o-background-size:144px, 33px;
-webkit-background-size:144px, 33px;
background-size:144px, 33px;
background-position:0 0
}
.festival-image{
margin:10px auto 0;
width:300px;
height:180px;
display:block;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.png');
background-position:0 -1272px;
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 -636px;
-moz-background-size:300px 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.festival-image{
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
.lt-ie9 .festival-image{
width:600px;
height:360px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.lt-ie9 .festival-image{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@media screen and (min-width: 1025px){
.festival-image{
width:600px;
height:360px;
background-image:url('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.equipment .equip-detail .equip-user-main .equip-user-weapon{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){
.equipment .equip-detail .equip-user-protections .equip-protective{
background-image:url('ui/@2x-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
@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('en/ui-scf41f55f26-b7d4baf19342db013cc20bb9d1dd2bfddc4817ace5a1c86f5e14705cd514311f.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 866px;
-o-background-size:300px 866px;
-webkit-background-size:300px 866px;
background-size:300px 866px
}
}
@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-s7d1cb2d0b4-a0a2a55cb184e63faa001b5cea7abed749e0e0cf06ec239e1c193e5ccd0c7b3b.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 1492px;
-o-background-size:540px 1492px;
-webkit-background-size:540px 1492px;
background-size:540px 1492px
}
}
.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{
text-align:left
}
.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('../assets/en/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('../assets/en/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('../assets/en/svg/text/menu/tx_Japanese-2ffb0b4509759532318fba9d93b7befb8d6d4b3aa5434afe159d7656c60bedea.svg') 0 0 no-repeat
}
.typography-locale.en{
background:url('../assets/en/svg/text/menu/tx_English-11762e5c1d4ff09f310bcf46f3dbfbfbe8c8ef2ee8a12b7e793c784d44442d4f.svg') 0 0 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%)
}