@charset "UTF-8";
/* CSS Document */


/*-----------
calendar
-----------*/


#calendar {
  max-width: 800px;
  margin: 50px auto 0;
}

.calendar {
  position: relative;
  height: 0;
  padding-bottom: 75%;
}

.calendar iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and ( max-width:767px) {


/*----contents common----*/

#calendar {
}

.calendar {
  padding-bottom: 110%;
  max-width: 92%;
  width: 92%;
  margin: 0 auto;
}


}