/* 2020年12月下旬 */

body {
  background-color: #FFFBB7;
}

a:hover {
  cursor: pointer;
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/* -------------------------- */

.header {
  background-color: #ffffff;
  position: fixed;
  max-width: 950px;
  max-height: 119px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 99;
}

.header-month2011 {
  position: absolute;
  left: 28%;
  top: 40%;
  z-index: 99;
}
.header-month2008 {
  position: absolute;

  left: 47%;
  top: 40%;
  z-index: 99;
}
.header-month2007 {
  position: absolute;
  left: 65%;
  top: 40%;
  z-index: 99;
}
.header-logo {
  position: absolute;
  right: 1%;
  top: 10%;
  z-index: 99;
}

/* ------------------------ */

.top {
  max-width: 950px;
  padding-top: 120px;
}

.frame {
  margin-top: 50px;
  position: relative;
}


.goods {
  margin-top: 50px;
  position: relative;
  max-width: 1002px;
}

.playing {
  margin-top: 50px;
  position: relative;
  max-width: 950px;
}

.buttons {
  position: absolute;
}

.button-orange {
  margin: 0 auto;
  left: 0;
  right: 0;

  bottom: 2%;
}

.button-logo  {
  margin: 0 auto;
  right: 0;
  left: 0;

  bottom: 4%;

}

/* 950px未満 */
@media screen and (max-width: 949px) {
  .top {
    padding-top: 80px;
  }
  .header-month2007,
  .header-month2008,
  .header-month2011 {
    width: calc(178 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .header-logo {
    width: calc( 96 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .buttons {
    width: calc(354 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .goods .buttons {
    width: calc(244 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .playing .buttons {
    width: calc(244 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .button-logo {
    width: calc(300 / 950 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
}