@charset "UTF-8";
.sp{ display:none !important; }

section .inner{
  width: 930px;
  padding: 40px 0;
  margin: 0 auto;
}
h1 {
    font-size: 4.2vh;
    margin-bottom: 0;
}
/* block--bg
----------------------------------- */
.block--hero{

}
.block--hero .inner {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 100vh;
    max-width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 0;
}
.block--hero .block {
    width: 52%;
    height: 100%;
}

.block--hero figure {
    width: 41%;
}
.block--dticket .list--step li:last-of-type figure{
  width: 213px;
  margin-top: 9px;
}
.block--dticket figure{
  width: 55%;
  margin: 100px auto 0;
}
.lead{ margin-bottom: 20px; }

#container .cloud p {
    width: 30%;
}
#container .flower p {
    width: 100px;
}
h1.logo {
    width: 95%;
    margin: 0 auto 30px;
    position: relative;
}
#container .parts p:nth-child(1) {
    right: 0;
}
#container .parts p:nth-child(2) {
    left: 0;
    bottom: 0;
}

/*------ animation ------*/
.block--hero figure{ opacity: 0; }
.loaded .block--hero figure{
  -webkit-animation: upIn 0.5s ease 0.2s 1 forwards;
  animation:upIn 0.5s ease 0.2s 1 forwards;
}
@-webkit-keyframes hero {
  0% {
    transform:scale(1);
    opacity: 0;
  }
  50% {
    transform:scale(1.45);
    opacity: 1;
  }
  100% {
    transform:scale(1);
    opacity: 1;
  }
}
@keyframes hero {
  0% {
    transform:scale(1);
    opacity: 0;
  }
  50% {
    transform:scale(1.2);
    opacity: 1;
  }
  100% {
    transform:scale(1);
    opacity: 1;
  }
}


@keyframes upIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 30px);
		transform: translate(0, 30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

/*
.block--hero .block{
  opacity: 0;
  transform: translate3d(-26%,0,0);
  transition: .5s 1.3s;
}
.loaded .block--hero .block{
  opacity: 1;
  transform: translate3d(0,0,0);
}
*/
h2.inview,
.block--lead.inview{
  transform: translate3d(0,80px,0);
  opacity: 0;
  transition:0.8s;
}
h2.inview.view,
.block--lead.inview.view{
  transform: translate3d(0,0,0);
  opacity: 1;
}
.block--dticket figure,
.block--vr figure{
  opacity: 0;
    transform: translate3d(0,80px,0);  
}
.block--dticket figure.view,
.block--vr figure.view{
    transform: translate3d(0,0,0);
    opacity: 1;
}
.block--vr .lead {
    text-align: center;
    width: 655px;
    margin: auto;
}
.list--contents li{
  transform: translate3d(0,80px,0);
  opacity: 0;
  transition: .8s;
}
.list--contents li.view{
  transform: translate3d(0,0,0);
  opacity: 1;
}
.list--contents li:nth-child(3n){ margin:0 0 1% 0; }
_:-ms-lang(x)::-ms-backdrop, .list--contents li {
  display: block;
}
_:-ms-lang(x)::-ms-backdrop, .block--hero .inner{
  display: block;
  width: 100%;
}
_:-ms-lang(x)::-ms-backdrop, .block--hero figure {
  position: relative;
  left: 50%;
  width: 32%;
  margin-left: -34%;
}
_:-ms-lang(x)::-ms-backdrop, .block--hero .block {
  left: 49%;
  position: absolute;
  width: 32%;
  min-width: 500px;
}