/* ==========================================================
   Page Common
   東風の占い 下層ページ共通
========================================================== */

.page-main{
  background:#fff;
  color:var(--ew-text);
}

/* ==========================================================
   Page FV 共通
========================================================== */
.page-fv{
  width:100%;
  min-height:30vh;

  display:flex;
  justify-content:center;
  align-items:center;

  background:#f3f3f2;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.page-fv__inner{
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:3rem 1rem;
  text-align:center;
}

.page-fv__title,
.page-fv h1{
  font-family:"Zen Old Mincho", serif;
  font-style:italic;
  font-weight:400;

  color:var(--ew-heading);
  font-size:clamp(2rem,4vw,3rem);
  letter-spacing:.18em;
  text-align:center;
}

/* ==========================================================
   Page Content
========================================================== */

.page-content{
  width:100%;
  padding:3rem 1rem 4rem;
  font-family:"Zen Old Mincho", serif;
}

.page-content__inner{
  width:100%;
  max-width:900px;
  margin:0 auto;
}

/* ---------- Typography ---------- */

.page-content h1,
.page-content h2,
.page-content h3,
.page-content p{
  font-family:"Zen Old Mincho", serif;
  font-weight:400;
  color:var(--ew-text);
}

.page-content a{
  color:var(--ew-heading);
  text-decoration:none;
  transition:color .25s ease;
}

.page-content a:hover{
  color:#82ae46;
}

/* ==========================================================
   Page FV 個別設定 PC
========================================================== */

.page-about .page-fv{
  min-height:40vh;
  background-image:url("https://kochi-divination.com/wp-content/uploads/2026/07/IMG_6150-scaled.webp");
  background-position:center 65%;
}

.page-menu .page-fv{
  background-image:url("/wp-content/uploads/menu.webp");
}

.page-lesson .page-fv{
  background-image:url("/wp-content/uploads/lesson.webp");
}

.page-profile .page-fv{
  background-image:url("/wp-content/uploads/profile.webp");
}

.page-card .page-fv{
  background-image:url("/wp-content/uploads/card.webp");
}

.page-horoscope .page-fv{
  background-image:url("/wp-content/uploads/horoscope.webp");
}


/* ==========================================================
   Page content PC
========================================================== */

.page-content h1{
  font-style: italic;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: 2rem;
  color: #f3f3f2;
  margin-bottom: 2rem;
}

.page-content h2{
  font-size:1.5rem;
  font-weight: 700;
  letter-spacing:.5rem;
  color: #432f2f;
  margin-bottom: 0.5rem;
}

.page-content h3{
  font-size:1.2rem;
  font-weight: 500;
  letter-spacing:.3rem;
  color: #432f2f;
  margin-bottom: 0.1rem;
}

.page-content p{
  font-size: 1rem;
  line-height:1.5;
  letter-spacing:.1rem;
  color: #000b00;
  margin-bottom: 0.2rem;
}

/* ==========================================================
   SP Page Common
========================================================== */

@media(max-width:768px){

  .page-fv{
    min-height:180px;
  }

  .page-fv__inner{
    padding:2.5rem 1rem;
  }

  .page-fv__title,
  .page-fv h1{
    font-size:clamp(1.5rem,7vw,2rem);
  }

  .page-content{
    padding:2rem 1rem 3rem;
  }

  .page-content p{
    font-size:.95rem;
    line-height:1.85;
  }

  /* SP 個別FV */
  .page-about .page-fv{
    min-height:220px;
    background-size:cover;
    background-position:center center;
  }

}