/* Theme Name: Sunday Roamin' Theme URI: https://sundayroamin.example.com/ Author: Studio GNU Author URI: https://studio-gnu.example.com/ Description: Kyoto-based lifestyle & outdoor media site by Kose & Mari — 山・まち・食・銭湯をめぐる日曜日の記録。A standalone WordPress theme (no parent theme required) built from the Sunday Roamin' Claude Design handoff (desktop.html / mobile.html). Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: sunday-roamin */ /* ========================================================================== Sunday Roamin' — design tokens (from the Claude Design handoff) ========================================================================== */ :root { --sr-bg: #FDFCFA; --sr-ink: #1A1A18; --sr-ink-soft: #3A3833; --sr-body: #2E2C27; --sr-muted: #55524A; --sr-muted-2: #8C8779; --sr-line: #EFEBE3; --sr-line-2: #DFDAD0; --sr-accent: #8DCCFD; --sr-accent-line: #C9E6FE; --sr-photo-a: #E7E4DD; --sr-photo-b: #F2EFE8; --sr-green-bg: #EDF1EC; --sr-green-line: #C4CCC2; --sr-series-ink: #5F7159; --sr-series-line: #CBD6C8; --sr-series-line-soft: #E2E7E0; --sr-footer-bg: #121210; --sr-footer-fg: #F2EFE6; --sr-font-en: 'Archivo', 'Zen Kaku Gothic New', system-ui, sans-serif; --sr-font-jp: 'Zen Kaku Gothic New', system-ui, sans-serif; --sr-font-serif: 'EB Garamond', serif; } /* ========================================================================== Reset / base — this is a standalone theme, so we supply our own reset rather than relying on any parent theme. ========================================================================== */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } /* overflow-x: clip ではなく hidden だと、hidden が内部的に「overflow: hidden auto」 に解決されてスクロールコンテナを作ってしまい、その配下の position: sticky が 一切効かなくなる（実際にスクロールしているのは document 側なので、sticky が 「スクロールしないコンテナ」を基準に解決されてしまう）。clip は横方向の はみ出し抑制だけを行い、スクロールコンテナを作らないため sticky と両立する。 */ html { overflow-x: clip; } body { background: var(--sr-bg); color: var(--sr-ink); font-family: var(--sr-font-en); -webkit-font-smoothing: antialiased; overflow-x: clip; } h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; padding: 0; } ul, ol { list-style: none; } a { color: var(--sr-ink); text-decoration: none; } a:hover { color: var(--sr-accent); } img { max-width: 100%; height: auto; display: block; } button, input, select, textarea { font-family: inherit; } ::selection { background: var(--sr-ink); color: var(--sr-bg); } .sr-wrap { max-width: 1400px; margin: 0 auto; } .screen-reader-text { position: absolute !important; left: -9999px; } /* ========================================================================== Scroll progress bar ========================================================================== */ .sr-scrollbar { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 900; pointer-events: none; } .sr-scrollbar-fill { height: 100%; width: 0%; background: var(--sr-accent); transition: width .12s linear; } /* ========================================================================== Header ========================================================================== */ .sr-header { position: sticky; top: 0; z-index: 50; background: var(--sr-bg); border-bottom: 1px solid var(--sr-line); } .sr-header-in { position: relative; height: 78px; display: flex; align-items: center; justify-content: center; padding: 0 26px; } .sr-logo { position: absolute; left: 26px; display: flex; align-items: center; } .sr-logo img { height: 52px; width: auto; } .sr-nav { display: flex; align-items: center; gap: 34px; font-size: 15px; font-weight: 500; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; } .sr-nav a { color: var(--sr-accent); } .sr-nav a.current { color: var(--sr-ink); } /* sr_nav() (wp_nav_menu with no container/items_wrap) outputs bare
  • menu-item wrappers with no enclosing