.sitecontents {
width: 95%;
margin:0 auto;
padding-left:5%;
}

.site_pc .frame {
  height: 0;
  overflow: hidden;
}
.site_pc .frame {
  padding-top: 62.5%;
}
.site_pc iframe {
  margin-top: -62.5%;
  transform: scale(0.6);
}
.site_pc .frame iframe {
  transform-origin: 0 0;
}

.site_sp .frame {
  height: 0;
  overflow: hidden;
}
.site_sp .frame {
  padding-top: 70%;
  padding-left: 30%;
}
.site_sp iframe {
  margin-top: -70%;;
  transform: scale(0.6);
}
.site_sp .frame iframe {
  transform-origin: 0 0;
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.sitecontents {
width: 100%;
margin:0 auto;
padding-left:0%;
}


.site_pc .frame {
  height: 0;
  overflow: hidden;
}
.site_pc .frame {
  padding-top: 72.5%;
}
.site_pc iframe {
  margin-top: -72.5%;
  transform: scale(0.25);
}
.site_pc .frame iframe {
  transform-origin: 0 0;
}




.site_sp .frame {
  height: 0;
  overflow: hidden;
}
.site_sp .frame {
  padding-top: 177.87%;
  padding-left:10%;
}
.site_sp iframe {
  margin-top: -177.87%;
  transform: scale(0.65);
}
.site_sp .frame iframe {
  transform-origin: 0 0;
}

}