/* ■Common */

div.drill-Container {
	/* border:3px #6699FF solid; */
	width: 90%;
	margin: 10px 0;
	padding:5px;
}

.drill-Question {
	font-size: 1.5em;
	margin:0;
}

.drill-Choices {
	margin:50px 0;	
}

.drill-answer-Button{
	
  padding: 1em 2em;
   color: white;  
  background-color:#1382FB;
  /* background-repeat: no-repeat; */
}


/* ■MultiCard */

div.multi-card {
	display:inline-block;
	position: relative;
	width: 200px;
	height: 60px;	
	text-align:center;
	background-color:beige;
	border:2px black solid;
	margin:5px;
}
div.multi-card div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	width: 100px;
	text-align: center;
	font-family:Verdana, Arial, "Meiryo UI", Helvetica, sans-serif
}

.multi-card--clicked {
	background-color:orange !important;
}

/* ■Trivia */

div.drill-trivia
{
	/* border:1px black solid; */
	margin:10px 0;
	
}

div.drill-trivia-q
{
	font-size:1.5em;	
	margin:5px 0 5px 5px;
}
div.drill-trivia-a
{
	display:inline-block;
	position: relative;
	width: 300px;
	height: 60px;	
	text-align:center;
	background-color:beige;
	border:2px black solid;
	margin:10px;
	transition: all .2s ease-in-out;
}

div.drill-trivia-a:hover
{
	transform:scale(1.1,1.1);
	background-color:#FFCCCC;

}


div.drill-trivia-a div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	width: 300px;
	text-align: center;
	font-family:Verdana, Arial, "Meiryo UI", Helvetica, sans-serif
}

div.drill-trivia-message {
	font-size:1.2em;
	min-height:30px;
}

div.drill-trivia-message-ok {
	color:blue;
}

div.drill-trivia-message-ng {
	color:red;
}


.trivia-ok:before
{
	content:"○";
	position:absolute;
	top:50%;
	transform : translate(0,-50%);
	left:0px;
	font-size:3em;
	color:blue;

}

.trivia-ng:before
{
	content:"×";
	position:absolute;
	top:50%;
	transform : translate(0,-50%);
	left:0px;
	font-size:3em;
	/* padding:5px 15px; */
	color:red;
	/* background:rgba(0,0,0,0.4); */
}

/* ■CodeSelect */

.drill-codeselect table.Code {
	font-size:1.4em;
}

.drill-selected-code
{
	background-color:#00FF00;
}