/*
Theme Name: 墓参り案内所
Theme URI: https://creca-kaitorii.click/
Author: 墓参り案内所
Description: 墓参り代行業者の比較・案内サイト専用テーマ
Version: 1.0.0
Text Domain: hakairi-annai
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');

:root { --ink:#1f2923; --muted:#657169; --line:#dfe6df; --paper:#f3f6f1; --green:#315a45; --sand:#aa673f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:'Noto Sans JP',sans-serif; font-size:15px; line-height:1.8; }
a { color:inherit; }
.site-header { height:78px; display:flex; align-items:center; border-bottom:1px solid #edf0eb; background:#fff; }
.header-inner, .footer-inner { width:min(1180px,calc(100% - 48px)); margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.site-brand { font-family:'Noto Serif JP',serif; font-weight:600; font-size:21px; letter-spacing:.04em; text-decoration:none; }
.site-nav { display:flex; align-items:center; gap:28px; font-size:13px; }
.site-nav a { color:#344038; text-decoration:none; }
.site-nav .nav-cta { padding:10px 17px; color:#fff; background:var(--ink); }
.site-main { min-height:60vh; }
.page-title-wrap { width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:50px 0 27px; }
.page-title { max-width:740px; margin:0; font-family:'Noto Serif JP',serif; font-size:35px; font-weight:500; letter-spacing:.04em; line-height:1.42; }
.page-content { overflow:hidden; }
.page-content > .grave-db { width:100%; margin:0!important; max-width:none!important; }
.grave-db { font-family:'Noto Sans JP',sans-serif!important; }
.grave-db h2,.grave-db h3 { font-family:'Noto Serif JP',serif!important; }
.grave-db .grave-inner { width:min(1180px,calc(100% - 48px))!important; max-width:none!important; padding-left:0!important; padding-right:0!important; }
.grave-db section:first-child { position:relative; overflow:hidden; background:linear-gradient(105deg,#f3f6f1 0%,#f3f6f1 55%,#d8e3d6 55%,#79947a 100%)!important; }
.grave-db section:first-child:after { content:'52'; position:absolute; right:9%; bottom:-78px; color:rgba(255,255,255,.24); font-family:'Noto Serif JP',serif; font-size:300px; line-height:1; font-weight:500; }
.grave-db section:first-child > div { position:relative; z-index:1; }
.grave-db .grave-card { border-color:var(--line)!important; box-shadow:none!important; transition:transform .18s,box-shadow .18s; }
.grave-db .grave-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(35,53,40,.09)!important; }
.grave-db .grave-card h3 { letter-spacing:.02em; }
.grave-db .grave-actions { padding-top:12px; border-top:1px solid #edf0eb; }
.grave-db .grave-guide { background:var(--paper)!important; }
.site-footer { margin-top:0; padding:58px 0 26px; background:#fff; }
.footer-inner { align-items:flex-start; }
.footer-brand { font-family:'Noto Serif JP',serif; font-size:19px; font-weight:600; }
.footer-links { display:grid; grid-template-columns:repeat(2,140px); gap:7px 24px; font-size:12px; color:#5d685f; }
.footer-links a { text-decoration:none; }
.copyright { width:min(1180px,calc(100% - 48px)); margin:36px auto 0; padding-top:18px; border-top:1px solid #edf0eb; color:#879087; font-size:11px; }
@media (max-width:720px) { .site-header { height:64px; } .header-inner,.footer-inner,.page-title-wrap,.grave-db .grave-inner,.copyright { width:calc(100% - 32px)!important; } .site-brand{font-size:18px}.site-nav{gap:13px;font-size:11px}.site-nav a:not(.nav-cta){display:none}.site-nav .nav-cta{padding:8px 11px}.page-title-wrap{padding:30px 0 20px}.page-title{font-size:25px}.grave-db section:first-child{background:#f3f6f1!important}.grave-db section:first-child:after{right:-10px;font-size:180px;bottom:-45px}.footer-inner{display:block}.footer-links{margin-top:24px;grid-template-columns:repeat(2,1fr)} }