/*
Theme Name: OOPS Child
Template:   oops_tcd048
Version:    3.1.1
*/

/* =========================================================
   0)  INFIXY グラデーション変数
--------------------------------------------------------- */
:root{
  --infixy-grad: linear-gradient(135deg,
      rgba(11, 18, 61, 1)   0%,
      rgba(82,  41, 144, 1) 25%,
      rgba(134, 78, 204,.9) 50%,
      rgba(199,102,180,.85) 75%,
      rgba(132,187,255, 1) 100%);
}

/* =========================================================
   1)  フッター背景 & コピーライト
--------------------------------------------------------- */
footer#footer,
footer.l-footer{
  background: var(--infixy-grad) !important;
  color: #fff;
}

/* 既存コピーライトを非表示 */
footer .p-copyright small,
footer .p-copyright span{ display: none !important; }

/* カスタムコピーライトを挿入 */
footer#footer::after,
footer.l-footer::after{
  content: "© 2025 INFIXY. All Rights Reserved.";
  display: block;
  text-align: center;
  margin-top: 20px;
  font-size: .85rem;
  letter-spacing: .03em;
  opacity: .9;
}
@media (max-width: 767px){
  footer#footer::after,
  footer.l-footer::after{ font-size: .75rem; }
}

/* p‑copyright の inline 黒背景を打ち消す */
.p-copyright[style]{ background: transparent !important; }

/* =========================================================
   2)  汎用ヒーローグラデーション
--------------------------------------------------------- */
.hero-gradient{
  background: var(--infixy-grad);
  background-size: cover;
  background-position: center;
  color: #fff;
}

/* =========================================================
   3)  モバイル本文フォント
--------------------------------------------------------- */
@media (max-width: 767px){
  body,
  .entry-content,
  .p-entry,
  .p-entry p,
  .p-entry li{
    font-size: 1.2em;
    line-height: 1.7;
  }
}

/* =========================================================
   4)  モバイルメニュー背景
--------------------------------------------------------- */
@media (max-width: 1024px){
  .sp_nav,
  #header-sp-menu,
  .drawer_menu,
  .p-drawer,
  .p-drawer__inner{
    background: #0b123d;
  }
  .drawer-hamburger,
  .drawer-hamburger span,
  .drawer-hamburger:before,
  .drawer-hamburger:after{
    background: #fff !important;
  }
}

/* =========================================================
   5)  pagetop ボタン – INFIXY カラー
--------------------------------------------------------- */
#js-pagetop,
.p-pagetop{
  position: fixed !important;
  right: 20px  !important;