@charset "UTF-8";
.acce-bar::before, .acce-bar__row::before {
  /* clearfix */
  content: " ";
  display: table;
}

.acce-bar::after, .acce-bar__row::after {
  /* clearfix */
  content: " ";
  display: table;
  clear: both;
}

@media (max-width: 767px) {
  .acce-bar {
    /* xsで非表示 */
    display: none;
  }
}

/* #############################################################################
 * 飾り棒画像
 * #############################################################################
 */
.acce-bar__row {
  /* ---------------------------------------------------------------------------
   * 画像を並べる列
   * ---------------------------------------------------------------------------
   */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 100%;
  display: none;
}

.acce-bar__parts, .acce-bar__parts--left, .acce-bar__parts--center, .acce-bar__parts--right {
  /* ---------------------------------------------------------------------------
   * パーツ
   * ---------------------------------------------------------------------------
   */
  height: 22px;
  padding: 20px 0px 30px;
}

.acce-bar__parts--left {
  /* パーツ左 */
  width: 33px;
  margin-left: 30px;
}

.acce-bar__parts--center {
  /* パーツ中央 */
  width: 100%;
}

.acce-bar__parts--right {
  /* パーツ右 */
  width: 33px;
  margin-right: 30px;
}

.acce-bar__img, .acce-bar__img--left, .acce-bar__img--center, .acce-bar__img--right {
  /* ---------------------------------------------------------------------------
   * 画像
   * ---------------------------------------------------------------------------
   */
  width: 100%;
  -webkit-filter: drop-shadow(1px 1px 1px #000);
          filter: drop-shadow(1px 1px 1px #000);
}

.acce-bar__img--left {
  /* 画像左 */
  height: 17px;
}

.acce-bar__img--center {
  /* 画像中央 */
  height: 11px;
}

.acce-bar__img--right {
  /* 画像右 */
  height: 17px;
}
/*# sourceMappingURL=acce-bar.css.map */