.sp-only-block {
  display: none;
}

@media screen and (max-width: 981px) {
  .sp-only-block {
    display: block;
  }
}

.pc-only-block {
  display: block;
}

@media screen and (max-width: 981px) {
  .pc-only-block {
    display: none;
  }
}

#contents {
  background-color: #e1dedd;
}

#contents_inner {
  width: 100%;
  height: 950px;
  overflow: hidden;
  min-width: 980px;
  position: relative;
  background: url(../images/music/bg.jpg) center top no-repeat;
  background-position-y: -93px;
}

@media screen and (min-width: 1920px) {
	
	#contents_inner {
	background-size: cover;
}

}

@media screen and (max-width: 981px) {
  #contents_inner {
    background: url(../images/music/bg_sp.jpg) center top no-repeat;
    min-width: 100%;
    height: 200vw;
    background-size: cover;
    background-position-y: -18vw;
  }
}

#contents_navi_sp {
  top: 110vw;
}

#main {
  width: 980px;
  position: relative;
  z-index: 0;
  margin: 0 auto;
}

@media screen and (max-width: 981px) {
  #main {
    width: 100%;
  }
  #main img {
    width: 100%;
  }
}

#main h1, #main h2 {
  padding: 0;
  margin: 0;
  line-height: 1;
}

#title {
  position: absolute;
  top: 0px;
  left: 417px;
}


@media screen and (max-width: 981px) {
  #title {
    width: 22.9333vw;
    top: 6vw;
    left: 38.533vw;
  }
}

#img1 {
  position: absolute;
  top:80px;
  left: 40px;
}

@media screen and (max-width: 981px) {
  #img1 {
    width: 97.4666vw;
    top: 26vw;
    left: 2.7vw;
  }
}

#copyright {
  position: absolute;
  top:720px;
  left:  20px;
  }

@media screen and (max-width: 981px) {

#copyright {
	position: absolute;
    width: 81.8666vw;
    top: 106vw;
    left: 9vw;
  }
}

#opcover {
  position: absolute;
  top: -60px;
  left: -470px;
  width: 1920px;
  height: 1200px;
  background-color: #e1dedd;
}

@media screen and (max-width: 981px) {
  #opcover {
    top: -1vw;
    left: 0;
    width: 100vw;
    height: 350vw;
  }
}

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