﻿/* ロゴ */
.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: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: .5s 0.5s;
}
.c_ani01_run{
	opacity: 1.5;
	transform: scale(0.99, 0.99);
	-webkit-transform: scale(0.9, 0.9);
}



/* コンセプト02 */
.c_ani02 {
	opacity: 0;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: .8s 1.5s;
}
.c_ani02_run{
	opacity: 1.5;
	transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
}



/* コンセプト03 */
.c_ani03 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 3s;
}
.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 3.6s;
}
.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,-15px); 
	-webkit-transform: translate(0,-15px);
}

/* あらすじ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,-15px); 
	-webkit-transform: translate(0,-15px);
}

/* あらすじ03 */
.s_ani03 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani03_run{
	opacity: 1.0;
	transform: translate(0,-15px); 
	-webkit-transform: translate(0,-15px);
}

/* あらすじ04 */
.s_ani04 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani04_run{
	opacity: 1.0;
	transform: translate(0,-15px); 
	-webkit-transform: translate(0,-15px);
}


/* あらすじ05 */
.s_ani05 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani05_run{
	opacity: 1.0;
	transform: translate(0,-15px); 
	-webkit-transform: translate(0,-15px);
}

/* あらすじ06 */
.s_ani06 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s ease-in;
}
.s_ani06_run{
	opacity: 1.0;
	transform: translate(0,-15px); 
	-webkit-transform: translate(0,-15px);
}




/* キャラ紹介01 */
/* 立ち絵 */
.ch_ani01 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s;
}
.ch_ani01_run{
	opacity: 1.0;
	transform: translate(-1%,0); 
	-webkit-transform: translate(-1%,0);
}

/* 名前等テキスト */
.ch_ani02 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s;
}
.ch_ani02_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}

/* ＣＶ */
.ch_ani03 {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
	transition: .8s 1s;
}
.ch_ani03_run{
	opacity: 1.0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
}



/* サブキャラ */
/* 立ち絵 上から下 */
.sub_ani_top {
	opacity: 0;
	transform: translate(0,-2%); 
	-webkit-transform: translate(0,-2%); 
	transition: .8s 0.5s;
}
.sub_ani_top_run{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
