@charset "utf-8";
/* CSS Document */

html {
  overflow-y: scroll;
  font-size: 62.5%; /*10px*/
}
body {
  background: url(../../img/pc/common/bg_display.png) no-repeat top center;
  background-color: #000;
  line-height: 1;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.0rem; /*10px*/
  color: #fff;
  -webkit-text-size-adjust: 100%;
}
a {
  background: transparent;
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  color:#fff;
  display: block;
}
a:hover {
  text-decoration: underline;
  color:#fff;
  display: block;
}
a img:hover {
  opacity:0.8;
}
a:active {
  text-decoration: underline;
  color:#fff;
  display: block;
}
a:visit {
  text-decoration:none;
  color:#fff;
  display: block;
}
img {
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
ul {
  list-style: none;
}

/*---------------　clearfix　---------------*/
.cf:after {
  content: '.';
  height: 0;
  line-height: 0;
  visibility: hidden;
  display: block;
  clear: both;
}
.cf {
  display: block;
}

/*---------------　ページトップスクロール　---------------*/
.pageTop {
	position:fixed;
	bottom:-50px;
	right:55px;
  z-index:9999;
}
.pageTop a {
	display:block;
	width: 50px;
	height: 50px;
}

/*---------------　モーダル　---------------*/
#modal-content {
	width: 33% ;
	margin: 0 ;
	padding: 10px 20px ;
	/*border: 2px solid #aaa ;*/
	/*background: #fff ;*/
	position: fixed ;
	display: none ;
	z-index: 2 ;
  color: #000;
  font-size:1.8rem;
}
#modal-content p {
  text-align: center;
  margin-bottom: 6px;
}
#modal-content p a {
  margin-top: 10px;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}

.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}


/*---------------　汎用スタイル　---------------*/
.disn {
  display: none;
}
.m0 {
  margin: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr18 {
  margin-right: 18px !important;
}
.p0 {
  padding: 0 !important;
}
.fcr {
  color: #ff0000 !important;
}
.fcy {
  color: #ffff00 !important;
}
.fwb {
  font-weight: bold !important;
}
.active {
  background:#ff0000;
}
.active a img:hover {
  opacity:1.0;
}
.op10:hover {
  opacity:1.0 !important;
}