@charset "UTF-8";

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

/* #############################################################################
 * 左カラム
 * #############################################################################
 */
.left-column {
  width: 160px;
}

.left-column::after {
  /* ---------------------------------------------------------------------------
   * 左カラム境界のグラデ棒
   * ---------------------------------------------------------------------------
   */
  content: "";
  display: block;
  position: fixed;
  width: 4px;
  height: 100%;
  background-color: #591500;
  margin-left: 156px;
  /* border-left: dashed 1px #fff; */
}

.left-column__fix {
  /* ---------------------------------------------------------------------------
   * 左カラムをスクロールに対して固定させる部分
   * ---------------------------------------------------------------------------
   */
  width: 158px;
  height: 100%;
  position: fixed;
  padding: 0 10px;
  /* background: -webkit-gradient(linear, left top, right top, color-stop(8%, #d44619), color-stop(80%, #d44619), to(#d44619)); */
  /* background: linear-gradient(90deg, #d44619 8%, #d44619 80%, #d44619); */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 179, 50)' viewBox='0 0 100 169.5'%3E%3Cpolygon points='50,34.75 93.5,59.75 93.5,109.75 50,134.75 6.5,109.75 6.5,59.75'%3E%3C/polygon%3E%3Cpolygon points='0,-50 43.5,-25 43.5,25 0,50 -43.5,25 -43.5,-25'%3E%3C/polygon%3E%3Cpolygon points='100,-50 143.5,-25 143.5,25 100,50 56.5,25 56.5,-25'%3E%3C/polygon%3E%3Cpolygon points='0,119.5 43.5,144.5 43.5,194.5 0,219.5 -43.5,194.5 -43.5,144.5'%3E%3C/polygon%3E%3Cpolygon points='100,119.5 143.5,144.5 143.5,194.5 100,219.5 56.5,194.5 56.5,144.5'%3E%3C/polygon%3E%3C/svg%3E"), linear-gradient(#ffc25b, #ffc25b);
  background-size: 32px;
}

.left-column__to-top {
  /* ---------------------------------------------------------------------------
   * アプロダトップへのリンク
   * ---------------------------------------------------------------------------
   */
  margin-top: 5px;
  margin-bottom: 25px;
  text-align: center;
}

.left-column__top-img {
  /* ---------------------------------------------------------------------------
   * アプロダトップへのリンクの画像
   * ---------------------------------------------------------------------------
   */
  max-width: 120px;
  -webkit-filter: drop-shadow(1px 1px 1px #d17d00);
  filter: drop-shadow(1px 1px 1px #d17d00);
}

.store-link {
  padding-block: 8px;
}

.store-link__title {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  background: #591500;
  padding: 4px;
}

.store-link__item {
  display: grid;
  place-items: center;
  padding-block: 4px;
}

.store-link__item:hover {
  background-color: #d17d00;
}

/*# sourceMappingURL=left-column.css.map */