@charset "UTF-8";
/* Sass Document */
/*$base-grad: #f0f0f0;*/
html {
  font-family: sans-serif;
  /*background: $base-grad;*/
  background-image: url("../img/bg01.jpg");
  background-repeat: repeat; }

h1, h2 {
  font-family: serif;
  text-align: center;
  margin: 0 auto; }

.intro_ttl {
  text-align: left; }

a:hover {
  transition: 0.6s;
  filter: opacity(0.6); }

header {
  position: relative;
  background-size: cover;
  background-position: center 20%;
  width: 100%;
  padding: 1% 0 0 0;
  border-bottom: 5px #917B00 double; }
  header nav {
    width: 100%;
    color: #fff;
    margin: 0 auto 20px;
    padding: 10px; }
    header nav .logo {
      float: left; }
    header nav ul {
      float: right;
      list-style: none; }
    header nav li {
      float: left;
      padding: 5px; }
    header nav a {
      color: #fff;
      text-decoration: none; }
  header h1 {
    text-indent: -9999px;
    display: none; }
  header .ttl img {
    width: 100%; }

footer {
  background-color: #000000;
  color: #fff;
  padding: 3%; }

.clearfix:after {
  clear: both;
  content: '';
  display: block; }

.ttl_img {
  width: 800px;
  margin: 0 auto; }

#Info {
  background: #ffffff; }

#mss_card {
  background: linear-gradient(-135deg, #C8E6FF, #8CC7DC); }

#intoro_bg, #line-up, #event, #budget {
  background-image: url("../img/bg01.jpg");
  background-repeat: repeat; }

#limited-ranking {
  background-image: url("../img/bg02w.jpg");
  background-repeat: repeat-y;
  background-size: cover; }

#der {
  background-image: url("../img/bg02w.jpg");
  background-repeat: repeat-y;
  background-size: contain; }

/* ランキング部分 パーツ */
.txt_red {
  color: #af0000; }

.button {
  /*float: right;
  width:280px;*/
  /*max-height: 30px;*/
  /*font-size:20px;*/
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  padding: 8px 0 10px;
  color: #fff;
  background-color: #17439F;
  border-radius: 25px; }

/*　　　－－－－－　　▼　サイドナビ　▼　　　－－－－－　　*/
#side {
  position: fixed;
  bottom: 20px;
  right: 0px;
  z-index: 2;
  text-align: center; }

#sp_side {
  visibility: hidden; }

/* お試し */
table img, tr img, td img {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  border-spacing: 0 !important;
  vertical-align: bottom !important; }

/* 縦バナー */
.tate_link {
  position: absolute;
  width: 100px;
  /*縦バナーの横サイズに合わせる*/
  top: 650px !important;
  min-height: 100%;
  z-index: 1;
  /*重なり順の設定大きい数字程上になる*/
  height: 20050px !important;
  /*ページの長さによって調整する*/
  visibility: visible;
  /*縦バナーの表示・非表示（hidden＝消す、visible＝見せる）*/ }

div.tate_link a {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.t_left {
  left: 100px;
  /*左側に20pxの隙間を空けます*/
  background: url(https://www.rakuten.ne.jp/gold/rebun/ss/img/1906ss_tate.jpg) repeat-y scroll;
  /*左のバナー画像URL*/ }

.t_right {
  right: 100px;
  /*右側に20pxの隙間を空けます*/
  background: url(https://www.rakuten.ne.jp/gold/rebun/ss/img/1906ss_tate.jpg) repeat-y scroll;
  /*右のバナー画像URL*/ }



.yosansquare_btn a:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}