@font-face {
  font-family: 'mgen';
  src: url('../fonts/mgen.woff') format('woff'),
       url('../fonts/mgen.ttf') format('truetype');
}
html,body{
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 font-family: 'mgen', "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
 overscroll-behavior-y: none;
}

iframe{
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 border:0;
 }
iframe#ifr{
 width:100%;
 height:100%;
 padding:0;
 margin-top:0px;
 border:0;
 }
iframe#ifr1{
 width:100%;
 height:100%;
 padding:0;
 margin-top:0px;
 border:0;
 }
iframe#ifr2{
 width:100%;
 height:100%;
 padding:0;
 margin-top:0px;
 border:0;
 }
iframe#ifr3{
 width:100%;
 height:100%;
 padding:0;
 margin-top:0px;
 border:0;
 }
iframe#ifr4{
width:100%;
height:100%;
padding:0;
margin-top:0px;
border:0;
}
iframe#ifr5{
  width:100%;
  height:100%;
  padding:0;
  margin-top:0px;
  border:0;
  }
iframe#ifr6{
  width:100%;
  height:120%;
  padding:0;
  margin-top:-130px;
  border:0;
  }
button {
  /* ブラウザ特有のスタイルを無効に */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  /* 整える */
  width: 60px;
  height: 30px;
  margin: 1em 0; /* 前後の隙間 */
  padding: 0.6em 1em; /* 塗りの余白 */
  font-size: 0.1em; /* フォントサイズ */
  background-color: #ffffff00; /* 背景色 */
  color: rgb(0, 0, 0); /* テキストカラー */
  cursor: pointer; /* カーソルを指マークに */
  border-radius: 3px; /* 角の丸み */
  border: 0; /* 枠線を消す */
  transition: 0.3s; /* ホバーの変化を滑らかに */
}