@charset "UTF-8";

.uploader__pager-group::before,
.uploader__pager-sp::before {
  /* clearfix */
  content: " ";
  display: table;
}

.uploader__pager-group::after,
.uploader__pager-sp::after {
  /* clearfix */
  content: " ";
  display: table;
  clear: both;
}

@media (max-width: 767px) {

  .uploader__pager-group,
  .uploader__empty,
  .uploader__empty--chara,
  .uploader__empty--scene {
    /* xsで非表示 */
    display: none;
  }
}

/* #############################################################################
 * アップローダーページ本体
 * #############################################################################
 */
.uploader__cond-clear-all {
  /* ---------------------------------------------------------------------------
   * 全条件を解除
   * ---------------------------------------------------------------------------
   */
  position: absolute;
  z-index: 1000;
  top: 85px;
  right: -3px;
}

.uploader__pager-group {
  /* ---------------------------------------------------------------------------
   * ページネーション、飾り棒、件数をまとめた列
   * ---------------------------------------------------------------------------
   */
  position: relative;
  margin: 12px 0;
}

.uploader__pager,
.uploader__pager--top,
.uploader__pager--bottom {
  /* ---------------------------------------------------------------------------
   * ページネーション
   * ---------------------------------------------------------------------------
   */
  position: relative;
  float: left;
  padding-top: 4px;
  padding-right: 15px;
  padding-left: 15px;
}

.uploader__pager--top {
  /* リスト上部のページネーション */
  width: 83.33333333%;
}

.uploader__pager--bottom {
  /* リスト下部のページネーション */
  width: 100%;
}

.uploader__result-num {
  /* ---------------------------------------------------------------------------
   * 件数
   * ---------------------------------------------------------------------------
   */
  position: relative;
  float: left;
  width: 16.66666667%;
  padding-top: 16px;
  text-align: center;
  color: #591400;
}

.uploader__acce-ball,
.uploader__acce-ball--top,
.uploader__acce-ball--bottom {
  /* ---------------------------------------------------------------------------
   * 飾り棒の両端に付いてる玉
   * ---------------------------------------------------------------------------
   */
  display: none;
  position: absolute;
  z-index: 110;
  height: 6px;
  width: 6px;
  background-color: #756241;
  background: radial-gradient(ellipse at center, #d6c9af 0%, #d6c9af 15%, #756241 18%, #44371f 100%);
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-tap-highlight-color: transparent;
}

.uploader__acce-ball--top {
  /* 上の玉 */
  top: 0px;
  left: 83.33333333%;
  margin-left: -2px;
}

.uploader__acce-ball--bottom {
  /* 下の玉 */
  bottom: 0px;
  left: 83.33333333%;
  margin-left: -2px;
}

.uploader__acce-bar {
  /* ---------------------------------------------------------------------------
   * 飾り棒
   * ---------------------------------------------------------------------------
   */
  position: absolute;
  left: 83.33333333%;
  z-index: 100;
  height: 100%;
  width: 1px;
  background-color: #fff;

}

.uploader__pager-sp {
  /* ---------------------------------------------------------------------------
   * スマホ表示用ページネーション
   * ---------------------------------------------------------------------------
   */
  display: none;
}

@media (max-width: 767px) {
  .uploader__pager-sp {
    display: block;
  }
}

.uploader__list {
  /* ---------------------------------------------------------------------------
   * カードの並び
   * ---------------------------------------------------------------------------
   */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.uploader__card-chara {
  /* ---------------------------------------------------------------------------
   * キャラカード
   * ---------------------------------------------------------------------------
   */
  width: 416px;
  height: 296px;
  margin: 0 2px 12px;
}

.uploader__card-scene {
  /* ---------------------------------------------------------------------------
   * シーンカード
   * ---------------------------------------------------------------------------
   */
  width: 336px;
  height: 336px;
  margin: 0 2px 12px;
}

.uploader__empty,
.uploader__empty--chara,
.uploader__empty--scene {
  /* ---------------------------------------------------------------------------
   * 最終列を整列させるための空要素
   * ---------------------------------------------------------------------------
   */
  margin: 0 2px;
}

.uploader__empty--chara {
  /* キャラリスト用空要素 */
  width: 416px;
}

.uploader__empty--scene {
  /* シーンリスト用空要素 */
  width: 336px;
}

/*# sourceMappingURL=uploader.css.map */