@charset "UTF-8";

@import url(/css/sanitize.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans Japanese', serif;
  font-size: 1.2rem;
  width:1200px;
  margin: 0 auto;
  padding: 0;
  background-image: url(../img/back.jpg);
  background-size: cover;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
  color: #0000ff;
  text-decoration: none;
}

div#contents{
	margin: 0 auto;
	width:800px;
	text-align: center;
}

/*kenban*/
div#keys{
	position: relative;
	height:490px;
}
div#keys .key{
	margin:0;
}
div#keys div#allow{
	position: absolute;
	top:341.4px;
	left:35.5px;
}

/*notes*/
div#notes{
	position:relative;
}

div#notes div#dolphin{
	position: absolute;
	top:50px;
	left:-200px;
}

/*nazo*/
div#keys div#nazo{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

div#keys div#nazo #close{
	position:absolute;
	top:10px;
	right:10px;
}
div#keys div#nazo #form{
	position:absolute;
	bottom:10px;
	right:50px;
}

div#keys div#nazo input{
	width: 204px;
	height: 44px;
	border: solid 1px #000000;
	position:relative;
	font-size: 38px;
	bottom: 8px;
	right:10px;
}

div#keys div#nazo #submit{

}

/*A*/
div#a_moji{
	position:absolute;
	top:113.4px;
	left:299.8px;
}
div#nazo #nazo_main #a_play{
	position:absolute;
	top:348.3px;
	left:347.4px;
}

#f_play_1{
	position:absolute;
	left:75.3px;
	top:276.3px;
}
#f_play_2{
	position:absolute;
	left:257.3px;
	top:276.3px;
}
#f_play_3{
	position:absolute;
	left:439.3px;
	top:276.3px;
}
#f_play_4{
	position:absolute;
	left:621.3px;
	top:276.3px;
}

/*q2*/
div#q2{
	margin:200px 0 100px 0;
}
div#q2 #form2{
	position:relative;
	width:800px;
	height:428px;
	background-image: url(../img/nazo2/frame.png);
}
div#q2 #form2 input{
	position:absolute;
	width: 465px;
	height: 59px;
	border: solid 3px #000000;
	top:182px;
	left:168px;
	font-size: 48px;
}
div#q2 #form2 img{
	position: absolute;
	top:270px;
	left:323px;
}
.button{
	cursor: pointer;
}