@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&display=swap');

:root {
  --color-primary:   #c0963c;
  --color-sky:       #d4af37;
  --color-seafoam:   rgba(192,150,60,.25);
  --color-green:     #8FA888;
  --color-sand:      #f3efeb;
  --color-gold:      #c0963c;
  --color-coral:     #D4956A;
  --color-deep-gold: #a48953;
  --color-alert:     #cc0000;
  --color-navy:      #121212;
  --color-text:      #333333;
  --color-heading:   #222222;
  --color-sub:       #555555;
  --color-link:      #c0963c;
  --color-bg-light:  #f3efeb;
  --radius-btn:      0px;
  --transition:      all 0.3s ease-in-out;
  --container-max:   1300px;
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  60px;
}


/* PC では非表示、SPのみ改行 */
.sp-br { display: none; }
@media screen and (max-width: 767px) {
  .sp-br { display: block; }
}


*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: var(--color-text);
  background: var(--color-sand);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-heading);
  margin: 0 0 16px;
}

h1 { font-size: 42px; letter-spacing: .08em; }
h2 { font-size: 28px; letter-spacing: .07em; }
h3 { font-size: 20px; letter-spacing: .06em; }
h4 { font-size: 17px; }
h5, h6 { font-size: 15px; line-height: 1.5; }

p { margin: 0 0 16px; }

a {
  color: var(--color-link);
  text-decoration: none;
  transition: var(--transition);
}
a:hover { opacity: 0.8; }

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol { margin: 0; padding: 0; list-style: none; }

.note, .caption { font-size: 13px; color: var(--color-sub); line-height: 1.6; }

/* ===== Scroll Reveal ===== */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-d1 { transition-delay: .10s; }
.reveal-d2 { transition-delay: .20s; }
.reveal-d3 { transition-delay: .30s; }
.reveal-d4 { transition-delay: .40s; }

@media screen and (max-width: 767px) {
  h1 { font-size: 28px; }
  h2 { font-size: 22px; }
  h3 { font-size: 18px; }
}

/* ===== Back to Top ===== */
#back-to-top {
  position: fixed;
  bottom: 32px;
  right: 32px;
  width: 48px;
  height: 48px;
  background: var(--color-primary);
  color: var(--color-navy);
  border: none;
  border-radius: 0;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, background 0.3s ease;
  z-index: 99;
}
#back-to-top.is-visible { opacity: 1; visibility: visible; }
#back-to-top:hover { background: var(--color-sky); }
@media screen and (max-width: 767px) {
  #back-to-top { bottom: 20px; right: 20px; }
}