@charset "utf-8";

.wrapbottom {
  width: 100%;
  max-width: 700px; /* パソコン等で大きくなりすぎない制限 */
  margin: 0 auto;
  box-sizing: border-box; /* 内側の余白で枠がはみ出るのを防ぐ */
  overflow: hidden;       /* 枠外に飛び出たものを強制カット、または収める */
}

#slideshow {
  width: 100% !important; /* 強制的に横幅いっぱいに広げる */
  max-width: 100% !important;
  margin: 0 auto;
}

/* Cameraプラグインが生成する内部の画像やコンテナも強制的に100%にする */
.camera_wrap, 
.camera_src, 
.camera_target_container, 
.camera_cont, 
.camera_fakehover {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* スライドショーの中の各画像が右側に飛び出さないように制御 */
.camera_wrap img {
  max-width: 100% !important;
  height: auto !important;
}

/* --- 先ほどの @media screen and (max-width: 768px) の中に追加してください --- */
@media screen and (max-width: 768px) {
  /* （前回の設定はそのまま） */
  
  /* スマホの時に左右に少しだけ余裕（クッション）を持たせ、画面ピッタリで切れるのを防ぎます */
  .pack {
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  
  .wrapbottom {
    width: 100% !important;
    padding: 0;
  }
}