@charset "UTF-8";


/* =====================================================
 * ヘッダー
 * ===================================================== */


.zdo_drawer_menu {
  display: none;
}


/* =====================================================
 * メインコンテンツ
 * ===================================================== */


.container {
  position : relative;
  display: flex;
  display:-webkit-box; /*--- Android4.3以前ブラウザ用 ---*/
  display:-webkit-flex; /*--- iOS8以前Safari用 ---*/
  flex: 1 0 auto; /* IE対策（flex:1のみだとバグ) */
  margin: 0 auto;
  width: 90%;
  padding: 20px 0 50px;
}


main {
  flex: 1;
  -webkit-box-flex: 1; /*--- Android4.3以前ブラウザ用 ---*/
  -webkit-flex: 1; /*--- iOS8以前Safari用 ---*/
  margin: 0;
  padding: 0;
}


 /* -------------------------
  * メイン中の要素
  * ------------------------- */
.width {
  width: 100%;
}


section {
  width: 100%;
}


 /* =====================================================
  * サイドメニュー
  * ===================================================== */


aside {
  display: block; /* PCでは表示させる */
  width: 300px;
  margin: 0;
  margin-left: 30px;
  padding: 0 0 0 20px;
  border-left: 1px solid #c7c7c7;
}


.sticky { /* ランキング以下を固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}