/***********************************************/
/*RESET*/
/***********************************************/
@import url(destyle.css);
/***********************************************/
/*BASE*/
/***********************************************/
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

html {
  font-size: 62.5%;
  text-size-adjust: 100%;
  height: 100%; }

body {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 1.6rem;
  width: 100%;
  min-height: 100%;
  line-height: 1.6;
  font-feature-settings: "palt" 1;
  color: #000000;
  background-color: #ffffff;
  background-image: url("../images/page-bg.jpg");
  background-repeat: repeat-y;
  background-position: center top;
  background-attachment: fixed; }

#wrapper {
  width: 1300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; }

.pagetop {
  position: fixed;
  right: 0;
  bottom: 48px;
  width: 242px;
  z-index: 888;
  display: none; }

/***********************************************/
/* LINK */
/***********************************************/
/* IMAGE LINK */
.link_alpha:hover {
  opacity: 0.7; }

a {
  color: #0000ff;
  text-decoration: none; }
  a.no-line {
    outline: none; }
  a:hover {
    color: #0000ff;
    text-decoration: underline; }

/***********************************************/
/* ACTION */
/***********************************************/
/***********************************************/
/* HEADER */
/***********************************************/
/***********************************************/
/* MENU */
/***********************************************/
.page-menu {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: top;
  background-image: url("../images/nav-menu-bg.png");
  height: 113px;
  padding-top: 35px; }

/***********************************************/
/* FOOTER */
/***********************************************/
footer#footer {
  background-color: #000; }
  footer#footer .footer {
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    color: #fff;
    height: 190px;
    padding: 12px 32px 0; }
  footer#footer .copyright {
    font-size: 1.2rem;
    text-align: right; }

/***********************************************/
/* TOP */
/***********************************************/
#home {
  background-color: #000; }
  #home main .main {
    height: 691px;
    background-image: url("../images/top-teaser-bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative; }
    #home main .main .logo-nintendo {
      position: absolute;
      top: 23px;
      left: 28px;
      width: 91px; }
    #home main .main .logo-columbia {
      position: absolute;
      top: 11px;
      right: 19px;
      width: 49px; }
    #home main .main .title {
      position: absolute;
      top: 168px;
      left: 393px; }
    #home main .main .trial {
      position: absolute;
      top: 373px;
      left: 23px;
      width: 393px;
      height: 35px; }
    #home main .main .chatch-01 {
      position: absolute;
      top: 8px;
      left: 178px; }
    #home main .main .chatch-02 {
      position: absolute;
      top: 336px;
      left: 869px; }
    #home main .main .info {
      position: absolute;
      top: 62px;
      left: 1073px;
      text-align: center;
      width: 187px; }
      #home main .main .info-date {
        position: absolute;
        top: 0;
        left: 0px; }
      #home main .main .info-pack {
        position: absolute;
        top: 0px;
        left: 0px; }
      #home main .main .info-spec {
        position: absolute;
        top: 408px;
        left: 0px; }
      #home main .main .info-btn-buy {
        position: absolute;
        top: 583px;
        left: 45px;
        width: 145px; }
    #home main .main .movie {
      position: absolute;
      top: 701px;
      left: 32px;
      display: flex;
      align-items: flex-end;
      gap: 38px; }
    #home main .main .campaign {
      position: absolute;
      top: 679px;
      left: 640px; }
  #home main .news {
    background-color: #eb0000;
    padding: 10px 40px;
    height: 165px; }
    #home main .news-inner {
      width: 742px;
      margin-left: auto; }
    #home main .news-list {
      width: 742px;
      height: 100px;
      overflow-y: auto;
      font-size: 1.6rem;
      text-align: left;
      margin-left: 80px;
      padding: 10px 0; }
      #home main .news-list dt {
        float: left;
        margin-bottom: 3px;
        font-weight: normal;
        color: #000; }
        #home main .news-list dt i {
          color: #ffb400;
          font-style: normal; }
      #home main .news-list dd {
        margin: 0 0 3px 7.5em;
        color: #000; }
  #home main nav .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/top_menu-bg.png");
    height: 72px; }
    #home main nav .menu li {
      margin: 0 10px; }
  #home main .overview {
    position: relative;
    height: 715px; }
    #home main .overview-btn {
      position: absolute;
      top: 604px;
      left: 805px; }

/***********************************************/
/* MAIN */
/***********************************************/
.pagemain {
  background-image: url("../images/top_overview-bg.png");
  text-align: center;
  padding: 24px 0 72px; }

.content {
  position: relative;
  z-index: 1;
  margin-top: 44px; }

article section:first-child {
  margin-top: 10px !important; }

/* STAFF */
/***********************************************/
body#staff .intro {
  position: relative; }
  body#staff .intro-img {
    position: relative;
    z-index: 1; }
  body#staff .intro-bg {
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply; }