html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: fixed;
}

.hidden {
  visibility: hidden;
  pointer-events: none;
}

.notouch {
  pointer-events: none;
}

.center {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.centerLR {
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
}


/* ================================== */

/* --- ページ大枠 --- */
#pageBody {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 0;
}

#stamp_page {
	width: 100%;
	height: 100%;
}

/* --- フレーム --- */
.fill_frame {
	width: 100%;
	height: 100%;
	position: absolute;
}

/* --- 背景画像 --- */
#header_img {
	width: 100%;
}

#stamp_back_img {
	top: 10%;
	width: 100%;
}

#footer_img {
	width: 100%;
}

/* --- エフェクト画像 --- */
#lose_img {
	position: absolute;
	width: 60%;
}

#coupon_img {
	position: absolute;
	width: 90%;
	top: 40%;
}

/* --- ボタン --- */
#header_arrow_btn {
	position: absolute;
	left: 4%;
}

#sound_btn {
	position: absolute;
	width: 10%;
	right: 15px;
}