body{
    padding-top: 60px;
}
 
/* アイコンを右寄せ */
.fixed-sidebar .icon-chevron-right {
  float: right;
  margin-top: 4px;
  margin-right: -6px;
}
 
.fixed-sidebar {
    width: 250px; /* span3を利用しているためspan3のサイズ */
    position: fixed;
}
 
@media (min-width: 1200px) {
  .fixed-sidebar {
    width: 270px; /* span3を利用しているためspan3のサイズ */
  }
}
 
@media (min-width: 992px) and (max-width: 1199px) {
  .fixed-sidebar {
    width: 220px; /* span3を利用しているためspan3のサイズ */
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar {
    width: 166px; /* span3を利用しているためspan3のサイズ */
  }
}
 
@media (max-width: 767px) {
  body {
    padding-top: 0px;
  }
  .fixed-sidebar {
    position:static; /* 固定化解除*/
    width: auto;
  }
}