/**
 * フッター・join-us・floating-menu 配色オーバーライド（反転テーマ）
 * 背景 #222、トーン調整。style.css / header-theme.css の後に読み込むこと。
 */

/* ===== join-us セクション（フッター直上）===== */
.join-us {
  background: #222;
}

.join-us__gr:after {
  background: #222 !important;
}

.join-us__gr:before {
  border-left-color: #444 !important;
}

/* 募集要項枠：#74DB9F */
.join-us__box.is-outline {
  background: #74DB9F !important;
}

/* 募集要項枠内のブラー：緑系のトーンに */
.join-us__box.is-outline .join-us__frame #randomMove1,
.join-us__box.is-outline .join-us__frame #randomMove2,
.join-us__box.is-outline .join-us__frame #randomMove3 {
  background: #74DB9F !important;
}

/* エントリー枠：グラデーション廃止・マットな単色 #53C29D */
.join-us__box.is-entry {
  background: #53C29D !important;
}

/* 募集要項・エントリーの h3 を #ffffff に */
.join-us__subtit,
.join-us__subtit span {
  color: #ffffff !important;
}

.join-us__list li a {
  color: #fff !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
  text-shadow: 0 0 4px rgba(116, 219, 159, 0.4);
}

.join-us__list li a:hover {
  color: #fff !important;
}

/* after の background-position は指定しない（arrow-anim で右→左の動きを付与するため） */
.join-us__list li a:after {
  background-color: rgba(255, 255, 255, 0.95) !important;
  background-image: url(../img/common/icon/ic_general.svg) !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
}

/* ホバー時：アイコンが右に抜けて左から表示されるアニメーションを復元 */
@media only screen and (min-width: 768px) {
  .join-us__list li a:hover:after {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    -webkit-animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}

@keyframes arrow-anim {
  0% {
    background-position: center left 100%;
  }
  100% {
    background-position: center left 75%;
  }
}

@-webkit-keyframes arrow-anim {
  0% {
    background-position: center left 100%;
  }
  100% {
    background-position: center left 75%;
  }
}

/* ===== フッター本体 ===== */
.footer {
  background: #222;
}

.footer-info {
  color: #c0c0c0 !important;
}

.footer-info__address {
  color: #b0b0b0;
}

.footer-info__sub li:first-child {
  border-right-color: #444 !important;
}

.footer-info__sub li a {
  color: #b0b0b0 !important;
}

.footer-info__sub li a:hover {
  color: #fff !important;
}

.footer-info__sub li a[target="_blank"]:after {
  /* 暗背景用：グレーアイコンのまままたは invert で視認性確保 */
  opacity: 0.85;
}

.footer-nav__list > li > a {
  color: #e8e8e8 !important;
  border-bottom-color: #444 !important;
}

.footer-nav__list > li > a:hover {
  color: #fff !important;
}

.footer-nav__sub li a {
  color: #999 !important;
}

.footer-nav__sub li a:hover {
  color: #c0c0c0 !important;
}

.footer-copyright {
  color: #888 !important;
}

/* ===== フローティングメニュー（SP）：グラデーションは元の style.css のまま ===== */
@media only screen and (max-width: 767px) {
  .floating-menu {
    background: #222 !important;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4) !important;
  }

  .floating-menu li a {
    color: #fff !important;
  }
}

/* ===== view more ボタン：募集要項と同じ #74DB9F（サイト全体） ===== */
.btn-viewMore a,
.btn-viewMore.is-entry a {
  background: #74DB9F !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

@media only screen and (min-width: 768px) {
  .btn-viewMore a:hover,
  .btn-viewMore.is-entry a:hover {
    background: #222 !important;
    color: #fff !important;
  }

  /* :after のアニメーション（view-more）は style.css に任せるため上書きしない */
}

/* クロストーク等で個別指定されている view more のシャドウも黒系に */
.top .cross-talk__content .btn-viewMore a {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}