/*overwrite*/
#mainContents #contentsHeader {
  opacity: 1;
  transform: translateY(-7px);
}
#mainContents #contentsHeader #video_rapper {
  /*background: url(../img/top/firstview/bg.svg) no-repeat center top;*/
  background: url(../img/top/firstview/bg.png) no-repeat center top;
  background-size: 100% auto;
  height: calc(100vw * 1136 / 1400);
}
#mainContents #contentsHeader #video_rapper .contentBox {
  /* transform-origin: 50% 50%; */
  position: relative;
  background: none;

  height: auto;
  min-height: 100%;
  max-width: 1920px;
}
#mainContents #contentsHeader #video_rapper .contentBox > div {
  transform-origin: 0% 50%;
}

.top_basestyle {
}
.top_slide {
  z-index: 250;
  position: absolute;
  top: 0;
  left: 0;
  width:  100%;
  height: 100%;
}
.top_slide ul {
  /* z-index: 250; */
  position: absolute;
  /* top: 173px; */
  top:  calc(100vw * 174 / 1400);
  /* right: 115px; */
  /*right:  calc(101vw * 116 / 1400);*/
  left:  calc(100vw * 548 / 1400);
  /* width:  728px; */
  width:  calc(100vw * 728 / 1400);
  /*
  height: auto;
  */
}
.top_slide__item {
  display: none;
  position: absolute;
  right: 0;
  overflow: hidden;
  /*transform: scaleX(-1.0);*/
  transform-origin: 50% 50%;
  /* translate: rotateY(-180deg); */
  /* -webkit-transform: rotateY(-180deg); */
  /*
  animation: fire5 1s;
  animation-iteration-count: 1;
  */
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.top_slide__item.active {
  right: 0;
  left: auto;
  display: block;
  transform: scaleX(-1.0);
  animation: slidein .6s;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.top_slide__item.deactive {
  right: auto;
  left: 0;
  display: block;
  transform: scaleX(1.0);
  animation: slideout .6s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}
.top_slide__item a {
  display: block;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.top_slide__item img {
  transform: scaleX(-1.0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.top_slide__item.deactive img {
  transform: scaleX(1.0);
}
@keyframes slidein {
  0% {
	transform: scaleX(-1.0) translateX(-15px);
    opacity: 0;
    width: 0%;
  }
  1% {
    opacity: 1;
  }
  37.5% {
    width: 0%;
  }
  77.5% {
    width: 100%;
  }
  100% {
	transform: scaleX(-1.0) translateX(0);
    width: 100%;
  }
}
@keyframes slideout {
  0% {
	transform: scaleX(1.0) translateX(0px);
    opacity: 1;
    width: 100%;
  }
  50% {
    width: 0%;
  }
  95% {
    opacity: 0;
  }
  100% {
	transform: scaleX(1.0) translateX(-5px);
    opacity: 0;
    width: 0%;
  }
}
@keyframes slideup {
  0% {
    height: 0;
  }
  20% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}


.top_mozaic {
  z-index: 300;
  position: absolute;
  top: calc(100vw * 89.4 / 1400);
  left: calc(100vw * 60 / 1400);
  width: 100%;
  height: 100%;
  /*background: url(../img/top/firstview/bg_dot.svg) no-repeat 0 top;*/
  background: url(../img/top/firstview/grid.png) no-repeat 0 top;
  background-size: calc(100vw * 1324 / 1400);
  /* transform: translate(35px, 78px); */
  /* transform: translate(calc(100vw * 35 / 1400), translate(calc(100vw * 78 / 1400)); */
  /* transform-origin: 50% 50%; */
}


.top_words {
  z-index: 350;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top_words__copy {
  position: absolute;
  /* top: 202px; */
  top: calc(100vw * 202 / 1400);
  /*left: calc(100vw * 105 / 1400);*/
  left: calc(100vw * 100 / 1400);
}
.top_words__copy img {
  width: calc(100vw * 380 / 1400);
}
.top_words__title {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  /* top: 283px; */
  top: calc(100vw * 283 / 1400);
  left: calc(100vw * 100 / 1400);
}
.top_words__title.active{
  opacity: 1;
  /*animation: slideup 0.75s;*/
  animation: slideup 2s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.top_words__title img {
  /*width: calc(100vw * 1918 / 1400);*/
  /*width: calc(100vw * 461 / 1400);e*/
  width: calc(100vw * 461 / 1400);
  height: calc(100vw * 340 / 1400);
}
.top_words__date {
  position: absolute;
  /* top: 545px; */
  top: calc(100vw * 645 / 1400);
  left: calc(100vw * 104 / 1400);
}
.top_words__date img {
  width: calc(100vw * 291 / 1400);
}

.side_navi {
  position: fixed;
  left: 0;
  top: calc(100vw * 500 / 1400);
  z-index: 5000;
}
.side_navi__ticket {
  display: block;
}
.side_navi__facebook {
  display: block;
  margin-top: calc(100vw * 30 / 1400);
  margin-bottom: calc(100vw * 30 / 1400);
  margin-left: 17px;
}
.side_navi__twitter {
  display: block;
  margin-left: 17px;
}