/* 百人一首 SEO 静的ページ共通スタイル */
:root{--bg:#faf3e3;--ink:#2b2421;--accent:#d6483c;--accent2:#1f7a4d;--line:#efe2d2;--accent-gold:#f5c563;--ui:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--ui);line-height:1.9;}
a{color:var(--accent);}
.crumbs{font-size:.82rem;padding:.9rem 1.2rem;color:#7a6a55;border-bottom:1px solid var(--line);}
.crumbs a{color:#7a6a55;text-decoration:none;}
.crumbs a:hover{text-decoration:underline;}
.poem{max-width:720px;margin:0 auto;padding:1.4rem 1.2rem 2.5rem;}
.poem-head{text-align:center;margin-bottom:1.2rem;}
.poem-no{font-family:"Shippori Mincho",serif;color:var(--accent);letter-spacing:.1em;font-size:1rem;}
.poem-no span{font-size:1.6rem;font-weight:800;}
.poem-h1{font-family:"Shippori Mincho",serif;font-size:1.55rem;font-weight:700;
  line-height:1.7;margin:.4rem 0;}
.poem-author{font-size:1rem;color:#6a4a2a;margin:.2rem 0 0;}
.poem-fuda{margin:1.2rem auto;text-align:center;}
.poem-fuda img{width:auto;max-width:260px;height:auto;border-radius:8px;
  box-shadow:0 6px 22px rgba(80,40,20,.18);}
.poem-verse{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:1.1rem 1.3rem;margin:1.2rem 0;font-size:1.18rem;text-align:center;
  font-family:"Shippori Mincho",serif;}
.verse-kami{margin:.2rem 0;}
.verse-shimo{margin:.2rem 0;color:#4a3a2a;}
rt{font-size:.5em;color:#9a7a5a;}
.poem-block{margin:1.6rem 0;}
.poem-block h2{font-family:var(--ui);font-size:1.08rem;font-weight:800;color:var(--accent);
  border-left:4px solid var(--accent);padding-left:.6rem;margin:0 0 .5rem;}
.kimari{font-size:1.05rem;margin:.3rem 0;}
.kimari-ji{display:inline-block;background:var(--accent);color:#fff;font-weight:700;
  padding:.1rem .55rem;border-radius:6px;font-family:"Shippori Mincho",serif;}
.kimari-type{margin-left:.5rem;color:#6a5a45;font-size:.95rem;}
.kimari-note{font-size:.95rem;color:#5a4a38;}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1.8rem 0;}
.cta-btn{display:inline-block;padding:.75rem 1.2rem;border-radius:999px;
  background:#fff;border:1.5px solid var(--accent);color:var(--accent);
  text-decoration:none;font-weight:700;font-size:.98rem;}
.cta-primary{background:var(--accent);color:#fff;}
.cta-btn:hover{opacity:.9;}
.poem-nav{display:flex;justify-content:space-between;margin-top:1.5rem;
  border-top:1px solid var(--line);padding-top:1rem;font-size:.95rem;}
.poem-nav a{text-decoration:none;font-weight:600;}
.nav-disabled{visibility:hidden;}
.site-foot{text-align:center;padding:2rem 1rem;border-top:1px solid var(--line);
  color:#7a6a55;font-size:.9rem;}
.site-foot a{font-weight:700;text-decoration:none;}
.hub-lead{text-align:center;color:#6a5a45;}
.hub-grid{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.9rem;}
.hub-cell a{display:flex;flex-direction:column;align-items:center;text-decoration:none;
  color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:.6rem .4rem;height:100%;}
.hub-cell img{width:100%;max-width:96px;border-radius:5px;}
.hub-no{font-family:"Shippori Mincho",serif;color:var(--accent);font-weight:700;
  font-size:.9rem;margin-top:.35rem;}
.hub-kami{font-size:.78rem;text-align:center;margin-top:.15rem;line-height:1.4;}
.hub-author{font-size:.72rem;color:#7a6a55;margin-top:.15rem;}
/* まとめページ（決まり字一覧 / 覚え方）*/
.learn-lead{text-align:center;color:#6a5a45;max-width:40em;margin:.5rem auto 0;font-size:.98rem;}
.musume{background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:1.2rem 1rem;margin:1.4rem 0;text-align:center;}
.musume-title{font-family:"Shippori Mincho",serif;color:var(--accent);font-weight:800;
  font-size:1.05rem;margin:0 0 .6rem;}
.musume-cells{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;}
.musume-cells a{display:flex;flex-direction:column;align-items:center;text-decoration:none;
  background:var(--accent2);color:#fff;border-radius:10px;padding:.45rem .7rem;min-width:2.6em;}
.musume-cells .m-ji{font-family:"Shippori Mincho",serif;font-weight:800;font-size:1.5rem;line-height:1.1;}
.musume-cells .m-no{font-size:.7rem;opacity:.85;margin-top:.1rem;}
.musume-note{font-size:.92rem;color:#5a4a38;margin:.7rem 0 0;}
.musume-note b{color:var(--accent);}
.kj-group{margin:1.8rem 0;}
.kj-group h2{font-family:var(--ui);font-size:1.08rem;font-weight:800;color:var(--accent);
  border-left:4px solid var(--accent);padding-left:.6rem;margin:0 0 .2rem;}
.kj-group-note{font-size:.85rem;color:#7a6a55;margin:.1rem 0 .7rem .9rem;}
.kj-list{list-style:none;padding:0;margin:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;}
.kj-list a{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;}
.kj-list a:hover{border-color:var(--accent);}
.kj-ji{flex:none;min-width:2.1em;text-align:center;background:var(--accent2);color:#fff;
  font-family:"Shippori Mincho",serif;font-weight:800;font-size:1.05rem;padding:.2rem .25rem;border-radius:6px;}
.kj-meta{font-size:.78rem;line-height:1.35;overflow:hidden;}
.kj-meta b{display:block;font-size:.84rem;color:#3a2e24;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kj-meta span{color:#8a7a63;}
.guide-block{margin:1.7rem 0;}
.guide-block h2{font-family:var(--ui);font-size:1.12rem;font-weight:800;color:var(--accent);
  border-left:4px solid var(--accent);padding-left:.6rem;margin:0 0 .5rem;}
.guide-block p{margin:.5rem 0;}
.guide-block b{color:var(--accent);}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.85rem 1rem;margin:.7rem 0;}
.step-n{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;
  width:1.7em;height:1.7em;line-height:1.7em;text-align:center;font-weight:700;margin-right:.5rem;}
.ob-table{width:100%;border-collapse:collapse;margin:.6rem 0;background:#fff;
  border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:.92rem;}
.ob-table th,.ob-table td{padding:.5rem .6rem;border-bottom:1px solid var(--line);text-align:left;}
.ob-table thead th{background:#f3ead8;font-family:"Shippori Mincho",serif;color:var(--accent);}
.ob-table tr:last-child td{border-bottom:none;}
.ob-ji{font-family:"Shippori Mincho",serif;font-weight:800;color:var(--accent2);
  font-size:1.15rem;text-align:center;width:3.2em;}
.ob-au{color:#7a6a55;font-size:.85rem;white-space:nowrap;}
@media(max-width:480px){.poem-h1{font-size:1.3rem;}.poem-verse{font-size:1.05rem;}
  .kj-list{grid-template-columns:1fr 1fr;}}