/*  haitatsu
----------------------------------------------- */
.haitatsuStory{margin:80px auto 130px; background:url(/kids/img/postoffice/haitatsu/bg.png) repeat-y; background-size: 100% auto; text-align:center; border-top:double 16px #FFF;border-bottom:double 16px #FFF;}
.haitatsuStory .inner{width:700px; margin:0 auto; padding:0px 100px; position:relative;}
	body.sp .haitatsuStory{margin:80px auto 60px;}
	body.sp .haitatsuStory .inner{width:100%; position:relative; margin:0 auto;}
.haitatsuStory .inner svg#road{margin-top:50px; height:6600px;margin-top:0;}
body.sp .haitatsuStory .inner svg#road{margin-top:50px; height:810vh;margin-top:0;}
	/*body.sp .haitatsuStory .inner svg#road{width:58vw;height:auto; margin:20vh 0 0 -5vw;}*/
	body.sp .haitatsuStory .inner svg#road{width: 77vw;height: auto;margin: 20vh 0 0 -10vw;}
	@media all and (orientation: landscape) {
		body.sp .haitatsuStory .inner svg#road{width:90vh; height:auto;margin:10vh auto 0;}
	}
.haitatsuStory .spot a:hover{cursor: pointer;}
.haitatsuStory .room{background:rgba(57,162,64,0.8);}

.haitatsuStory .spot.goal{margin-top:-210px;}
	/*body.sp .haitatsuStory .spot .modal_open img{width:30vw;}*/
	body.sp .haitatsuStory .spot .modal_open .illust{max-width:50vw;}
	body.sp .haitatsuStory .spot .modal_box .illust{max-height:40vh; width:auto;}

/* --- spot --- */
/* お手紙書けたよ！ */
	.haitatsuStory .inner .spot.p01{position:absolute; top:0;margin: auto;left: 0;right: 0;}
/* お手紙をゆうびんポストに入れる */
/*	.haitatsuStory .inner .spot.p02{position:absolute; top:6%; right:3%; }*/
/* 変わりポスト */
	.haitatsuStory .inner .spot.p03{position:absolute; top:7%; left:8%;}
	.haitatsuStory .inner .spot.p03 a .illust img{height:130px;}
/* お手紙を集める */
	.haitatsuStory .inner .spot.p04{position:absolute; top: 10%; }
/* 富士山 */
	.haitatsuStory .inner .spot.p05{position:absolute; top:15%; left:-4%; }
/* 郵便局に運ぶ */
	.haitatsuStory .inner .spot.p06{position:absolute; top:18.5%; right:16%; }
/* 消印を押す */
	.haitatsuStory .inner .spot.p07{position:absolute; top:24%; left:0%; }
/* 消印ってなあに */
	.haitatsuStory .inner .spot.p08{position:absolute; top:34%; right: -11%; }
/* 動画で見てみよう！：自動押印機 */
	.haitatsuStory .inner .spot.p09{position:absolute; top:30.5%; }
/* 手で消印を押す */
	.haitatsuStory .inner .spot.p10{position:absolute; top:35%; left:20%; }
/* あて先の地域ごとに分ける */
	.haitatsuStory .inner .spot.p11{position:absolute; top:39%; left:5%; }
/* 動画で見てみよう！：書状区分機 */
	.haitatsuStory .inner .spot.p12{position:absolute; top: 42.5%; right: 30%; }
/* 配達する郵便局に運ぶ */
	.haitatsuStory .inner .spot.p13{position:absolute; top:47%; left:15%; }
	.haitatsuStory .inner .spot.p13 .illust{position: relative;right: 7%;}
/* お手紙を配達順に並べる */
	.haitatsuStory .inner .spot.p14{position:absolute; top:56%; left:18%; }
	.haitatsuStory .inner .spot.p14 .modal_open .illust{margin-right:1vw;}
	.haitatsuStory .inner .modal_box.p14 .illust img{width:90%; margin:15px auto; height:auto; max-height: none;}
/* 動画で見てみよう！：配達順に並べる */
	.haitatsuStory .inner .spot.p15{position:absolute; top:60%; }
/* 切手 */
	.haitatsuStory .inner .spot.p16{position:absolute; top:64%; right:7%; }
/* 郵便バイクにお手紙を積む */
	.haitatsuStory .inner .spot.p17{position:absolute; top:67%; right:20%;}
/* 動画で見てみよう！：郵便バイク */
	.haitatsuStory .inner .spot.p18{position:absolute; top:71%; }
/* 配達に出発！ */
	.haitatsuStory .inner .spot.p19{position:absolute; top:77%; }
/* ゴール */

/* deco */
.haitatsuStory .inner .deco .deco01{position:absolute; bottom:14%; left:0; }
.haitatsuStory .inner .deco .deco02{position:absolute; bottom:10%; right:18%; }
.haitatsuStory .inner .deco .deco03{position:absolute; bottom:7%; left:18%; }
.haitatsuStory .inner .deco .deco04{position:absolute; bottom:16%; right:5%; }

/*  sp basic
----------------------------------------------- */
body.sp .haitatsuStory .inner .spot .modal_open img{width:50vw;}
/* お手紙書けたよ！ */
	body.sp .haitatsuStory .inner .spot.p01{position:absolute; top:0;margin: auto;left: 0;right: 0;width:80vw; max-width:500px;}
/* お手紙をゆうびんポストに入れる */
/*	body.sp .haitatsuStory .inner .spot.p02{position:absolute; top:7%; right:3%; }
	body.sp .haitatsuStory .inner .spot.p02 .modal_open .illust img{width:28vw;}*/
/* 変わりポスト */
	body.sp .haitatsuStory .inner .spot.p03{position:absolute; top:10%; left:6%;}
	body.sp .haitatsuStory .spot.p03 .modal_open .illust img{width:28vw;height: auto;}
/* お手紙を集める */
	body.sp .haitatsuStory .inner .spot.p04{position:absolute; top: 15%; left:0;}
	body.sp .haitatsuStory .inner .spot.p04 .modal_open .illust img{width:32vw;}
/* 富士山 */
	body.sp .haitatsuStory .inner .spot.p05{position:absolute; top:21%; left:6%; }
	body.sp .haitatsuStory .inner .spot.p05 .modal_open .illust img{width:35vw;}
/* 郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p06{position:absolute; top:24%; right:0; }
	body.sp .haitatsuStory .inner .spot.p06 .modal_open .illust img{width:43vw;}
/* 消印を押す */
	body.sp .haitatsuStory .inner .spot.p07{position:absolute; top:29%; left:0%; }
	body.sp .haitatsuStory .inner .spot.p07 .modal_open .illust img{width:73vw;}
/* 消印ってなあに */
	body.sp .haitatsuStory .inner .spot.p08{position:absolute; top:42%; right:6%; }
	body.sp .haitatsuStory .inner .spot.p08 .modal_open .illust img{width:17vw;}
/* 動画で見てみよう！：自動押印機 */
	body.sp .haitatsuStory .inner .spot.p09{position:absolute; top:35.5%; left:5%; }
/* 手で消印を押す */
	body.sp .haitatsuStory .inner .spot.p10{position:absolute; top:39%; left:8%; }
	body.sp .haitatsuStory .inner .spot.p10 .modal_open .illust img{width:25vw;}
/* あて先の地域ごとに分ける */
	body.sp .haitatsuStory .inner .spot.p11{position:absolute; top:46%; left:5%; }
	body.sp .haitatsuStory .inner .spot.p11 .modal_open .illust img{width:40vw;}
/* 動画で見てみよう！：書状区分機 */
	body.sp .haitatsuStory .inner .spot.p12{position:absolute; top: 49%; right: 10%; }
/* 配達する郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p13{position:absolute; top:53%; left:0; }
	body.sp .haitatsuStory .spot.p13 .modal_open .illust{position:relative;bottom: -18vh; right:4%;}
	body.sp .haitatsuStory .inner .spot.p13 .modal_open .illust img{width:45vw;}
/* お手紙を配達順に並べる */
	body.sp .haitatsuStory .inner .spot.p14{position:absolute; top:63%; left:0; }
	body.sp .haitatsuStory .inner .spot.p14 .modal_open .illust img{width:48vw;}
	body.sp .haitatsuStory .inner .modal_box.p14 .illust img{ max-height: none !important;}
	body.sp .haitatsuStory .modal_box.p14 span.illust{margin-bottom: -20px;}
/* 動画で見てみよう！：配達順に並べる */
	body.sp .haitatsuStory .inner .spot.p15{position:absolute; top:66.5%; left:12%; }
/* 切手 */
	body.sp .haitatsuStory .inner .spot.p16{position:absolute; top:71%; left:0; }
	body.sp .haitatsuStory .inner .spot.p16 .modal_open .illust img{width:25vw;}
/* 郵便バイクにお手紙を積む */
	body.sp .haitatsuStory .inner .spot.p17{position:absolute; top:74%; right:0;}
	body.sp .haitatsuStory .inner .spot.p17 .modal_open .illust img{width:40vw;}
/* 動画で見てみよう！：郵便バイク */
	body.sp .haitatsuStory .inner .spot.p18{position:absolute; top:77.5%; left:20%;}
/* 配達に出発！ */
	body.sp .haitatsuStory .inner .spot.p19{position:absolute; top:83%; left:0;}
	body.sp .haitatsuStory .inner .spot.p19 .modal_open .illust img{width:40vw;}
/* ゴール */
	body.sp .haitatsuStory .inner .spot.goal{width:80vw; margin:0 auto; left: 0;right: 0;position: absolute;bottom: 0;}

/* deco */
body.sp .haitatsuStory .inner .deco .deco01{position:absolute; bottom:2%; left:5%; }/* ki */
body.sp .haitatsuStory .inner .deco .deco02{position:absolute; bottom:8%; right:21%; } /* aka */
body.sp .haitatsuStory .inner .deco .deco03{position:absolute;bottom: 11%;right: 9%;left: auto;} /* ao */
body.sp .haitatsuStory .inner .deco .deco04{position:absolute;bottom: 7%;left: 3%;right: auto;} /* midori */
body.sp .haitatsuStory .inner .deco .deco01 img,
body.sp .haitatsuStory .inner .deco .deco02 img,
body.sp .haitatsuStory .inner .deco .deco03 img,
body.sp .haitatsuStory .inner .deco .deco04 img{width:16vw; height:auto;}

/*  tablet
----------------------------------------------- */
@media screen and (orientation: portrait) and (max-width: 1024px) {/* tablet */
	body.sp .haitatsuStory .inner .spot .modal_open img.balloon{width:40vmin;}
	/* 変わりポスト */
		body.sp .haitatsuStory .inner .spot.p03{position:absolute; top:8%; left:6%;}
	/* お手紙を集める */
		body.sp .haitatsuStory .inner .spot.p04{position:absolute; top: 13%; left:0;}
	/* 富士山 */
		body.sp .haitatsuStory .inner .spot.p05{position:absolute; top:20%; left:6%; }
	/* 郵便局に運ぶ */
		body.sp .haitatsuStory .inner .spot.p06{position:absolute; top:23%; right:0; }
}/* tablet */

/*  sp yoko
----------------------------------------------- */
@media all and (orientation: landscape) {
	body.sp .haitatsuStory .inner .spot .modal_open img{width:30vw;}
	body.sp .modal_box .title{margin: 2vh auto 5px !important; padding:none;}
	body.sp .modal_box .btn.govideo img{height: 20vh !important;}
	body.sp .modal_box span.illust img{max-height: 38vmin !important;}
	body.sp .modal_box span.illust img.balloon{width:45vmax !important;}
/* お手紙書けたよ！ */
	body.sp .haitatsuStory .inner .spot.p01{position:absolute; top:0;margin: auto;left: 0;right: 0;width:auto; max-width:50vw;}
/* お手紙をゆうびんポストに入れる */
/*	body.sp .haitatsuStory .inner .spot.p02{position:absolute; top:7%; right:5%; }
	body.sp .haitatsuStory .inner .spot.p02 .modal_open .illust img{width:20vw;}*/
/* 変わりポスト */
	body.sp .haitatsuStory .inner .spot.p03{position:absolute; top:6%; left:6%;}
	body.sp .haitatsuStory .inner .spot.p03 .modal_open .illust img{width:20vw;}
/* お手紙を集める */
	body.sp .haitatsuStory .inner .spot.p04{position:absolute; top: 10%; left:19%; }
	body.sp .haitatsuStory .inner .spot.p04 .modal_open .illust img{width:25vw;}
/* 富士山 */
	body.sp .haitatsuStory .inner .spot.p05{position:absolute; top:15.5%; left:2%; }
	body.sp .haitatsuStory .inner .spot.p05 .modal_open .illust img{width:25vmax;}
/* 郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p06{position:absolute; top:20.5%; right:14%; }
	body.sp .haitatsuStory .inner .spot.p06 .modal_open .illust img{width:30vw;}
/* 消印を押す */
	body.sp .haitatsuStory .inner .spot.p07{position:absolute; top:25%; left:5%; }
	body.sp .haitatsuStory .inner .spot.p07 .modal_open .illust img{width:70vw;}
/* 消印ってなあに */
	body.sp .haitatsuStory .inner .spot.p08{position:absolute;top: 38%; right:9%; }
	body.sp .haitatsuStory .inner .spot.p08 .modal_open .illust img{width:12vw;}
/* 動画で見てみよう！：自動押印機 */
	body.sp .haitatsuStory .inner .spot.p09{position:absolute; top:31%; }
/* 手で消印を押す */
	body.sp .haitatsuStory .inner .spot.p10{position:absolute; top:36.5%; left:20%; }
	body.sp .haitatsuStory .inner .spot.p10 .modal_open .illust img{width:18vw;}
/* あて先の地域ごとに分ける */
	body.sp .haitatsuStory .inner .spot.p11{position:absolute; top:42%; left:7%; }
	body.sp .haitatsuStory .inner .spot.p11 .modal_open .illust img{width:35vw;}
/* 動画で見てみよう！：書状区分機 */
	body.sp .haitatsuStory .inner .spot.p12{position:absolute; top: 45.5%; right: 15%; }
/* 配達する郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p13{position:absolute; top:49%; left:15%; }
	body.sp .haitatsuStory .inner .spot.p13 .modal_open .illust{position: absolute;top: 28vmax;right: -50vh;}
	body.sp .haitatsuStory .inner .spot.p13 .modal_open .illust img{width:35vw;}
/* お手紙を配達順に並べる */
	body.sp .haitatsuStory .inner .spot.p14{position:absolute; top:60%; left:18%; }
	body.sp .haitatsuStory .inner .spot.p14 .modal_open .illust img{width:35vw;}
/* 動画で見てみよう！：配達順に並べる */
	body.sp .haitatsuStory .inner .spot.p15{position:absolute; top:63.5%; }
/* 切手 */
	body.sp .haitatsuStory .inner .spot.p16{position:absolute; top:68%; left: 10%; right: auto;}
	body.sp .haitatsuStory .inner .spot.p16 .modal_open .illust img{width:20vw;}
/* 郵便バイクにお手紙を積む */
	body.sp .haitatsuStory .inner .spot.p17{position:absolute; top:72%; right:20%;}
	body.sp .haitatsuStory .inner .spot.p17 .modal_open .illust img{width:30vw;}
/* 動画で見てみよう！：郵便バイク */
	body.sp .haitatsuStory .inner .spot.p18{position:absolute; top:76%; left:18%; }
/* 配達に出発！ */
	body.sp .haitatsuStory .inner .spot.p19{position:absolute; top:80%; left:20%; }
	body.sp .haitatsuStory .inner .spot.p19 .modal_open .illust img{width:30vw;}
/* ゴール */
	body.sp .haitatsuStory .inner .spot.goal{max-width: 50vw; margin:0 auto; left: 0;right: 0;position: absolute;bottom: 0;}

/* deco */
body.sp .haitatsuStory .inner .deco .deco01 img,
body.sp .haitatsuStory .inner .deco .deco02 img,
body.sp .haitatsuStory .inner .deco .deco03 img,
body.sp .haitatsuStory .inner .deco .deco04 img{width:12vw; height:auto;}
body.sp .haitatsuStory .inner .deco .deco01{position:absolute; bottom:2%; left:15%; }/* ki */
body.sp .haitatsuStory .inner .deco .deco02{position:absolute; bottom:8%; right:11%; } /* aka */
body.sp .haitatsuStory .inner .deco .deco03{right: 20%;position: absolute;bottom: 12%;left: auto;} /* ao */
body.sp .haitatsuStory .inner .deco .deco04{left: 5%;position: absolute;bottom: 11%;right: auto;} /* mifori */

} /* sp yoko */


/*  tablet yoko
----------------------------------------------- */
@media screen and (orientation: landscape) and (min-height: 415px) and (max-width: 1366px) {/* tablet yoko */
	/* 富士山 */
	body.sp .haitatsuStory .inner .spot.p05{position:absolute; top:19%; left:6%; }
	/* 郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p06{position:absolute; top:20.5%; right:0; }
	/* 消印を押す */
	body.sp .haitatsuStory .inner .spot.p07{position:absolute; top:26%; left:5%; }
	/* 配達する郵便局に運ぶ */
	body.sp .haitatsuStory .inner .spot.p13{position:absolute; top:50.5%; left:15%; }
}/* tablet */




/* video */
.modal_box video{height:438px; width:100%; background:#FFF;}
/* modal */
.modal_box em{font-style: normal; color:#E73939; font-weight:bold;}
.modal_box .title{text-align:center; margin:0 auto 10px;display: inline-block; width:100%;}
.modal_box.video .title{margin-bottom:0;}
.modal_box .btn.govideo img{height:90px; width:auto;}
.modal_box .btn.govideo a{ margin:30px auto 0; transition:.3s; display:block;}
.modal_box .btn.govideo a:hover{opacity:0.7; cursor:pointer; text-decoration: none;}
.modal_box span.illust{display:block; margin-bottom:20px;}
.modal_box .chara{position:absolute;}
.modal_box .text{text-align:center; margin:18px 0; font-size:115%; line-height:1.9;}
.modal_open{}
.modal_box{position:fixed;z-index:7777;display:none;width:80%;max-width:720px;border:10px solid #FFDBD3;text-align:center;background:#fff;box-sizing:border-box;margin:auto;padding:5px 25px 25px; border-radius:13px;left: 0 !important;right: 0 !important;overflow-y:scroll; max-height:94vh;}
.modal_box:-webkit-scrollbar {display: none;}
.modal_close{text-align:center;transition:.3s;}
.modal_close:hover{cursor:pointer;}
.modal_close i{line-height:62px;vertical-align:bottom;}
.modal_bg{overflow:hidden;position:fixed;top:0;left:0;z-index:6666;display:none;width:100%;height:120%;background-color:rgba(0,0,0,0.6);overflow-y: auto; -webkit-overflow-scrolling: touch;}
 /* sp */

/*body.sp .modal_close_sp{display: none;position: fixed;right: 1vw;top: 1vw;z-index: 8888;}*/
 body.sp .modal_box{width:90%;padding:0 2vw 2vw;border:7px solid #FFDBD3;margin:4vh auto 0;max-height: 88vmax;}
 body.sp .modal_box .title{padding: 0; margin:1vh auto 15px; background:none;}
 	body.sp .modal_box .title img{max-height:20vmax;}
 body.sp .modal_box .chara img{height:15vh;}
  body.sp .modal_box .btn.govideo img{height: 12vh;width:auto;}
 body.sp .modal_box .btn.govideo a{ margin:16px auto 0;}
 body.sp .modal_box .text{padding:0; font-size:100%; text-align:center; margin:18px 0 0;}
 body.sp .modal_box .text .kodomo{line-height:2.5;}
 body.sp .modal_box span.illust img{max-height:25vh;}
 body.sp .modal_box .modal_close{margin-top:10px;}
 body.sp .modal_box .modal_close img{width:30vw;}
@media all and (orientation: landscape) {
	/*body.sp .modal_close{position:absolute; right:0; top:0;width:50px;}*/
	body.sp .modal_box span.illust{margin-bottom:0;}
	body.sp .modal_box{max-width: 86vmax;max-height: 80vmin;margin: 2vmin auto;overflow-y: scroll;}
	body.sp .modal_box .title img{max-height:30vmin; width:auto;}
	body.sp .modal_box .modal_close img{height:10vmin; width:auto;}
}
 /* ---sp */

.link_area{overflow:hidden;max-width:410px;text-align:center;margin:60px auto 0;}
.link_area .modal_link{display:inline;}
.link_area .modal_link a{display:inline-block;width:180px;color:#000;line-height:2.5;text-decoration:none;background:#e6e6e6;margin:0 10px;}
.link-area ul li.modal_link:first-child a{float:left;}
.link-area ul li.modal_link:last-child a{float:right;}
@media screen and (max-width: 769px) {
	.modal_box video{height: auto; width:100%; background:#FFF;}
.modal_box{padding:50px 2vw 40px;}
.link_area{margin:25px auto 0;}
.link_area .modal_link a{margin:15px auto 0;}
.link_area ul li.modal_link:first-child a{float:none;margin-top:0;}
.link_area ul li.modal_link:last-child a{float:none;}
}


/*スクロールバー全体*/
::-webkit-scrollbar {
    width: 6px;
}

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  border-radius: 6px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .5);
  border-radius: 6px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/* animation */
@import "/kids/css/animate.css";

.spot .illust{opacity:0;}
.spot div img{}
.spot div img:hover{
	opacity:1;
	-webkit-animation-name: hvr-pop;
	animation-name: hvr-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}