@charset "UTF-8";

/* PC用 */
@media screen and (min-width: 768px) , print {
  
  /* 画像回り込み */
  .flex-photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
  }
  .flex-photo > li {
    padding: 10px;
    height: 290px;
  }
  .flex-photo > li > img {
    width: 100%;
    height: auto;
    max-height: 290px;
  }
}

/* 小さい画面用 */
@media screen and (max-width: 767px) {
  
  /* 画像回り込み */
  .flex-photo {
    
  }
  .flex-photo > li {
    padding: 10px;
    width: calc(100% - 20px);
  }
  .flex-photo > li > img {
    width: 100%;
  }
  
}