/*
 * lyceum — 美しき大学学問の世界
 * 色: 地=#4a5560 / 紙=#fbf6e4 / 帯=#26323f / 見出し=#7a2a22 / 注=#f3e7a6
 */
body {
  font-family: "MS PMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 100%;
  background: #4a5560;
  margin: 0 1em;
  padding: 0;
  color: #111;
}
p, ul, ol, dl { line-height: 1.8em; }
a { color: #1f3f9a; }
a:visited { color: #6a3a8a; }

#header {
  background: #26323f;
  color: #d8dfe8;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  padding: 0 .8em;
  font-family: sans-serif;
  letter-spacing: .08em;
}
#header a { color: #d8dfe8; text-decoration: none; }

#box {
  background: #fbf6e4;
  border: solid #000;
  border-width: 0 1px;
  margin: 0 auto;
  padding: .5em 2.2em 1em;
  max-width: 46em;
}

h1.title {
  font-size: 1.7em;
  border-bottom: 3px double #7a2a22;
  padding-bottom: .2em;
  margin: .8em 0 .6em;
}
h2 {
  font-size: 1.25em;
  color: #7a2a22;
  border-left: 8px solid #7a2a22;
  padding-left: .5em;
  margin: 2em 0 .6em;
}
h3 { font-size: 1.05em; margin: 1.6em 0 .4em; }

#headpath {
  border-bottom: 1px solid #000;
  margin-bottom: 1.5em;
  padding-bottom: .6em;
  font-size: .85em;
  font-family: sans-serif;
}

div.note {
  background: #f3e7a6;
  border: 1px solid #000;
  padding: 10px 14px;
  margin: 1.5em 0;
  font-family: "MS PGothic", sans-serif;
  line-height: 1.6em;
}
div.eq { margin: .6em 0; overflow-x: auto; }

table.idx { border-collapse: collapse; margin: 1em 0; }
table.idx td, table.idx th {
  border: 1px solid #555;
  padding: .3em .8em;
  text-align: left;
}
table.idx th { background: #e8dfc0; }

#footer {
  border-top: 1px solid #000;
  margin-top: 3em;
  padding-top: .5em;
  font-size: .8em;
  font-family: sans-serif;
  color: #555;
  text-align: right;
}
.katex { font-size: 1.08em; }
.katex-display { overflow-x: auto; overflow-y: hidden; }

/* ---- 本文部品 ---- */
p.thm { margin: 1.4em 0 .4em; padding: .4em .8em; background: #f1ead0; border-left: 4px solid #7a2a22; }
p.thm b:first-child { color: #7a2a22; }
div.proof { margin: .6em 0 1.4em 1em; padding-left: .9em; border-left: 2px solid #999; }
div.proof .pl { font-weight: bold; margin-right: .5em; }
div.proof > p:last-child::after, div.proof > div.eq:last-child::after { content: ""; }
div.example { background: #f3e7a6; border: 1px solid #000; padding: 4px 14px; margin: 1.5em 0;
  font-family: "MS PGothic", sans-serif; }
div.answer { background: #e3edf6; border: 1px solid #335; padding: 4px 14px; margin: 1.2em 0; }
div.fig, div.center { text-align: center; margin: 1em 0; }
div.fig img { max-width: 100%; height: auto; }
p.cap, figcaption { text-align: center; font-size: .9em; color: #333; margin-top: 0; }
figure { margin: 1em 0; }
div.pnav { display: flex; justify-content: space-between; margin-top: 2.5em; font-family: sans-serif; font-size: .9em; }
h3 { border-bottom: 1px dotted #7a2a22; }
table.tbl { border-collapse: collapse; margin: 1em auto; }
table.tbl td { border: 1px solid #777; padding: .2em .7em; text-align: center; }
blockquote { margin-left: 2em; font-size: .95em; }
div.hint { background: #eef3e4; border: 1px dashed #6a7f3a; padding: 2px 12px; margin: 1em 0; }
div.mondai { border: 2px solid #7a2a22; padding: 4px 14px; margin: 1.5em 0 .4em; background: #fff9ec; }
div.mondai .mt { font-weight: bold; color: #7a2a22; margin-top: .4em; }
details.answer { border: 1px solid #335; background: #e3edf6; padding: 4px 14px; margin: .4em 0 1.5em; }
details.answer summary { cursor: pointer; font-weight: bold; }
