@charset "UTF-8";
.preview{
  background-image: var(--sim-bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  #container,
  #wrapper,
  #wrap,
  #main,
  #contents,
  .container,
  .wrapper,
  .main,
  .contents{

    width:auto !important;
    max-width:100% !important;
    min-width:0 !important;
  }

}
@media (max-width: 768px){

  /* さらに強力に：SIRIUSでよくある固定幅要素を幅100%に寄せる */
  body *{
    max-width:100% !important;
  }

  img, video, iframe{
    max-width:100% !important;
  }

  /* もしテンプレ側が transform/zoom で縮小していたら解除 */
  body{
    transform:none !important;
    zoom:1 !important;
  }
}