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


article {
  margin: 4%;
}

.flex {
  padding: 1%;
  background: #e0e0e0;
}

.flex-item {
  margin: 4%;
  padding: 4%;
  background: #f7f7f7;
}


  article {
    margin: 2%;
  }

  .flex {
    max-width: 1200px;
    margin: auto;
    padding: 1%;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-item {
    margin: 1%;
    padding: 1%;
    width: calc(100% / 3 - 4%);
  }


.top-banner {
	display: flex;
    flex-wrap: nowrap; 
}

.top-banner li{
	width: calc(100%/3);
    padding: 0 5px;
    box-sizing: border-box;
}