@charset "UTF-8";

#frame-schedule {
  position: relative;
/*
  --mt-frame-schedule: 50;
  --height-frame-schedule: 810;

  margin-top: calc(var(--mt-frame-schedule) * 1px);
  height: calc(var(--height-frame-schedule) * 1px);
*/
}
.parts#schedule {
  --pt-schedule: 0;
  --width-schedule: 1001;

  margin-top: calc(var(--pt-schedule) * 1px);
  width: calc(var(--width-schedule) * 1px * 0.5);
border: solid yellow 0px;
}
.parts#text-schedule {
  --width-text-schedule: 750;
  --height-text-schedule: 110;

  position: absolute;
  top: 9%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: calc(var(--width-text-schedule) * 1px  * 0.5);
  height: calc(var(--height-text-schedule) * 1px  * 0.5);

  color: white;
  text-align: left;
  font-size: 12px;
border: solid yellow 0px;

}
.slider-calendar {
  --top-slider-calendar: 100;
  --width-slider-calendar: 700;
  --height-slider-calendar: 380;

  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: calc(var(--top-slider-calendar) * 1px);
  width: calc(var(--width-slider-calendar) * 1px * 0.5);
  height: calc(var(--height-slider-calendar) * 1px * 0.5);
border: solid red 0px;
}
.calendar {
}

/* 1001px未満 */
@media screen and (max-width: 1000px) {
  #frame-schedule {
    position: relative;
  }
  .parts#schedule {
    margin-top: calc(var(--pt-schedule) / 1000 * 100vw);
    width: calc(var(--width-schedule) / 1000 * 100vw );
  }
  .parts#text-schedule {
    width: calc(var(--width-text-schedule) / 1000 * 100vw );
    height: calc(var(--height-text-schedule) / 1000 * 100vw );

    font-size: 2.5vw;
  }
  .slider-calendar {
    top: calc(var(--top-slider-calendar) / 1000 * 100vw * 2);
    width: calc(var(--width-slider-calendar) / 1000 * 100vw );
    height: calc(var(--height-slider-calendar) / 1000 * 100vw);
  }
  .calendar {
  }
}