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

body  {
       /* �w�i�F�w�� 
    background-color:#F2F2F2;*/
    }

.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 50%));
  grid-auto-rows: auto;
}

.cssgrid > div {
  overflow: auto;
  padding: 2%;
  margin-left: auto;
  margin-right: auto;
}

.cssgrid_footer {
  display: grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: auto;
  margin: 1%;
}

.cssgrid_item {
	max-width:70%;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	height:auto;
}

.cssgrid_itemlist {
  display: grid;
  grid-template-columns:repeat(auto-fit, minmax(150px, 33%));
  grid-auto-rows: auto;
  padding: 2%;
  height:auto;
}

.cssgrid_itemlist > div {
  overflow: auto;
margin-left: auto;
margin-right: auto;
}

.cssgrid_footer > div {
  overflow: auto;
  padding: 2%;
}


@media screen and (max-width:767px){
	.cssgrid_item {
	max-width:100%;
	margin-top:30px;
}
	.cssgrid_itemlist {
  display: grid;
  grid-template-columns:repeat(auto-fit, 48%);
  grid-auto-rows: auto;
}
	
	.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: auto;
}
}