@charset "UTF-8";

#first_message{
	font-family:""ヒラギノ明朝 Pro W3",ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
	font-size:16px;
	line-height:1.3;
	padding-top:10px;
	width:210px;
	height:50px;
	text-align:center;
	top:128px;
	border-radius:5px;
	left:160px;
	margin-left:-105px;
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.4);
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(166,194,212)),color-stop(8%,rgb(205,221,230)),color-stop(32%,rgb(179,203,217)),color-stop(75%,rgb(129,169,192)), to(rgb(116,157,179)) );
	-webkit-transform:scale(0,0);
	-webkit-transition-property:all;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-in;
	position:absolute;
	z-index:4;		
}

#end_message{
	font-family:""ヒラギノ明朝 Pro W3",ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
	font-size:16px;
	padding-top:11px;
	width:210px;
	height:28px;
	text-align:center;
	top:140px;
	border-radius:5px;
	left:160px;
	margin-left:-105px;
	-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.4);
	background:-webkit-gradient(linear,center top,center bottom,from(rgb(166,194,212)),color-stop(8%,rgb(205,221,230)),color-stop(32%,rgb(179,203,217)),color-stop(75%,rgb(129,169,192)), to(rgb(116,157,179)) );
	-webkit-transform:scale(1,1);
	-webkit-transition-property:all;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-in;
	position:absolute;
	z-index:5;
}

@-webkit-keyframes start_animation{
	0%{-webkit-transform:scale(0,0);}
	30%{-webkit-transform:scale(1.1,1.1);}
	45%{-webkit-transform:scale(0.9,0.9);}
	60%{-webkit-transform:scale(1.05,1.05);}
	75%{-webkit-transform:scale(0.95,0.95);}
	100%{-webkit-transform:scale(1,1);}
}

#piece_box{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	opacity:0;
}

.piece{
	cursor:pointer;
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
}