@CHARSET "UTF-8";
/*---------------------------------------------------リセット--*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0;
}
table{
border-collapse:collapse; border-spacing:0;
}
fieldset, img{
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var{
font-style:normal; font-weight:normal;
}
ol, ul{
list-style:none;
}
caption, th{
text-align:left;
}
h1, h2, h3, h4, h5, h6{
font-size:100%; font-weight:normal;
}
q:before, q:after{
content:"";
}
abbr, acronym{
border:0;
}
a {
text-decoration: none;
}
a:visited {

}
strong {
font-weight:bold;
}
/*--------------------------------------------------/リセット--*/
body {
width:100%;
font-size:0.9em;
font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
h1 {
font-size:1.4em;
margin:1em 0 .5em;
font-weight:bold;}
h2 {
font-size:1.2em;
font-weight:bold;
margin:1em 0 .5em;
padding-left:.4em;
border-left: solid 5px #ff6600;}
p {margin-bottom:.5em;}
.timer {
text-align:right;}
.button {
padding:1em 11%;
color:#fff;
font-weight:bold;
text-align:center;
background-color:#669ACC;
display:inline-block;
margin:.5em 1em;
-webkit-border-radius:5px;
-moz-border-radius:5px;
cursor:pointer;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;}
.card_wrapper {
max-width:400px;
height:220px;
margin:1em auto;
border:solid 2px #669ACC;
padding:.2em;
-webkit-border-radius:10px;
-moz-border-radius:10px;}
.card {
height:100%;
width:100%;
text-align:center;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
cursor:default;
}
.card_ajust{
width:390px;
text-align: left;}
.button_wrapper {
text-align:center;}
.button_wrapper a:visited {
color:#fff;}
.button_wrapper a:hover {
text-decoration:none;}
#card.front {
margin-top:70px;
text-align:center;
font-size:1.8em;
font-weight:bold;}
#card.back {
margin-left:2.5em;
margin-top:50px;
padding:1em 2em;
}
.timeout {
background-color:#ccc;}
.result {
text-align:center;
font-size:1.2em;
font-weight:bold;
margin:1em 0;
padding:.2em 0;
background-color:#ffff99;}
h4 {
/*    font-size: 1.4em !important;*/
    line-height: 1.4em !important;
/*    margin: 20px 0 .4em !important;*/
    font-weight: bold;}
	.level_color {
background-color:#ffff99;}
.cardimg {
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 2px 12px;}
.bar1 {
    max-width: 400px;
    margin: 0 auto;
}
.bar1 div {
    width: 49%;
}
.sound,.timer {
    display: inline-block;
}
.sound {
	cursor:pointer;
}
.front .word_class {
	font-size:.6em;
	font-weight:normal;
}