/*公式ホームページ*/
#bani :hover{
    transform: scale(1.05);
}

@media (min-width: 1081px){
  #bani{
    top:594px;
    position:absolute;
    left:1660px;
  }
  #bani p{
    font-family:serif;
    font-size:30px;
    color: white;
    margin: -0.5em 0px;
    letter-spacing: -0.09em;
    white-space: nowrap;
    position:absolute;
    left: -10px;
  }
}
@media (max-width: 1080px){
  #bani{
    top:1080px;
    left: 300px;
    position:absolute;
  }
  #bani img{
    width: auto;
    height: 180px;
  }
  #bani p{
    font-family:serif;
    font-size:24px;
    color: white;
    margin: -0.5em 0px;
    letter-spacing: -0.09em;
    white-space: nowrap;
    position:absolute;
    left: -15px;
  }
}

@media (min-width: 1081px){
  #title_logo{
    top:764px;
    left:31px;
    position:absolute;
  }
}
@media (max-width: 1080px){
  #title_logo{
    top:0px;
    left:390px;
    position:absolute;
  }
}

#do_logo p{
  font-family:sans-serif;
  position:relative;
  top:-17px;
  left:-33px;
  color:white;
  white-space: nowrap;
}
@media (min-width: 1081px){
  #do_logo{
    top:918px;
    position:absolute;
    left:1687px;
    text-decoration: none;
  }
}
@media (max-width: 1080px){
  #do_logo{
    top:1137px;
    position:absolute;
    left:560px;
    text-decoration: none;
  }
}


@media (min-width: 1081px){
  #switch_icon{
    position:absolute;
    left:25px;
    top:16px;
  }
}
@media (max-width: 1080px){
  #switch_icon{
    position:absolute;
    left:16px;
    top:11px;
  }
  #switch_icon img{
    width: 90px;
    height: auto;
  }
}

@media (min-width: 1081px){
  #ps4_icon{
    position:absolute;
    left:201px;
    top:16px;
  }
}
@media (max-width: 1080px){
  #ps4_icon{
    position:absolute;
    left:125px;
    top:17px;
  }
  #ps4_icon img{
    width: 240px;
    height: auto;
  }
}

@media (min-width: 1081px){
  #Movie{
    position:absolute;
    top:162px;
    left:415px;
    width:1084px;
    height:611px;
    border:none;
  }
}
@media (max-width: 1080px){
  #Movie{
    position:absolute;
    top:350px;
    left:70px;
    width:940px;
    height:530px;
    border:none;
  }
}

@media (min-width: 1081px){
  #waku{
    position:absolute;
    top:109px;
    left:368px;
  }
}
@media (max-width: 1080px){
  #waku{
    position:absolute;
    top:300px;
    left:24px;
    width: 1040px;
    height: auto;
  }
}

@media (min-width: 1081px){
  #cero{
    position:absolute;
    top:14px;
    left:1796px;
  }
}
@media (max-width: 1080px){
  #cero{
    position:absolute;
    top:9px;
    left:992px;
    width: auto;
    height: 90px;
  }
}

@media (min-width: 1081px){
  #trademark{
    top:1006px;
    left:308px;
    position:absolute;
  }
}
@media (max-width: 1080px){
  #trademark{
    top:1300px;
    left:0px;
    width: 1080px;
    height: auto;
    height: auto;
    position:absolute;
  }
} 

@media (min-width: 1081px){
  #textSpace{
    margin:auto;
    left: 440px;
    top:790px;
    position:absolute;
  }
  #textSpace p{
    font-family:serif;
    line-height: 70px;
    font-size:70px;
    letter-spacing: -0.07em;
    text-align:center;
    color: white;
    white-space: nowrap;
  }
}
@media (max-width: 1080px){
  #textSpace{
    margin:auto;
    left: 80px;
    top:880px;
    position:absolute;
  }
  #textSpace p{
    font-family:serif;
    line-height: 70px;
    font-size:60px;
    letter-spacing: -0.07em;
    text-align:center;
    color: white;
    white-space: nowrap;
  }
}


@media (min-width: 1081px){
  #background{
    background-position: left 0px top 0px;
    background-repeat:no-repeat;
    background-image: url("../img/site_back.jpg");
  }
}
@media (max-width: 1080px){
  #background{
    background-position: left 0px top 0px;
    background-repeat:no-repeat;
    background-image: url("../img/mobile_site_back.jpg");
  }
}