/*色が変わる*/
.delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}


/*→にサッと流れる*/
.delighter.right-scr { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right-scr.started { transform:none; opacity:1; }

/*←にサッと流れる*/
.delighter.left-scr { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left-scr.started { transform:none; opacity:1; }

/*←にサッと流れる*/
.delighter.center-scr { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.center-scr.started { transform:none; opacity:1; }

/*↓からサッと湧き出る*/
.delighter.bottom-scr { transform:translatey(100%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom-scr.started { transform:none; opacity:1; }


/*ブロックがゆっくり伸びる*/
.delighter pre {
  display: block; 
  transition: all 1s ease-out;
  opacity: 0;
  width: 1px; 
  overflow: hidden;
}

.delighter.started pre {
  max-width: 99999px;
  width: 100%;
  opacity: 1;
}



 @media screen and (max-width: 767px) { 



}