:root {
  --story-bg: #f6f1ea;
  --story-paper: #fbf8f1;
  --story-ink: #181512;
  --story-muted: #786f63;
  --story-line: #ded5c7;
  --story-soft: #eee7da;
  --story-accent: #8a6a36;
  --story-shadow: rgba(38, 30, 20, .08);
  --story-max: 1120px;
  --story-header: 56px;
  --story-gap: 4px;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--story-bg);
  color: var(--story-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: inherit;
  text-decoration: none;
}

.l-main {
  max-width: var(--story-max);
  margin: 0 auto;
  padding: 28px 20px 0;
}

.pc_only {
  display: inline;
}

.sp_only {
  display: none;
}

@media (max-width: 720px) {
  .l-main {
    padding: 18px 0 0;
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: inline;
  }
}