/* =========================================
   Nephilim Footer：黒背景仕上げ
   ====================================== */

.site-footer {
    background: rgba(10, 10, 10, 0.95);  /* ほぼ黒・完全なベタ黒を避ける */
    color: rgba(255, 255, 255, 0.85);    /* 文字は少しだけ柔らかい白 */
    
    padding: 40px 20px;
    text-align: center;
}

/* フッター内リンク */
.site-footer a {
    color: rgba(255, 255, 255, 0.90);
    text-decoration: none;
}

.site-footer a:hover {
    opacity: 0.75;
}

/*-------------------------------------------------
/* フッター上部：薄い金のライン */
.site-footer::before {
    content: "";
    display: block;

    width: 100%;
    height: 1px;

    margin: 0 0 24px 0;

    background: linear-gradient(
        90deg,
        rgba(191, 162, 51, 0.15),
        rgba(212, 175, 55, 0.6),
        rgba(245, 227, 138, 0.6),
        rgba(212, 175, 55, 0.6),
        rgba(191, 162, 51, 0.15)
    );
}




/*-------------------------------------------------*/
.nephilim-to-top{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;

  padding: 10px 12px;
  border: 0;
  border-radius: 999px;

  background: rgba(255,255,255,0.85);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  color: #111;
  cursor: pointer;
}
.nephilim-to-top:hover{
  background: rgba(0,0,0,0.65);
  color: #fff;
}

@media (max-width: 768px){
  .site-header,
  .site-footer,
  .nephilim-header,
  .nephilim-footer,
  .nephilim-notice,
  .nephilim-front-two-inner{
    width: 100%;
    max-width: 100%;
  }
}

/* =========================================
   Responsive (SP) - to-top button clamp
   ====================================== */
@media (max-width: 768px){

  button.nephilim-to-top{
    position: fixed;              /* 念のため（既にfixedならOK） */

    /* 画面内に確実に収める：左基準で固定 */
    left: calc(100vw - 56px);     /* ← ボタン幅に合わせて調整 */
    right: auto ;

    /* はみ出しの原因になりやすい指定を無効化 */
    transform: none ;
    max-width: none;
    box-sizing: border-box;
  }

  /* アイコンも念のため */
  button.nephilim-to-top .dashicons{
    display: block;
  }
}


.screen-reader-text{
  position: absolute ;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}


/* =========================================
   Responsive (SP) - floating buttons (to-top / to-home)
   ====================================== */
@media (max-width: 768px){

  /* 共通：fixedで画面内にクランプ */
  button.nephilim-to-top,
  button.nephilim-to-home{
    position: fixed;
    bottom: 16px;                 /* 既存値に合わせて調整可 */
    width: 40px;                  /* to-topと同一前提 */
    height: 40px;
    box-sizing: border-box;
    transform: none;
    max-width: none;
  }

  /* 右側：to-top（既存の思想を明示） */
  button.nephilim-to-top{
    right: 16px;
    left: auto;
  }

  /* 左側：to-home（新規） */
  button.nephilim-to-home{
    left: 16px;
    right: auto;
  }

  /* アイコン保険（to-topと揃える） */
  button.nephilim-to-home .dashicons{
    display: block;
  }
}

/* =========================================
   To Top / To Home 共通化（見た目・挙動）
   ====================================== */

/* 既存 to-top の見た目・非表示ロジックを home にも適用 */
button.nephilim-to-home{
  /* 非表示が初期状態（重要） */
  opacity: 0;
  pointer-events: none;

  /* 形・色・影は to-top に揃える */
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 12px rgba(0,0,0,0.18);
  border: none;

  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* 表示状態（JSで付与される） */
button.nephilim-to-home.is-visible{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* 念のため：アイコン色を揃える */
button.nephilim-to-home .dashicons{
  color: #333;
}


/* =========================================
   Floating button icon centering fix
   ====================================== */

button.nephilim-to-top,
button.nephilim-to-home{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dashiconsの微妙なズレを無効化 */
button.nephilim-to-top .dashicons,
button.nephilim-to-home .dashicons{
  display: block;
  line-height: 1;
}


/* =========================================
   Hide floating Home button on PC
   ====================================== */
@media (min-width: 769px){
  button.nephilim-to-home{
    display: none ;
  }
}