@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700&display=swap');

/* ==========================================================
   Typography
   東風の占い 共通フォント設定
========================================================== */

:root{
  --ew-font-serif:"Zen Old Mincho", serif;

  --ew-logo:#6c3524;
  --ew-heading:#250d00;
  --ew-text:#000b00;
  --ew-sub:#8a7a70;
  --ew-line:#e5e0dc;
}

/* ---------- Base ---------- */

html,
body{
  font-family:var(--ew-font-serif);
  font-weight:400;
  color:var(--ew-text);
  line-height:1.8;
}

/* ---------- Headings ---------- */

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:var(--ew-font-serif);
  font-weight:400;
  color:var(--ew-heading);
  line-height:1.6;
  letter-spacing:.08em;
}

/* ---------- Text ---------- */

p,
li,
dt,
dd,
th,
td,
figcaption{
  font-family:var(--ew-font-serif);
  font-weight:400;
  color:var(--ew-text);
  line-height:1.9;
  letter-spacing:.06em;
}

/* ---------- Links ---------- */

a{
  font-family:inherit;
  font-weight:inherit;
}

/* ---------- Header Force ---------- */

.site-header,
.site-header *,
.pc-nav a,
.sp-nav a,
.site-title,
.site-location,
.site-name,
.line-btn,
.sp-line-btn{
  font-family:var(--ew-font-serif) !important;
}

.pc-nav a,
.sp-nav a{
  font-weight:400 !important;
  font-style:normal !important;
  letter-spacing:.1em;
}

/* ---------- FV Titles ---------- */

.page-fv__title,
.page-fv h1{
  font-family:var(--ew-font-serif) !important;
  font-style:italic;
  font-weight:400 !important;
  letter-spacing:.18em;
}

/* ---------- Section Label ---------- */

.section-label{
  display:block;
  font-size:1.5rem;
  font-weight:600;
  line-height:1;
  letter-spacing:.35em;
  text-transform:uppercase;
  text-align:center;
  color:var(--ew-sub);
  margin:0 auto .75rem;
}

@media(max-width:768px){
  .section-label{
    font-size:1rem;
    letter-spacing:.3em;
  }
}

/* ---------- Form / Button ---------- */

button,
input,
textarea,
select{
  font-family:var(--ew-font-serif);
}

/* ---------- Utility ---------- */

.text-serif{
  font-family:var(--ew-font-serif) !important;
}

.text-normal{
  font-weight:400 !important;
}

.text-medium{
  font-weight:500 !important;
}

.text-bold{
  font-weight:700 !important;
}