@charset "utf-8";
* {
  box-sizing: border-box;
}
body {
  background-color: #000000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
html, body {
  height: 100%;
}
a:hover {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
a img {
  transition: 0.1s;
}
a img:hover {
  transform: scale(1.02);
}
.bg-black {
  background-color: #000000;
}
.bg-m {
  background-image: url("m-border.jpg");
  background-position: center center;
  background-repeat: repeat;
}
.bg-g {
  background-image: url("g-border.jpg");
  background-position: center center;
  background-repeat: repeat;
}
.bg-catch {
  background: url("pattern.png"), linear-gradient(0deg, rgba(0, 64, 151, 1) 0%, rgba(228, 0, 79, 1) 80%, rgba(228, 0, 79, 1) 100%);
  background-position: center center;
  background-repeat: repeat;
}
/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {} /* END */
/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {} /* END */
/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {} /* END */
/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {} /* END */