/* card */   /* card */ 

  /* card */   /* card */   /* card */   /* card */ 


	


	
/* grid */ 
.wrapgrid{
display: absolute;
background-color:#F5F5F5;
width:100vw;
}


.flip-card{
  background: #fff;
  box-shadow: 0 8px 8px rgba(0,0,0,.2);

}

.flip-card .back {
  background: #fff;
  box-shadow: 0 8px 8px rgba(0,0,0,.2);

}

.card_image{
  width: 100%;
  height: auto;
  display: block;
}

.card_content{
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.card_title{
  color: #000000;
  height: 1.2em;
  margin: 8px 5px 8px 5px ;
  font-family: 'Meiryo UI','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight: 1000; 
  font-size: 10pt;
}

.card_text{
   color: #000000;
  margin: 3px 3px 3px 3px ;
  font-family: 'Meiryo UI','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-weight: 500;
  font-size: 7pt;
}


.grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.5em;
  padding: 5px 7px 5px 7px;
  }


@media screen and (min-width: 1050px){
.grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1.0em;
  padding: 5px 7px 5px 7px;

}	
}