/* ロゴ */
.m_ani01 {
  opacity: 0;
  -moz-transition: -moz-transform 2.7s linear;
  -webkit-transition: -webkit-transform 2.7s linear;
  -o-transition: -o-transform 2.7s linear;
  -ms-transition: -ms-transform 2.7s linear;
  transition: transform 2.7s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 原画・シナリオ */
.m_ani02 {
  opacity: 0;
  -moz-transition: -moz-transform 1.5s linear;
  -webkit-transition: -webkit-transform 1.5s linear;
  -o-transition: -o-transform 1.5s linear;
  -ms-transition: -ms-transform 1.5s linear;
  transition: transform 1.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* 発売日　価格 */
.m_ani03 {
  opacity: 0;
  -moz-transition: -moz-transform 1.2s linear;
  -webkit-transition: -webkit-transform 1.0s linear;
  -o-transition: -o-transform 1.2s linear;
  -ms-transition: -ms-transform 1.2s linear;
  transition: transform 1.2s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: .8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }

  to {
      opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}


/* コンセプト01 */
.c_ani01 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s;
}
.c_ani01_run{
	opacity: 1.0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px);
}

/* コンセプト02 */
.c_ani02 {
  opacity: 0;
  -moz-transition: -moz-transform 5.0s linear;
  -webkit-transition: -webkit-transform 5.0s linear;
  -o-transition: -o-transform 5.0s linear;
  -ms-transition: -ms-transform 5.0s linear;
  transition: transform 3.5s linear;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
　transition: .8s;
}

/* コンセプト03 */
.c_ani03 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s;
}
.c_ani03_run{
	opacity: 1.0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px);
}


/* コンセプト04 */
.c_ani04 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s;
}
.c_ani04_run{
	opacity: 1.0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px);
}


/* あらすじ01 */
.s_ani01 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani01_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}

/* あらすじ02 */
.s_ani02 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani02_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}

/* あらすじ03 */
.s_ani03 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s ease-in-out;
}
.s_ani03_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}


/* あらすじ04 */
.s_ani04 {
  opacity: 0;
  -moz-transition: -moz-transform 5.0s linear;
  -webkit-transition: -webkit-transform 5.0s linear;
  -o-transition: -o-transform 5.0s linear;
  -ms-transition: -ms-transform 5.0s linear;
  transition: transform 3.5s linear;
  -webkit-animation-duration: 3.5s;
  animation-duration: 3.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  transition: .8s;
}


/* あらすじ05 */
.s_ani05 {
	opacity: 0;
	transition: .8s 3s ease-in;
}
.s_ani05_run{
	opacity: 1.0;
}


/* キャラ01 */
.ch_ani01 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s;
}
.ch_ani01_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}