/* 
PCのバイト／正社員版求人のプレビューで調整が必要な部分の変更および上書き
必ずpreview.cssより後に定義して下さい。
*/

@charset "UTF-8";
/*
 * プレビュー表示領域の幅調整と中央寄せ
 */
.previewContainer {
  /* width: 90%; */
  min-width: 768px;
  margin: 0 auto 30px;
}

/*
 * 掲載イメージの外枠
 */
.previewContainer .wrapOver {
  /* border: 1px solid #e7e7e7; */
}

/*
 * お仕事内容の画像位置調整
 * 100vwで指定してしまうとあくまで ビューポートの幅に対して
 * 100%の横幅が設定されてしまうので、%に変更する。
 */
.previewContainer .wrapJobContentSliderArrow {
  width: 100%;
}

/*
 * 検索画面表示イメージのグレー部分
 */
.previewContainer .wrapOverGrayJobOfferSearch {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #e7e7e7;
}

/*
 * 検索画面表示イメージの求人カセットの親要素部分
 */
@media (min-width: 1px) {
  .previewContainer .jobOfferSearchListMainWrap {
    width: calc( 100% - 50px);
    margin: 0 auto;
  }
}

/*
 * 検索画面表示イメージの求人カセット部分
 */
@media (min-width: 1px) {
  .previewContainer .jobOfferSearchListWrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}