@charset "utf-8";


/* -----------------------------------------------------------------
   見出し 中
   -------------------------------------------------------------- */

/* 見出し
-------------------------------------------------------------- */

@font-face {
  font-family: "mynintendo-Regular";
  src: url("../../common/font/mynintendo-Regular.eot?#iefix");
  src: url("../../common/font/mynintendo-Regular.eot?#iefix") format("eot"), url("../../common/font/mynintendo-Regular.woff") format("woff"), url("../../common/font/mynintendo-Regular.ttf") format("truetype");
}

.is-axis-b {
  font-family: HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
font-weight:bold;
}
.is-axis-m {
  font-family: HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.is-avenir-h {
  font-family: "Avenir Next",Verdana,HelveticaNeue,Helvetica Neue,Helvetica,Arial,Roboto,"Droid Sans",sans-serif;
  font-weight: bold;
}
.dummytext{
  display: none;
}

/* ==========================================================================
   no script
   ======================================================================= */

.no-js .welcome-container {
  display: none;
}

.noscript_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.noscript_globalHeader {
  position: relative;
  z-index: 10;
  width: 100%;
  margin-bottom: 50px;
}

.noscript_globalHeader .noscript_head {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 6px;
}

.noscript_message {
  position: absolute;
  width: 960px;
  left: 50%;
  top: 50%;
  margin-left: -480px;
  margin-top: -270px;
  text-align: center;
}

.noscript_message.noscript-text {
  margin-top: -150px;
}

.noscript_message p {
  font-size: 21px;
  color: #000;
}

.noscript_message p img {
  height: 200px;
  width: auto;
  margin-bottom: 10px;
}

.noscript_message.noscript-text p img {
  height: 80px;
  width: auto;
  margin-bottom: 10px;
}

.noscript_link {
  position: absolute;
  width: 960px;
  left: 50%;
  top: 50%;
  margin-top: 50px;
  margin-left: -480px;
  text-align: center;
  font-size: 13px;
}
.noscript_link li {
  display: inline-block;
  margin: 0 10px 10px;
}
.noscript_link li a {
  color: #666;
}
.noscript_link li a:before {
  content: "";
  display: inline-block;
  vertical-align: 0;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  background: url(../img/ico_arrow_gray_r.png) no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  .noscript_link li a:before {
    background: url(../img/ico_arrow_gray_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 10px 10px;
            background-size: 10px 10px;
  }
}
.noscript_link li a:hover {
  text-decoration: underline;
}

.noscript_foot p {
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-size: 88%;
}


/* ==========================================================================
   基本レイアウト
   ======================================================================= */

body{
  background: #F2F2F2;
}

.welcome-container{
  min-width: 960px;
  max-width: 1528px;
  margin: 0 auto;
}
.pc-h-min .welcome-container{
  position: relative;
}

.pc-w-large .welcome-container{
  width: 1528px;
  margin: 0 auto;
}


/* グローバルヘッダー small
-------------------------------------------------------------- */

#ncommon-ghdr-header{
  display: none;
}
.pc-w-min #ncommon-ghdr-header{
  display: block;
}
#ncommon-ghdr-header.is-opened-search{
  display: block;
}

/* グローバルヘッダー
-------------------------------------------------------------- */

.welcome-ghdr-bg{
  background-color: #FFF;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.25);
  width: 210px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
}

.welcome-ghdr{
  background-color: #FFF;
  width: 210px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 6;
}

@media screen and (min-width: 1529px) {
  .welcome-ghdr-bg,
  .welcome-ghdr{
    left: 50%;
    margin-left: -764px;
  }
}
.welcome-ghdr-body{
  width: 178px;
  margin: 0 auto;
}
.pc-w-min .welcome-ghdr-bg,
.pc-w-min .welcome-ghdr{
  display: none;
}
.pc-w-small .welcome-ghdr-bg,
.pc-w-small .welcome-ghdr{
  width: 170px;
}
.pc-w-small .welcome-ghdr-body-bg,
.pc-w-small .welcome-ghdr-body{
  width: 150px;
}
.pc-w-large .welcome-ghdr-bg,
.pc-w-large .welcome-ghdr{
  left: 50%;
  margin-left: -764px;
}
.welcome-ghdr-primary,
.welcome-ghdr-secondary{
  width: 210px;
  background: #FFF;
}
.pc-w-small .welcome-ghdr-primary,
.pc-w-small .welcome-ghdr-secondary{
  width: 170px;
}
.welcome-ghdr-primary{
  z-index: 2;
}
.welcome-ghdr-secondary{
  position: absolute;
  top: 684px;
  z-index: 1;
  -webkit-transition: top 0.25s ease-out;
          transition: top 0.25s ease-out;
}
.pc-w-small .welcome-ghdr-secondary{
  top: 584px;
}

.welcome-ghdr-secondary.is-form-open{
  top: 738px;
}
.pc-w-small .welcome-ghdr-secondary.is-form-open{
  top: 638px;
}
.ghdr-fixed .welcome-ghdr-primary{
  position: fixed;
  top: 0;
}
.pc-h-min .welcome-ghdr-primary{
  position: relative;
}
.pc-h-min .welcome-ghdr-secondary{
  position: relative;
  top: auto;
}

/* ロゴ
-------------------------------------------------------------- */
.welcome-ghdr-logo{
  width: 170px;
  height: 201px;
  border-bottom:#e0e0e0 1px solid;
  position: relative;
  margin: 0 auto;
}
.pc-w-small .welcome-ghdr-logo{
  width: 150px;
  height: 161px;
}
.welcome-ghdr-logo h1{
  position: absolute;
  left: 0;
  top:0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 135px;
  height: 33px;
  background: url(../img/logo_nintendo.png) 0 0 no-repeat;

  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  display: block;
  line-height: 0px;
}
.pc-w-small .welcome-ghdr-logo h1{
  width: 104px;
  height: 26px;
  background: url(../img/logo_nintendo_small.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-logo h1{
    background: url(../img/logo_nintendo_2x.png) 0 0 no-repeat;
    -webkit-background-size: 135px 33px;
            background-size: 135px 33px;
  }
  .pc-w-small .welcome-ghdr-logo h1{
    background: url(../img/logo_nintendo_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 104px 26px;
            background-size: 104px 26px;
  }
}


/* -----------------------------------------------------------------
   カテゴリー
   -------------------------------------------------------------- */
.welcome-ghdr-category-body li{
  width: 100%;
  height: 81px;
  border-bottom:#e0e0e0 1px solid;
}
.pc-w-small .welcome-ghdr-category-body li{
  height: 61px;
}
.welcome-ghdr-category-body li a{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.welcome-ghdr-wiiu a:before,
.welcome-ghdr-3ds a:before,
.welcome-ghdr-amiibo a:before,
.welcome-ghdr-miitomo a:before{
  content: "";
  z-index: 2;
  opacity: 0;
}
.welcome-ghdr-wiiu a:before,
.welcome-ghdr-3ds a:before,
.welcome-ghdr-amiibo a:before,
.welcome-ghdr-miitomo a:before,
.welcome-ghdr-ico-category{
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9px;
  margin: auto 0;
}
.welcome-ghdr-txt-category{
  display: inline-block;
  height: 13px;
  position: absolute;
  left: 68px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.02em;
}
.welcome-ghdr-txt-category .ncommon-ghdr-txt-category-small{
  font-size: 10px;
}

.welcome-ghdr-wiiu .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_wiiu.png) 0 0 no-repeat;
}
.welcome-ghdr-wiiu a:before{
  background: url(../img/pc_ico_ghdr_wiiu_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-3ds .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_3ds.png) 0 0 no-repeat;
}
.welcome-ghdr-3ds a:before{
  background: url(../img/pc_ico_ghdr_3ds_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-amiibo .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_amiibo.png) 0 0 no-repeat;
}
.welcome-ghdr-amiibo a:before{
  background: url(../img/pc_ico_ghdr_amiibo_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-miitomo .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_miitomo.png) 0 0 no-repeat;
}
.welcome-ghdr-miitomo a:before{
  background: url(../img/pc_ico_ghdr_miitomo_hover.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-wiiu .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_wiiu_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-wiiu a:before{
    background: url(../img/pc_ico_ghdr_wiiu_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-3ds .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_3ds_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-3ds a:before{
    background: url(../img/pc_ico_ghdr_3ds_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-amiibo .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_amiibo_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-amiibo a:before{
    background: url(../img/pc_ico_ghdr_amiibo_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-miitomo .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_miitomo_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
  .welcome-ghdr-miitomo a:before{
    background: url(../img/pc_ico_ghdr_miitomo_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 44px;
            background-size: 44px;
  }
}
.pc-w-small .welcome-ghdr-wiiu a:before,
.pc-w-small .welcome-ghdr-3ds a:before,
.pc-w-small .welcome-ghdr-amiibo a:before,
.pc-w-small .welcome-ghdr-miitomo a:before,
.pc-w-small .welcome-ghdr-ico-category{
  width: 39px;
  height: 39px;
  left: 5px;
}
.pc-w-small .welcome-ghdr-txt-category{
  left: 53px;
  font-size: 11px;
  line-height: 12px;
  height: 12px;
}

.pc-w-small .welcome-ghdr-wiiu .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_wiiu_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-wiiu a:before{
  background: url(../img/pc_ico_ghdr_wiiu_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-3ds .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_3ds_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-3ds a:before{
  background: url(../img/pc_ico_ghdr_3ds_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-amiibo .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_amiibo_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-amiibo  a:before{
  background: url(../img/pc_ico_ghdr_amiibo_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-miitomo .welcome-ghdr-ico-category{
  background: url(../img/pc_ico_ghdr_miitomo_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-miitomo  a:before{
  background: url(../img/pc_ico_ghdr_miitomo_small_hover.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .pc-w-small .welcome-ghdr-wiiu .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_wiiu_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-wiiu a:before{
    background: url(../img/pc_ico_ghdr_wiiu_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-3ds .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_3ds_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-3ds a:before{
    background: url(../img/pc_ico_ghdr_3ds_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-amiibo .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_amiibo_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-amiibo  a:before{
    background: url(../img/pc_ico_ghdr_amiibo_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-miitomo .welcome-ghdr-ico-category{
    background: url(../img/pc_ico_ghdr_miitomo_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
  .pc-w-small .welcome-ghdr-miitomo  a:before{
    background: url(../img/pc_ico_ghdr_miitomo_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
}


.welcome-ghdr-category-body li.welcome-ghdr-wiiu a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-3ds a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-amiibo a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-miitomo a .welcome-ghdr-txt-category{
  color: #333;
}
.no-touchevents .welcome-ghdr-category-body li.welcome-ghdr-wiiu a:hover .welcome-ghdr-txt-category{
  color: #0096c8;
}
.no-touchevents .welcome-ghdr-category-body li.welcome-ghdr-3ds a:hover .welcome-ghdr-txt-category{
  color: #ce181e;
}
.no-touchevents .welcome-ghdr-category-body li.welcome-ghdr-amiibo a:hover .welcome-ghdr-txt-category{
  color: #000;
}
.no-touchevents .welcome-ghdr-category-body li.welcome-ghdr-miitomo a:hover .welcome-ghdr-txt-category{
  color: #009bbe;
}
.welcome-ghdr-category-body li.welcome-ghdr-wiiu a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-3ds a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-amiibo a .welcome-ghdr-txt-category,
.welcome-ghdr-category-body li.welcome-ghdr-miitomo a .welcome-ghdr-txt-category{
  -webkit-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out;
}

.welcome-ghdr-wiiu a:before,
.welcome-ghdr-3ds a:before,
.welcome-ghdr-amiibo a:before,
.welcome-ghdr-miitomo a:before{
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out;
}
.no-touchevents .welcome-ghdr-wiiu a:hover:before,
.no-touchevents .welcome-ghdr-3ds a:hover:before,
.no-touchevents .welcome-ghdr-amiibo a:hover:before,
.no-touchevents .welcome-ghdr-miitomo a:hover:before{
   opacity: 1;
}

/* -----------------------------------------------------------------
   utility
   -------------------------------------------------------------- */
.welcome-ghdr-utility-body{
  width: 100%;
}
.welcome-ghdr-utility-body:before,
.welcome-ghdr-utility-body:after {
    content: " ";
    display: table;
}
.welcome-ghdr-utility-body:after {
    clear: both;
}
.welcome-ghdr-utility-body li{
  width: 89px;
  height: 88px;
  float: left;
  border-bottom:#e0e0e0 1px solid;
}
.pc-w-small .welcome-ghdr-utility-body li{
  float: none;
  width: 100%;
  height: 40px;
  border: none;
}

.welcome-ghdr-utility-body .welcome-ghdr-topics,
.welcome-ghdr-utility-body .welcome-ghdr-movie{
  border-right:#e0e0e0 1px solid;
}

.pc-w-small .welcome-ghdr-utility-body .welcome-ghdr-topics,
.pc-w-small .welcome-ghdr-utility-body .welcome-ghdr-movie{
  border: none;
}

.welcome-ghdr-utility-body li a{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.welcome-ghdr-topics a:before,
.welcome-ghdr-schedule a:before,
.welcome-ghdr-movie a:before,
.welcome-ghdr-support a:before{
  content: "";
  z-index: 2;
  opacity: 0;
}
.welcome-ghdr-topics a:before,
.welcome-ghdr-schedule a:before,
.welcome-ghdr-movie a:before,
.welcome-ghdr-support a:before,
.welcome-ghdr-ico-utility{
  display: block;
  position: absolute;
  top: 22px;
  width: 22px;
  height: 22px;
}

.welcome-ghdr-topics a:before,
.welcome-ghdr-movie a:before,
.welcome-ghdr-topics .welcome-ghdr-ico-utility,
.welcome-ghdr-movie .welcome-ghdr-ico-utility{
  left: 30px;
}
.welcome-ghdr-schedule a:before,
.welcome-ghdr-support a:before,
.welcome-ghdr-schedule .welcome-ghdr-ico-utility,
.welcome-ghdr-support .welcome-ghdr-ico-utility{
  left: 36px;
}
.welcome-ghdr-txt-utility{
  text-align: center;
  width: 100%;
  display: block;
  padding: 60px 0 0 0;
  font-size: 10px;
  line-height: 1.1;
}
.welcome-ghdr-topics .welcome-ghdr-txt-utility,
.welcome-ghdr-movie .welcome-ghdr-txt-utility{
  padding: 60px 7px 0 0;
}
.welcome-ghdr-schedule .welcome-ghdr-txt-utility,
.welcome-ghdr-support .welcome-ghdr-txt-utility{
  padding: 60px 0 0 6px;
}

.pc-w-small .welcome-ghdr-utility-body{
  padding: 11px 0 4px 0;
  border-bottom:#e0e0e0 1px solid;
}
.pc-w-small .welcome-ghdr-topics a:before,
.pc-w-small .welcome-ghdr-schedule a:before,
.pc-w-small .welcome-ghdr-movie a:before,
.pc-w-small .welcome-ghdr-support a:before,
.pc-w-small .welcome-ghdr-ico-utility{
  margin: 0;
  top: 8px;
  left: 15px;
  width: 18px;
  height: 18px;
}
.pc-w-small .welcome-ghdr-txt-utility{
  text-align: left;
  padding: 13px 0 0 53px;
}

.welcome-ghdr-topics .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_topics.png) 0 0 no-repeat;
}
.welcome-ghdr-topics a:before{
  background: url(../img/pc_ico_ghdr_topics_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-schedule .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_calendar.png) 0 0 no-repeat;
}
.welcome-ghdr-schedule a:before{
  background: url(../img/pc_ico_ghdr_calendar_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-movie .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_movie.png) 0 0 no-repeat;
}
.welcome-ghdr-movie a:before{
  background: url(../img/pc_ico_ghdr_movie_hover.png) 0 0 no-repeat;
}
.welcome-ghdr-support .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_support.png) 0 0 no-repeat;
}
.welcome-ghdr-support a:before{
  background: url(../img/pc_ico_ghdr_support_hover.png) 0 0 no-repeat;
}

.pc-w-small .welcome-ghdr-topics .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_topics_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-topics a:before{
  background: url(../img/pc_ico_ghdr_topics_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-schedule .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_calendar_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-schedule a:before{
  background: url(../img/pc_ico_ghdr_calendar_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-movie .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_movie_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-movie a:before{
  background: url(../img/pc_ico_ghdr_movie_small_hover.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-support .welcome-ghdr-ico-utility{
  background: url(../img/pc_ico_ghdr_support_small.png) 0 0 no-repeat;
}
.pc-w-small .welcome-ghdr-support a:before{
  background: url(../img/pc_ico_ghdr_support_small_hover.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-topics .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_topics_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-topics a:before{
    background: url(../img/pc_ico_ghdr_topics_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-schedule .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_calendar_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-schedule a:before{
    background: url(../img/pc_ico_ghdr_calendar_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-movie .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_movie_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-movie a:before{
    background: url(../img/pc_ico_ghdr_movie_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-support .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_support_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }
  .welcome-ghdr-support a:before{
    background: url(../img/pc_ico_ghdr_support_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 22px;
            background-size: 22px;
  }

  .pc-w-small .welcome-ghdr-topics .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_topics_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-topics a:before{
    background: url(../img/pc_ico_ghdr_topics_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-schedule .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_calendar_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-schedule a:before{
    background: url(../img/pc_ico_ghdr_calendar_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-movie .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_movie_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-movie a:before{
    background: url(../img/pc_ico_ghdr_movie_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-support .welcome-ghdr-ico-utility{
    background: url(../img/pc_ico_ghdr_support_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
  .pc-w-small .welcome-ghdr-support a:before{
    background: url(../img/pc_ico_ghdr_support_small_hover_2x.png) 0 0 no-repeat;
    -webkit-background-size: 18px;
            background-size: 18px;
  }
}

.welcome-ghdr-topics a:before,
.welcome-ghdr-schedule a:before,
.welcome-ghdr-movie a:before,
.welcome-ghdr-support a:before{
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out;
}
.no-touchevents .welcome-ghdr-topics a:hover:before,
.no-touchevents .welcome-ghdr-schedule a:hover:before,
.no-touchevents .welcome-ghdr-movie a:hover:before,
.no-touchevents .welcome-ghdr-support a:hover:before{
   opacity: 1;

}

.welcome-ghdr-utility-body li.welcome-ghdr-topics a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-schedule a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-movie a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-support a .welcome-ghdr-txt-utility{
  color: #333;
}
.no-touchevents .welcome-ghdr-utility-body li.welcome-ghdr-topics a:hover .welcome-ghdr-txt-utility{
  color: #2196f3;
}
.no-touchevents .welcome-ghdr-utility-body li.welcome-ghdr-schedule a:hover .welcome-ghdr-txt-utility{
  color: #f5aa00;
}
.no-touchevents .welcome-ghdr-utility-body li.welcome-ghdr-movie a:hover .welcome-ghdr-txt-utility{
  color: #ff5252;
}
.no-touchevents .welcome-ghdr-utility-body li.welcome-ghdr-support a:hover .welcome-ghdr-txt-utility{
  color: #7a97b2;
}
.welcome-ghdr-utility-body li.welcome-ghdr-topics a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-schedule a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-movie a .welcome-ghdr-txt-utility,
.welcome-ghdr-utility-body li.welcome-ghdr-support a .welcome-ghdr-txt-utility{
  -webkit-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out;
}


/* -----------------------------------------------------------------
   検索
   -------------------------------------------------------------- */
.welcome-ghdr-search{
  padding: 16px 0 0 0;
}
.welcome-ghdr-search-form{
  border-bottom:#e0e0e0 1px solid;
  position: relative;
}
.welcome-ghdr-ico-search{
  display: block;
  width: 16px;
  height: 14px;
  background: url(../img/ico_search.png) 0 0 no-repeat;
  position: absolute;
  left: 12px;
  top: 8px;
}
.pc-w-small .welcome-ghdr-ico-search{
  background: url(../img/ico_search_small.png) 0 0 no-repeat;
}
.welcome-ghdr-search-input-txt{
  font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  width: 100%;
  margin: 0 0 16px 0;
  display: block;
  border: #e0e0e0 1px solid;
  height: 31px;
  -webkit-border-radius: 15.5px;
          border-radius: 15.5px;
  -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px 0px inset;
  -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 5px 0px inset;
  box-shadow: rgba(0,0,0,0.1) 0px 0px 5px 0px inset;
  padding: 0 20px 0 34px;
  outline: none;
  background: url(../img/bg_search_txt.png) 34px 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-ico-search{
    background: url(../img/ico_search_2x.png) 0 0 no-repeat;
    -webkit-background-size: 16px 14px;
            background-size: 16px 14px;
  }
  .pc-w-small .welcome-ghdr-ico-search{
    background: url(../img/ico_search_small_2x.png) 0 0 no-repeat;
    -webkit-background-size: 16px 14px;
            background-size: 16px 14px
  }
  .welcome-ghdr-search-input-txt{
    background: url(../img/bg_search_txt_2x.png) 34px 0 no-repeat;
    -webkit-background-size: 104px 31px;
            background-size: 104px 31px;
  }
}

.pc-w-small .welcome-ghdr-search-input-txt{
  background-position: 28px 0;
  padding: 0 20px 0 28px;
}
.welcome-ghdr-search-input-txt:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #FDFDF5 inset
}
.welcome-ghdr-search-type{
  width: 100%;
  text-align: left;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.25s ease-out;
          transition: height 0.25s ease-out;
}
.is-form-active .welcome-ghdr-search-input-txt,
.pc-w-small .is-form-active .welcome-ghdr-search-input-txt{
  background-color: #FDFDF5;
  background-image: none;
}

.is-form-active .welcome-ghdr-search-type {
  height: 54px;
}

.welcome-ghdr-search-type input[type=radio]{
  display: none;
}

.welcome-ghdr-search-type-item{
  display: block;
  margin-top: 10px;
}
.welcome-ghdr-search-type-item:first-child{
  margin-top: 0;
}
.welcome-ghdr-search-label{
  position: relative;
  display: inline-block;
  vertical-align: 0;
  cursor: pointer;
}
.welcome-ghdr-search-label:before{
  content: "";
  display: inline-block;
  vertical-align: -3px;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  -webkit-border-radius: 7px;
          border-radius: 7px;
  border: #e0e0e0 solid 2px;
  line-height: 0;
}
.welcome-ghdr-search-label:after{
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 6px;
  height: 6px;
  background: #FFF;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  line-height: 0;
}
.welcome-ghdr-search-type input[type=radio]:checked + .welcome-ghdr-search-label:after{
  background: #f17703;
}

/* for 3DSブラウザー?*/
.welcome-ghdr-search-submit{
  display: none;
}

.welcome-ghdr-sub{
  width: 100%;

}

.welcome-ghdr-sub li {
  margin: 16px 0 16px 18px;
}
.pc-w-small .welcome-ghdr-sub li {
  margin: 16px 0 16px 9px;
}

.welcome-ghdr-sub li a:before {
  content: " ";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(../img/ico_arrow_ghdr_r.png) no-repeat 0 0;
  margin: 0 10px -2px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-sub li a:before {
    background: url(../img/ico_arrow_ghdr_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 11px;
            background-size: 11px;
  }
}
.welcome-ghdr-sub li a{
  color: #3c3c3c;
  -webkit-transition: color 0.25s ease-out;
        transition: color 0.25s ease-out;
}
.no-touchevents .welcome-ghdr-sub li a:hover{
  color: #8C8C8C;
}
.welcome-ghdr-mynintendo{
  margin: 19px 0 0 0;
  border-top: #e0e0e0 1px solid;
  border-bottom: #e0e0e0 1px solid;
  padding: 8px 0 6px 0;
}
.pc-w-small .welcome-ghdr-mynintendo{
  padding: 8px 0 7px 0;
}

.welcome-ghdr-mynintendo a{
  width: 178px;
  height: 60px;
  background: url(../img/pc_ico_ghdr_mynintendo.png) no-repeat 50% 50%;
  display: inline-block;
  vertical-align: top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
}
.no-touchevents .welcome-ghdr-mynintendo a:hover{
  opacity: 0.7;
}

.pc-w-small .welcome-ghdr-mynintendo a{
  width: 150px;
  height: 49px;
  background: url(../img/pc_ico_ghdr_mynintendo_small.png) no-repeat 50% 50%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-mynintendo a{
    background-image: url(../img/pc_ico_ghdr_mynintendo_2x.png);
    -webkit-background-size: 178px 60px;
            background-size: 178px 60px;
  }
  .pc-w-small .welcome-ghdr-mynintendo a{
    background-image: url(../img/pc_ico_ghdr_mynintendo_small_2x.png);
    -webkit-background-size: 150px 49px;
            background-size: 150px 49px;
  }
}



.welcome-ghdr-sns{
  padding: 15px 0 0 0;
}
.welcome-ghdr-sns-title{
  text-align: center;
  margin: 0 0 12px 0;
  font-size: 10px;
}
.welcome-ghdr-sns-title br{
  display: none;
}
.pc-w-small .welcome-ghdr-sns-title br{
  display: inline;
}
.welcome-ghdr-sns-icons:before,
.welcome-ghdr-sns-icons:after {
    content: " ";
    display: table;
}
.welcome-ghdr-sns-icons:after {
    clear: both;
}
.welcome-ghdr-sns-icons{
  width: 132px;
  margin: 0 auto;
}
.welcome-ghdr-sns-icons li{
  float: left;
  width: 34px;
  margin: 0 5px;
}
.welcome-ghdr-sns-icons li a{
  display: block;
  width: 34px;
  height: 34px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.welcome-ghdr-sns-icons .welcome-ghdr-line a{
  background-color: #00c500;
  background-image: url(../img/pc_ico_ghdr_sns_line.png);
}
.welcome-ghdr-sns-icons .welcome-ghdr-twitter a{
  background-color: #20a6e3;
  background-image: url(../img/pc_ico_ghdr_sns_twitter.png);
}
.welcome-ghdr-sns-icons .welcome-ghdr-youtube a{
  background-color: #d52423;
  background-image: url(../img/pc_ico_ghdr_sns_youtube.png);
}
.pc-w-small .welcome-ghdr-sns-icons{
  width: 114px;
}
.pc-w-small .welcome-ghdr-sns-icons li{
  width: 30px;
  margin: 0 4px;
}
.pc-w-small .welcome-ghdr-sns-icons li a{
  width: 30px;
  height: 30px;
}
.pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-line a{
  background-image: url(../img/pc_ico_ghdr_sns_line_small.png);
}
.pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-twitter a{
  background-image: url(../img/pc_ico_ghdr_sns_twitter_small.png);
}
.pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-youtube a{
  background-image: url(../img/pc_ico_ghdr_sns_youtube_small.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .welcome-ghdr-sns-icons .welcome-ghdr-line a{
    background-image: url(../img/pc_ico_ghdr_sns_line_2x.png);
    -webkit-background-size: 34px;
            background-size: 34px;
  }
  .welcome-ghdr-sns-icons .welcome-ghdr-twitter a{
    background-image: url(../img/pc_ico_ghdr_sns_twitter_2x.png);
    -webkit-background-size: 34px;
            background-size: 34px;
  }
  .welcome-ghdr-sns-icons .welcome-ghdr-youtube a{
    background-image: url(../img/pc_ico_ghdr_sns_youtube_2x.png);
    -webkit-background-size: 34px;
            background-size: 34px;
  }
  .pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-line a{
    background-image: url(../img/pc_ico_ghdr_sns_line_small_2x.png);
    -webkit-background-size: 30px;
            background-size: 30px;
  }
  .pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-twitter a{
    background-image: url(../img/pc_ico_ghdr_sns_twitter_small_2x.png);
    -webkit-background-size: 30px;
            background-size: 30px;
  }
  .pc-w-small .welcome-ghdr-sns-icons .welcome-ghdr-youtube a{
    background-image: url(../img/pc_ico_ghdr_sns_youtube_small_2x.png);
    -webkit-background-size: 30px;
            background-size: 30px;
  }
}
.welcome-ghdr-sns-icons a{
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out;
}
.no-touchevents .welcome-ghdr-sns-icons a:hover{
   opacity: 0.7;

}


/* メインエリア　バナー　アカウント
-------------------------------------------------------------- */
.welcome-content-main{
  margin-left: 210px;
}
.pc-w-min .welcome-content-main{
  margin-left: 0;
}
.pc-w-small .welcome-content-main{
  margin-left: 170px;
}

.welcome-content-main-inner{
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* バナーエリア
-------------------------------------------------------------- */
.banner-main{
  display: table-cell;
  vertical-align: top;
}

/* アカウントエリア
-------------------------------------------------------------- */
.information-content{
  width: 335px;
  display: table-cell;
  vertical-align: top;
}
.account-content,
.information-header,
.information-body{
  margin-left: 3px;
}
.account-content{
  padding: 6px 0 0 0;
}
.information-header{
  padding: 6px 0 3px 0;
}

/* 新作ソフト
-------------------------------------------------------------- */
.welcome-newrelease{
  margin-left: 210px;
}
.pc-w-min .welcome-newrelease{
  margin-left: 0;
}
.pc-w-small .welcome-newrelease{
  margin-left: 170px;
}

/* サブナビ
-------------------------------------------------------------- */
.welcome-sub{
  margin-left: 210px;
  background: #FFF;
}

.pc-w-min .welcome-sub{
  margin-left: 0;
}

.pc-w-small .welcome-sub{
  margin-left: 170px;
}

/* ==========================================================================
   メイン バナー
   ======================================================================= */
.welcome-main-body img{
  vertical-align: bottom;
  max-width: initial;
  max-width: auto;
  width: 100%;
  height: auto;

}
.welcome-main-body{
  width: 100%;
}
.welcome-main-body:before,
.welcome-main-body:after {
    content: " ";
    display: table;
}
.welcome-main-body:after {
    clear: both;
}
.banner-item{
  overflow: hidden;
}


/* バナー レイアウト 共通
-------------------------------------------------------------- */
.banner-size-base-img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.banner-item{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.banner-video-logo{
  position: absolute;
  left: 0;
  top: 0;
}

.banner-sub{
  display: inline-block;
  width: 100%;
  height: 100%;
  width: 100%;
  padding: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.banner-sub img{
  vertical-align: middle;
}
.banner-sub a{
  display: inline-block;
  position: relative;
  width: 100%;
}
.banner-sub a:before{
  content: "";
  background: #FFF;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
}
.no-touchevents .banner-sub a:hover:before{
  opacity: 0.3;
}

.banner-sub-nintendoaccount{
  display: inline-block;
  width: 100%;
  height: 100%;
  width: 100%;
  padding: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.banner-sub-nintendoaccount-info{
  display: inline-block;
  position: relative;
  width: 100%;
  background: #ea0200;
}
.banner-sub-nintendoaccount-info img{
  vertical-align: middle;
}
.banner-sub-nintendoaccount-btn{
  background: #ea0200;
  padding: 10px 9px 20px 9px;
}
.banner-sub-nintendoaccount-btn a{
  display: block;
  max-width: 596px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  -webkit-border-radius: 28px;
          border-radius: 28px;
}
.banner-sub-nintendoaccount-btn a:before,
.banner-sub-nintendoaccount-btn a:after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.banner-sub-nintendoaccount-btn a:before{
  background: #aa1f19;
  z-index: 1;
  border-radius: 28px;
  top: 4px;
}
.banner-sub-nintendoaccount-btn a:after{
  background: #FFF;
  z-index: 2;
  border-radius: 28px;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.banner-sub-nintendoaccount-btn a img{
  position: relative;
  z-index: 3;
  display: inline-block;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .banner-sub-nintendoaccount-btn a:hover:after{
  -webkit-transform: translate3d(0,4px,0);
          transform: translate3d(0,4px,0);
}
.no-touchevents .banner-sub-nintendoaccount-btn a:hover img{
  -webkit-transform: translate3d(0,4px,0);
          transform: translate3d(0,4px,0);
}

.banner-sub-nintendoaccount-btn{
  display: none;
}
.banner-sub-nintendoaccount-btn,
.alps-is-loggedin .banner-sub-nintendoaccount-btn{
  display: none;
}
.alps-is-guest .banner-sub-nintendoaccount-btn{
  display: block;
}




/* バナー レイアウト 最大サイズ
-------------------------------------------------------------- */
.banner-grid1 .banner-col{
  position: relative;
  overflow: hidden;
}

/* バナー レイアウト S | L
-------------------------------------------------------------- */

.banner-grid5 .banner-col-small{
  display: inline-block;
  vertical-align: top;
  width: 36%;
  position: relative;
}
.banner-grid5 .banner-col-large{
  display: inline-block;
  vertical-align: top;
  width: 64%;
  position: relative;
}


/* バナー レイアウト L | S
-------------------------------------------------------------- */
.banner-grid2 .banner-col-small{
  display: inline-block;
  vertical-align: top;
  width: 36%;
  position: relative;
}
.banner-grid2 .banner-col-large{
  display: inline-block;
  vertical-align: top;
  width: 64%;
  position: relative;
}


/* バナー レイアウト S | S | S
-------------------------------------------------------------- */
.banner-grid4 .banner-col-01,
.banner-grid4 .banner-col-02,
.banner-grid4 .banner-col-03{
  display: inline-block;
  width: 33.3%;
  position: relative;
}


/* バナー レイアウト
 S | L
 S |
-------------------------------------------------------------- */
.banner-grid3:before,
.banner-grid3:after{
  content: "";
  display: table;
}
.banner-grid3:after{
  clear: both;
}
.banner-grid3 .banner-col-small-group{
  float: left;
  width: 33.3%;
}
.banner-grid3 .banner-col-large{
  float: left;
  width: 66.6%;
  position: relative;
}
.banner-grid3 .banner-col-small1,
.banner-grid3 .banner-col-small2{
  width: 100%;
  position: relative;
}


/* バナー レイアウト
 L | S
   | S
-------------------------------------------------------------- */
.banner-grid6:before,
.banner-grid6:after{
  content: "";
  display: table;
}
.banner-grid6:after{
  clear: both;
}

.banner-grid6 .banner-col-large{
  float: left;
  width: 66.6%;
  position: relative;
}
.banner-grid6 .banner-col-small-group{
  float: left;
  width: 33.3%;
}
.banner-grid6 .banner-col-small1,
.banner-grid6 .banner-col-small2{
  width: 100%;
  position: relative;
}

/* -----------------------------------------------------------------
   バナー 本体
   -------------------------------------------------------------- */
.banner-item a,
.banner-item .banner-item-inner,
.banner-item .touch-divice-banner-item-inner{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
  overflow: hidden;
}
.banner-item-img img{
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.banner-item-img video{
  vertical-align: bottom;
  width: 101%;
  height: auto;
  margin-left: -3px;
}

/* バナー ムービー
-------------------------------------------------------------- */
.banner-item-video{
  width: 100%;
  padding-top: 56.1%;
  position: relative;
  overflow: hidden;
}
.banner-item-video video{
  position: absolute;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.banner-item .banner-video-loadding{
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.banner-item .banner-video-loadding .list-loading-indicator{
  top: 0;
}


/* バナー ラベル
-------------------------------------------------------------- */
.label-wiiu a:before,
.label-3ds a:before,
.label-amiibo a:before{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 37px;
  height: 15px;
  z-index: 4;
}
.label-wiiu3ds a:before,
.label-ios_android a:before,
.item-miitomo-storelink .banner-item-inner:before,
.item-miitomo-storelink .touch-divice-banner-item-inner:before,
.item-miitomo-storelink-small .banner-item-inner:before,
.item-miitomo-storelink-small .touch-divice-banner-item-inner:before,
.item-miitomo-storelink-square .banner-item-inner:before,
.item-miitomo-storelink-square .touch-divice-banner-item-inner:before{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  height: 15px;
  z-index: 4;
}
.label-topics a:before{
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 15px;
  z-index: 4;
}
.label-wiiu a:before{
  background: url(../img/ico_label_wiiu.png) 0 0 no-repeat;
}
.label-3ds a:before{
  background: url(../img/ico_label_3ds.png) 0 0 no-repeat;
}
.label-amiibo a:before{
  background: url(../img/ico_label_amiibo.png) 0 0 no-repeat;
}
.label-wiiu3ds a:before{
  background: url(../img/ico_label_wiiu3ds.png) 0 0 no-repeat;
}
.label-ios_android a:before,
.item-miitomo-storelink .banner-item-inner:before,
.item-miitomo-storelink .touch-divice-banner-item-inner:before,
.item-miitomo-storelink-small .banner-item-inner:before,
.item-miitomo-storelink-small .touch-divice-banner-item-inner:before,
.item-miitomo-storelink-square .banner-item-inner:before,
.item-miitomo-storelink-square .touch-divice-banner-item-inner:before{
  background: url(../img/ico_label_ios-android.png) 0 0 no-repeat;
}
.label-topics a:before{
  background: url(../img/ico_label_topics.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .label-wiiu a:before{
    background: url(../img/ico_label_wiiu_2x.png) 0 0 no-repeat;
    -webkit-background-size: 37px 15px;
            background-size: 37px 15px;
  }
  .label-3ds a:before{
    background: url(../img/ico_label_3ds_2x.png) 0 0 no-repeat;
    -webkit-background-size: 37px 15px;
            background-size: 37px 15px;
  }
  .label-amiibo a:before{
    background: url(../img/ico_label_amiibo_2x.png) 0 0 no-repeat;
    -webkit-background-size: 37px 15px;
            background-size: 37px 15px;
  }
  .label-wiiu3ds a:before{
    background: url(../img/ico_label_wiiu3ds_2x.png) 0 0 no-repeat;
    -webkit-background-size: 75px 15px;
            background-size: 75px 15px;
  }
  .label-ios_android a:before,
  .item-miitomo-storelink .banner-item-inner:before,
  .item-miitomo-storelink .touch-divice-banner-item-inner:before,
  .item-miitomo-storelink-small .banner-item-inner:before,
  .item-miitomo-storelink-small .touch-divice-banner-item-inner:before,
  .item-miitomo-storelink-square .banner-item-inner:before,
  .item-miitomo-storelink-square .touch-divice-banner-item-inner:before{
    background: url(../img/ico_label_ios-android_2x.png) 0 0 no-repeat;
    -webkit-background-size: 75px 15px;
            background-size: 75px 15px;
  }
  .label-topics a:before{
    background: url(../img/ico_label_topics_2x.png) 0 0 no-repeat;
    -webkit-background-size: 45px 15px;
            background-size: 45px 15px;
  }
}

/* -----------------------------------------------------------------
   バナー ホバー
   -------------------------------------------------------------- */
.banner-item-hover{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.8);
  z-index: 3;
}
.banner-item-hover{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.8);
  z-index: 3;
  vertical-align: top;
}


/* バナー ホバー マウスオーバー
-------------------------------------------------------------- */
.banner-item a .banner-item-hover{
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
}
.no-touchevents .banner-item a:hover .banner-item-hover{
  opacity: 1;
}

.banner-item-hover:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.banner-item-hover-detail{
  width: 99%;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}


/* バナー ホバー タイトル
-------------------------------------------------------------- */
.banner-item-hover-detail .detail-title{
  font-size: 20px;
  line-height: 1.3;
  color: #FFF;
  padding-bottom: 12px;
  padding: 0 10px 12px 10px;
  margin: 0 0 12px 0;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #8c8c8c;
  display: inline-block;
  font-weight: bold;
}
.label-wiiu .banner-item-hover-detail .detail-title{
  border-bottom-color: #0096c8;
}
.label-3ds .banner-item-hover-detail .detail-title{
  border-bottom-color: #ce181e;
}
.label-amiibo .banner-item-hover-detail .detail-title{
  border-bottom-color: #FFF;
}
.label-wiiu3ds .banner-item-hover-detail .detail-title{
  border-bottom-color: #FFF;
}

/* バナー ホバー テキスト
-------------------------------------------------------------- */
.banner-item-hover-detail .detail-info{
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 18px;
}

@media screen and (max-width:1280px) {
  .banner-item-hover-detail .detail-title{
    font-size: 14px;
  }
  .banner-item-hover-detail .detail-info span{
    display: block;
    line-height: 1.4;
  }
}
@media screen and (min-width:1281px) and (max-width:1380px) {
  .banner-item-hover-detail .detail-title{
    font-size: 17px;
  }
  .banner-item-hover-detail .detail-info{
    font-size: 10px;
  }
  .banner-item-hover-detail .detail-info span{
    display: inline-block;
    padding: 0 3px;
  }
}
@media screen and (min-width:1381px){
  .banner-item-hover-detail .detail-title{
    font-size: 20px;
  }
  .banner-item-hover-detail .detail-info{
    font-size: 11px;
  }
  .banner-item-hover-detail .detail-info span{
    display: inline-block;
    padding: 0 3px;
  }
}

/* バナー ホバー ボタン
-------------------------------------------------------------- */
.banner-item-hover-detail .detail-btn{
  width: 134px;
  height: 30px;
  position: relative;
  margin: 0 auto;
  border:#FFF 2px solid;
  -webkit-border-radius: 15px;
          border-radius: 15px;
}
.banner-item-hover-detail .detail-btn:after{
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_arrow_white_r.png) 0 0 no-repeat;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .banner-item-hover-detail .detail-btn:after{
    background: url(../img/ico_arrow_white_r_2x.png) 0 0 no-repeat;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
}
.banner-item-hover-detail .detail-btn span{
  color: #FFF;
  font-weight: bold;
  font-size: 10px;
  line-height: 1.1;
  padding: 8px 0 7px 0;
  display: inline-block;
}

/* Miitomo ストアリンク
-------------------------------------------------------------- */

.item-miitomo-storelink .banner-item-hover-detail,
.item-miitomo-storelink-small .banner-item-hover-detail,
.item-miitomo-storelink-square .banner-item-hover-detail{
  height: 100%;
  position: relative;
}
.item-miitomo-storelink .detail-store-badge a:before,
.item-miitomo-storelink .detail-btn-wrap a:before,
.item-miitomo-storelink-small .detail-store-badge a:before,
.item-miitomo-storelink-small .detail-btn-wrap a:before,
.item-miitomo-storelink-square .detail-store-badge a:before,
.item-miitomo-storelink-square .detail-btn-wrap a:before{
  display: none;
}
.item-miitomo-storelink .banner-item-hover-detail a,
.item-miitomo-storelink-small .banner-item-hover-detail a,
.item-miitomo-storelink-square .banner-item-hover-detail a{
  overflow: visible;
}

.item-miitomo-storelink .banner-item-hover,
.item-miitomo-storelink-small .banner-item-hover,
.item-miitomo-storelink-square .banner-item-hover{
  background: rgba(0,0,0,0.88);
}
.item-miitomo-storelink .detail-header,
.item-miitomo-storelink-small .detail-header{
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -21%;
}
.item-miitomo-storelink-small .detail-header{
  margin-top: -18%;
}

.item-miitomo-storelink-square .detail-header{
  display: none;
}

.item-miitomo-storelink .detail-leadtext,
.item-miitomo-storelink-small .detail-leadtext,
.item-miitomo-storelink-square .detail-leadtext{
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -9%;
}
.item-miitomo-storelink-small .detail-leadtext{
  margin-top: -2%;
}

.item-miitomo-storelink-square .detail-leadtext{
  margin-top: -70px;
}

.item-miitomo-storelink .detail-store-badge,
.item-miitomo-storelink-small .detail-store-badge{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -227px;
  width: 454px;
  height: 60px;
}
.item-miitomo-storelink-small .detail-store-badge{
  margin: 10px 0 0 -150px;
  width: 300px;
  height: 40px;
}
.item-miitomo-storelink-square .detail-store-badge{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -66px;
  width: 132px;
  height: 110px;
}

.item-miitomo-storelink .detail-store-badge li,
.item-miitomo-storelink-small .detail-store-badge li{
  width: 203px;
  display: inline-block;
  vertical-align: top;
  margin: 0 12px;
}
.item-miitomo-storelink-small .detail-store-badge li{
  width: 50px;
  margin: 0 9px;
}

.item-miitomo-storelink-square .detail-store-badge li{
  display: block;
  vertical-align: top;
  width: 132px;
  margin: 0 0 10px 0;
}


.item-miitomo-storelink .detail-btn-wrap,
.item-miitomo-storelink-small .detail-btn-wrap{
  position: absolute;
  width: 140px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin: 90px 0 0 -70px;
}
.item-miitomo-storelink-small .detail-btn-wrap{
  margin: 60px 0 0 -70px;
}

.item-miitomo-storelink-square .detail-btn-wrap{
  position: absolute;
  width: 140px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin: 60px 0 0 -70px;
}
.item-miitomo-storelink-square .banner-item-hover-detail .detail-btn-wrap .detail-btn{
  border: none;
}
.item-miitomo-storelink-square .banner-item-hover-detail .detail-btn-wrap .detail-btn span{
  padding: 10px 0 7px 0;
}
.item-miitomo-storelink-square .banner-item-hover-detail .detail-btn:after{
  right: 18px;
}


@media screen and (max-width:1280px) {
  .item-miitomo-storelink .detail-header{
    margin-top: -20%;
  }
  .item-miitomo-storelink-small .detail-header{
    margin-top: -22%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-title {
    font-size: 18px;
  }
  .item-miitomo-storelink .detail-leadtext{
    margin-top: -9%;
  }
  .item-miitomo-storelink-small .detail-leadtext{
    margin-top: -10%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-info {
    font-size: 14px;
  }
  .item-miitomo-storelink-small .detail-store-badge{
    margin-top: -10px;
  }
  .item-miitomo-storelink .detail-btn-wrap{
    margin-top: 90px;
  }
  .item-miitomo-storelink-small .detail-btn-wrap{
    margin-top: 50px;
  }
}
@media screen and (min-width:1281px) and (max-width:1380px) {
  .item-miitomo-storelink .detail-header{
    margin-top: -16%;
  }
  .item-miitomo-storelink-small .detail-header{
    margin-top: -21%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-title {
    font-size: 24px;
  }
  .item-miitomo-storelink .detail-leadtext{
    margin-top: -6.5%;
  }
  .item-miitomo-storelink-small .detail-leadtext{
    margin-top: -8.5%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-info {
    font-size: 15px;
  }
  .item-miitomo-storelink-small .detail-store-badge{
    margin: -15px 0 0 -200px;
    width: 400px;
    height: 40px;
  }
  .item-miitomo-storelink-small .detail-store-badge li{
    width: 173px;
    margin: 0 12px;
  }
  .item-miitomo-storelink .detail-btn-wrap{
    margin-top: 110px;
  }
  .item-miitomo-storelink-small .detail-btn-wrap{
    margin-top: 80px;
  }
  
  .item-miitomo-storelink-square .detail-leadtext{
    margin-top: -85px;
  }
  .item-miitomo-storelink-square .detail-store-badge{
    margin: -50px 0 0 -80px;
    width: 160px;
  }
  .item-miitomo-storelink-square .detail-store-badge li{
    display: block;
    vertical-align: top;
    width: 160px;
    margin: 0 0 20px 0;
  }
  .item-miitomo-storelink-square .detail-btn-wrap{
    margin-top: 80px;
  }
}
@media screen and (min-width:1381px){
  .item-miitomo-storelink .detail-header{
    margin-top: -16%;
  }
  .item-miitomo-storelink-small .detail-header{
    margin-top: -21%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-title {
    font-size: 24px;
  }
  .item-miitomo-storelink .detail-leadtext{
    margin-top: -6.5%;
  }
  .item-miitomo-storelink-small .detail-leadtext{
    margin-top: -8.5%;
  }
  .item-miitomo-storelink .banner-item-hover-detail .detail-info {
    font-size: 14px;
  }
  .item-miitomo-storelink-small .banner-item-hover-detail .detail-info {
    font-size: 14px;
  }
  .item-miitomo-storelink-small .detail-store-badge{
    margin: -15px 0 0 -227px;
    width: 454px;
    height: 60px;
  }
  .item-miitomo-storelink-small .detail-store-badge li{
    width: 203px;
    margin: 0 12px;
  }
  .item-miitomo-storelink .detail-btn-wrap{
    margin-top: 140px;
  }
  .item-miitomo-storelink-small .detail-btn-wrap{
    margin-top: 95px;
  }
  .item-miitomo-storelink-square .detail-leadtext{
    margin-top: -105px;
  }
  .item-miitomo-storelink-square .detail-store-badge{
    margin: -70px 0 0 -102px;
    width: 203px;
  }
  .item-miitomo-storelink-square .detail-store-badge li{
    display: block;
    vertical-align: top;
    width: 203px;
    margin: 0 0 25px 0;
  }
  .item-miitomo-storelink-square .detail-btn-wrap{
    margin-top: 100px;
  }
}

.appstore-note{
  margin: 0 24px 20px 24px;
}
.appstore-note p{
  font-size: 11px;
  line-height: 1.4;
}


.banner-item .banner-item-inner .banner-item-hover{
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
}
.banner-item .banner-item-inner.is-banner-item-hover .banner-item-hover{
  opacity: 1;
}

/* ==========================================================================
   アカウント
   ======================================================================= */
.alps-is-loggedin .account-guest{
  display: none;
}
.alps-is-guest .account-guest{
  width: 326px;
  height: 273px;
  background: url(../img/bg_account_guest.png) 0 0 no-repeat;
  text-align: center;
  position: relative;
}
.alps-is-guest .account-about-btn{
  position: absolute;
  left: 7px;
  top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-guest .account-about-btn img{
    /*display: none;*/
  }
  .alps-is-guest .account-about-btn a:before{
    content: "";
    display: none;
    width: 312px;
    height: 207px;
    /*background: url(../btn_account_guest_2x.png) 0 0 no-repeat;*/
    -webkit-background-size: 312px 207px;
            background-size: 312px 207px;
  }
}

.alps-is-guest .account-about-btn a{
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .alps-is-guest .account-about-btn a:hover{
  opacity: 0.80;
}
.alps-is-guest .account-guest ul{
    background-image: url(../img/mynintendo/bg_mynintendo.png);
    background-repeat: no-repeat;
    display: block;
    width: 326px;
    height: 57px;
    position: absolute;
    top: 215px;
}
.alps-is-guest .account-guest-join{
    width: 90px;
    height: 26px;
  position: absolute;
    left: 125px;
    bottom: 17px;
}
.alps-is-guest .account-guest-join a{
  display: inline-block;
  width: 100%;
  height: 100%;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  position: relative;
}
.alps-is-guest .account-guest-join a:before{
  content: "";
    background-color: #a30001;
  display: block;
    width: 90px;
    height: 26px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  position: absolute;
  left: 0;
  top: 2px;
}

.alps-is-guest .account-guest-join a:after{
  content: "";
    background-color: #da0203;
  display: block;
    width: 90px;
    height: 26px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform, ease-out 0.2s;
          transition: transform, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
.no-touchevents .alps-is-guest .account-guest-join a:hover:after{
  transform: translate3d(0px, 2px, 0px);
}
.alps-is-guest .account-guest-join a .account-guest-join-body{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.alps-is-guest .account-guest-join a .account-guest-join-body{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.alps-is-guest .account-guest-join a .account-guest-join-txt{
  color: #FFF;
  font-size: 12px;
  line-height: 1.1;
  padding: 7px 0 6px 0;
  display: inline-block;
   -webkit-font-smoothing: subpixel-antialiased;
   -webkit-transition: -webkit-transform, ease-out 0.2s;
          transition: transform, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
.no-touchevents .alps-is-guest .account-guest-join a:hover .account-guest-join-txt{
  transform: translate3d(0px, 2px, 0px);
}
.alps-is-guest .account-guest-login{
    width: 90px;
    height: 26px;
  position: absolute;
  right: 11px;
    bottom: 17px;
}
.alps-is-guest .account-guest-login button{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.alps-is-guest .account-guest-login button:before{
  content: "";
    background-color: #a30001;
  display: block;
    width: 90px;
    height: 26px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  position: absolute;
  left: 0;
  top: 2px;
}

.alps-is-guest .account-guest-login button:after{
  content: "";
    background-color: #da0203;
  display: block;
    width: 86px;
    height: 22px;
  background: #FFF;
    border: #da0203 2px solid;
    -webkit-border-radius: 13px;
    border-radius: 13px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-transform, ease-out 0.2s;
          transition: transform, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
.no-touchevents .alps-is-guest .account-guest-login button:hover:after{
   transform: translate3d(0px, 2px, 0px);
}
.alps-is-guest .account-guest-login button .account-guest-login-body{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

.no-touchevents .alps-is-guest .account-guest-login button:hover .account-guest-login-body:after{
  transform: translate3d(0px, 2px, 0px);
}
.alps-is-guest .account-guest-login button .account-guest-login-txt{
    color: #da0203;
  font-size: 12px;
  line-height: 1.1;
  padding-right: 5px;
  padding: 7px 0 6px 0;
  display: inline-block;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: -webkit-transform, ease-out 0.2s;
          transition: transform, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
.no-touchevents .alps-is-guest .account-guest-login button:hover .account-guest-login-txt{
  transform: translate3d(0px, 2px, 0px);
}
.alps-is-guest .account-loggedin{
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-guest .account-guest{
    background: url(../img/bg_account_guest_2x.png) 0 0 no-repeat;
    -webkit-background-size: 326px 209px;
            background-size: 326px 209px;
  }
  .alps-is-guest .account-guest-join a .account-guest-join-body:before{
    background: url(../img/ico_account_guest_new_2x.png) 0 0 no-repeat;
    -webkit-background-size: 21px;
            background-size: 21px;
  }
  .alps-is-guest .account-guest-join a .account-guest-join-body:after{
    background: url(../img/ico_arrow_guest_new_r_2x.png) 0 0 no-repeat;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
  .alps-is-guest .account-guest-login button .account-guest-login-body:after{
    background: url(../img/ico_arrow_guest_r_2x.png) 0 0 no-repeat;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
}

.alps-is-loggedin .account-loggedin{
  width: 326px;
  height: 179px;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.alps-is-loggedin .account-loggedin-nickname{
  width: 200px;
  height: 64px;
  position: absolute;
  left: 118px;
  top: 30px;
}
.alps-is-loggedin .account-loggedin-nickname p{
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 64px;
}
.alps-is-loggedin .account-loggedin-nickname p span{
  font-size: 18px;
  line-height: 1.1;
  color: #FFF;
}
.alps-is-loggedin .is-no-mii-icon .account-loggedin-nickname{
  width: 295px;
  left: 24px;
  top: 23px;
}
.alps-is-loggedin .is-no-mii-icon .account-loggedin-nickname p{
  width: 280px;
  text-align: left;
}
.alps-is-loggedin .is-no-mii-icon .account-loggedin-nickname p span{
  font-size: 20px;
  line-height: 1.1;
  color: #8c8c8c;
}
.alps-is-loggedin .account-loggedin-mii{
  width: 102px;
  height: 99px;
  position: absolute;
  left: 10px;
  top: 16px;
  overflow: hidden;
}
.alps-is-loggedin .account-loggedin-mii img{
  vertical-align: bottom;
  display: block;
}

/* My Nintendoをはじめていない */
.alps-is-loggedin .account-mii-points-00 .account-loggedin-mii{
  top: 15px;
}
.alps-is-loggedin .account-mii-points-00 .account-loggedin-nickname{
  top: 43px;
}

/* My Nintendoをはじめいる（ポイントを持っている） */
.account-has-points-area{
  position: absolute;
  left: 113px;
  top: 81px;
}
.is-no-mii-icon .account-has-points-area{
  position: absolute;
  left: 22px;
  top: 81px;
}
.account-has-points-platinum,
.account-has-points-gold{
  display: inline-block;
}
.account-has-points-platinum{
  margin: 0 14px 0 0;
}
.account-has-points-platinum span,
.account-has-points-gold span{
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  vertical-align: top;
}
.account-has-points-platinum span{
  width: 40px;
  height: 20px;
  background: url(../img/ico_account_points_platinum.png) 0 0 no-repeat;
}
.account-has-points-gold span{
  width: 33px;
  height: 20px;
  background: url(../img/ico_account_points_gold.png) 0 0 no-repeat;
}
.is-no-mii-icon .account-has-points-platinum span{
  background: url(../img/ico_account_points_platinum_white.png) 0 0 no-repeat;
}
.is-no-mii-icon .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_white.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .account-has-points-platinum span{
    background: url(../img/ico_account_points_platinum_2x.png) 0 0 no-repeat;
    -webkit-background-size: 40px 20px;
            background-size: 40px 20px;
  }
  .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_2x.png) 0 0 no-repeat;
  -webkit-background-size: 33px 20px;
          background-size: 33px 20px;
  }
  .is-no-mii-icon .account-has-points-platinum span{
    background: url(../img/ico_account_points_platinum_white_2x.png) 0 0 no-repeat;
     -webkit-background-size: 40px 20px;
            background-size: 40px 20px;
  }
  .is-no-mii-icon .account-has-points-gold span{
    background: url(../img/ico_account_points_gold_white_2x.png) 0 0 no-repeat;
    -webkit-background-size: 33px 20px;
          background-size: 33px 20px;
  }
}
.account-has-points-platinum em,
.account-has-points-gold em{
  color: #FFF;
  display: inline-block;
  line-height: 20px;
  letter-spacing: 0.05em;
  vertical-align: top;
  font-size: 13px;
  font-family: "mynintendo-Regular", Verdana, 'Helvetica Neue',Arial, Helvetica, sans-serif;
}
.is-no-mii-icon .account-has-points-platinum em,
.is-no-mii-icon .account-has-points-gold em{
  color: #8c8c8c;
}


.account-has-points-00{
  display: none!important;
}
.account-no-points-area{
  position: absolute;
  width: 306px;
  height: 64px;
  left: 10px;
  top: 113px;
}
.alps-is-loggedin .account-no-points-area .account-loggedin-ui-setting{
  position: absolute;
  left: 180px;
  top: 46px;
}
.alps-is-loggedin .account-no-points-area .account-loggedin-ui-logout{
  position: absolute;
  left: 235px;
  top: 46px;
}
.account-loggedin-ui-no-points-about{
  position: relative;
  width: 306px;
  height: 56px;
}
.account-loggedin-ui-no-points-about a span{
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  left: 0;
  top: 7px;
}
.account-loggedin-ui-no-points-about a{
  display: block;
  width: 306px;
  height: 56px;
  background: url(../img/btn_loggedin_no_points_bg.png) 0 0 no-repeat;
  position: relative;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .account-loggedin-ui-no-points-about a{
    background: url(../img/btn_loggedin_no_points_bg_2x.png) 0 0 no-repeat;
    -webkit-background-size: 306px 56px;
            background-size: 306px 56px;
  }
}
.is-no-mii-icon .account-loggedin-ui-no-points-about a{
  background-image: none;
  background-color: #ededed;
  -webkit-border-radius: 6px;
          border-radius: 6px;
}
.account-loggedin-ui-no-points-about a span{
  width: 306px;
  height: 42px;
  background: url(../img/btn_loggedin_no_points_label.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .account-loggedin-ui-no-points-about a span{
    background: url(../img/btn_loggedin_no_points_label_2x.png) 0 0 no-repeat;
    -webkit-background-size: 306px 42px;
            background-size: 306px 42px;
  }
}

.account-loggedin-ui-no-points-about a span{
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .account-loggedin-ui-no-points-about a:hover span{
  opacity: 0.7;
}

/* My Nintendoをはじめていない */
.account-no-points{
  display: none;
}
.account-no-points-00{
  display: block!important;
}
.alps-is-loggedin .account-loggedin-ui{
  height: 72px;
  width: 316px;
  position: absolute;
  bottom: 4px;
  left: 5px;
}
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui{
  height: 72px;
}
.alps-is-loggedin .account-loggedin-ui-body{
  height: 70px;
  width: 314px;
  margin: 0 auto;
  position: relative;
  background: url(../img/account_loggedin_ui_bg.png) 0 0 no-repeat;
}
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-body{
  background: url(../img/account_loggedin_ui_no_mii_bg.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .account-loggedin-ui-body{
    background: url(../img/account_loggedin_ui_bg_2x.png) 0 0 no-repeat;
    -webkit-background-size: 314px 70px;
            background-size: 314px 70px;
  }
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-body{
    background: url(../img/account_loggedin_ui_no_mii_bg_2x.png) 0 0 no-repeat;
    -webkit-background-size: 314px 70px;
            background-size: 314px 70px;
  }
}
.alps-is-loggedin .account-loggedin-ui-about{
  position: absolute;
  left: 4px;
  top: 11px;
}
.alps-is-loggedin .account-loggedin-ui-about a{
  width: 306px;
  height: 55px;
  display: block;
  background: url(../img/account_loggedin_ui_btn_label.png) 0 0 no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .account-loggedin-ui-about a{
    background: url(../img/account_loggedin_ui_btn_label_2x.png) 0 0 no-repeat;
    -webkit-background-size: 306px 55px;
            background-size: 306px 55px;
  }
}
.no-touchevents .alps-is-loggedin .account-loggedin-ui-about a:hover{
  opacity: 0.75;
}

.alps-is-loggedin .account-loggedin-ui-about a:before{
}
.alps-is-loggedin .account-loggedin-ui-about a:before{
}
.no-touchevents .alps-is-loggedin .account-loggedin-ui-about a:hover:before{
}

.alps-is-loggedin .account-loggedin-ui-about a span{
}

.alps-is-loggedin .account-loggedin-mynintendo{
  position: absolute;
  left: 10px;
  top: 0;
}
.alps-is-loggedin .account-loggedin-mynintendo a{
  width: 100px;
  height: 26px;
  background: url(../img/account_loggedin_mynintendo_logo_red.png) 0 0 no-repeat;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .account-loggedin-mynintendo a{
    background: url(../img/account_loggedin_mynintendo_logo_red_2x.png) 0 0 no-repeat;
    -webkit-background-size: 100px 26px;
            background-size: 100px 26px;
  }
}
.alps-is-loggedin .account-loggedin-ui-setting{
  position: absolute;
  left: 203px;
  top: 11px;
}
.alps-is-loggedin .account-loggedin-ui-logout{
  position: absolute;
  left: 253px;
  top: 11px;
}
.alps-is-loggedin .account-loggedin-ui-setting a,
.alps-is-loggedin .account-loggedin-ui-logout a,
.alps-is-loggedin .account-loggedin-ui-setting button,
.alps-is-loggedin .account-loggedin-ui-logout button{
  color: #FFF;
}
.alps-is-loggedin .account-loggedin-ui-setting a:before,
.alps-is-loggedin .account-loggedin-ui-logout a:before,
.alps-is-loggedin .account-loggedin-ui-setting button:before,
.alps-is-loggedin .account-loggedin-ui-logout button:before{
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px 1px 0;
}
.alps-is-loggedin .account-loggedin-ui-logout a:before,
.alps-is-loggedin .account-loggedin-ui-logout button:before{
  margin: 0 4px 0 0;
}
.alps-is-loggedin .account-loggedin-ui-setting a:before,
.alps-is-loggedin .account-loggedin-ui-setting button:before{
  background: url(../img/ico_setting.png) 0 0 no-repeat;
}
.alps-is-loggedin .account-loggedin-ui-logout a:before,
.alps-is-loggedin .account-loggedin-ui-logout button:before{
  background: url(../img/ico_logout.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .account-loggedin-ui-setting a:before,
  .alps-is-loggedin .account-loggedin-ui-setting button:before{
    background: url(../img/ico_setting_2x.png) 0 0 no-repeat;
    -webkit-background-size: 11px;
            background-size: 11px;
  }
  .alps-is-loggedin .account-loggedin-ui-logout a:before,
  .alps-is-loggedin .account-loggedin-ui-logout button:before{
    background: url(../img/ico_logout_2x.png) 0 0 no-repeat;
    -webkit-background-size: 11px;
            background-size: 11px;
  }
}
.alps-is-loggedin .account-loggedin-ui-setting a span,
.alps-is-loggedin .account-loggedin-ui-logout a span,
.alps-is-loggedin .account-loggedin-ui-setting button span,
.alps-is-loggedin .account-loggedin-ui-logout button span{
  vertical-align: middle;
  font-size: 10px;
  color: #FFF;
}
.alps-is-loggedin .account-loggedin-ui-setting a span,
.alps-is-loggedin .account-loggedin-ui-logout a span,
.alps-is-loggedin .account-loggedin-ui-setting button span,
.alps-is-loggedin .account-loggedin-ui-logout button span{
  opacity: 1;
  -webkit-font-smoothing: subpixel-antialiased;
}
.no-touchevents .alps-is-loggedin .account-loggedin-ui-setting a:hover span,
.no-touchevents .alps-is-loggedin .account-loggedin-ui-logout a:hover span,
.no-touchevents .alps-is-loggedin .account-loggedin-ui-setting button:hover span,
.no-touchevents .alps-is-loggedin .account-loggedin-ui-logout button:hover span{
  opacity: 0.8;
}
.alps-is-loggedin .mii-color-red{
  background-image: url(../img/bg_account_color_red.png);
  /*background-image: url(../img/_dummy.png);*/
}

.alps-is-loggedin .mii-color-orange{
  background-image: url(../img/bg_account_color_orange.png);
}
.alps-is-loggedin .mii-color-yellow{
  background-image: url(../img/bg_account_color_yellow.png);
}
.alps-is-loggedin .mii-color-yellow .account-loggedin-nickname p span,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting a span,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout a span,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting button span,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout button span,
.alps-is-loggedin .mii-color-yellow .account-has-points-platinum em,
.alps-is-loggedin .mii-color-yellow .account-has-points-gold em{
  color: #333333;
}
.alps-is-loggedin .mii-color-yellow .account-loggedin-mynintendo a{
 /*background: url(../img/account_loggedin_mynintendo_logo_gray.png) 0 0 no-repeat;*/
}
.alps-is-loggedin .mii-color-yellow .account-has-points-platinum span{
  background: url(../img/ico_account_points_platinum_yellow.png) 0 0 no-repeat;
}
.alps-is-loggedin .mii-color-yellow .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_yellow.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .mii-color-yellow .account-has-points-platinum span{
    background: url(../img/ico_account_points_platinum_yellow_2x.png) 0 0 no-repeat;
    -webkit-background-size: 40px 20px;
            background-size: 40px 20px;
  }
  .alps-is-loggedin .mii-color-yellow .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_yellow_2x.png) 0 0 no-repeat;
  -webkit-background-size: 33px 20px;
       -o-background-size: 33px 20px;
          background-size: 33px 20px;
  }
}
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting a:before,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting button:before{
  background-image: url(../img/ico_setting_yellow.png);
}
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout a:before,
.alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout button:before{
  background-image: url(../img/ico_logout_yellow.png);
}
.alps-is-loggedin .mii-color-yellowgreen{
  background-image: url(../img/bg_account_color_yellowgreen.png);
}
.alps-is-loggedin .mii-color-green{
  background-image: url(../img/bg_account_color_green.png);
}
.alps-is-loggedin .mii-color-blue{
  background-image: url(../img/bg_account_color_blue.png);
}
.alps-is-loggedin .mii-color-skyblue{
  background-image: url(../img/bg_account_color_skyblue.png);
}
.alps-is-loggedin .mii-color-pink{
  background-image: url(../img/bg_account_color_pink.png);
}
.alps-is-loggedin .mii-color-purple{
  background-image: url(../img/bg_account_color_purple.png);
}
.alps-is-loggedin .mii-color-brown{
  background-image: url(../img/bg_account_color_brown.png);
}
.alps-is-loggedin .mii-color-white{
  background-image: url(../img/bg_account_color_white.png);
}
.alps-is-loggedin .mii-color-white .account-loggedin-nickname p span,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-setting a span,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-logout a span,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-setting button span,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-logout button span,
.alps-is-loggedin .mii-color-white .account-has-points-platinum em,
.alps-is-loggedin .mii-color-white .account-has-points-gold em,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-nickname p span,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting a span,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout a span,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting button span,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout button span,
.alps-is-loggedin .is-no-mii-icon .account-has-points-platinum em,
.alps-is-loggedin .is-no-mii-icon .account-has-points-gold em{
  color: #8c8c8c;
}
.alps-is-loggedin .mii-color-white .account-loggedin-mynintendo a,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-mynintendo a{
 /*background: url(../img/account_loggedin_mynintendo_logo_gray.png) 0 0 no-repeat;*/
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .mii-color-white .account-loggedin-mynintendo a,
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-mynintendo a{
    /*background: url(../img/account_loggedin_mynintendo_logo_gray_2x.png) 0 0 no-repeat;
    -webkit-background-size: 79px 13px;
            background-size: 79px 13px;*/
  }
}
.alps-is-loggedin .mii-color-white .account-has-points-platinum span{
  background: url(../img/ico_account_points_platinum_white.png) 0 0 no-repeat;
}
.alps-is-loggedin .mii-color-white .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_white.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .mii-color-white .account-has-points-platinum span{
    background: url(../img/ico_account_points_platinum_white_2x.png) 0 0 no-repeat;
    -webkit-background-size: 40px 20px;
            background-size: 40px 20px;
  }
  .alps-is-loggedin .mii-color-white .account-has-points-gold span{
  background: url(../img/ico_account_points_gold_white_2x.png) 0 0 no-repeat;
  -webkit-background-size: 33px 20px;
          background-size: 33px 20px;
  }
}
.alps-is-loggedin .mii-color-white .account-loggedin-ui-setting a:before,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-setting button:before,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting a:before,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting button:before{
  background-image: url(../img/ico_setting_white.png);
}
.alps-is-loggedin .mii-color-white .account-loggedin-ui-logout a:before,
.alps-is-loggedin .mii-color-white .account-loggedin-ui-logout button:before,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout a:before,
.alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout button:before{
  background-image: url(../img/ico_logout_white.png);
}
.alps-is-loggedin .mii-color-black{
  background-image: url(../img/bg_account_color_black.png);
}
.alps-is-loggedin .is-no-mii-icon{
  background-image: url(../img/bg_account_color_no_mii.png);
  height: 179px;
}
.alps-is-loggedin .account-nnid-btn{
  position: absolute;
  right: 10px;
  top: 80px;
  background: #FFF;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  overflow: hidden;
}
.alps-is-loggedin .account-mii-points-00 .account-nnid-btn{
  right: 182px;
  top: 79px;
}
.alps-is-loggedin .account-nnid-btn a{

}
.no-touchevents .alps-is-loggedin .account-nnid-btn a:hover{
  opacity: 0.8;
}
.alps-is-loggedin .account-nnid-btn a img{
  vertical-align: bottom;
}

.alps-is-loggedin .account-nnid{
  display: none;
  z-index: 2;
  width: 316px;
  height: 165px;
  background: rgba(255,255,255,0.93);
  position: absolute;
  left: 5px;
  top: 5px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.alps-is-loggedin .account-nnid-body{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.alps-is-loggedin .account-nnid .account-nnid-text{
  padding: 40px 20px 0 20px;
  font-size: 12px;
  line-height: 1.75;
}
.alps-is-loggedin .account-nnid-close-btn{
  position: absolute;
  right: 7px;
  top: 7px;
}
.alps-is-loggedin .account-nnid-close-btn a{
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/btn_account_nnid_close.png) 0 0 no-repeat;
}
.no-touchevents .alps-is-loggedin .account-nnid-close-btn a:hover{
  opacity: 0.8;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .alps-is-loggedin .mii-color-red{
    background-image: url(../img/bg_account_color_red_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-orange{
    background-image: url(../img/bg_account_color_orange_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-yellow{
    background-image: url(../img/bg_account_color_yellow_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-yellowgreen{
    background-image: url(../img/bg_account_color_yellowgreen_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-green{
    background-image: url(../img/bg_account_color_green_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-blue{
    background-image: url(../img/bg_account_color_blue_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-skyblue{
    background-image: url(../img/bg_account_color_skyblue_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-pink{
    background-image: url(../img/bg_account_color_pink_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-purple{
    background-image: url(../img/bg_account_color_purple_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-brown{
    background-image: url(../img/bg_account_color_brown_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-white{
    background-image: url(../img/bg_account_color_white_2x.png);
    -webkit-background-size: 326px 179px;
            background-size: 326px 179px;
  }
  .alps-is-loggedin .mii-color-white .account-loggedin-ui-setting a:before,
  .alps-is-loggedin .mii-color-white .account-loggedin-ui-setting button:before,
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting a:before,
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-setting button:before{
    background-image: url(../img/ico_setting_white_2x.png);
    -webkit-background-size: 11px;
            background-size: 11px;
  }
  .alps-is-loggedin .mii-color-white .account-loggedin-ui-logout a:before,
  .alps-is-loggedin .mii-color-white .account-loggedin-ui-logout button:before,
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout a:before,
  .alps-is-loggedin .is-no-mii-icon .account-loggedin-ui-logout button:before{
    background-image: url(../img/ico_logout_white_2x.png);
    -webkit-background-size: 11px;
            background-size: 11px;
  }
  .alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting a:before,
  .alps-is-loggedin .mii-color-yellow .account-loggedin-ui-setting button:before{
    background-image: url(../img/ico_setting_yellow_2x.png);
    -webkit-background-size: 11px;
            background-size: 11px;
  }
  .alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout a:before,
  .alps-is-loggedin .mii-color-yellow .account-loggedin-ui-logout button:before{
    background-image: url(../img/ico_logout_yellow_2x.png);
    -webkit-background-size: 11px;
            background-size: 11px;
  }
  .alps-is-loggedin .account-nnid-close-btn a{
    background: url(../img/btn_account_nnid_close_2x.png) 0 0 no-repeat;
    -webkit-background-size: 16px;
            background-size: 16px;
  }
}



/* ==========================================================================
   トピックス
   ======================================================================= */
.alps-is-loggedin .topics-loggedin-header{
  display: block;
}
.alps-is-loggedin .topics-guest-header{
  display: none;
}
.alps-is-guest .topics-loggedin-header{
  display: none;
}
.alps-is-guest .topics-guest-header{
  display: block;
}

.topics-loggedin-header{
  display: none;
}
.topics-guest-header,
.topics-loggedin-header{
  width: 326px;
  height: 57px;
  position: relative;
  background: #FFF;
  -webkit-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0;
}

.topics-guest-header h3{
  border-top:#2196f3 4px solid;
  color: #2196F3;
  font-size: 13px;
  display: inline-block;
  margin-left: 15px;
  padding-top: 15px;
  font-weight: normal;
  line-height: 19px;
}
.topics-guest-header h3 a{
  color: #2196F3;
}
.topics-guest-header h3 a:before{
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: top;
  margin: 0 5px -1px 0;
}

.topics-guest-header h3 a:before{
  background: url(../img/ico_topics_header.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .topics-guest-header h3 a:before{
    background: url(../img/ico_topics_header_2x.png) 0 0 no-repeat;
    -webkit-background-size: 19px;
            background-size: 19px;
  }
}

.no-touchevents .topics-guest-header h3 a:hover{
  color: #64b6f7;
}

.topics-guest-header p{
  position: absolute;
  right: 13px;
  top: 21px;
  display: inline-block;
  text-align: right;
  color: #b4b4b4;
  letter-spacing: 0.07em;
}

.topics-loggedin-header .loggedin-btn-topics,
.topics-loggedin-header .loggedin-btn-notifications{
  width: 142px;
  height: 57px;
  position: absolute;
  top: 0;
}
.topics-loggedin-header .loggedin-btn-topics{
  left: 16px;
}
.topics-loggedin-header .loggedin-btn-notifications{
  left: 167px;
}
.topics-loggedin-header .loggedin-btn-topics a,
.topics-loggedin-header .loggedin-btn-notifications a{
  position: relative;
  width: 100%;
  height: 57px;
  display: inline-block;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #dcdcdc;
}
.topics-loggedin-header .loggedin-btn-topics a.is-active{
  border-bottom-color: #2196f3;
}
.topics-loggedin-header .loggedin-btn-notifications a.is-active{
  border-bottom-color: #00c6b3;
}

.topics-loggedin-header .loggedin-btn-topics a span,
.topics-loggedin-header .loggedin-btn-notifications a span{
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  display: inline-block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 19px;
  color: #8c8c8c;
  font-weight: normal;
}
.topics-loggedin-header .loggedin-btn-topics a.is-active span{
  color: #2196f3;
}
.topics-loggedin-header .loggedin-btn-notifications a.is-active span{
  color: #00c6b3;
}
.topics-loggedin-header .loggedin-btn-topics a span:before,
.topics-loggedin-header .loggedin-btn-notifications a span:before{
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  vertical-align: top;
  margin: 0 5px 0 -2px;
}

.topics-loggedin-header .loggedin-btn-topics a span:before{
  background: url(../img/ico_topics_header.png) 0 0 no-repeat;
}
.topics-loggedin-header .loggedin-btn-notifications a span:before{
  background: url(../img/ico_notifications_header.png) 0 0 no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .topics-loggedin-header .loggedin-btn-topics a span:before{
    background: url(../img/ico_topics_header_2x.png) 0 0 no-repeat;
    -webkit-background-size: 19px;
            background-size: 19px;
  }
  .topics-loggedin-header .loggedin-btn-notifications a span:before{
    background: url(../img/ico_notifications_header_2x.png) 0 0 no-repeat;
    -webkit-background-size: 19px;
            background-size: 19px;
  }
}

.topics-loggedin-header .loggedin-btn-topics a.is-active:before,
.topics-loggedin-header .loggedin-btn-notifications a.is-active:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: 3px;
}

.topics-loggedin-header .loggedin-btn-topics a.is-active:before{
  border-bottom: 4px solid #2196f3;
}
.topics-loggedin-header .loggedin-btn-notifications a.is-active:before{
  border-bottom: 4px solid #00c6b3;
}


.topics-loggedin-header .loggedin-btn-topics a,
.topics-loggedin-header .loggedin-btn-notifications a{
  border-bottom-color: #dcdcdc;
  -webkit-transition: border-bottom-color, ease-out 0.2s;
          transition: border-bottom-color, ease-out 0.2s;
}
.no-touchevents .topics-loggedin-header .loggedin-btn-topics a:hover{
  border-bottom-color: #2196f3;
}
.no-touchevents .topics-loggedin-header .loggedin-btn-notifications a:hover{
  border-bottom-color: #00c6b3;
}
.topics-loggedin-header .loggedin-btn-topics a span,
.topics-loggedin-header .loggedin-btn-notifications a span{
  color: #8c8c8c;
  -webkit-transition: color, ease-out 0.2s;
          transition: color, ease-out 0.2s;
}
.no-touchevents .topics-loggedin-header .loggedin-btn-topics a:hover span{
  color: #2196f3;
}
.no-touchevents .topics-loggedin-header .loggedin-btn-notifications a:hover span{
  color: #00c6b3;
}


.topics-loggedin-header .topics-loggedin-unread-count{
  position: absolute;
  right: 5px;
  top: 4px;
  -webkit-transform: scale(0.8);
    -moz-transform:  scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.topics-loggedin-header .topics-loggedin-unread-count p{
  background: #00c6b3;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 2px 5px 2px 5px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  vertical-align: middle;
  font-size: 10px;
  -webkit-border-radius: 7px;
          border-radius: 7px;
  font-family: Verdana, 'Helvetica Neue',Arial, Helvetica, sans-serif;
}


.information-body{
  width: 326px;
  position: relative;
  overflow: hidden;
  background: #FFF;
  height: 800px;
  -webkit-border-radius: 0 0 8px 8px;
          border-radius: 0 0 8px 8px;
}

.topics-list{
  position: absolute;
  left: 0;
  display: none;
}
.topics-list ul{
  overflow-y: visible;
  display: block;
  width: 326px;
}
.notifications-list{
  position: absolute;
  left: 0;
  display: none;
}
.notifications-list ul{
  overflow-y: visible;
  display: block;
  width: 326px;
}
.information-body .is-active{
  display: block;
}



.topics-list-item{
  width: 100%;
  /*margin-bottom: 3px;*/
  border-bottom:#F2F2F2 3px solid;
  line-height: 0;
}
.topics-list-item a{
  background: #FFF;
  display: inline-block;
  width: 100%;
  position: relative;
}
.topics-list-item a:after{
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 0;
}

.topics-list-item a:after{
  opacity: 0;
   -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .topics-list-item a:hover:after{
  opacity: 0.3;
}


.topics-list-item a.topics-new:before{
  content: "";
  display: block;
  width: 39px;
  height: 39px;
  background: url(../img/ico_topics_new.png) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .topics-list-item a.topics-new:before{
    background: url(../img/ico_topics_new_2x.png) 0 0 no-repeat;
    -webkit-background-size: 39px;
            background-size: 39px;
  }
}

.topics-content{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.topics-icon{
  display: table-cell;
  vertical-align: top;
  width: 124px;
  padding: 12px;
  text-align: center;
}
.topics-icon-img{
  display: inline-block;
  width: 100px;
  height: 100px;
}
.topics-icon img{
  vertical-align: bottom;
  -webkit-border-radius: 6px;
          border-radius: 6px;
}
.topics-body{
  display: table-cell;
  vertical-align: top;
  padding: 14px 12px 12px 0;
}
.topics-body-title{
  font-size: 10px;
  font-weight: bold;
  line-height: 1.3;
  padding: 0 0 0 6px;
  margin-bottom: 7px;
  border-left-width: 4px;
  border-left-style: solid;
  border-left-color: #8C8C8C;
  color: #8C8C8C;
}

.topics-cat-wiiu .topics-body-title{border-left-color: #0096c8;}
.topics-cat-wiiu .topics-body-title{color: #0096c8;}
.topics-cat-3ds .topics-body-title{border-left-color: #ce181e;}
.topics-cat-3ds .topics-body-title{color: #ce181e;}


.topics-body-txt{
  font-size: 12px;
  line-height: 1.5;
  padding-bottom: 8px;
}

.topics-body-time{
  text-align: right;
  position: absolute;
  right: 16px;
  bottom: 6px;
  color: #B1B1B1;
  line-height: 1.2;
  font-size: 10px;
}

.topics-e3{
  width: 36px;
  height: 14px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background:#e90101 url(../img/ico_topics_e3.png) 0 0 no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .topics-e3{
    background:#e90101 url(../img/ico_topics_e3_2x.png) 0 0 no-repeat;
    -webkit-background-size: 36px 14px;
            background-size: 36px 14px;
  }
}

.topics-list-item-e3 .topics-body-title{
  padding-right: 29px;
}


.topics-list-more{
  width: 100%;
  height: 54px;
  /*background: #FFF;*/
 /* -webkit-border-radius: 0 0 8px 8px;
          border-radius: 0 0 8px 8px;*/
  position: relative;
}

.topics-list-more-btn{
  display: none;
  width: 180px;
  height: 30px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.topics-list-more-btn a {
  display: inline-block;
  position: relative;
  height: 30px;
}
.topics-list-more-btn a:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #077edc;
  border-radius: 40px;
}
.topics-list-more-btn a > span {
  display: inline-block;
  position: relative;
  height: 100%;
  background-color: #2196f3;
  border-radius: 40px;
  text-align: center;
  letter-spacing: 0.12em;
  color: #ffffff;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: -webkit-transform, box-shadow, ease-out 0.2s;
          transition: transform, box-shadow, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
.no-touchevents .topics-list-more-btn a:hover > span{
  transform: translate3d(0px, 2px, 0px);
}
.topics-list-more-btn a span {
  padding: 0 36px;
  font-size: 11px;
  line-height: 30px;
}
.topics-list-more-btn a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 13px;
  height: 13px;
  background: url(../img/ico_arrow_topics_more.png) 0 0 no-repeat;
  margin-top: -6px;
   -webkit-transition: -webkit-transform, box-shadow, ease-out 0.2s;
          transition: transform, box-shadow, ease-out 0.2s;
  transform: translate3d(0px, 0px, 0px);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .topics-list-more-btn a:after {
    background: url(../img/ico_arrow_topics_more_2x.png) 0 0 no-repeat;
    -webkit-background-size: 13px;
            background-size: 13px;
  }
}

.no-touchevents .topics-list-more-btn a:hover:after{
  transform: translate3d(0px, 2px, 0px);
}
.my-notification-error,
.my-notification-none{
  padding: 16px;
}
.my-notification-error-header{
  padding: 10px 0 20px 0 ;
  border-bottom:#dcdcdc 3px solid;
  margin-bottom: 20px;
}
.my-notification-error-header h4{
  color: #00c6b3;
  font-size: 13px;
  line-height: 1.6;
  margin: 0;
}
.my-notification-error p{
  font-size: 12px;
  line-height: 1.8;
}

.my-notification-none p{
  font-size: 12px;
  line-height: 1.8;
}

.my-notification-error p a{

}

.no-touchevents .my-notification-error p a:hover{
  text-decoration: underline;
}
.my-notification-error p a:before {
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_arrow_gray_r.png) no-repeat 0 0;
  margin: 0 6px 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .my-notification-error p a:before {
    background: url(../img/ico_arrow_gray_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
}


.notifications-list-item{
  width: 100%;
  /*margin-bottom: 3px;*/
  border-bottom:#F2F2F2 3px solid;
  line-height: 0;
}

.notifications-list-item a{
  background: #FFF;
  display: inline-block;
  width: 100%;
  position: relative;
}

.notifications-list-item a:after{
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 0;
}

.notifications-list-item a:after{
  opacity: 0;
   -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .notifications-list-item a:hover:after{
  opacity: 0.3;
}


.notifications-list-item a.my-notification-readed{
  background: #f2f2f2;
  border:#FFF 3px solid;
}

.my-notification-banner{

}

.my-notification-content{
  display: table;
  table-layout: fixed;
  width: 100%;
}
.my-notification-icon{
  display: table-cell;
  vertical-align: top;
  width: 80px;
  padding: 16px 0 16px 16px;
  text-align: center;
}
.my-notification-readed .my-notification-icon{
   padding: 13px 0 13px 13px;
   width: 77px;
}
.my-notification-icon-img{
  display: inline-block;
  width: 64px;
  height: 64px;
}
.my-notification-icon img{
  vertical-align: bottom;
  -webkit-border-radius: 6px;
          border-radius: 6px;
}
.my-notification-body{
  display: table-cell;
  vertical-align: top;
  padding: 16px 16px 16px 16px;
}
.my-notification-readed .my-notification-body{
   padding: 13px 13px 13px 16px;
}
.my-notification-body p{
  font-size: 12px;
  line-height: 1.5;
  padding-bottom: 8px;
}
.my-notification-readed .my-notification-body p{
  color: #999;
}
.my-notification-time{
  text-align: right;
  position: absolute;
  right: 6px;
  bottom: 6px;
  color: #B1B1B1;
  line-height: 1.2;
  font-size: 10px;
}
.my-notification-readed .my-notification-time{
  right: 3px;
  bottom: 3px;
}

.my-notification-bubble{
  width: 100%;
  background: #ff8107;
  text-align: center;
  padding: 7px 0;
  position: relative;
}
.my-notification-bubble:before{
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid #ff8107;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: -9px;
}
.my-notification-bubble-ico{
  display: inline-block;
  margin: 0 7px;
}
.my-notification-bubble-ico span{
  font-weight: bold;
  display: inline-block;
  color: #ff8107;
  background: #FF0;
  padding: 2px 12px;
  font-size: 10px;
  line-height: 1;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.my-notification-bubble-txt{
  display: inline-block;
  color: #FFF;
  padding: 7px 0;
}
.my-notification-banner{
  display: inline-block;
  margin-bottom: -8px;
}

.topics-list .mCSB_scrollTools,
.notifications-list .mCSB_scrollTools{
  z-index: 5;
  width: 12px;
}
.topics-list .mCSB_scrollTools .mCSB_dragger,
.notifications-list .mCSB_scrollTools .mCSB_dragger{
  z-index: 5;
}
.topics-list .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.topics-list .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.notifications-list .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.notifications-list .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
  margin: 4px 0;
}

.topics-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.notifications-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width: 6px;
}

.topics-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.notifications-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  background-color: #000; background-color: rgba(0,0,0,0.2);
  filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.topics-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.topics-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.notifications-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.notifications-list .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  background-color: #000; background-color: rgba(0,0,0,0.2);
  filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

/* ==========================================================================
   新着ソフト
   ======================================================================= */
.welcome-newrelease-header{
  width: 100%;
  height: 105px;
  position: relative;
}

.newrelease-headding{
  position: absolute;
  width: 295px;
  height: 30px;
  left: 25px;
  top: 34px;
}
.newrelease-headding h2{
  width: 295px;
  height: 30px;
  background: url(../img/title_new_release.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  display: block;
  line-height: 0px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .newrelease-headding h2{
     background: url(../img/title_new_release_2x.png) no-repeat 0 0;
     -webkit-background-size: 295px 30px;
             background-size: 295px 30px;
  }
}

.newrelease-filter{
  position: absolute;
  right: 25px;
  top: 25px;
}
.newrelease-filter-title{
  display: table-cell;
  vertical-align: middle;
  color: #8c8c8c;
  padding: 2px 4px 0 0;
}
.newrelease-filter-item{
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 7px;
}
.newrelease-filter-item span{
  display: block;
  text-align: center;
  width: 47px;
  height: 47px;
  position: relative;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border-color: #c8c8c8;
  border-width: 4px;
  border-style: solid;
}
.item-all span:after,
.item-wiiu span:after,
.item-3ds span:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.item-all span:after{
  width: 27px;
  height: 9px;
  background: url(../img/txt_new_release_filter_all_hover.png) no-repeat 0 0;
}
.item-wiiu span:after{
  width: 23px;
  height: 9px;
  background: url(../img/txt_new_release_filter_wiiu_hover.png) no-repeat 0 0;
}
.item-3ds span:after{
  width: 19px;
  height: 9px;
  background: url(../img/txt_new_release_filter_3ds_hover.png) no-repeat 0 0;
}
.newrelease-filter-item span img{
  vertical-align: bottom;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.no-touchevents .newrelease-filter-item.is-selected span:hover{
  cursor: default;
}
.no-touchevents .newrelease-filter-item span:hover{
  cursor: pointer;
}

.newrelease-filter-item.item-all.is-selected span{
  border-color: #ff7d00;
}
.newrelease-filter-item.item-wiiu.is-selected span{
  border-color: #0096c8;
}
.newrelease-filter-item.item-3ds.is-selected span{
  border-color: #ce181e;
}

.newrelease-filter-item.is-selected span img{
  display: none;
}
.newrelease-filter-item.is-selected span:before{
  content: "";
  width: 8px;
  height: 4px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  margin: 0 auto;
}
.newrelease-filter-item.item-all.is-selected span:before{
  background: url(../img/ico_arrow_filter_all.png) 0 0 no-repeat;
}
.item-all.is-selected span:after{
  opacity: 1;
}
.newrelease-filter-item.item-wiiu.is-selected span:before{
  background: url(../img/ico_arrow_filter_wiiu.png) 0 0 no-repeat;
}
.item-wiiu.is-selected span:after{
  opacity: 1;
}
.newrelease-filter-item.item-3ds.is-selected span:before{
  background: url(../img/ico_arrow_filter_3ds.png) 0 0 no-repeat;
}
.item-3ds.is-selected span:after{
  opacity: 1;
}

.item-all span,
.item-wiiu span,
.item-3ds span{
  border-color: #c8c8c8;
  -webkit-transition: border-color, ease-out 0.2s;
          transition: border-color, ease-out 0.2s;
}
.no-touchevents .item-all span:hover{
  border-color: #ff7d00;
}
.no-touchevents .item-wiiu span:hover{
  border-color: #0096c8;
}
.no-touchevents .item-3ds span:hover{
  border-color: #ce181e;
}

.item-all span:after,
.item-wiiu span:after,
.item-3ds span:after{
  opacity: 0;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .item-all span:hover:after,
.no-touchevents .item-wiiu span:hover:after,
.no-touchevents .item-3ds span:hover:after{
  opacity: 1;
}

.newrelease-filter-item span img{
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .newrelease-filter-item span:hover img{
  opacity: 0;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}



.welcome-newrelease-body{
  position: relative;
  overflow: hidden;
  padding: 0 0 61px 0;
}
.software-block-wrapper{
  /*max-width: 1618px;*/
}

.software-block{
  display: block;
  overflow-y: auto;
}

.software-item{
  /*display:table-cell;*/
  width: 211px;
  /*padding-left: 8px;*/
  margin-left: 8px;
  float: left;
}

.software-item:first-child{
  /*padding-left: 12px;*/
  margin-left: 12px;
}

.software-item a{
  display: block;
  position: relative;
  width: 211px;
  min-height: 302px;
  background: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.software-item a:before{
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.software-item.type-wiiu  a:before{
  background: url(../img/ico_new_release_arrow_wiiu.png) no-repeat 0 0;
}
.software-item.type-3ds  a:before{
  background: url(../img/ico_new_release_arrow_3ds.png) no-repeat 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .software-item.type-wiiu  a:before{
    background: url(../img/ico_new_release_arrow_wiiu_2x.png) no-repeat 0 0;
    -webkit-background-size: 30px 30px;
            background-size: 30px 30px;
  }
  .software-item.type-3ds  a:before{
    background: url(../img/ico_new_release_arrow_3ds_2x.png) no-repeat 0 0;
    -webkit-background-size: 30px 30px;
            background-size: 30px 30px;
  }
}

.software-ico{
  display: block;
  position: absolute;
  right: 10px;
  top: 14px;
  width: 50%;
  height: 12px;
}
.type-wiiu .software-ico {
  background: url(../img/ico_new_release_wiiu.png) no-repeat right 0;
}
.type-3ds .software-ico {
  background: url(../img/ico_new_release_3ds.png) no-repeat right 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .type-wiiu .software-ico {
    background: url(../img/ico_new_release_wiiu_2x.png) no-repeat right 0;
    -webkit-background-size: 44px 12px;
            background-size: 44px 12px;
  }
  .type-3ds .software-ico {
    background: url(../img/ico_new_release_3ds_2x.png) no-repeat right 0;
    -webkit-background-size: 79px 12px;
            background-size: 79px 12px;
  }
}

.software-time {
  width: auto;
  position: absolute;
  left: 10px;
  top: 0;
}
.software-time span {
  display: inline-block;
  padding: 10px 0 0;
  font-size: 10px;
  font-weight: bold;
  font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;
}
.type-wiiu .software-time{
  color: #0096c8;
}
.type-wiiu .software-time span{
  border-top: #0096c8 4px solid;
}
.type-3ds .software-time{
  color: #ce181e;
}
.type-3ds .software-time span{
  border-top: #ce181e 4px solid;
}

.software-img {
  width: 100%;
  margin: 0 0 12px 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 42px;
}

.software-img img{
  line-height: 0;
  vertical-align: bottom;
}

.software-detail{
  position: static;
  padding-top: 170px;
  padding-bottom: 10px;
  margin: 0 12px;
}

.software-title{
  font-size: 13px;
  line-height: 1.76923;
  font-weight: bold;
}
.software-company{
  font-size: 10px;
  color: #8c8c8c;
  margin: 5px 0 9px;
}
.software-type{
  font-size: 10px;
  color: #b4b4b4;
}

/* ==========================================================================
   サブコンテンツ
   ======================================================================= */
.welcome-sub{
  position: relative;
}

.no-touchevents .welcome-sub a:hover{
  text-decoration: underline;
}

.sub-info,
.corporate-info,
.sub-contents,
.welcome-footer-body{
  margin: 0 24px 0 24px;
}
/* 1024以下?*/
.pc-w-min .sub-info,
.pc-w-min .corporate-info,
.pc-w-min .sub-contents,
.pc-w-min .welcome-footer-body{
  margin: 0 24px 0 24px;
}

/* 1025以上 1280以下?*/
.pc-w-small .sub-info,
.pc-w-small .corporate-info,
.pc-w-small .sub-contents,
.pc-w-small .welcome-footer-body{
  margin: 0 24px 0 24px;
}


.btn-back-to-top{
  position: absolute;
  right: 36px;
  bottom: 53px;
  width: 29px;
  height: 29px;
}

.pc-w-min .btn-back-to-top{
  right: 38px;
}
.pc-w-small .btn-back-to-top{
  right: 38px;
}

.btn-back-to-top a{
  width: 29px;
  height: 29px;
  display: block;
  background: url(../img/ico_back_to_top.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .btn-back-to-top a{
    background: url(../img/ico_back_to_top_2x.png) no-repeat 0 0;
    -webkit-background-size: 29px;
            background-size: 29px;
  }
}

.btn-back-to-top a{
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .btn-back-to-top a:hover {
  opacity: 0.8;
}


/* -----------------------------------------------------------------
   バナー
   -------------------------------------------------------------- */
.sub-info{
  padding: 24px 0;
}
.sub-info:before,
.sub-info:after{
  content: " ";
  display: table;
}
.sub-info:after {
  clear: both;
}

.sub-info-link{
  float: right;
}

.sub-info-link li{
  padding: 9px 13px 10px 0;
}
.network-situation-ico{
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url(../img/ico_network_info.png) no-repeat 0 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .network-situation-ico{
    background: url(../img/ico_network_info_2x.png) no-repeat 0 0;
    -webkit-background-size: 40px;
            background-size: 40px;
  }
}
.dsishop-info-link{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
}
.dsishop-info-link li{
    width: 642px;
    height: 37px;
    margin: 0 auto;
}
.dsishop-info-link li a{
    width: 642px;
    height: 37px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    background: url(../img/bnr_dsi.png) 50% 50% no-repeat;
}
.dsishop-info-link li:hover{
    opacity: 0.8;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .dsishop-info-link li a{
        background: url(../img/bnr_dsi_2x.png) 50% 50% no-repeat;
        -webkit-background-size: 642px 37px;
        background-size: 642px 37px;
    }
}
.network-situation-ico .icon_attention_body{
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
}
.network-situation-ico .icon_attention_img{
  position: absolute;
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  left: -4px;
  top: -4px;
}
.network-situation-ico .icon_attention_img img{
  vertical-align: bottom;
}

.network-situation-txt{
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  padding: 0 0 0 10px;
}

.sub-info-banner{
  float: left;
  margin: 0 0 0 12px;
}
.sub-info-banner:before,
.sub-info-banner:after{
  content: " ";
  display: table;
}
.sub-info-banner:after {
  clear: both;
}
.sub-info-banner li{
  float: left;
  margin: 0 8px 0 0;
}
.sub-info-banner li a{
  width: 185px;
  height: 57px;
  border:#e0e0e0 2px solid;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}
.sub-info-banner li.btn-kids a{
  background: url(../img/btn_kids.png) 50% 50% no-repeat;
}
.sub-info-banner li.btn-nintendo-direct a{
  background: url(../img/btn_nintendo_direct.png) 50% 50% no-repeat;
}
.sub-info-banner li.btn-miiverse a{
  background: url(../img/btn_miiverse.png) 50% 50% no-repeat;
}
.sub-info-banner li.btn-pokemon a{
  background: url(../img/btn_pokemongames.png) 50% 50% no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .sub-info-banner li.btn-kids a{
    background: url(../img/btn_kids_2x.png) 50% 50% no-repeat;
    -webkit-background-size: 185px 57px;
            background-size: 185px 57px;
  }
  .sub-info-banner li.btn-nintendo-direct a{
    background: url(../img/btn_nintendo_direct_2x.png) 50% 50% no-repeat;
    -webkit-background-size: 185px 57px;
            background-size: 185px 57px;
  }
  .sub-info-banner li.btn-miiverse a{
    background: url(../img/btn_miiverse_2x.png) 50% 50% no-repeat;
    -webkit-background-size: 185px 57px;
            background-size: 185px 57px;
  }
    .sub-info-banner li.btn-pokemon a{
    background: url(../img/btn_pokemongames_2x.png) 50% 50% no-repeat;
    -webkit-background-size: 185px 57px;
            background-size: 185px 57px;
  }
}

.sub-info-banner li a{
  opacity: 1;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .sub-info-banner li a:hover {
  opacity: 0.7;
}

/*width 980px within*/
@media screen and (max-width: 1240px) {

    .sub-info-banner li{
      float: left;
      margin: 0 8px 0 0;
    }
    .sub-info-banner li a{
      width: 145px;
      background-size: contain !important;
    }
    
}


/* -----------------------------------------------------------------
   会社概要
   -------------------------------------------------------------- */
.corporate-info{
  border-top:#e0e0e0 1px solid;
  text-align: center;
  padding: 21px 0 24px 0;
}

.corporate-info-header{
  display: inline-block;
  vertical-align: top;
}

.corporate-info-header-ico{
  display: table-cell;
  width: 49px;
  height: 42px;
  background: url(../img/ico_corporate.png) no-repeat 0 0;
}
.corporate-info-header-headding {
  display: table-cell;
  width: 142px;
  background: url(../img/title_corporate.png) no-repeat right center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .corporate-info-header-ico{
    background: url(../img/ico_corporate_2x.png) no-repeat 0 0;
    -webkit-background-size: 49px 42px;
            background-size: 49px 42px;
  }
  .corporate-info-header-headding {
    background: url(../img/title_corporate_2x.png) no-repeat right center;
    -webkit-background-size: 127px 36px;
            background-size: 127px 36px;
  }
}
.corporate-info-body{
  display: inline-block;
  height: 42px;
  vertical-align: top;
}
.corporate-info-body li{
  display: inline-block;
  margin: 0 0 0 25px;
  padding: 15px 0 0 0;
  font-size: 12px;
}
.corporate-info-body li a:before{
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_arrow_corporate_r.png) no-repeat 0 0;
  margin: 0 9px -1px 0;
}
.sub-contents{
  border-top:#e0e0e0 1px solid;
  padding: 35px 0;
}
.sub-contents ul{
  margin: 0 0 0 14px;
}
.sub-contents ul:before,
.sub-contents ul:after{
  content: " ";
  display: table;
}
.sub-contents ul:after {
  clear: both;
}
.sub-contents ul li{
  float: left;
  margin: 0 30px 0 0;
  font-size: 11px;
}
.sub-contents ul li a:before{
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_arrow_gray_r.png) no-repeat 0 0;
  margin: 0 7px -1px 0;
}
.sub-contents ul li .ico-blank:after{
  content: " ";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_blank.png) no-repeat 0 0;
  margin: 0 0 -1px 5px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .corporate-info-body li a:before{
    background: url(../img/ico_arrow_corporate_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
  .sub-contents ul li a:before{
    background: url(../img/ico_arrow_gray_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
  .sub-contents ul li .ico-blank:after{
    background: url(../img/ico_blank_2x.png) no-repeat 0 0;
    -webkit-background-size: 10px;
            background-size: 10px;
  }
}


/* -----------------------------------------------------------------
   フッター
   -------------------------------------------------------------- */
.welcome-footer-body{
  background: #E6E6E6;
  padding: 12px 0 12px 0;
  -webkit-border-radius: 8px 8px 0 0;
          border-radius: 8px 8px 0 0;
}
.welcome-footer-body:before,
.welcome-footer-body:after{
  content: " ";
  display: table;
}
.welcome-footer-body:after {
  clear: both;
}
.footer-link{
  float: right;
  margin: 0 16px 0 0;
}
.footer-link li{
  display: inline-block;
  margin: 0 0 0 18px;
}

.footer-link li a:before{
  content: " ";
  display: inline-block;
  width: 3px;
  height: 6px;
  background: url(../img/ico_arrow_footer_r.png) no-repeat 0 0;
  margin: 0 7px 0px 0;
}
.footer-link li a{
  font-size: 11px;
  line-height: 1.1;
}
.footer-copyright{
  float: left;
  font-size: 12px;
  line-height: 1.1;
  margin: 0 0 0 16px;
  font-family: Verdana , "Helvetica Neue" , Helvetica , Arial , Roboto , sans-serif;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .footer-link li a:before{
    background: url(../img/ico_arrow_footer_r_2x.png) no-repeat 0 0;
    -webkit-background-size: 3px 6px;
            background-size: 3px 6px;
  }
}



/* new release */
.software-item.has-hide {
    display: none;
}
.software-btn-prev, .software-btn-next {
    margin-top: -77px;
    position: absolute;
    top: 50%;
    transition: transform 0s ease 0s, all 0.2s cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.software-btn-prev.show, .software-btn-next.show {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transform: translate3d(0px, 0px, 0px);
}
.software-btn-prev {
    left: 0;
    transform: translate3d(-73px, 0px, 0px);
}
.software-btn-next {
    right: 0;
    transform: translate3d(61px, 0px, 0px);
}
.software-btn-prev a, .software-btn-next a {
    background: #b4b4b4 none repeat scroll 0 0;
    display: block;
    line-height: 15px;
    overflow: hidden;
    padding: 22px 0;
    text-align: center;
    width: 60px;
}
.software-btn-prev, .software-btn-prev a {
    border-radius: 0 6px 6px 0;
}
.software-btn-next, .software-btn-next a {
    border-radius: 6px 0 0 6px;
}
.welcome-newrelease .mCSB_horizontal.mCSB_inside > .mCSB_container {
    /*display: table;*/
    margin-bottom: 39px !important;
}
.welcome-newrelease .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    margin: 0 200px;
}
.welcome-newrelease .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: 0 1px 1px rgba(184, 184, 184, 0.75) inset !important;
}
.welcome-newrelease .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #bababa 0%, #c3c3c3 50%, #b4b4b4 51%, #acacac 100%) repeat scroll 0 0 !important;
    height: 4px !important;
}
.welcome-newrelease .mCSB_draggerRail {
    background-color: #e0e0e0 !important;
    height: 4px !important;
}



/*
   hover
=================================================================== */
.software-btn-prev,
.software-btn-next {
  opacity: 1;
}
.no-touchevents .welcome-newrelease-body:hover .software-btn-prev,
.no-touchevents .welcome-newrelease-body:hover .software-btn-next {
  opacity: 1;
}
.software-item a {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: opacity, ease-out 0.2s;
          transition: opacity, ease-out 0.2s;
}
.no-touchevents .software-item a:hover {
  opacity: 0.8;
}
.software-btn-prev a,
.software-btn-next a {
  -webkit-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: background, ease-out 0.2s;
          transition: background, ease-out 0.2s;
}
.no-touchevents .software-btn-prev a:hover,
.no-touchevents .software-btn-next a:hover {
  background-color: #c3c3c3;
}



/*
   loading
=================================================================== */
@-moz-keyframes list-anime-loading-parts {
    0% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes list-anime-loading-parts {
    0% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
@keyframes list-anime-loading-parts {
    0% {
        opacity: 0.3
    }
    100% {
        opacity: 1
    }
}
.list-loading-indicator {
    position: relative;
    top: 55px;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 15px;
}


.account-loading{
  width: 100%;
}
.account-loading .list-loading-indicator {
  top: 0;
  width: 326px;
  height: 136px;
  background: #FFF;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  margin: 0;
}

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