body { background-color: #fffffff; font: 30px sans-serif; }

/*----一番上の、titleの文字----*/
h3{
	margin: 0 auto;
	position: relative;
	padding: 5px;
	font: normal 20px/1.6 Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	border-top: 1px dashed #aaa;
	border-bottom: 1px dashed #aaa;
	background: #eee;
}


/*----ボタン----*/
button {
font:20px/1.6 Arial, Helvetica, sans-serif;  
background: #E0FFFF;  
border: 1px solid Blue;  
border-radius: 9px;  
color: #111;  
width: 130px;  
padding: 5px 0;  
} 



.ex-1:before{
position: absolute;
top:50%;
left:-25px;
content: "";
border: 25px solid transparent;
border-right-color: #006400;
z-index: -1;
}

/* ★カーソルの点滅用 */
.cursor {
	font-size: 28px;
	color: white;
	animation-name: blink;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes blink {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}


.英文の答えの枠{
	width: 300px;
	height: 200px;
	background: #ccc;
	display: table-cell;
	vertical-align: middle;
}