/*! 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, "MS 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%) }