@charset "UTF-8";
#new_year_opening {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

#new_year_opening .bg_left {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: url("../img/newyear2019/bg01_left.jpg");
  background-size: cover;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#new_year_opening .bg_left.open {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#new_year_opening .bg_right {
  position: fixed;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: url("../img/newyear2019/bg01_right.jpg");
  background-size: cover;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#new_year_opening .bg_right.open {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

#new_year_opening.finish {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
  -webkit-transition: all 1s ease 1s;
  transition: all 1s ease 1s;
}

#new_year_opening .inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#new_year_opening .inner img {
  display: block;
  width: 100%;
  height: auto;
}

#new_year_opening .inner .visual {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: relative;
  width: 43%;
  max-width: 800px;
  height: 100%;
  margin: 0 auto;
}

#new_year_opening .inner .visual .img_num01 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/img_number01.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img_num02 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/img_number02.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img_num03 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/img_number03.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img_num04 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/img_number04.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .btn_txt {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

#new_year_opening .inner .visual .btn_txt p {
  display: table;
  position: fixed;
  bottom: 1%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 210px;
  height: 60px;
  background: url("../img/newyear2019/gold.jpg");
  background-size: cover;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 60px;
  font-family: "游ゴシック",
  YuGothic,
  "Helvetica",
  "ヒラギノ角ゴ ProN W3",
  "Hiragino Kaku Gothic ProN",
  "メイリオ",
  Meiryo,
  "Helvetica Neue",
  Arial,
  sans-serif;
  letter-spacing: .05em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}

#new_year_opening .inner .visual .btn_txt p:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: .7;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}

@keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
  50% {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
            transform: rotate(-45deg) translate(-5px, 5px);
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
  }
}

#new_year_opening .inner .visual.in .img_num01 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
}

#new_year_opening .inner .visual.in .img_num02 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s .5s;
  transition: 0s .5s;
}

#new_year_opening .inner .visual.in .img_num03 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s 1s;
  transition: 0s 1s;
}

#new_year_opening .inner .visual.in .img_num04 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: 0s 1.5s;
  transition: 0s 1.5s;
}

#new_year_opening .inner .visual.in .img03 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

#new_year_opening .inner .visual.in .img03_1 {
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1) 1.8s;
  transition: all .3s cubic-bezier(.86, 0, .07, 1) 1.8s;
}

#new_year_opening .inner .visual.in .img03_2 {
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1) 2.3s;
  transition: all .3s cubic-bezier(.86, 0, .07, 1) 2.3s;
}

#new_year_opening .inner .visual.in .img03_3 {
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1) 2.8s;
  transition: all .3s cubic-bezier(.86, 0, .07, 1) 2.8s;
}

#new_year_opening .inner .visual.in .img03_4 {
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1) 3.3s;
  transition: all .3s cubic-bezier(.86, 0, .07, 1) 3.3s;
}

#new_year_opening .inner .visual.in .img03_5 {
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1) 3.8s;
  transition: all .3s cubic-bezier(.86, 0, .07, 1) 3.8s;
}

#new_year_opening .inner .visual.in .img04 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .2s cubic-bezier(.86, 0, .07, 1) 4.8s;
  transition: all .2s cubic-bezier(.86, 0, .07, 1) 4.8s;
}

#new_year_opening .inner .visual.in .btn_txt {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1) 6s;
  transition: all 1s cubic-bezier(.86, 0, .07, 1) 6s;
}

#new_year_opening .inner .visual .img02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/face.gif") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img03 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  width: 100%;
  height: 100%;
}

#new_year_opening .inner .visual .img03_1 {
  background: url("../img/newyear2019/img_txt-1-01.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img03_2 {
  background: url("../img/newyear2019/img_txt-1-02.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img03_3 {
  background: url("../img/newyear2019/img_txt-1-03.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img03_4 {
  background: url("../img/newyear2019/img_txt-1-04.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img03_5 {
  background: url("../img/newyear2019/img_txt-1-05.png") center center no-repeat;
  background-size: contain;
}

#new_year_opening .inner .visual .img04 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  width: 100%;
  height: 100%;
  background: url("../img/newyear2019/img_txt-2.png") center center no-repeat;
  background-size: contain;
}

.wrapper {
  overflow: hidden;
}