/* ころぽち新聞 バックナンバーの見た目(v868r で gogai.html から切り出し)
   gogai.html(🚨号外) と shimbun.html(📰通常号) が共有する。
   片方だけ直して見た目がズレる、を防ぐためにファイルを分けとる。 */

:root{ --washi:#F3EBDA; --sumi:#2B2218; --ito:#8a7a5c; --shu:#C43A2A; --ai:#2A4B8D; }
*{box-sizing:border-box}
html,body{margin:0}
body{background:#d9cdb4;color:var(--sumi);padding:0 0 48px;
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}
header{position:sticky;top:0;z-index:5;background:rgba(243,235,218,.96);
  border-bottom:2px solid var(--sumi);box-shadow:0 2px 10px rgba(60,45,25,.18);
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px}
header h1{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:800;
  font-size:clamp(16px,4.4vw,22px);letter-spacing:.06em;line-height:1.3}
header h1 small{display:block;font-size:clamp(10px,2.6vw,12px);color:var(--ito);
  font-family:Georgia,"Times New Roman",serif;letter-spacing:.12em;font-weight:400}
.homeBtn{flex:none;text-decoration:none;color:var(--ai);border:1.5px solid var(--ai);
  border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;background:#FBF5E6;white-space:nowrap}
.lead{width:min(720px,92vw);margin:16px auto 4px;font-size:13px;line-height:1.8;color:#5a4c38}
.sect{width:min(720px,92vw);margin:22px auto 0}
.sectTtl{margin:0 0 4px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:800;
  font-size:clamp(15px,4vw,19px);letter-spacing:.05em;line-height:1.35;
  border-bottom:2px solid var(--sumi);padding-bottom:6px}
.sectTtl small{display:block;font-size:clamp(10.5px,2.7vw,12px);color:var(--ito);font-weight:400;
  letter-spacing:.06em;margin-top:3px;font-family:"Hiragino Kaku Gothic ProN",sans-serif}
.issues{display:flex;flex-direction:column;gap:26px;padding-top:14px}
.issue{background:#FBF5E6;border:1.6px solid #c9b98f;border-radius:12px;overflow:hidden;
  box-shadow:0 8px 26px rgba(60,45,25,.2)}
.issue .cap{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:10px 14px 8px;border-bottom:1px dashed #c9b98f}
.issue .no{flex:none;font-weight:800;color:#fff;background:var(--shu);border-radius:6px;
  padding:2px 9px;font-size:12px;letter-spacing:.08em}
.issue.s .no{background:var(--ai)}                                      /* 通常号は藍・号外は朱 */
.issue .dt{flex:none;font-size:12px;color:var(--ito);letter-spacing:.04em}
.issue .tt{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:800;
  font-size:clamp(14px,3.8vw,18px);line-height:1.4}
.issue .sub{width:100%;font-size:12px;color:#6b5b42;line-height:1.6;margin-top:-2px}
.issue img{display:block;width:100%;height:auto;background:#eee}

/* v920r: 過去の号はサムネイル一覧(最新号だけ大きく)。押すと #isView で1枚を大きく読む */
.pastTtl{margin:8px 0 -12px;font-size:13px;font-weight:700;color:#5a4c38;letter-spacing:.04em}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px}
.thumbs button{font:inherit;color:inherit;text-align:left;padding:0 0 7px;margin:0;cursor:pointer;
  background:#FBF5E6;border:1.6px solid #c9b98f;border-radius:10px;overflow:hidden;
  display:flex;flex-direction:column;gap:3px;box-shadow:0 4px 14px rgba(60,45,25,.18)}
.thumbs button:active{transform:scale(.97)}
.thumbs img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;
  background:#eee;border-bottom:1px dashed #c9b98f;margin-bottom:3px}
.thumbs .no{align-self:flex-start;margin-left:6px;font-weight:800;color:#fff;background:var(--shu);
  border-radius:5px;padding:1px 7px;font-size:10.5px;letter-spacing:.06em}
.thumbs.s .no{background:var(--ai)}
.thumbs .dt{margin:0 7px;font-size:10.5px;color:var(--ito)}
.thumbs .tt{margin:0 7px;font-size:11.5px;font-weight:700;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#isView{position:fixed;inset:0;z-index:20;background:rgba(30,24,16,.94);overflow:auto;
  -webkit-overflow-scrolling:touch}
#isView[hidden]{display:none}
#isView .ivBar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:9px 12px;background:rgba(243,235,218,.97);border-bottom:2px solid var(--sumi)}
#isView .ivTtl{font-size:13px;font-weight:700}
#isView .ivX{font:inherit;font-size:13px;font-weight:700;color:var(--ai);background:#FBF5E6;
  border:1.5px solid var(--ai);border-radius:999px;padding:6px 14px;cursor:pointer;white-space:nowrap}
#isView img{display:block;width:min(900px,100%);height:auto;margin:0 auto;background:#eee}

/* もう一方の系統へ渡す一本(行き止まりを作らんため)。
   v868r で号外と通常号を別ページに割ったけん、ここが唯一の行き来になる。 */
.other{width:min(720px,92vw);margin:34px auto 0;text-align:center}
.other a{display:inline-block;text-decoration:none;border-radius:999px;padding:9px 20px;
  font-size:13.5px;font-weight:700;background:#FBF5E6;white-space:nowrap}
.other a.s{color:var(--ai);border:1.5px solid var(--ai)}
.other a.g{color:var(--shu);border:1.5px solid var(--shu)}
.other .note{margin:8px 0 0;font-size:12px;color:var(--ito)}

.foot{width:min(720px,92vw);margin:26px auto 0;text-align:center;font-size:12px;color:var(--ito)}
.foot .next{font-family:"Yu Mincho",serif;font-weight:700;color:var(--sumi);font-size:14px;margin-bottom:14px}