body {
  position: relative; }

.side_bar {
  /* display: none; */
  position: fixed;
  top: 70%;
  right: 0;
  width: 39px;
  z-index: 9999;
  overflow: hidden; }
  .side_bar > div {
    width: 100%;
    background-color: #00205b;
    cursor: pointer;
    padding: 7px 0 5px;
    transition: .5s;}
    .side_bar > div a {
      display: block;
    }
    .side_bar > div h6.icon-drive::before {
      color: #fff;
      width: 100%;
      font-size: 16px;
      margin-bottom: 4px;
      margin-right: auto;
      margin-left: auto;
      vertical-align: middle;
      animation: flash 2s infinite;}
      /* アニメーション */
      @keyframes flash {
        50%{
          opacity: .6;
        }
      }

    /* .side_bar > div.icon-dealer:before {
      color: #fff;} */
    .side_bar > div.active {}
      .side_bar > div.active .txt {
        display: block;
        opacity: 0.6;
      	-webkit-transition: opacity 0.6s;
      	-moz-transition: opacity 0.6s;
      	-o-transition: opacity 0.6s;
      	transition: opacity 0.6s;
        }
        .side_bar .testdrive_btn h6[class*=" icon-"]:before {
          opacity: 0.6;
    	-webkit-transition: opacity 0.6s;
    	-moz-transition: opacity 0.6s;
    	-o-transition: opacity 0.6s;
    	transition: opacity 0.6s;
        }
    .side_bar > div .txt {
      /* display: none; */
      color: #fff;
      text-align: center;
      font-size: 11px;
      line-height: 1.3;
      padding: 0; }
    /* .side_bar > div:first-child.active img {
      display: none; }
    .side_bar > div:first-child.active .txt {
      display: block; } */

@media all and (min-width: 768px) {
  .side_bar {
    /* width: 47px; */
    width: 135px;
  }
  .side_bar > div {
    padding: 3px 0;
  }
  .side_bar > div h6.icon-drive::before {
    width: auto;
    margin-right: 10px;
  }
  /* .side_bar > [class*=" icon-"]:before {
    font-size: 20px;
  } */
  .side_bar > div .txt {
    font-size: 20px;
    line-height: 1.5;
  }
}