@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: #000;
  line-height: 1.8; }

html {
  background: #f1f1f1; }

body {
  font-size: 14px; }

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

section {
  position: relative; }

li {
  list-style: none; }

a:hover {
  opacity: .5;
  -webkit-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out; }
  @media (max-width: 1023px) {
    a:hover {
      opacity: 1; } }

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 {
  min-width: 1200px;
  margin: 0 auto;
  text-align: center;
  background-image: url(../img/bg.png);
  background-repeat: repeat; }

h1 {
  display: none; }

article.gnav {
  width: 100%;
  background-color: #dfdfdf; }
  article.gnav .wrapper {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: right; }
    article.gnav .wrapper ul li {
      display: inline-block;
      margin-left: 70px; }
      article.gnav .wrapper ul li img {
        width: auto;
        height: 140px; }

footer {
  width: 100%;
  background-color: #dfdfdf; }
  footer .wrapper {
    min-width: 1200px;
    margin: 0 auto;
    text-align: center; }
    footer .wrapper img {
      margin: 60px 0 50px; }
    footer .wrapper .copyright {
      padding: 20px 0 60px;
      font-size: 11px;
      text-align: center; }

.site-contents {
  padding: 50px 0 0;
  background-color: #dfdfdf; }
  .site-contents ul.large {
    width: 100%;
    text-align: center; }
    .site-contents ul.large li {
      display: inline-block;
      margin: 0 10px 20px; }
  .site-contents ul.small {
    width: 100%;
    text-align: center;
    margin: 50px 0; }
    .site-contents ul.small li {
      display: inline-block;
      margin: 0 10px 20px; }
      .site-contents ul.small li img {
        height: 180px; }

.list-bnr {
  background-color: #dfdfdf; }
  .list-bnr ul {
    width: 100%;
    text-align: center; }
    .list-bnr ul li {
      display: inline-block;
      margin: 0 10px 20px; }
      .list-bnr ul li img {
        max-width: 360px; }

.billing {
  text-align: center;
  padding-bottom: 70px; }

#mvtk-widgets-container {
  margin: 50px auto; }