@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
.nosvg-sprite {
  background-image: url('../img/sprite/nosvg-s648ac8282e.png');
  background-repeat: no-repeat;
}

.account-sprite {
  background-image: url('../img/sprite/account-s73dbd2d7d7.png');
  background-repeat: no-repeat;
}

 /*
## layout
------------------------------------------------------------*/
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon .alps-icon-guest {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@-moz-keyframes alps-anime-loading-parts {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes alps-anime-loading-parts {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes alps-anime-loading-parts {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.alps-button-close {
  position: absolute;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-button-close i {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-button-close i .vector-icon {
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-button-close:hover i {
  -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);
}
.alps-button-close:hover i .vector-icon {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.alps-icon-close {
  width: 26px;
  height: 26px;
  border: #b4b4b4 solid 2px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
.no-inlinesvg .alps-icon-close:after, .alps-ua-android-browser .alps-icon-close:after, .alps-ua-3ds .alps-icon-close:after, .alps-ua-new3ds .alps-icon-close:after, .alps-ua-wiiu .alps-icon-close:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.no-inlinesvg .alps-icon-close .vector-icon, .alps-ua-android-browser .alps-icon-close .vector-icon, .alps-ua-3ds .alps-icon-close .vector-icon, .alps-ua-new3ds .alps-icon-close .vector-icon, .alps-ua-wiiu .alps-icon-close .vector-icon {
  display: none;
}
.no-inlinesvg .alps-icon-close:after, .alps-ua-3ds .alps-icon-close:after, .alps-ua-new3ds .alps-icon-close:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.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) {
  .no-inlinesvg .alps-icon-close:after, .alps-ua-3ds .alps-icon-close:after, .alps-ua-new3ds .alps-icon-close:after {
    background-position: 0 0;
    -moz-background-size: 22px 34.5px;
    -o-background-size: 22px 34.5px;
    -webkit-background-size: 22px 34.5px;
    background-size: 22px 34.5px;
  }
}
.alps-ua-android-browser .alps-icon-close:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.alps-ua-wiiu .alps-icon-close:after {
  background: url(../img/png/nosvg/icon_close.png);
}
.alps-icon-close .vector-icon {
  width: 10px;
  height: 10px;
  fill: #b4b4b4;
}

.alps-icon-logout {
  width: 12px;
  height: 12px;
}
.alps-icon-logout .vector-icon {
  width: 12px;
  height: 12px;
}
.no-inlinesvg .alps-icon-logout:after, .alps-ua-android-browser .alps-icon-logout:after, .alps-ua-3ds .alps-icon-logout:after, .alps-ua-new3ds .alps-icon-logout:after, .alps-ua-wiiu .alps-icon-logout:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
}
.no-inlinesvg .alps-icon-logout .vector-icon, .alps-ua-android-browser .alps-icon-logout .vector-icon, .alps-ua-3ds .alps-icon-logout .vector-icon, .alps-ua-new3ds .alps-icon-logout .vector-icon, .alps-ua-wiiu .alps-icon-logout .vector-icon {
  display: none;
}
.no-inlinesvg .alps-icon-logout:after, .alps-ua-3ds .alps-icon-logout:after, .alps-ua-new3ds .alps-icon-logout:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -34px;
  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) {
  .no-inlinesvg .alps-icon-logout:after, .alps-ua-3ds .alps-icon-logout:after, .alps-ua-new3ds .alps-icon-logout:after {
    background-position: 0 -17px;
    -moz-background-size: 22px 34.5px;
    -o-background-size: 22px 34.5px;
    -webkit-background-size: 22px 34.5px;
    background-size: 22px 34.5px;
  }
}
.alps-ua-android-browser .alps-icon-logout:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -34px;
  background-repeat: no-repeat;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.alps-ua-wiiu .alps-icon-logout:after {
  background: url(../img/png/nosvg/icon_logout.png);
}
.alps-icon-logout .vector-icon {
  fill: #999;
}

.alps-icon-setting {
  width: 12px;
  height: 12px;
}
.alps-icon-setting .vector-icon {
  width: 12px;
  height: 12px;
}
.no-inlinesvg .alps-icon-setting:after, .alps-ua-android-browser .alps-icon-setting:after, .alps-ua-3ds .alps-icon-setting:after, .alps-ua-new3ds .alps-icon-setting:after, .alps-ua-wiiu .alps-icon-setting:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 12px;
}
.no-inlinesvg .alps-icon-setting .vector-icon, .alps-ua-android-browser .alps-icon-setting .vector-icon, .alps-ua-3ds .alps-icon-setting .vector-icon, .alps-ua-new3ds .alps-icon-setting .vector-icon, .alps-ua-wiiu .alps-icon-setting .vector-icon {
  display: none;
}
.no-inlinesvg .alps-icon-setting:after, .alps-ua-3ds .alps-icon-setting:after, .alps-ua-new3ds .alps-icon-setting:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -57px;
  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) {
  .no-inlinesvg .alps-icon-setting:after, .alps-ua-3ds .alps-icon-setting:after, .alps-ua-new3ds .alps-icon-setting:after {
    background-position: 0 -29px;
    -moz-background-size: 22px 34.5px;
    -o-background-size: 22px 34.5px;
    -webkit-background-size: 22px 34.5px;
    background-size: 22px 34.5px;
  }
}
.alps-ua-android-browser .alps-icon-setting:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -57px;
  background-repeat: no-repeat;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.alps-ua-wiiu .alps-icon-setting:after {
  background: url(../img/png/nosvg/icon_setting.png);
}
.alps-icon-setting .vector-icon {
  fill: #999;
}

.alps-icon-guest {
  width: 12px;
  height: 14px;
}
.alps-icon-guest .vector-icon {
  width: 12px;
  height: 14px;
}
.no-inlinesvg .alps-icon-guest:after, .alps-ua-android-browser .alps-icon-guest:after, .alps-ua-3ds .alps-icon-guest:after, .alps-ua-new3ds .alps-icon-guest:after, .alps-ua-wiiu .alps-icon-guest:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 12px;
  height: 14px;
}
.no-inlinesvg .alps-icon-guest .vector-icon, .alps-ua-android-browser .alps-icon-guest .vector-icon, .alps-ua-3ds .alps-icon-guest .vector-icon, .alps-ua-new3ds .alps-icon-guest .vector-icon, .alps-ua-wiiu .alps-icon-guest .vector-icon {
  display: none;
}
.no-inlinesvg .alps-icon-guest:after, .alps-ua-3ds .alps-icon-guest:after, .alps-ua-new3ds .alps-icon-guest:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -20px;
  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) {
  .no-inlinesvg .alps-icon-guest:after, .alps-ua-3ds .alps-icon-guest:after, .alps-ua-new3ds .alps-icon-guest:after {
    background-position: 0 -10px;
    -moz-background-size: 22px 34.5px;
    -o-background-size: 22px 34.5px;
    -webkit-background-size: 22px 34.5px;
    background-size: 22px 34.5px;
  }
}
.alps-ua-android-browser .alps-icon-guest:after {
  background-image: url('../img/sprite/nosvg-sb4b012e317.png');
  background-position: 0 -20px;
  background-repeat: no-repeat;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
.alps-ua-wiiu .alps-icon-guest:after {
  background: url(../img/png/nosvg/icon_guest.png);
}

.alps-account-nav-default-style .alps-icon-guest .vector-icon {
  fill: #8c8c8c;
}

.alps-icon-mii-none {
  width: 64px;
  height: 64px;
}
.alps-icon-mii-none .vector-icon {
  width: 64px;
  height: 64px;
}
.no-inlinesvg .alps-icon-mii-none:after, .alps-ua-android-browser .alps-icon-mii-none:after, .alps-ua-3ds .alps-icon-mii-none:after, .alps-ua-new3ds .alps-icon-mii-none:after, .alps-ua-wiiu .alps-icon-mii-none:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 64px;
}
.no-inlinesvg .alps-icon-mii-none .vector-icon, .alps-ua-android-browser .alps-icon-mii-none .vector-icon, .alps-ua-3ds .alps-icon-mii-none .vector-icon, .alps-ua-new3ds .alps-icon-mii-none .vector-icon, .alps-ua-wiiu .alps-icon-mii-none .vector-icon {
  display: none;
}
.no-inlinesvg .alps-icon-mii-none:after, .alps-ua-3ds .alps-icon-mii-none:after, .alps-ua-new3ds .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none.png) left top no-repeat;
  background-size: 64px 64px;
}
.alps-ua-android-browser .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none.png) left top no-repeat;
  background-size: 64px 64px;
}
.alps-ua-wiiu .alps-icon-mii-none:after {
  background: url(../img/png/nosvg/icon_mii_none.png);
}
.alps-icon-mii-none .vector-icon {
  fill: #ffffff;
}
.alps-icon-mii-none:after {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.alps-icon-point-multiplication {
  width: 8px;
  height: 8px;
}
.alps-icon-point-multiplication .vector-icon {
  width: 8px;
  height: 8px;
}
.alps-icon-point-multiplication .vector-icon {
  fill: #ffffff;
}

.alps-icon-link {
  width: 13px;
  height: 13px;
}
.alps-icon-link .vector-icon {
  width: 13px;
  height: 13px;
}
.alps-icon-link .vector-icon {
  fill: #999;
}

.alps-icon-mynintendo {
  width: 102px;
  height: 16px;
}
.alps-icon-mynintendo .vector-icon {
  width: 102px;
  height: 16px;
}
.alps-icon-mynintendo .vector-icon {
  fill: #ffffff;
}

.alps-plugin-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  -moz-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.alps-is-lock-scroll .alps-plugin-overlay {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 10px;
}

.alps-is-lock-scroll {
  overflow: hidden;
  height: 100%;
}

.alps-is-lock-scroll body {
  overflow: hidden;
  height: 100%;
}

.alps-account-panel .alps-notification-loading-wrapper, .alps-account-panel .alps-notification-error-wrapper {
  width: 304px;
  height: 100%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.05);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.alps-account-panel {
  /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-weight: normal;
  line-height: 1.8em;
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11000;
  visibility: hidden;
}
.alps-account-panel article, .alps-account-panel aside, .alps-account-panel details, .alps-account-panel figcaption, .alps-account-panel figure, .alps-account-panel footer, .alps-account-panel header, .alps-account-panel hgroup, .alps-account-panel main, .alps-account-panel nav, .alps-account-panel section, .alps-account-panel summary {
  display: block;
}
.alps-account-panel audio, .alps-account-panel canvas, .alps-account-panel progress, .alps-account-panel video {
  display: inline-block;
  vertical-align: baseline;
}
.alps-account-panel audio:not([controls]) {
  display: none;
  height: 0;
}
.alps-account-panel [hidden], .alps-account-panel template {
  display: none;
}
.alps-account-panel a {
  background: transparent;
}
.alps-account-panel a:active, .alps-account-panel a:hover {
  outline: 0;
}
.alps-account-panel abbr[title] {
  border-bottom: 1px dotted;
}
.alps-account-panel b, .alps-account-panel strong {
  font-weight: bold;
}
.alps-account-panel dfn {
  font-style: italic;
}
.alps-account-panel h1 {
  font-size: 2em;
  margin: .67em 0;
}
.alps-account-panel mark {
  background: #ff0;
  color: #000;
}
.alps-account-panel small {
  font-size: 80%;
}
.alps-account-panel sub, .alps-account-panel sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.alps-account-panel sup {
  top: -0.5em;
}
.alps-account-panel sub {
  bottom: -0.25em;
}
.alps-account-panel img {
  border: 0;
}
.alps-account-panel svg:not(:root) {
  overflow: hidden;
}
.alps-account-panel figure {
  margin: 1em 40px;
}
.alps-account-panel hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.alps-account-panel pre {
  overflow: auto;
}
.alps-account-panel code, .alps-account-panel kbd, .alps-account-panel pre, .alps-account-panel samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.alps-account-panel button, .alps-account-panel input, .alps-account-panel optgroup, .alps-account-panel select, .alps-account-panel textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.alps-account-panel button {
  overflow: visible;
}
.alps-account-panel button, .alps-account-panel select {
  text-transform: none;
}
.alps-account-panel button, .alps-account-panel html input[type="button"], .alps-account-panel input[type="reset"], .alps-account-panel input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.alps-account-panel button[disabled], .alps-account-panel html input[disabled] {
  cursor: default;
}
.alps-account-panel button::-moz-focus-inner, .alps-account-panel input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.alps-account-panel input {
  line-height: normal;
}
.alps-account-panel input[type="checkbox"], .alps-account-panel input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.alps-account-panel input[type="number"]::-webkit-inner-spin-button, .alps-account-panel input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.alps-account-panel input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.alps-account-panel input[type="search"]::-webkit-search-cancel-button, .alps-account-panel input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.alps-account-panel fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
.alps-account-panel legend {
  border: 0;
  padding: 0;
}
.alps-account-panel textarea {
  overflow: auto;
}
.alps-account-panel optgroup {
  font-weight: bold;
}
.alps-account-panel table {
  border-collapse: collapse;
  border-spacing: 0;
}
.alps-account-panel td, .alps-account-panel th {
  padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .alps-account-panel {
    -webkit-font-smoothing: antialiased;
  }
}
.alps-account-panel * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
  font-size: 14px;
  text-indent: 0;
  text-align: left;
  white-space: normal;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.alps-account-panel h1, .alps-account-panel h2, .alps-account-panel h3, .alps-account-panel h4, .alps-account-panel h5 {
  margin: 0;
}
.alps-account-panel p {
  margin: 0;
}
.alps-account-panel img {
  max-width: 100%;
}
.alps-account-panel .lt-ie9 img {
  width: auto;
}
.alps-account-panel ul, .alps-account-panel ol, .alps-account-panel dl {
  margin: 0;
  padding: 0;
}
.alps-account-panel li {
  list-style-type: none;
  list-style: none;
}
.alps-account-panel label {
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel figure {
  margin: 0;
}
.alps-account-panel input {
  -webkit-appearance: none;
}
.alps-account-panel input[type="text"]:-moz-placeholder {
  vertical-align: top;
}
.alps-account-panel input[type="text"]::-moz-placeholder {
  vertical-align: top;
}
.alps-account-panel input[type="text"]:-ms-input-placeholder {
  vertical-align: top;
}
.alps-account-panel input[type="text"]::-webkit-input-placeholder {
  vertical-align: top;
}
.alps-account-panel input[type="text"],
.alps-account-panel input[type="password"],
.alps-account-panel textarea,
.alps-account-panel select {
  outline: none;
}
.alps-account-panel button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.alps-account-panel button:focus {
  outline: none;
}
.alps-account-panel a {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel a:link, .alps-account-panel a:visited, .alps-account-panel a:hover, .alps-account-panel a:active {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.alps-account-panel i .vector-icon, .alps-account-panel i img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.alps-account-panel .alps-panel-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 11000;
}
.alps-account-panel * {
  color: #3c3c3c;
}
.alps-is-open-account .alps-account-panel {
  z-index: 11000;
  visibility: visible;
}
.alps-account-panel .alps-account-panel-wrapper {
  left: auto;
  right: 0;
  width: 320px;
  z-index: 11010;
  background: rgba(44, 44, 55, 0.85) url(../img/pattern_x.png) left top repeat;
}
.csstransitions .alps-account-panel .alps-account-panel-wrapper {
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  -moz-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.no-csstransitions .alps-account-panel .alps-account-panel-wrapper {
  display: none;
}
.csstransitions .alps-is-open-account .alps-account-panel .alps-account-panel-wrapper {
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.no-csstransitions .alps-is-open-account .alps-account-panel .alps-account-panel-wrapper {
  display: block;
}
.csstransitions .alps-is-guest .alps-account-panel .alps-account-panel-wrapper {
  -moz-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.no-csstransitions .alps-is-guest .alps-account-panel .alps-account-panel-wrapper {
  display: none;
}
.alps-is-open-account .alps-account-panel .alps-account-panel-wrapper {
  -webkit-overflow-scrolling: touch;
}
.alps-account-panel .alps-account-panel-content {
  position: relative;
  width: 320px;
  padding: 0 8px 8px;
}
.alps-account-panel .alps-button-close {
  top: 10px;
  right: 10px;
  visibility: hidden;
  z-index: 11030;
}
.alps-is-open-account .alps-account-panel .alps-button-close {
  visibility: visible;
}
.alps-account-panel .alps-account-info {
  position: relative;
  height: 64px;
  margin: 44px 0 20px;
}
.alps-account-panel .alps-account-info > * {
  position: absolute;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle {
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  overflow: hidden;
  background: #d4d4d4;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-red {
  background-color: #d21d0e;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-orange {
  background-color: #ff6c13;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-yellow {
  background-color: #ffd71f;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-yellowgreen {
  background-color: #82df23;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-green {
  background-color: #00782e;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-blue {
  background-color: #003aba;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-skyblue {
  background-color: #3baade;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-pink {
  background-color: #f55a7c;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-purple {
  background-color: #7325a7;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-brown {
  background-color: #554412;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-white {
  background-color: #dfdfdf;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle.alps-background-mii-black {
  background-color: #605f5f;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle .alps-account-mii-icon {
  position: relative;
  width: 64px;
  height: 64px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15) inset;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.alps-account-panel .alps-account-info .alps-account-mii-circle .alps-account-mii-icon .alps-account-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -37.12px;
  margin-left: -37.12px;
  width: 74.24px;
  max-width: none;
  height: 74.24px;
}
.alps-account-panel .alps-account-info .alps-account-name {
  left: 78px;
  top: 10px;
  color: #fff;
  font-size: 16px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-account-info .alps-account-points {
  left: 78px;
  top: 34px;
}
.alps-account-panel .alps-account-info .alps-account-points .alps-account-point {
  display: inline-block;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: rgba(0, 0, 0, 0.2);
}
.alps-account-panel .alps-account-info .alps-account-points .alps-account-point > * {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.alps-account-panel .alps-account-info .alps-account-points .alps-account-point:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 16px;
}
.alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-platinum:before {
  background-image: url('../img/sprite/account-s4c0f5e58e0.png');
  background-position: 0 -26px;
  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) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-platinum:before {
    background-position: 0 -13px;
    -moz-background-size: 152px 21px;
    -o-background-size: 152px 21px;
    -webkit-background-size: 152px 21px;
    background-size: 152px 21px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-platinum:before {
    background-image: url('../img/sprite/account/@2x-s733629af6a.png');
    background-position: 0 -52px;
    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) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-platinum:before {
    background-position: 0 -26px;
    -moz-background-size: 304px 42px;
    -o-background-size: 304px 42px;
    -webkit-background-size: 304px 42px;
    background-size: 304px 42px;
  }
}

.alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-gold {
  margin-left: 8px;
}
.alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-gold:before {
  background-image: url('../img/sprite/account-s4c0f5e58e0.png');
  background-position: 0 -10px;
  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) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-gold:before {
    background-position: 0 -5px;
    -moz-background-size: 152px 21px;
    -o-background-size: 152px 21px;
    -webkit-background-size: 152px 21px;
    background-size: 152px 21px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-gold:before {
    background-image: url('../img/sprite/account/@2x-s733629af6a.png');
    background-position: 0 -20px;
    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) {
  .alps-account-panel .alps-account-info .alps-account-points .alps-account-point.alps-account-point-gold:before {
    background-position: 0 -10px;
    -moz-background-size: 304px 42px;
    -o-background-size: 304px 42px;
    -webkit-background-size: 304px 42px;
    background-size: 304px 42px;
  }
}

.alps-account-panel .alps-account-info .alps-account-points .alps-account-point .alps-account-point-num {
  min-width: 1em;
  margin-left: 4px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  letter-spacing: .05em;
  font-size: 14px;
}
.alps-account-panel .alps-account-link-wrapper {
  width: 100%;
  text-align: center;
  margin: 8px 0 0;
  overflow: hidden;
  *zoom: 1;
}
.alps-is-error-server .alps-account-panel .alps-account-link-wrapper, .alps-is-loading-notification .alps-account-panel .alps-account-link-wrapper, .alps-is-no-notification .alps-account-panel .alps-account-link-wrapper {
  margin-bottom: 0;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link {
  display: block;
  width: 148px;
  min-height: 28px;
  text-align: center;
  float: left;
  text-align: center;
  padding: 3px;
  color: #999;
  border: #999 solid 1px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:link, .alps-account-panel .alps-account-link-wrapper .alps-account-link:visited, .alps-account-panel .alps-account-link-wrapper .alps-account-link:hover, .alps-account-panel .alps-account-link-wrapper .alps-account-link:active {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:hover {
  border-color: #00d2be;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:hover span {
  color: #00d2be !important;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:hover .vector-icon {
  fill: #00d2be;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:active, .alps-account-panel .alps-account-link-wrapper .alps-account-link:visited, .alps-account-panel .alps-account-link-wrapper .alps-account-link:focus {
  color: #999;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link:before {
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link.alps-no-icon:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 22px;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link.alps-mynintendo-link {
  background-color: #e60012;
  border-color: #e60012;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link.alps-mynintendo-link:hover {
  background-color: #c60012;
  border-color: #c00012;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link.alps-mynintendo-link:hover .vector-icon {
  fill: #ffffff;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link + a {
  margin-left: 8px;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link i, .alps-account-panel .alps-account-link-wrapper .alps-account-link span {
  vertical-align: middle;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link i {
  min-height: 22px;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link i + span {
  padding-left: 8px;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link span {
  color: #999 !important;
  font-weight: bold;
  font-size: 12px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-link .vector-icon {
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-icon-circle {
  width: 28px;
  height: 28px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  border: #999 solid 2px;
}
.alps-account-panel .alps-account-link-wrapper .alps-account-icon-circle.alps-icon-logout .vector-icon {
  left: 2px;
}
.alps-account-panel .alps-logout-link-wrapper {
  text-align: right;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link {
  display: inline-block;
  padding: 10px 4px;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link:hover {
  border-color: #00d2be;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link:hover span {
  color: #00d2be !important;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link:hover .vector-icon {
  fill: #00d2be;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link:active, .alps-account-panel .alps-logout-link-wrapper .alps-logout-link:visited, .alps-account-panel .alps-logout-link-wrapper .alps-logout-link:focus {
  color: #999;
}
.alps-account-panel .alps-logout-link-wrapper .alps-logout-link span {
  display: inline-block;
  margin-left: 4px;
  color: #999 !important;
  font-weight: bold;
  font-size: 12px;
}
.alps-account-panel .alps-notification-dialog {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 0 8px 0;
}
.alps-is-error-server .alps-account-panel .alps-notification-dialog, .alps-is-loading-notification .alps-account-panel .alps-notification-dialog, .alps-is-no-notification .alps-account-panel .alps-notification-dialog {
  display: block;
}
.alps-account-panel .alps-notification-loading-wrapper {
  position: relative;
  display: none;
}
.alps-is-loading-notification .alps-account-panel .alps-notification-loading-wrapper {
  display: block;
}
.alps-is-error-server .alps-account-panel .alps-notification-loading-wrapper, .alps-is-no-notification .alps-account-panel .alps-notification-loading-wrapper {
  display: none;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -23px;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator {
  position: relative;
  width: 46px;
  height: 46px;
  -moz-border-radius: 23px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator .alps-loading-parts {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator .alps-loading-part-1 {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  top: 0;
  right: 0;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator .alps-loading-part-2 {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  bottom: 0;
  right: 0;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator .alps-loading-part-3 {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  bottom: 0;
  left: 0;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator .alps-loading-part-4 {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  top: 0;
  left: 0;
}
.alps-account-panel .alps-notification-loading-wrapper .alps-notification-loading .alps-loading-indicator {
  background-color: rgba(255, 255, 255, 0.1);
}
.alps-account-panel .alps-notification-error-wrapper {
  position: relative;
  display: none;
}
.alps-is-error-server .alps-account-panel .alps-notification-error-wrapper, .alps-is-no-notification .alps-account-panel .alps-notification-error-wrapper {
  display: table;
}
.alps-is-loading-notification .alps-account-panel .alps-notification-error-wrapper {
  display: none;
}
.alps-account-panel .alps-notification-error-wrapper .alps-notification-error {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}
.alps-account-panel .alps-notification-error-wrapper .alps-notification-error .alps-notification-error-heading {
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4em;
  color: #999;
  font-size: 16px;
}
.alps-is-no-notification .alps-account-panel .alps-notification-error-wrapper .alps-notification-error .alps-notification-error-heading {
  display: none;
}
.alps-account-panel .alps-notification-error-wrapper .alps-notification-error .alps-notification-error-description {
  text-align: center;
  color: #999;
  font-size: 12px;
}
.alps-account-panel .alps-notification-error-wrapper .alps-notification-error .alps-notification-error-description a {
  color: #999;
  text-decoration: underline;
  font-size: 12px;
}
.alps-account-panel .alps-notification-error-wrapper .alps-notification-error .alps-notification-error-description a:hover {
  color: #00d2be;
}
.alps-account-panel .alps-notification-wrapper {
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-is-error-server .alps-account-panel .alps-notification-wrapper, .alps-is-loading-notification .alps-account-panel .alps-notification-wrapper, .alps-is-no-notification .alps-account-panel .alps-notification-wrapper {
  display: none;
}
.alps-account-panel .alps-notification-list {
  background: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.alps-account-panel .alps-notification-list .alps-notification {
  display: block;
  position: relative;
  border-top: #ddd solid 1px;
  width: 100%;
  color: #3c3c3c;
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-notification-list .alps-notification:link, .alps-account-panel .alps-notification-list .alps-notification:visited, .alps-account-panel .alps-notification-list .alps-notification:hover, .alps-account-panel .alps-notification-list .alps-notification:active {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-readed {
  background: #f2f2f2;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-readed .alps-notification-content .alps-notification-message {
  color: #999;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-readed .alps-notification-content .alps-notification-date {
  color: #999;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-special .alps-notification-banner {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-special .alps-notification-content {
  display: block;
  width: 100%;
  padding: 10px;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-special .alps-notification-content .alps-notification-message {
  width: 100%;
  padding-left: 0;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em {
  border-top: none;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em .alps-notification-bubble {
  background: #ff7d00;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em .alps-notification-bubble:after {
  border-top-color: #ff7d00;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em-sale {
  border-top: none;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em-sale .alps-notification-bubble {
  background: #ff7d00;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em-sale .alps-notification-bubble:after {
  border-top-color: #ff7d00;
}
.alps-account-panel .alps-notification-list .alps-notification.alps-notification-em-sale .alps-notification-bubble .alps-notification-bubble-title {
  height: auto;
  padding: 1.5px 10px;
  border-radius: 10px;
  background-color: #ffff00;
  color: #ff7d00;
  font-size: 10px;
  font-family: "Roboto", sans-serif;
  letter-spacing: .1em;
  line-height: 1em;
}
.alps-account-panel .alps-notification-list .alps-notification:hover, .alps-account-panel .alps-notification-list .alps-notification:active, .alps-account-panel .alps-notification-list .alps-notification:visited, .alps-account-panel .alps-notification-list .alps-notification:focus {
  color: #3c3c3c;
}
.alps-account-panel .alps-notification-list .alps-notification:hover {
  background: #f6f6f6;
}
.alps-account-panel .alps-notification-list .alps-notification:hover .alps-notification-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.alps-account-panel .alps-notification-list .alps-notification:first-child {
  border-top: none;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
.alps-account-panel .alps-notification-list .alps-notification:first-child .alps-notification-banner {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
.alps-account-panel .alps-notification-list .alps-notification:first-child .alps-notification-bubble {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 0 0;
}
.alps-account-panel .alps-notification-list .alps-notification:last-child {
  border-bottom: #ddd solid 1px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0;
  border-radius: 0 0 10px 10px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble {
  position: relative;
  padding: 4px;
  text-align: center;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble:after {
  content: '';
  position: absolute;
  border-top: 5px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  left: 50%;
  bottom: -5px;
  margin-left: -4px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble .alps-notification-bubble-title {
  height: 19px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble .alps-notification-bubble-description {
  padding-left: 8px;
  color: #fff;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-bubble .alps-notification-bubble-description raw {
  font-size: 12px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content {
  display: table;
  width: 100%;
  padding: 10px 10px 0 10px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content > * {
  display: table-cell;
  vertical-align: top;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content .alps-notification-icon {
  width: 64px;
  height: 64px;
  margin-right: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content .alps-notification-icon img {
  width: 64px;
  height: 64px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content .alps-notification-icon + .alps-notification-message {
  padding-left: 10px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content .alps-notification-message {
  line-height: 1.8em;
  font-size: 12px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-content .alps-notification-message raw {
  font-size: 12px;
}
.alps-account-panel .alps-notification-list .alps-notification .alps-notification-date {
  padding-right: 10px;
  padding-bottom: 4px;
  color: #8c8c8c;
  text-align: right;
  font-weight: normal;
  font-size: 10px;
}
.alps-account-panel .alps-account-panel-close-button {
  width: 300px;
  background: #333;
  color: #fff;
  padding: 10px;
  text-align: center;
}
.lt-ie9 .alps-account-panel .alps-account-panel-close-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 11010;
  width: 40px;
  height: 40px;
  background: #000;
  color: #fff;
}
@media screen and (min-width: 641px) {
  .alps-account-panel .alps-account-panel-close-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11010;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
  }
}
.alps-account-panel .alps-plugin-overlay {
  z-index: 10000;
}
.alps-is-open-account .alps-account-panel .alps-plugin-overlay {
  z-index: 10999;
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.alps-account-nav {
  /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-weight: normal;
  line-height: 1.8em;
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
  position: relative;
  z-index: 10100;
}
.alps-account-nav article, .alps-account-nav aside, .alps-account-nav details, .alps-account-nav figcaption, .alps-account-nav figure, .alps-account-nav footer, .alps-account-nav header, .alps-account-nav hgroup, .alps-account-nav main, .alps-account-nav nav, .alps-account-nav section, .alps-account-nav summary {
  display: block;
}
.alps-account-nav audio, .alps-account-nav canvas, .alps-account-nav progress, .alps-account-nav video {
  display: inline-block;
  vertical-align: baseline;
}
.alps-account-nav audio:not([controls]) {
  display: none;
  height: 0;
}
.alps-account-nav [hidden], .alps-account-nav template {
  display: none;
}
.alps-account-nav a {
  background: transparent;
}
.alps-account-nav a:active, .alps-account-nav a:hover {
  outline: 0;
}
.alps-account-nav abbr[title] {
  border-bottom: 1px dotted;
}
.alps-account-nav b, .alps-account-nav strong {
  font-weight: bold;
}
.alps-account-nav dfn {
  font-style: italic;
}
.alps-account-nav h1 {
  font-size: 2em;
  margin: .67em 0;
}
.alps-account-nav mark {
  background: #ff0;
  color: #000;
}
.alps-account-nav small {
  font-size: 80%;
}
.alps-account-nav sub, .alps-account-nav sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.alps-account-nav sup {
  top: -0.5em;
}
.alps-account-nav sub {
  bottom: -0.25em;
}
.alps-account-nav img {
  border: 0;
}
.alps-account-nav svg:not(:root) {
  overflow: hidden;
}
.alps-account-nav figure {
  margin: 1em 40px;
}
.alps-account-nav hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
.alps-account-nav pre {
  overflow: auto;
}
.alps-account-nav code, .alps-account-nav kbd, .alps-account-nav pre, .alps-account-nav samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.alps-account-nav button, .alps-account-nav input, .alps-account-nav optgroup, .alps-account-nav select, .alps-account-nav textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.alps-account-nav button {
  overflow: visible;
}
.alps-account-nav button, .alps-account-nav select {
  text-transform: none;
}
.alps-account-nav button, .alps-account-nav html input[type="button"], .alps-account-nav input[type="reset"], .alps-account-nav input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.alps-account-nav button[disabled], .alps-account-nav html input[disabled] {
  cursor: default;
}
.alps-account-nav button::-moz-focus-inner, .alps-account-nav input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.alps-account-nav input {
  line-height: normal;
}
.alps-account-nav input[type="checkbox"], .alps-account-nav input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.alps-account-nav input[type="number"]::-webkit-inner-spin-button, .alps-account-nav input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.alps-account-nav input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.alps-account-nav input[type="search"]::-webkit-search-cancel-button, .alps-account-nav input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.alps-account-nav fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}
.alps-account-nav legend {
  border: 0;
  padding: 0;
}
.alps-account-nav textarea {
  overflow: auto;
}
.alps-account-nav optgroup {
  font-weight: bold;
}
.alps-account-nav table {
  border-collapse: collapse;
  border-spacing: 0;
}
.alps-account-nav td, .alps-account-nav th {
  padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .alps-account-nav {
    -webkit-font-smoothing: antialiased;
  }
}
.alps-account-nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
  font-size: 14px;
  text-indent: 0;
  text-align: left;
  white-space: normal;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.alps-account-nav h1, .alps-account-nav h2, .alps-account-nav h3, .alps-account-nav h4, .alps-account-nav h5 {
  margin: 0;
}
.alps-account-nav p {
  margin: 0;
}
.alps-account-nav img {
  max-width: 100%;
}
.alps-account-nav .lt-ie9 img {
  width: auto;
}
.alps-account-nav ul, .alps-account-nav ol, .alps-account-nav dl {
  margin: 0;
  padding: 0;
}
.alps-account-nav li {
  list-style-type: none;
  list-style: none;
}
.alps-account-nav label {
  -webkit-tap-highlight-color: transparent;
}
.alps-account-nav figure {
  margin: 0;
}
.alps-account-nav input {
  -webkit-appearance: none;
}
.alps-account-nav input[type="text"]:-moz-placeholder {
  vertical-align: top;
}
.alps-account-nav input[type="text"]::-moz-placeholder {
  vertical-align: top;
}
.alps-account-nav input[type="text"]:-ms-input-placeholder {
  vertical-align: top;
}
.alps-account-nav input[type="text"]::-webkit-input-placeholder {
  vertical-align: top;
}
.alps-account-nav input[type="text"],
.alps-account-nav input[type="password"],
.alps-account-nav textarea,
.alps-account-nav select {
  outline: none;
}
.alps-account-nav button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.alps-account-nav button:focus {
  outline: none;
}
.alps-account-nav a {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-nav a:link, .alps-account-nav a:visited, .alps-account-nav a:hover, .alps-account-nav a:active {
  color: #3c3c3c;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.alps-account-nav i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.alps-account-nav i .vector-icon, .alps-account-nav i img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator {
  position: relative;
  width: 30px;
  height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator .alps-loading-parts {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator .alps-loading-part-1 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  top: 0;
  right: 0;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator .alps-loading-part-2 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  bottom: 0;
  right: 0;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator .alps-loading-part-3 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  bottom: 0;
  left: 0;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator .alps-loading-part-4 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  top: 0;
  left: 0;
}
.alps-account-nav .alps-account-loading .alps-loading-indicator {
  border: #e0e0e0 solid 2px;
}
.alps-account-nav .alps-login-door > * {
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
}
.alps-account-nav .alps-login-door .alps-login-door-nid {
  display: none;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-nid {
  display: inline-block;
  padding: 5px 10px 5px 0;
  border-right: #e0e0e0 solid 1px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-login-door .alps-login-door-nid {
    display: inline-block;
    padding: 5px 10px 5px 0;
    border-right: #e0e0e0 solid 1px;
  }
}
.alps-account-nav .alps-login-door .alps-login-door-button {
  padding: 4px;
}
.alps-account-nav .alps-login-door .alps-login-door-button span {
  display: block;
  font-size: 10px;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-button span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-login-door .alps-login-door-button span {
    display: inline-block;
    vertical-align: middle;
  }
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title {
  text-align: center;
  line-height: 1em;
  font-weight: bold;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-mb {
  display: inline-block;
  margin-top: 10px;
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-pc {
  display: none;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title {
  text-align: left;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-mb {
  display: none;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-pc {
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title {
    text-align: left;
  }
  .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-mb {
    display: none;
  }
  .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-title.is-pc {
    display: inline-block;
  }
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon {
  position: relative;
  width: 12px;
  height: 14px;
  margin: 0 auto;
}
.lt-ie9 .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon {
  left: auto;
  top: auto;
  margin-right: 10px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon {
    left: auto;
    top: auto;
    margin-right: 10px;
  }
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon .alps-icon-guest {
  top: auto;
}
.alps-account-nav .alps-login-door .alps-login-door-button .alps-login-door-icon .alps-icon-guest .vector-icon {
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-nav .alps-account-button {
  display: table;
}
.alps-account-nav .alps-account-button > * {
  display: table-cell;
  vertical-align: middle;
}
.alps-account-nav .alps-account-button:hover .alps-account-mii-circle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.alps-account-nav .alps-account-button .alps-account-name {
  padding-right: 12px;
  font-size: 12px;
  display: none;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-name {
  display: table-cell;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-name {
    display: table-cell;
  }
}
.alps-account-nav .alps-account-button .alps-account-mii-circle {
  position: relative;
  width: 36px;
  height: 36px;
  background: #d4d4d4;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  -moz-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -o-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  -webkit-transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-red {
  background-color: #d21d0e;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-orange {
  background-color: #ff6c13;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-yellow {
  background-color: #ffd71f;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-yellowgreen {
  background-color: #82df23;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-green {
  background-color: #00782e;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-blue {
  background-color: #003aba;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-skyblue {
  background-color: #3baade;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-pink {
  background-color: #f55a7c;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-purple {
  background-color: #7325a7;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-brown {
  background-color: #554412;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-white {
  background-color: #dfdfdf;
}
.alps-account-nav .alps-account-button .alps-account-mii-circle.alps-background-mii-black {
  background-color: #605f5f;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-circle {
  width: 30px;
  height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-mii-circle {
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}
.alps-account-nav .alps-account-button .alps-account-mii-icon {
  position: relative;
  width: 36px;
  height: 36px;
  -moz-background-size: 36px 36px;
  -o-background-size: 36px 36px;
  -webkit-background-size: 36px 36px;
  background-size: 36px 36px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  overflow: hidden;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon {
  width: 30px;
  height: 30px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-mii-icon {
    width: 30px;
    height: 30px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }
}
.alps-account-nav .alps-account-button .alps-account-mii-icon .alps-account-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21.12px;
  margin-left: -21.12px;
  width: 42.24px;
  max-width: none;
  height: 42.24px;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-account-icon {
  margin-top: -17.92px;
  margin-left: -17.92px;
  width: 35.84px;
  height: 35.84px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-account-icon {
    margin-top: -17.92px;
    margin-left: -17.92px;
    width: 35.84px;
    height: 35.84px;
  }
}
.alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none {
  width: 36px;
  height: 36px;
}
.alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
  width: 36px;
  height: 36px;
}
.no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
}
.no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
  display: none;
}
.no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none_s.png) left top no-repeat;
  background-size: 36px 36px;
}
.alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none_s.png) left top no-repeat;
  background-size: 36px 36px;
}
.alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/png/nosvg/icon_mii_none_s.png);
}
.alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
  fill: #eaeaea;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none {
  width: 30px;
  height: 30px;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
  width: 30px;
  height: 30px;
}
.no-inlinesvg .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-android-browser .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-wiiu .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
}
.no-inlinesvg .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-android-browser .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-new3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-wiiu .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
  display: none;
}
.no-inlinesvg .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none_s.png) left top no-repeat;
  background-size: 30px 30px;
}
.alps-ua-android-browser .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/icon_mii_none_s.png) left top no-repeat;
  background-size: 30px 30px;
}
.alps-ua-wiiu .lt-ie9 .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
  background: url(../img/png/nosvg/icon_mii_none_s.png);
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none {
    width: 30px;
    height: 30px;
  }
  .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
    width: 30px;
    height: 30px;
  }
  .no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
  }
  .no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon, .alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none .vector-icon {
    display: none;
  }
  .no-inlinesvg .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after, .alps-ua-new3ds .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
    background: url(../img/icon_mii_none_s.png) left top no-repeat;
    background-size: 30px 30px;
  }
  .alps-ua-android-browser .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
    background: url(../img/icon_mii_none_s.png) left top no-repeat;
    background-size: 30px 30px;
  }
  .alps-ua-wiiu .alps-account-nav .alps-account-button .alps-account-mii-icon .alps-icon-mii-none:after {
    background: url(../img/png/nosvg/icon_mii_none_s.png);
  }
}
.alps-account-nav .alps-account-button .alps-account-unread-num-wrapper {
  position: absolute;
  top: -4px;
  right: 23px;
  padding: 1px 2.5px;
  background: #00c6b3;
  line-height: 11px;
  word-break: normal;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: #ffffff solid 2px;
}
.lt-ie9 .alps-account-nav .alps-account-button .alps-account-unread-num-wrapper {
  right: 20px;
}
@media screen and (min-width: 641px) {
  .alps-account-nav .alps-account-button .alps-account-unread-num-wrapper {
    right: 20px;
  }
}
.alps-ua-safari .alps-account-nav .alps-account-button .alps-account-unread-num-wrapper {
  padding: 1px 3.5px;
}
.alps-ua-firefox .alps-account-nav .alps-account-button .alps-account-unread-num-wrapper {
  line-height: 12px;
  padding: 1px 3px;
}
.alps-account-nav .alps-account-button .alps-account-unread-num-wrapper .alps-account-unread-num {
  display: inline-block;
  min-width: 8px;
  height: 1em;
  vertical-align: top;
  line-height: 11px;
  text-align: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  word-break: normal;
  font-size: 10px;
}
.alps-os-android .alps-account-nav .alps-account-button .alps-account-unread-num-wrapper .alps-account-unread-num {
  line-height: 14px;
}

.alps-account-name-only .alps-account-loading .alps-loading-indicator {
  position: relative;
  width: 20px;
  height: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.alps-account-name-only .alps-account-loading .alps-loading-indicator .alps-loading-parts {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
}
.alps-account-name-only .alps-account-loading .alps-loading-indicator .alps-loading-part-1 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s infinite alternate;
  top: 0;
  right: 0;
}
.alps-account-name-only .alps-account-loading .alps-loading-indicator .alps-loading-part-2 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s infinite alternate;
  bottom: 0;
  right: 0;
}
.alps-account-name-only .alps-account-loading .alps-loading-indicator .alps-loading-part-3 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s infinite alternate;
  bottom: 0;
  left: 0;
}
.alps-account-name-only .alps-account-loading .alps-loading-indicator .alps-loading-part-4 {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #8c8c8c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  -webkit-animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  animation: alps-anime-loading-parts 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s infinite alternate;
  top: 0;
  left: 0;
}

.alps-account-nav-default-style .alps-account-nav * {
  color: #3c3c3c;
}
.alps-account-nav-default-style .alps-account-nav .alps-login-door {
  color: #8c8c8c;
}
.alps-account-nav-default-style .alps-account-nav .alps-login-door .alps-login-door-button:hover .alps-login-door-title {
  color: #00d2be;
}
.alps-account-nav-default-style .alps-account-nav .alps-login-door .alps-login-door-button:hover .vector-icon {
  fill: #00d2be;
}
.alps-account-nav-default-style .alps-account-nav .alps-login-door .alps-login-door-button span {
  color: #8c8c8c;
}
.alps-account-nav-default-style .alps-account-nav .alps-account-button .alps-account-name {
  color: #8c8c8c;
}
.alps-account-nav-default-style .alps-account-nav .alps-account-button:hover .alps-account-name {
  color: #00d2be;
}