.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_inner {
  width: 100%;
  height: 2220px;
  overflow: hidden;
  min-width: 980px;
  position: relative;
  background: url(../images/spec/bg.jpg) center top no-repeat;
  background-position-y: -105px;
}

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

#contents_navi_sp {
  top: 385vw;
}

#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, #main h3 {
  padding: 0;
  margin: 0;
  line-height: 1;
}


#spec-btn-a{
  position: absolute;
  top: 50px;
  left:0;
}

#spec-btn-a.visit img,
#spec-btn-b.visit img,
#spec-btn-c.visit img{
  opacity: 0.7;
}


#spec-btn-a a,
#spec-btn-b a,
#spec-btn-c a{
  transition: all 300ms 0s ease;
}

#spec-btn-a a:hover,
#spec-btn-b a:hover,
#spec-btn-c a:hover{
  opacity: 0.7;
}


@media screen and (max-width: 981px) {
#spec-btn-a{
    width: 32vw;
    top: 7vw;
    left: 2vw;
}
}

#spec-btn-b{
  position: absolute;
  top: 50px;
  left: 318px;
}

@media screen and (max-width: 981px) {
#spec-btn-b{
    width: 32vw;
    top: 7vw;
    left: 34vw;
}
}

#spec-btn-c{
  position: absolute;
  top: 50px;
  right: 0px;
}

@media screen and (max-width: 981px) {
#spec-btn-c{
    width: 32vw;
    top: 7vw;
    right: 2vw;
}
}


#title {
  position: absolute;
  top: 170px;
  left: 60px;
}

@media screen and (max-width: 981px) {
  #title {
    width: 95.2vw;
    top: 23vw;
    left: 3vw;
  }
}

#banmen {
  position: absolute;
  top: 336px;
  left: 0px;
}

@media screen and (max-width: 981px) {
  #banmen {
    width: 88.53333vw;
    top: 171vw;
    left: 7vw;
  }
}

#spec {
  position: absolute;
  top: 318px;
  left: 600px;
}

@media screen and (max-width: 981px) {
  #spec {
    width: 86vw;
    top: 38vw;
    left: 4vw;
  }
}

#detail {
  position: absolute;
  top: 1013px;
  left: 12px;
}

@media screen and (max-width: 981px) {
  #detail {
    width: 97.6vw;
    top: 264vw;
    left: 1vw;
  }
}

#copyright {
  bottom: 10px;
  left: 17px;
}

@media screen and (max-width: 981px) {
  #copyright {
    bottom: 59.5vw;
    left: 1vw;
  }
}

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