@charset "UTF-8";

/* 写真2枚に対してキャプションがつく場合 */
.content figure.flex {
  width: fit-content;
  flex-wrap: wrap;
  justify-content: center;
}
.content figure.flex img:first-child {
  margin-right: 3vw;
}
.content figure.flex figcaption {
  width: 100%;
}

/* PC表示 */
@media screen and (min-width: 769px) {

/* 写真2枚に対してキャプションがつく場合 */
  .content figure.flex {
    max-width: 75vw;
  }
  .content figure.flex img {
    max-width: 36vw;
  }
  .content figure.flex.narrow img {
    max-width: none;
    max-height: 36vw;
  }
}

/* スマートフォン表示 */
@media screen and (max-width: 768px) {
  #mainHeader span {
    display: inline;
  }
  .content figure.flex {
    max-width: 80vw;
  }
  .content figure.flex img {
    max-width: 80vw;
  }
  .content figure.flex:not(.narrow) img:first-child {
    margin: 0 0 3vw;
  }

  .content figure.narrow {
    max-width: 90vw;
  }
  .content figure.narrow img {
    max-width: 40vw;
  }
}