@charset "UTF-8";
@import url(_ress.css);
/* ========================================================
common
=========================================================*/
html, body {
  height: 100%;
  font-family: 'Yu Gothic Pr6N W50 M', "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #fff;
  line-height: 1.8; }

html {
  background: #0f0f0f; }

body {
  font-size: 14px; }

a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer; }

section {
  position: relative; }

li {
  list-style: none; }

a:hover {
  opacity: .8;
  -webkit-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out; }

img {
  vertical-align: bottom; }

/* ===============
magnificPopup
================== */
.white-popup {
  position: relative;
  background: #fff;
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  max-width: 650px;
  /* デフォルトのモーダルサイズ */
  margin: 20px auto; }

/*特報ムービーサイズ
########################*/
.white-popup-movie {
  position: relative;
  background: #fff;
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: auto;
  max-width: 900px;
  /* 特報のモーダルサイズ */
  margin: 20px auto; }
  .white-popup-movie .backnumber p {
    text-align: left; }
    .white-popup-movie .backnumber p a {
      display: inline-block;
      font-size: 11px;
      text-decoration: none;
      border-radius: 5px;
      margin: 2px;
      padding: 2px 10px; }
      .white-popup-movie .backnumber p a.common {
        color: #fff;
        background: #3d3d3d;
        background: -moz-linear-gradient(left, #3d3d3d 0%, #2b2b2b 100%);
        background: -webkit-linear-gradient(left, #3d3d3d 0%, #2b2b2b 100%);
        background: -webkit-gradient(linear, left top, right top, from(#3d3d3d), to(#2b2b2b));
        background: -o-linear-gradient(left, #3d3d3d 0%, #2b2b2b 100%);
        background: linear-gradient(to right, #3d3d3d 0%, #2b2b2b 100%); }

/* ========================================================
TOP
=========================================================*/
main .main-visual {
  position: relative;
  width: 100%;
  background: #a2532e url(../img/bg_20191228.png) no-repeat top center; }
  main .main-visual .wrap {
    width: 100%;
    max-width: 1200px;
    height: 740px;
    margin: 0 auto; }
    main .main-visual .wrap h1 {
      width: 538px;
      margin: 0 auto; }

main .box-btn {
  width: 100%;
  height: 125px;
  text-align: center;
  background: url(../img/bottom_bg.png) repeat-x top center; }
  main .box-btn ul {
    text-align: center; }
    main .box-btn ul li {
      display: inline-block;
      width: 170px; }
      main .box-btn ul li a.disable {
        opacity: .2;
        cursor: default; }
        main .box-btn ul li a.disable:hover {
          opacity: .2; }
      main .box-btn ul li a:hover {
        opacity: .6;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out; }
      main .box-btn ul li a img {
        width: 100%; }

footer .site-contents {
  text-align: center; }

footer .copyright {
  padding: 20px 0;
  font-size: 11px;
  color: #fff;
  text-align: center; }