@charset "utf-8";

@media (max-width: 640px) {
  /*****************************
  * common
  *****************************/
  /* レイアウト */
  .col2,.col3,.dl_grid,.rep480{grid-template-columns: 1fr;}

  /*****************************
  * header
  *****************************/
  .menu_list li{width: 100%;}

  /*****************************
  * main
  *****************************/
  section{padding-left: 5vw;padding-right: 5vw;}
  /* キャスト */
  ._forsp{display: block;}
  .horizon_scroll{
    display: flex;
    max-width: 100vw;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    justify-content: start;
    align-items: stretch;
  }
  .horizon_scroll li{min-width: 200px;}
}