@charset "UTF-8";

/* 基本のスタイル */
   .content.delighter {
      opacity: 0;
	  transform:translate(0, 45px);
	  transition: all 1s ease-out;
   }
  
/* スタート時のスタイル */
   .content.delighter.started { opacity: 1; transform: none; }

  
/* エンド時のスタイル 
   .content.delighter.started.ended {
　opacity : 1;
　transform : translate(0, 0);
   }
*/


.content .delighter.delighter-up {
    transform: translateY(30%); }

	  
/* 3の倍数 */
.content.delighter.delighter-up.type3:nth-child(3n+1) {
      /* 3の倍数+1(＝1,4,7,10……)番目だけに適用されるCSS */
      transition: all 1.1s ease-out 0s; }
	  
.content.delighter.delighter-up.type3:nth-child(3n+2) {
      /* 3の倍数+2(＝2,5,8,11……)番目だけに適用されるCSS */
      transition: all 1.4s ease-out .2s; }
	  
.content.delighter.delighter-up.type3:nth-child(3n) {
      /* 3の倍数(＝3,6,9……)番目だけに適用されるCSS */
      transition: all 1.7s ease-out .4s; }
	  
	  


/* 基本のスタイル */
   .shadow.delighter {
      opacity: 0;
	  transform:translate(0, 45px);
	  transition: all .7s;
   }
  
/* スタート時のスタイル */
   .shadow.delighter.started { opacity: 1; transform: none; }

  
/* エンド時のスタイル */
   .shadow.delighter.started.ended {
　opacity : 1;
　transform : translate(0, 0);
 width: 489px;
height: 230px;
margin: 0px 10px;
filter: drop-shadow(0 20px 20px rgba(0,0,0,0.2));
overflow: visible;
text-align: center;
   }