/* 2020年7月下旬 */

body {
  background-color: #FFFEE6;
}

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


.top {
  max-width: 1001px;
}

.frame {
  padding: 0;
  margin-top: 50px;
  position: relative;
  max-width: 904px;
}

.nextmonth {
  margin-top: 50px;
  position: relative;
  max-width: 1001px;
}

.parts {
  max-width: 904px;
}

.buttons {
  position: absolute;
}

.button-standard {
  left: 50%;
  bottom: 0%;
}

.osaka .button-table {
  right: 40%;
  bottom: 0%;
}
.osaka .button-pyramid {
  left: 61%;
  bottom: 0%;
}

.nextmonth .button-yakou {
  right: 66%;
  bottom: 63%;
}
.nextmonth .button-chumon {
  right: 38%;
  bottom: 63%;
}
.nextmonth .button-gold {
  left: 66%;
  bottom: 63%;
}
.nextmonth .button-pyramid {
  right: 60%;
  bottom: 33%;
}
.nextmonth .button-millennium {
  left: 60%;
  bottom: 33%;
}

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

  bottom: 3%;
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  .parts {
    width: calc(904 / 1001 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .buttons {
    width: calc(354 / 1001 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
  .nextmonth .buttons {
    width: calc(245 / 1001 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
/*
  .button-standard, 
  .osaka .button-table,
  .osaka .button-pyramid {
    width: calc(354 / 1001 * 100vw * 1.0);
  }
  .nextmonth .buttons {
    width: calc(354 / 1001 * 100vw * 1.0);
  }
*/
  .button-logo {
    width: calc(300 / 1001 * 100vw * 1.0);		/* 横幅 / 背景幅 * 100vw * 補正 */
  }
}