@charset "utf-8";

#topBg {
  position: fixed;
  top: 0; right:0; bottom: 0; left: 0;
  display: none;
  z-index: 2;
}
#top #topBg {
  display: block;
}
#topBg img {
  width: 100%;
  height: 100%;
}

.second_header {
  display: none;
}

header {
  position: relative;
  z-index: 10;
}
header h1 {
  width: 532px;
  line-height: 0;
  text-align: center;
}
header .catchcopy {
  position: absolute;
}

.banner li a {
  background: 0 0 / 100% auto no-repeat;
}
.banner li a img {
  background: 0 100% / 100% auto no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.banner li a:hover img {
  opacity: 1;
}
.banner li a.pv01,
.banner li a.pv01 img {
  background-image: url(../img/bnr_pv01.png);
}
.banner li a.pv02,
.banner li a.pv02 img {
  background-image: url(../img/bnr_pv02.png);
}
.banner li a.timetravel_campaign,
.banner li a.timetravel_campaign img {
  background-image: url(../img/bnr_timetravel_campaign.png);
}
.banner li a.benefits,
.banner li a.benefits img {
  background-image: url(../img/bnr_benefits.png);
}
.banner li a.rt_campaign,
.banner li a.rt_campaign img {
  background-image: url(../img/bnr_rt_campaign.png);
}
.banner li a.goods,
.banner li a.goods img {
  background-image: url(../img/bnr_goods.png);
}
.banner li a.theme_avatar,
.banner li a.theme_avatar img {
  background-image: url(../img/bnr_theme_avatar.png);
}
#top .banner li a.info {
  margin: 0 8px 6px;
  border: 3px solid #ce6f1b;
  background: rgba(32,13,2,0.8);
  -webkit-box-shadow: 0 0 7px 1px rgba(32,13,2,0.75);
  box-shadow: 0 0 7px 1px rgba(32,13,2,0.75);
  color: #fff;
  font-size: 20rem;
  font-weight: 700;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.1s linear;
  -o-transition: border 0.1s linear;
  transition: border 0.1s linear;
}
#top .banner li a.info:hover {
  color: #fc0;
  border: 3px solid #fc0;
}

@media screen and (max-width: 1430px) {
  #top .banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1016px;
    margin: 0 auto;
  }
}