@charset "UTF-8";

.preference__option--link:hover,
.preference__option--link:active,
.preference__option--link:focus {
  /* リンクにホバーした時の輪郭線と内側の影 */
  color: #082746;
  border: 1px solid #591400;
  background-color: #5914005e;
}

/* #############################################################################
 * 表示設定項目
 * #############################################################################
 */
.preference {
  position: absolute;
  bottom: 0;
  left: 16px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 1.2rem;
}

@media (max-height: 767px) {
  .preference {
    /* 縦幅が詰まった時非表示 */
    display: none;
  }
}

.preference__element,
.preference__element--acce-bar,
.preference__element--title,
.preference__element--item {
  /* ---------------------------------------------------------------------------
   * 構成要素
   * ---------------------------------------------------------------------------
   */
  margin-bottom: 18px;
  cursor: default;
}

.preference__element--acce-bar {
  /* 仕切り画像 */
  width: 128px;
  display: none;
}

.preference__element--title {
  /* 「表示設定」 */
  color: #591400;
  padding-top: 18px;
  border-top: dashed 1px #591400;
}

.preference__element--item {
  /* 各設定項目 */
  color: #591400;
}

.preference__option {
  /* ---------------------------------------------------------------------------
   * 各設定項目内の設定値
   * ---------------------------------------------------------------------------
   */
}

.preference__option--link {
  /* 選択可能な設定値のリンク */
  border: 1px solid transparent;
  font-size: 1.4rem;
  color: #591400;
}

.preference__option--active {
  /* 現在有効な設定値 */
  border: 1px solid transparent;
  font-size: 1.4rem;
  color: #591400;
  text-decoration: underline;
}

.preference__option--separator {
  /* 区切りの縦棒「|」 */
  font-size: 1.2rem;
  color: #591400;
}

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