/********************************
　トップページ：右下の固定
　parts-attention.php
********************************/
.top__pop {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 8;
}

.top__pop a {
  position: relative;
  background-color: var(--white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  display: block;
  animation: fadein 0.2s;
  padding: 20px;
  padding-right: 45px;
  font-weight: var(--f_weight-500);
  z-index: 8;

  backdrop-filter: blur(10px);
}

.top__pop a::before {
  content: url("../images/icon/arrows_gold.svg");
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  right: 15px;
  z-index: 9;
}

.top__pop--tag {
  margin-bottom: 3px;
  padding: 4px 0;
  border-radius: 2px;
  font-size: min(1.11vw,12px);
  width: min(10.37vw, 112px);
  text-align: center;
  background: #eb5757;
  color: #fff;
  line-height: 1;
}

.top__pop a:hover {
  opacity: 0.9;
}

@media ( max-width: 767px ) {
  .top__pop {
    right: 12px;
    bottom: 12px;
  }
  .top__pop a {
    padding: 16px;
    padding-right: 35px;
  }
  .top__pop a::before {
    right: 10px;
  }
  .top__pop--tag {
    width: 100px;
    font-size: 11px;
    padding: 5px 0;
  }
}