@charset "utf-8";
/* LORE novel — pc.css（769px以上）*/

/* 左の装飾背表紙（ブランドの記名） */
.spine{
  display:flex;position:fixed;top:0;left:0;height:100vh;width:52px;
  background:var(--mocha);color:var(--cream);z-index:60;
  flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0;
}
.spine .mark{font-family:var(--serif-en);font-size:20px;letter-spacing:.08em}
.spine .mark b{color:var(--gold)}
.spine .v{writing-mode:vertical-rl;letter-spacing:.34em;font-family:var(--serif-en);font-size:14px;opacity:.9}
.spine .fl{color:var(--gold);font-size:18px}

/* 背表紙分だけ本文を右へ */
body{padding-left:52px}
.site-header{padding-left:calc(6vw + 52px)}

/* ナビは横並び（既定でOK） */
.nav-toggle{display:none}

/* ヒーロー：余白広め */
.hero__inner{padding-left:8vw}

/* 目次の価格を表示 */
.chap__price{display:block}