@charset "UTF-8";

body {
  background-color: black;

  font-family: 
    "游ゴシック体", YuGothic, 
    "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", 
    "ヒラギノ角ゴ Pro W3",
    "メイリオ",
	sans-serif;
    font-weight: 500; /* Windowsのかすれ対策に推奨 */
}

@font-face {
  font-family: 'GenEiLateMin';
  src: url('../../../fonts/GenEiLateMin.ttf') format('ttf');
  font-display: swap;
  font-style: normal;
}


.buttons {
  position: absolute;
}

.buttons:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  opacity: 0.8;
}

.buttons:focus, 
.buttons:active {
  outline: none !important;
  box-shadow: none;
  transform: translate(4px, 4px);
}

.container {
  margin: 0 auto;
  padding: 0;
  max-width: none !important;	/* app.cssでの指定を打消 */
}

.area-contents {
  text-align: center;

  display: flex;
  flex-direction: column;
}