@charset "UTF-8";
/* ===============================
リンク設定
=============================== */
#lucky_color_page a {
    text-decoration: none!important;
}
#lucky_color_page a:hover {
    color: inherit!important;
}
/* ===============================
moreボタン
=============================== */
.btn_more_link_wrap {
  width: 100%;
  text-align: center;
}
.btn_more_link {
  font-size: 1.4rem;
  width: 300px;
  display: inline-block;
  cursor: pointer;
  color: #fff!important;
  border-radius: 100vh;
  letter-spacing: 0.1em;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .2s ease;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .btn_more_link {
    min-width: auto;
    width: 100%;
    font-size: 1.3rem!important;
  }
}
.btn_more_link a {
  display: inline-block;
  width: 100%;
  padding: 2rem;
}
@media screen and (max-width: 1300px) {
  .btn_more_link a {
    padding: 1.6rem 2rem;
  }
}
.btn_more_link:after {
  content:'\f138';
  font-family: var(--fontawe);
  font-weight: 900;
  font-size: 2rem;
  position: absolute;
  right: 2rem;
  top: 29%;
  transition: all .3s ease;
}
@media screen and (max-width: 1300px) {
  .btn_more_link:after {
    font-size: 1.4rem;
    right: 1rem;
  }
}
@media screen and (max-width: 599px) {
  .btn_more_link:after {
    font-size: 2rem;
    right: 2rem;
  }
}
.btn_more_link:hover:after {
  position: absolute;
  right: 1.5rem;
}
@media screen and (max-width: 1300px) {
  .btn_more_link:hover:after {
    right: 0.5rem;
  }
}
@media screen and (max-width: 599px) {
  .btn_more_link:hover:after {
    right: 1.5rem;
  }
}
.btn_more_link span {
  color: #FFF!important;
}
.btn_more_link:hover a {
  opacity: 1.0!important;
}
/* ===============================
各色
=============================== */
.btn_more_blue {
  background:#254280;
}
.btn_more_red {
  background: #cb160d;
}
.btn_more_yellow {
  color: #663300!important;
  background: #ecc810;
}
.btn_more_gold {
  background: #847029;
}
.btn_more_silver {
  background: #838486;
}
.btn_more_green {
  background: #0c6334;
}
.btn_more_purple {
  background: #5b255e;
}
.btn_more_white {
  background: #afafaf;
}
.btn_more_orange {
  background: #e03c17;
}
.btn_more_beige {
  background: #9a7652;
}
.btn_more_black {
  background: #101012;
}
.btn_more_pink {
  background: #ea8494;
}
.btn_more_blue:hover {
  opacity: 1.0!important;
  background-color: #4573c0;
}
.btn_more_red:hover {
  opacity: 1.0!important;
  background-color: #e83b18;
}
.btn_more_yellow:hover {
  background: #fef31f;
}
.btn_more_gold:hover {
  background: #c4af4b;
}
.btn_more_silver:hover {
  background: #c3c4c6;
}
.btn_more_green:hover {
  background: #17a05d;
}
.btn_more_purple:hover {
  background: #964599;
}
.btn_more_white:hover {
  background: #d9d9d7;
}
.btn_more_orange:hover {
  background: #ec6438;
}
.btn_more_beige:hover {
  background: #d7b58a;
}
.btn_more_black:hover {
  background: #505051;
}
.btn_more_pink:hover {
  background: #f4a4b3;
}