@charset "utf-8";
/* CSS Document */

/* 基本 */
.foo.delighter {
transition: all .7s ease-out;
opacity: 0;
}
/* スタート */
.foo.delighter.started {
opacity: 1;
}
/* エンド */
.foo.delighter.started.ended {
opacity: 1;
}

/* タイトル アニメーション */
/* 基本*/
.fooTtl.delighter {
 transition : all .8s;
 opacity: 0;
}
/* スタート */
.fooTtl.delighter.started {
 opacity: 1;
}
/* エンド */
.fooTtl.delighter.started.ended {
opacity: 1;
}

/* テキスト */
/* 基本 */
.fooTxt.delighter {
 transition : all .8s;
 opacity: 0;
}
/* スタート */
.fooTxt.delighter.started {
 opacity: 1;
}
/* エンド */
.fooTxt.delighter.started.ended {
opacity: 1;
}


/* テキスト */
/* 基本 */
.fooTxt02.delighter {
 transition : all 200ms;

 opacity: 0;
}
/* スタート */
.fooTxt02.delighter.started {
 transform : translate(0px,50px);
 opacity: 0;
}
/* エンド */
.fooTxt02.delighter.started.ended {
 transform : translate(0px);
 opacity: 1;
}

/* bg */
/* 基本 */
.fooBg.delighter {
transition : all 800ms cubic-bezier(0.42, 0, 1.0, 1.0) ;
transform: scale(1.01, 1.01);
opacity: 0;
}
/* スタート */
.fooBg.delighter.started {
transform: none;
opacity: 1;
}
/* エンド */
.fooBg.delighter.started.ended {
}

/* bg2 */
/* 基本のスタイル */
.fooBg02.delighter {
transition: all 800ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
/* transition : all 1000ms; */
/* transform : scale(1,0); */
opacity: 0;
transition-delay: .2s;
}
/* スタート時のスタイル */
.fooBg02.delighter.started {
transform: none;
opacity: 1;
}
/* エンド時のスタイル */
.fooBg02.delighter.started.ended {
}

/* 基本のスタイル */
.fooheroTxt.delighter {
transform : translateX(100px);
opacity: 0;
}
/* スタート時のスタイル */
.fooheroTxt.delighter.started {
transition: all .7s ease-out;
opacity: 0;
}
/* エンド時のスタイル */
.fooheroTxt.delighter.started.ended {
transform: none;
opacity: 1;
}