@charset "UTF-8";
/* CSS Document */

/***
* top.css
*/

@media only print, only screen and (min-width: 18.75em){

/* mainVisual */

#wrapper{
  background: url("../img/bg_main_sp.jpg") no-repeat;
  background-size: cover;
}

#mainVisual{
  width: 100%;
  height: 100%;
  background: url("../img/bg_mainvisual_sp.jpg") top center no-repeat;
  background-size: cover;
  position: relative;
}

#ttlDate{
  width: 66.9vw;
  position: absolute;
  top: 15px;
  left: 15px;
}

#ttlCopy{
  width: 9.8vw;
  position: absolute;
  top: 15px;
  right: 15px;
}

#mainVisualTtl{
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}

#mainVisualLogo{
  width: 27.46vw;
  margin: 0 auto 20px;
}

#ttlCredit{
  width: calc(100vw - 30px);
  margin: 0 auto;
}

#iconR18{
  width: 51px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

#btnArrow{
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
}

#btnArrow img{
  width: 40px;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* mainContents */
#top #main{
  padding: 0 0 200px;
}

#top #mainContents{
  padding: 100px 15px 0;
}

#mainCopyTtl{
  width: 75vw;
  margin: 0 auto 110px;
}

#mainTtlAward{
  width: 132px;
  margin: 0 auto 30px;
}

section{
  margin-bottom: 100px;
}

#awardInner{
  width: 100%;
  margin: 0 auto;
  padding: 80px 0 0;
  border-top: 1px solid #fff;
}

#mainTtlTicket{
  width: 105px;
  margin: 0 auto 30px;
}

#ticketInner{
  width: 342px;
  margin: 0 auto;
}

#mvtk-widgets-container iframe{
  width: 342px !important;
  height: 347px !important;
}

#mainTtlPlaylist{
  width: 127px;
  margin: 0 auto 20px;
}

#playlistInner{
  width: 100%;
  margin: 0 auto;
}

}

@media only print, only screen and (min-width: 1000px){

#wrapper{
  background: url("../img/bg_main.jpg") no-repeat;
  background-size: cover;
}

/* mainVisual */

#mainVisual{
  width: 100%;
  height: 100vh;
  background: url("../img/bg_mainvisual.jpg") center;
  background-size: auto 100%;
  position: relative;
}

#ttlDate{
  width: 27.89vw;
  position: absolute;
  top: 20px;
  left: 20px;
}

#ttlCopy{
  width: 4.24vw;
  position: absolute;
  top: 20px;
  right: 20px;
}

#mainVisualTtl{
  position: absolute;
  bottom: 16vh;
  left: 50%;
  transform: translateX(-50%);
}

#mainVisualLogo{
  width: 14.64vw;
  margin: 0 auto 38px;
}

#ttlCredit{
  width: 62vw;
  margin: 0 auto;
}

#iconR18{
  width: 7.54vw;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

#btnArrow{
  width: 100%;
  height: 15vh;
  position: absolute;
  bottom: 0;
}

#btnArrow img{
  width: 4.39vw;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* mainContents */
#top #mainContents{
  padding: 180px 0 0px;
}

#mainCopyTtl{
  width: 75vw;
  margin: 0 auto 110px;
}

#mainTtlAward{
  width: 132px;
  margin: 0 auto 30px;
}

section{
  margin-bottom: 100px;
}

#awardInner{
  width: 760px;
  margin: 0 auto;
  padding: 80px 100px 0;
  border-top: 1px solid #fff;
}

#mainTtlTicket{
  width: 105px;
  margin: 0 auto 30px;
}

#mvtk-widgets-container iframe{
  width: 840px !important;
  height: 170px !important;
}

#ticketInner{
  width: 840px;
  margin: 0 auto;
}

#mainTtlPlaylist{
  width: 127px;
  margin: 0 auto 20px;
}

#playlistInner{
  width: 840px;
  margin: 0 auto;
}


}