.mainbanar_table a:hover img {
  opacity: 0.9;
}
@media only screen and (min-width:641px) {/*pc*/
  #top4banars{
    /* margin-top: -35px; */
  }
  .sm{
    display: none;
  }

  .mainbanar_table img{
    width: 100%;
    height: auto;
  }
  .mainbanar_table{
    display: table;
  }
  .mainbanar_table a{
    display: table-cell;
    width: 50%;
  }
}
/*---------*/
@media only screen and (max-width:640px) {/*sm*/
  .pc{
    display: none;
  }

  .mainbanar_table img{
    width: 100%;
    height: auto;
    margin:0px 0 0px 0;
  }
  .mainbanar_table{

    margin-top: 0px;

    margin-bottom: 0px;
  }
}