@charset "UTF-8";
@media screen and (max-width: 640px) {

/*
  スマートフォン用CSS
*/


/*******************************************************************************
#1  オーバーライド：レイアウト（2カラム）
*******************************************************************************/
/*==========================================================
#2  基本
==========================================================*/
#base {
}


/*==========================================================
#2  メイン
==========================================================*/
#main {
  width: 100%;
  float: none;
}
#mainContainer {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}


/*==========================================================
#2  サイド
==========================================================*/
#side {
  width: 100%;
  float: none;
}
#sideContainer {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}


/*******************************************************************************
#1 オーバーライド：基本クラス
*******************************************************************************/
/*==========================================================
#2 端末別
==========================================================*/
.device-pc {
  display: none;
}
.device-tab {
  display: none;
}
.device-sp {
  display: block;
}


/*==========================================================
#2	フロート
==========================================================*/
.fl-l {
  float: none;
  margin-right: 0;
  text-align: center;
}
.fl-r {
  float: none;
  margin-left: 0;
  text-align: center;
}




}
/* /@media screen and (max-width: 640px) */