@charset "utf-8";

/* Opening
-----------------------------------------*/
.Opening {
position:relative;
background-color: #000;
}
.Opening ul li {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
  position: absolute;
    top: 0;
    left: 0;
}
.Opening ul li{
  /*position: absolute;
  top: 0;
  left: 0;
  opacity: 0;*/
}
.Opening ul li img.Opening__text{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  z-index: 9;
  width: 50%;
  max-width: 640px;
  height: auto !important;
}
.wrap_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.Opening ul li#cut3_2 img.Opening__text{
  top: auto; bottom: 0;
  left: auto; right: 0;
  transform: translate(0,0);
  -webkit-transform:translate(0,0);
}
.Opening ul li#cut3_3 img.Opening__text{
  left: auto; right: 0;
  transform: translate(0,-50%);
  -webkit-transform:translate(0,-50%);
}
.Opening ul li#cut3_4 img.Opening__text{
  top: 0; bottom: auto;
  transform: translate(-50%,0);
  -webkit-transform:translate(-50%,0);
}
.Opening ul li#cut4_2 img.Opening__text{
  top: 0; bottom: auto;
  left: 0; right: auto;
  transform: translate(0,0);
  -webkit-transform:translate(0,0);
}
.Opening ul li#cut5_2 img.Opening__text{
  top: auto; bottom: 0;
  left: 0;
  transform: translate(0,0);
  -webkit-transform:translate(0,0);
}
.Opening ul li#cut5_3 img.Opening__text{
  top: 0; bottom: auto;
  transform: translate(-50%,0);
  -webkit-transform:translate(-50%,0);
}
.Opening ul li#cut5_4 img.Opening__text{
  top: auto; bottom: 0;
  left: 0;
  transform: translate(0,0);
  -webkit-transform:translate(0,0);
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img,
.Opening ul li span .Opening__img_long{
  max-width: inherit;
  width: 100%;
  height: auto;
  opacity: 0;
}
.Opening ul li span .Opening__img_long{
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/op/cut4_2_img.jpg) repeat-x left top;
  background-size: auto 100%;
}

@media screen and (max-width: 960px) and (orientation:portrait){
  .Opening ul li img.Opening__text{
    width: 100%;
    max-width: 100%;
    top:50%; bottom:auto;
    left: 0 !important; right: auto !important;
    transform: translate(0,0) !important;
    -webkit-transform:translate(0,0) !important;
  }

  .Opening ul li#cut3_2 img.Opening__text,
  .Opening ul li#cut5_2 img.Opening__text,
  .Opening ul li#cut5_4 img.Opening__text{
    bottom: 60px;
  }
  .Opening ul li#cut3_4 img.Opening__text,
  /*.Opening ul li#cut4_2 img.Opening__text,*/
  .Opening ul li#cut5_3 img.Opening__text{
    top: 60px;
  }
  .Opening ul li#cut5_4 img.Opening__text{
    left: 20% !important;
  }

}

@media screen and (max-width: 800px) and (orientation:landscape){
.Opening ul li img.Opening__text{
  width: 70%;
  max-width: 640px;
}
.Opening ul li#cut3_4 img.Opening__text{
  top: -40%;
}.Opening ul li#cut5_3 img.Opening__text{
  top: -25%;
}
}