@charset "UTF-8";

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

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