/* Scss Document */
/* --------------------------------------------------------
reset
-------------------------------------------------------- */
html, body,
div, span,
object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var,
ul, ol, li, dl, dt, dd,
form, fieldset, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td,
header, main, nav, footer, section, article {
  margin: 0;
  padding: 0;
  font-size: 100%; }

header, main, nav, footer, section {
  display: block; }

ul {
  list-style-type: none; }

ol {
  list-style-type: decimal; }

img {
  border: 0;
  line-height: 1; }

/* --------------------------------------------------------
wrapper
-------------------------------------------------------- */
img {
  width: 100%; }

header {
  background: #131c3b;
  overflow: hidden;
  padding: 1em; }
header .hide{
  float: left;
  color: #131c3b;
}
header .hide a{
  color: #2a3454;
  font-weight: bold;
}
  header .header-utility {
    float: right;
    width: 64%;}
    header .header-utility ul {
      display: table;
      float: right;
      width: 75%; }
      header .header-utility ul li {
        display: table-cell; }
      header .header-utility ul li:first-child {
        margin-right: 8px;
        padding-right: 8px; }
        header .header-utility ul li:first-child img {
          border-right: 1px solid #fff;
          padding-right: 7px; }
      header .header-utility ul li:last-child {
        padding-left: 8px; }

.content-top {
  position: relative;
  overflow: hidden;
  background-image: url(../images/index_bg_01.png);
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 100% auto;
  background-color: #1d1f41;
  padding-bottom: 10%;}
  .content-top .content-top-inner {
    width: 86%;
    margin: 0 auto;
    background: url(../images/index_bg_02.png) no-repeat 50% 50%; }
    .content-top .content-top-inner .movie-wrap {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      box-sizing: border-box;
      border: 4px solid #000; }
      .content-top .content-top-inner .movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .content-top .content-top-inner .comment-link {
      width: 50%;
      float: right;
      margin: 5% 5% 5% 0; }
    .content-top .content-top-inner h1 {
      width: 90%;
      margin: 1.5em auto 1em; }
    .content-top .content-top-inner .dig {
      width: 90%;
      margin: 0 auto; }
      .content-top .content-top-inner .dig .sign {
        width: 81%;
        margin: 0 auto; }
      .content-top .content-top-inner .dig .rock {
        max-width: 50%;
        margin: 0 auto -1.7em; }

.content-bottom {
  background-image: url(../images/index_bg_03.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-color: #000;
  padding-top: 7.1%; }
  .content-bottom .block {
    display: block;
    overflow: hidden;
    background-image: url(../images/index_bg_04.png);
    background-repeat: repeat-y;
    background-position: 50% 0;
    background-size: 100% auto; }
    .content-bottom .block.date .block-inner {
      padding-bottom: 3.8%;
      background-image: url(../images/index_bg_05.png);
      background-repeat: no-repeat;
      background-position: 50% bottom;
      background-size: 100% auto; }
    .content-bottom .block.theme .block-inner h3 {
      margin: 0 auto;
      width: 60%;
      padding-top: 4%; }
    .content-bottom .block.theme .block-inner .btn {
      margin: 3% auto;
      width: 60%;}
    .content-bottom .block.countdown .block-inner h3 {
      border-bottom: 2px solid #fff;
      width: 80%;
      margin: 0 auto;
      text-align: center;
      padding: 2% 0 1%;}
    .content-bottom .block.countdown .block-inner h3 img{
      width: 50%;
      }
    .content-bottom .block.countdown .block-inner ul {
      width: 80%;
      margin: 3% auto;
      position: relative;}
    .content-bottom .block.countdown .block-inner ul:before {
      position: absolute;
      content:"";
      width: 100%;
      height: 1px;
      top: 50%;
      left: 0;
      background: #fff;

      }
    .content-bottom .block.countdown .block-inner ul:after {
      position: absolute;
      content:"";
      width: 1px;
      height: 109%;
      top: -4%;
      left: 50%;
      background: #fff;

      }
      .content-bottom .block.countdown .block-inner ul li {
        padding: 4% 0px;
        width: 48%;
        display: inline-block;
        text-align: center;}
      .content-bottom .block.countdown .block-inner ul li:nth-child(2n) {
        margin-left: 1%;
        }
        .content-bottom .block.countdown .block-inner ul li img {
          max-width: 60%; }
    .content-bottom .block .block-inner {
      padding-bottom: 7.6%;
      background-image: url(../images/index_bg_07.png);
      background-repeat: no-repeat;
      background-position: 50% bottom;
      background-size: 100% auto; }
      .content-bottom .block .block-inner .bnr-area {
        width: 86%;
        margin: 0 auto; }
      .content-bottom .block .block-inner h2 {
        width: 76%;
        background: #000;
        margin: 0 auto;
        padding: 2.6% 5%; }
      .content-bottom .block .update {
        margin: 0 auto;
        padding: 1% 5%;
        width: 85%;
        }
      .content-bottom .block.update h2 {
        position: relative;
        width: 90%;
        padding: 1% 2% 2%;
        border-bottom: 2px solid #fff;
        }
      .content-bottom .block.update h2 >img,
      .content-bottom .block.update h2 >p{
        display: inline-block;
        vertical-align: middle;
        }
      .content-bottom .block.update h2 > img{
        width: 50%;
        }
        .content-bottom .block.update h2 .wiiu{
        width: 18%;
        padding-left: 13%;
        }
        .content-bottom .block.update h2 .n3ds{
        width: 14%;
        padding-left: 2%;
        }
      .content-bottom .block.update .block-inner{
        background-image: url(../images/index_bg_08.png);
        background-repeat: no-repeat;
        background-position: 50% bottom;
        background-size: 100% auto;
        padding-bottom: 6.5%;
        }
        .content-bottom .block.update .update-inner {

        margin: 0 auto;
        background: #000;
}
        .content-bottom .block.update .update-inner .detail {
        width: 100%;
        margin-top: 3%;
        }
        .content-bottom .block.update .update-inner .update-title {
          overflow: hidden;
        }
        .content-bottom .block.update .update-inner .info {
        background: url(../images/update_line.png) no-repeat 50% 0;
        background-size: 100% auto;
        overflow: hidden;
        display: table;
        padding-top: 13px;
        width: 95%;
        margin: 0 auto;
        }
        .content-bottom .block.update .update-inner .info p {
        display: table-cell;
        }
        .content-bottom .block.update .update-inner .info p.more {
        padding: 0 25px 0 5px;
        }
        .content-bottom .block.update .update-inner .media {
        width: 100%;
        margin-top: 2%;
        padding-top:15px;
        }
        .content-bottom .block.update .update-inner .vol3 {
        padding-top: 14px;
        width: 94%;
        margin: 0 auto;
        }
        .content-bottom .block.update .update-inner .vol3 .update_ttl img {
          width: 100%;
        }
        .content-bottom .block.update .update-inner .vol3 .update_ttl img {
          width: 85%;
        }
        .content-bottom .block.update .update-inner .vol3 .update_ttl span {
          text-align: center;
        }
        .content-bottom .block.update .update-inner .vol3 .update_ttl span img {
          margin: 0 30%;
          width: 40%;
          max-width: 100%;
        }
        .content-bottom .block.update .update-inner .vol3 .update_img{
          display: table;
          padding-top: 10px;
        }
        .content-bottom .block.update .update-inner .vol3 .update_img .img{
          vertical-align: top;
          display: table-cell;
          padding: 0 2%;
        }
        .content-bottom .block.update .update-inner .vol3 .update_img .img img{
          width: 100%;
        }
        .content-bottom .block.update .update-inner .vol2 {
        border-top: 1px solid #fff;
        width: 90%;
        margin: 0 auto 3%;
        }
        .content-bottom .block.update .update-inner .vol1 {
        border-top: 1px solid #fff;
        width: 90%;
        margin: 0 auto 3%;
        }
        .content-bottom .block.update .update-inner .notice{
          color: #999;
          font-size: 12px;
          text-indent: -1em;
          padding-left: 1em;
          margin-bottom: 20px;
          margin-top: -5px;
        }
      .content-bottom .block .block-inner .list-lineup {
        width: 80%;
        margin: 0 auto;
        background: #000;
        background-image: url(../images/index_bg_06.png);
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: 100% auto;
        padding: 3%; }
        .content-bottom .block .block-inner .list-lineup li.wiiu {
          width: 45%;
          display: inline-block;
          float: left;
          padding-right: 5%;
          padding-top: 8%; }
          .content-bottom .block .block-inner .list-lineup li.wiiu .btn {
            margin: 4% 5% 0 0; }
        .content-bottom .block .block-inner .list-lineup li.n3ds {
          width: 42.5%;
          display: inline-block;
          float: left;
          padding-left: 5%; 
          padding-top: 10%;}
          .content-bottom .block .block-inner .list-lineup li.n3ds .btn {
            margin-top: 4%; }
        .content-bottom .block .block-inner .list-lineup li.amiibo {
          margin: 42.6% auto 0; }
          .content-bottom .block .block-inner .list-lineup li.amiibo .logo {
            float: left;
            width: 46%; }
          .content-bottom .block .block-inner .list-lineup li.amiibo .btn {
            float: right;
            margin-top: 2%;
            width: 43%; }
    .content-bottom .block.footer .footer-list {
      width: 80%;
      margin: 3% auto; }
      .content-bottom .block.footer .footer-list li {
        padding: 0.85% -0px; }
        .content-bottom .block.footer .footer-list li img {
          max-width: 70%; }
    .content-bottom .block .copyright {
      margin: 0 auto 5%;
      width: 80%; }

.footer-utility {
  margin: 0 auto;
  width: 86%;
  overflow: hidden; }

.page-top {
  width: 34%;
  float: left;
  padding-top: 6%;
  margin-left: 5%; }

#sns {
  float: right;
  margin: 3% -0px 0.95%;
  width: 25%; }
  #sns li {
    display: inline-block;
    float: left;
    margin: 2%;
    width: 44%; }
    #sns li a {
      display: block; }

.list-lineup:after,
#sns:after,
.update-inner:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.switchBanner{
	padding: 3px 0 13px;
}

/*# sourceMappingURL=common.css.map */