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

.container {
  display: flex; /* flexboxを使用する設定 */
  flex-wrap: wrap; /* 折り返す設定 */
}

.item {
  flex: 1; /* flexboxの配分割数 */
}

@media (max-width: 600px) { /* 600px以下のブレイクポイント */
  .item {
    flex: 1 0 100%; /* flex-basisプロパティに100%を指定 */
  }
}