.ads {
  width: 100%; /* Set the width of the container */
  max-width: 800px; /* Optional: Set a maximum width for the container */
  overflow: hidden; /* Optional: Hide any overflow */
  text-align: center; 
  margin-left: auto;
  margin-right: auto;
}

.ads img {
  width: auto;
  max-width: 95%; /* Make the image fill the width of the container */
  height: auto; /* Let the height adjust automatically to maintain aspect ratio */
  display: block;
  margin-left: auto;
  margin-right: auto;
}
  
.ads img[width="1"][height="1"] {
  display: none; /* Hide tracking images */
}

.ads_mid {text-align: center; margin: 10px auto; min-height: 200px;}  
.ads_top {text-align: center; margin-bottom:10px ;margin-left: auto;margin-right: auto;}

.pc_area{
  display:block;
}
.phone_area{
  display:none;
}

.pc_area iframe {width: 100%; }
.phone_area iframe {width: 100%; }

  /*-- スマホ版表示CSS  --*/
@media screen and (max-width: 900px){
    .pc_area{
      display:none;
    }
    .phone_area{
      display:block;
    }

    .ads img {
      max-height: 500px; /* Make the image fill the width of the container */
    }
      
  }