@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

a,a:visited {
	text-decoration: none;
	outline: none;
  color: #04f;
}
a:hover {
  text-decoration: underline;
  outline: none;
}
a[href*="tel:"] { cursor: default; }

button { outline: none; }

p {
	margin: 0 0 0.7em;
  background: url(../img/transparent.png);
}
td { background: url(../img/transparent.png); }

html {
  position: relative;
  min-height: 100%;
  font-size: 6.25%;
  overflow-y: scroll;
  overflow-x: hidden;
}
body {
  min-height: 100%;
  background: #000;
	/*font: 10rem/1 "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;*/
  font: 10rem/1 "Open Sans", "MS Gothic", sans-serif;
	color: #fff;
  overflow: hidden;
}

.mac body, .safari body { font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

div,section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}
ul,ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
button:active,button:focus {
  border: none;
  outline: none;
}
figure {
  margin: 0;
}
em { font-style: normal; }
#posi {
  position: fixed;
  top: 2px;
  left: 2px;
  z-index: 1000;
  font-size: 14rem;
}
#mask2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.4) url(../img/mask.png) 0 0 repeat;
  z-index: 9;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
#contents {
  position: relative;
  z-index: 10;
}

/* バナー */
.banner .nippon1_edition,
.banner .nippon1_edition img {
  background-image: url(../img/banner_nippon1_edition.png);
}
.banner .release_sale,
.banner .release_sale img {
  background-image: url(../img/banner_release_sale.png);
}
.banner .benefits,
.banner .benefits img {
  background-image: url(../img/banner_benefits.png);
}
.banner .banner_twitter,
.banner .banner_twitter img {
  background-image: url(../img/banner_banner_twitter.png);
}
.banner .radio,
.banner .radio img {
  background-image: url(../img/banner_radio.png);
}
.banner .dengeki_premium,
.banner .dengeki_premium img {
  background-image: url(../img/banner_dengeki_premium.png);
}
.banner .banner_pv01,
.banner .banner_pv01 img {
  background-image: url(../img/banner_pv02.png);
}
.banner .dengeki_premium02,
.banner .dengeki_premium02 img {
  background-image: url(../img/banner_dengeki_premium02.png);
}
.banner .concert,
.banner .concert img {
  background-image: url(../img/banner_concert.png);
}
.banner .display_contest,
.banner .display_contest img {
  background-image: url(../img/banner_display_contest.png);
}
.banner .playable_version,
.banner .playable_version img {
  background-image: url(../img/banner_playable_version.png);
}
.banner .akihabara_collabo,
.banner .akihabara_collabo img {
  background-image: url(../img/banner_akihabara_collabo.png);
}
.banner .broppon,
.banner .broppon img {
  background-image: url(../img/banner_broppon.png);
}
.banner .illustration_campaign,
.banner .illustration_campaign img {
  background-image: url(../img/banner_illustration_campaign.png);
}

#cdIllust,
#cdIllust_sp {
  display: none;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  padding: 20px 0 0; 
}
#cboxTitle {
  text-align: right;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}


/* =============================================================================
フロートさせたコンテンツの高さを親要素が認識しないバグを修正　Clearfix
========================================================================== */

/* For modern browsers */
.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; }

* html .cf { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.disabled{
  pointer-events: none;
  cursor: default;
}