@media screen and (max-width: 767px) {
  div.fig {
    text-align: center;
  }
}
div.fig img {
  max-width: 100%;
  vertical-align: bottom;
}

div.movie {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
div.movie iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

div.figfloat {
  margin-bottom: 30px;
}
div.figfloat:after {
  content: " ";
  display: block;
  clear: both;
}
div.figfloat_right div.fig {
  float: right;
}
@media screen and (max-width: 767px) {
  div.figfloat_right div.fig {
    float: none;
    margin-bottom: 15px;
  }
}
div.figfloat_right div.read {
  float: left;
  width: calc(100% - 300px);
}
@media screen and (max-width: 767px) {
  div.figfloat_right div.read {
    float: none;
    width: 100%;
  }
}
div.figfloat_left div.fig {
  float: left;
}
@media screen and (max-width: 767px) {
  div.figfloat_left div.fig {
    float: none;
    margin-bottom: 15px;
  }
}
div.figfloat_left div.read {
  float: right;
  width: calc(100% - 300px);
}
@media screen and (max-width: 767px) {
  div.figfloat_left div.read {
    float: none;
    width: 100%;
  }
}

/*# sourceMappingURL=lower_common.css.map */