@charset "utf-8";

/* ページヘッダーの背景を設定 */
body .page-header {
    background-image: url(https://demo6.uonuma-js.com/wp-content/uploads/2025/09/2796190_m_1900x600.webp);
}

/* ハンバーガーボタンにテキストを表示 */
body #vk-mobile-nav-menu-btn.vk-mobile-nav-menu-btn {
    background-position: center -4px;
    text-indent: 0;
}

/* 固定ページでページタイトルとサブタイトルを横に並べる */
@media (min-width: 992px) {
  body:is(.page, .blog, .archive.post-type-post) .page-header-inner.container {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  body:is(.page, .blog, .archive.post-type-post) h1.page-header-title {
    letter-spacing: 0.3rem;
  }
  body:is(.page, .blog, .archive.post-type-post) .page-header-inner.container .page-header-subtitle {
    margin-top: 0;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    font-family: Hiragino Mincho ProN,"游明朝",serif;
  }
  body:is(.page, .blog, .archive.post-type-post) .page-header-inner.container .page-header-subtitle {
    color: #aaa;
  }
}

/* ページタイトル、サブタイトルが時間差でフェードイン */
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
body h1.page-header-title {
  animation: fadeIn 1s ease both 0s;
}
body .page-header-inner.container .page-header-subtitle {
  animation: fadeIn 1s ease both 0.15s;
}
body .page-header-inner.container .entry-meta {
  animation: fadeIn 1s ease both 0.3s;
}

/* UJS Fixed Buttons のスマホのフォント */
body nav#ujs-fixed-buttons-sp.ujs-fixed-buttons-sp ul li.menu-item a {
    font-family: var(--wp--preset--font-family--system-font);
}