/* ベース */
.container{max-width:980px;margin:0 auto;padding:0 20px}
.novel-wrap{max-width:820px;margin:0 auto;padding:24px 20px}
.novel{background:#fff;border:1px solid #e6dccd;border-radius:16px;padding:24px 22px}
.novel-head{margin-bottom:12px;text-align:center}
.novel .ep{color:#8a7f70;margin:0}
.novel .title{font-family:"Noto Serif JP",serif;font-size:clamp(1.4rem,2.6vw,2rem);margin:.2rem 0 .2rem}
.novel .meta{color:#8a7f70;margin:0 0 12px;font-size:.9rem}

/* 本文タイポ */
.novel p{line-height:1.95;margin:1.05rem 0;font-size:1.05rem;color:#1f1c18}
.novel h2{font-family:"Noto Serif JP",serif;font-size:1.25rem;margin:2rem 0 .5rem;border-left:4px solid #caa95a;padding-left:.6rem}

/* 挿絵 */
.illus{margin:1rem auto;border-radius:12px;overflow:hidden;border:1px solid #e9e2d2;background:#fff}
.illus img{display:block;width:100%;height:auto}
.illus figcaption{font-size:.9rem;color:#6b635b;padding:8px 10px;background:#fffaf0;border-top:1px solid #f1e9d8}
.illus.mid{max-width:680px}

/* 章ナビ */
.pager{display:flex;gap:10px;align-items:center;margin-top:18px}
.pager .spacer{flex:1}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:10px;background:#caa95a;color:#fff;text-decoration:none;font-weight:700;border:1px solid #b9933f}
.btn.ghost{background:#fff;color:#6b635b;border-color:#e0d6c3}
.btn:hover{opacity:.9}

/* 読書進捗バー */
#reading-progress{
  position:fixed;top:0;left:0;height:4px;width:0;
  background:linear-gradient(90deg,#caa95a,#e3c879);z-index:1000;
}

/* 段落：通常は一字下げ、会話は頭揃え */
.novel p { text-indent: 1em; }
.novel p.dialogue { text-indent: 0; }

/* （任意）シーン区切り用 */
.novel .scene {
  text-align: center; letter-spacing: .4em;
  color:#6b635b; margin:1.6rem 0;
}


/* モバイル */
@media (max-width:768px){
  .novel{padding:18px 16px}
  .novel p{font-size:1.02rem}
}

/* --- なろう系 読み味調整 --- */
.novel-wrap{ max-width: 920px; }
.novel{
  width: clamp(640px, 68vw, 760px);   /* 横幅やや狭め */
  margin: 18px auto;
  background: #fff; border: 1px solid #e7e3d8; border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  font-size: var(--fs, 100%);         /* フォントサイズを変えやすく */
}
.novel p{
  line-height: 2.1;                   /* 行間ゆったり */
  margin: 1.1rem 0;
  text-indent: 1em;                   /* 一字下げ（会話はJSで解除） */
}
.novel p.dialogue{ text-indent: 0; }

/* 見出し */
.novel-head .title{
  font-family: "Noto Serif JP", serif;
  font-weight: 700; letter-spacing: .02em;
  border-bottom: 1px solid #efe8d8; padding-bottom: .4rem;
  margin-bottom: .6rem; text-align: center;
}

/* 読書ツール */
.reader-tools{
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin: .4rem 0 1rem; padding: .6rem .4rem;
  color: #6b635b; font-size: .95rem;
}
.reader-tools .fs button{
  appearance: none; border: 1px solid #e1d9c7; background: #faf8f3;
  padding: .25rem .6rem; border-radius: 8px; margin-left: .2rem; cursor: pointer;
}
.reader-tools .fs button:hover{ background: #f2ede2; }

/* 上下ナビの見た目（既存の .pager を踏襲） */
.pager{ display:flex; gap:10px; align-items:center; margin-top:18px; }
.pager .spacer{ flex:1; }

/* モバイル微調整 */
@media (max-width: 768px){
  .novel{ width: auto; padding: 18px 16px; }
  .reader-tools{ flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* 文庫本風 背景色 */
body {
    background: #f9f6f1;   /* 淡いクリーム色 */
  }
  
  /* 本文カード部分も少し紙っぽく */
/* novel.css に追加 or 修正 */
.novel {
    background: #f8f3e7;
    font-family: "YuMincho", "游明朝", "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
    font-size: 1.05em;       /* 少し大きめに */
    line-height: 1.9;        /* 行間をゆったり */
    letter-spacing: 0.03em;  /* ほんの少し字間を広げると読みやすい */
    color: #1a1a1a;          /* 黒に近いけどやや柔らかい */
  }
  
  
  /* 読書ツールなど背景とのなじみ */
  .reader-tools {
    background: transparent;
  }

  .novel figure {
    text-align: center;
    margin: 2em auto;
    max-width: 600px;
  }
  
  .novel figure img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }
  
  .novel figcaption {
    font-size: 0.9em;
    color: #666;
    margin-top: 0.4em;
    font-style: italic;
  }