@charset "utf-8";

@media print,screen and (min-width : 501px) {

  #info{
    margin-top: 40px;
  }
  #info th{
    font-family:"GenShinGothic-5";
    background-color: #f0f0f0;
  }

  #photo{
    margin-top: 40px;
  }

  #map{
    margin-top: 40px;
  }
  #map iframe{
    width: 100%;
  }


}
@media screen and (max-width : 500px) {

  #info{
    margin-top: 40px;
  }
  #info th{
    font-family:"GenShinGothic-5";
    background-color: #f0f0f0;
    width: 60px;
    padding: 4px;
  }

  #photo{
    margin-top: 40px;
  }
  #photo li{
    width: 100%;
  }

  #map{
    margin-top: 40px;
  }
  #map iframe{
    height: 500px;
  }

}