@charset "UTF-8";
/* ============================================================ //
// @ 2カラム用レイアウトスタイルシート
// ============================================================ */
/*doc
---
title: 2カラムレイアウトラッパー
name: 2カラムレイアウトラッパー
category: layout
---

```html_example

<div id="MainWrapperCol02" class="clearfix">
  <div id="SideNavi">
    <h2 class="js-side-parent-toggle">検索条件を変更</h2>
  </div><!-- /#SideNavi -->
  <div id="MainContentsCol02">
  </div><!-- /#MainContentsCol02 -->
</div><!-- /#MainWrapperCol02 -->

```

*/
#MainWrapperCol02 {
  width: 1080px;
  margin: 35px auto 0;
}

@media screen and (max-width: 767px) {
  #MainWrapperCol02 {
    width: auto;
    margin-top: 25px;
  }
}

#MainContentsCol02 {
  width: 710px;
  float: right;
}

@media screen and (max-width: 767px) {
  #MainContentsCol02 {
    width: auto;
    float: none;
    padding: 0 20px;
    margin-bottom: 40px;
  }
}

#SideNavi {
  width: 320px;
  float: left;
}

@media screen and (max-width: 767px) {
  #SideNavi {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
}
/*# sourceMappingURL=layout-column02.css.map */