@charset "UTF-8";
/* CSS Document */

body{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-weight:normal;
	font-size:100%;
	color:#000;
  text-align: center;
  background: #00a0e9;
}

body,html,p,ul,ol,li,form,h1,h2,h3,h4,dd,dl,dt,iframe,span,figure,figcaption,article,section{
	margin:0;
	padding:0;
}

body,html{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

h1,h2,h3,h4{
	font-weight: normal;
}

img{
	vertical-align: top;
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
}

a img{
	border:none;
	outline:none;
}

ul,ol {
	list-style:none;
}

a{
	text-decoration:none;
	transition:0.3s linear;
}

a:hover{
	text-decoration:none;
	transition:0.3s;
	opacity:0.7;
}

a:focus {
  outline: none;
}

iframe{
  width: 100%;
  height: 100vh;
  border: none;
}

.frame{
  /*width: 100%;*/
	width:375px;
  height: 100%;
  position: relative;
	margin: 0 auto;
}


.frame > img{
  max-width: 130%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.frame > img.hit{
  max-width: 100%;
}

*{
  margin: 0;
}
canvas {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}