*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-sumi: #2c2c2c;--color-sumi-light: #3d3d2e;--color-kincha: #c99833;--color-kincha-dark: #a87d28;--color-matcha: #5a7247;--color-matcha-light: #6d8a58;--color-shironeri: #fcfaf5;--color-hai: #7d7d7d;--color-byakuroku: #f0f3eb;--color-white: #ffffff;--color-black-alpha-50: rgba(0, 0, 0, .5);--font-main: "Noto Serif JP", "Yu Mincho", "游明朝", serif;--font-gothic: "Noto Sans JP", "Hiragino Sans", sans-serif;--container-max: 1100px;--container-narrow: 780px;--section-padding: 5.5rem 1.5rem;--transition: .3s ease;--transition-slow: .6s ease}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-main);color:var(--color-sumi);background-color:var(--color-shironeri);line-height:1.9;min-height:100dvh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--color-matcha);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-kincha)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.view-more{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-gothic);font-size:.85rem;letter-spacing:.1em;color:var(--color-matcha);border-bottom:1px solid var(--color-kincha);padding-bottom:3px;transition:color var(--transition),border-color var(--transition)}.view-more:hover{color:var(--color-kincha);border-color:var(--color-kincha-dark)}.view-more:after{content:"→"}.fade-in{opacity:0;transform:translateY(24px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.site-header{background:var(--color-sumi);color:var(--color-shironeri);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:.75rem 1.5rem}.site-logo{font-size:1.2rem;font-weight:700;letter-spacing:.18em;color:var(--color-shironeri);white-space:nowrap;line-height:1.3}.site-logo small{display:block;font-size:.6rem;font-weight:400;letter-spacing:.12em;color:var(--color-kincha);font-family:var(--font-gothic)}.global-nav ul{display:flex;gap:1.8rem;list-style:none}.global-nav a{color:var(--color-shironeri);font-family:var(--font-gothic);font-size:.82rem;letter-spacing:.08em;position:relative;padding-bottom:4px}.global-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-kincha);transition:width var(--transition)}.global-nav a:hover:after,.global-nav a[aria-current=page]:after{width:100%}.global-nav a:hover{color:var(--color-kincha)}.hamburger{display:none;background:none;border:none;cursor:pointer;width:30px;height:22px;position:relative;z-index:110}.hamburger span{display:block;width:100%;height:2px;background:var(--color-shironeri);position:absolute;left:0;transition:var(--transition)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger[aria-expanded=true] span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.hero{position:relative;width:100%;height:70vh;min-height:420px;max-height:720px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:heroFade 15s infinite}.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}@keyframes heroFade{0%{opacity:0}5%{opacity:1}33%{opacity:1}38%{opacity:0}to{opacity:0}}.hero-overlay{position:absolute;inset:0;background:#0006;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:var(--color-shironeri);padding:0 1.5rem}.hero-content .sect-label{font-family:var(--font-gothic);font-size:.8rem;letter-spacing:.25em;color:var(--color-kincha);margin-bottom:1rem;display:block}.hero-content h1{font-size:2.8rem;letter-spacing:.3em;margin-bottom:.6rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hero-content .tagline{font-size:1.05rem;letter-spacing:.18em;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.3)}.page-header{background:var(--color-sumi);color:var(--color-shironeri);text-align:center;padding:3.5rem 1.5rem 3rem;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M30 0v60M0 30h60' stroke='%23ffffff' stroke-width='.25' opacity='.06'/%3E%3C/svg%3E");pointer-events:none}.page-header h1{font-size:1.8rem;letter-spacing:.25em;margin-bottom:.3rem;position:relative}.page-header .page-header-en{font-family:var(--font-gothic);font-size:.7rem;letter-spacing:.2em;color:var(--color-kincha);text-transform:uppercase;position:relative}.section{padding:var(--section-padding)}.section--alt{background:var(--color-byakuroku)}.section--dark{background:var(--color-sumi);color:var(--color-shironeri)}.section-title{text-align:center;font-size:1.55rem;letter-spacing:.22em;margin-bottom:.4rem}.section-title-en{display:block;font-family:var(--font-gothic);font-size:.68rem;color:var(--color-kincha);letter-spacing:.18em;text-transform:uppercase;margin-bottom:2.5rem;text-align:center}.news-list{list-style:none;max-width:var(--container-narrow);margin:0 auto}.news-list li{display:flex;align-items:baseline;gap:1.2rem;padding:.9rem 0;border-bottom:1px solid #ddd;font-family:var(--font-gothic);font-size:.9rem}.news-date{color:var(--color-hai);font-size:.8rem;white-space:nowrap;min-width:6.5em}.news-category{font-size:.7rem;background:var(--color-matcha);color:var(--color-white);padding:.15em .6em;border-radius:2px;white-space:nowrap}.news-title{flex:1}.news-more{text-align:center;margin-top:2rem}.banner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.banner-card{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:3 / 4;display:flex;align-items:flex-end}.banner-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.banner-card:hover img{transform:scale(1.05)}.banner-card-overlay{position:relative;z-index:1;width:100%;background:linear-gradient(transparent,#000000b3);padding:2rem 1rem 1.2rem;color:var(--color-shironeri)}.banner-card-overlay h3{font-size:1rem;letter-spacing:.15em;margin-bottom:.3rem}.banner-card-overlay .banner-link{font-family:var(--font-gothic);font-size:.7rem;color:var(--color-kincha);letter-spacing:.1em}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.card{background:var(--color-white);border-radius:6px;padding:2rem 1.5rem;border-left:3px solid var(--color-kincha);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 6px 24px #00000014;transform:translateY(-2px)}.card h3{font-size:1.05rem;margin-bottom:.6rem;letter-spacing:.1em;display:flex;align-items:center;gap:.5em}.card h3:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-kincha);border-radius:50%;flex-shrink:0}.card p{font-size:.88rem;color:var(--color-hai);font-family:var(--font-gothic);line-height:1.75}.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.facility-card{border-radius:6px;overflow:hidden;background:var(--color-white);transition:box-shadow var(--transition)}.facility-card:hover{box-shadow:0 6px 24px #00000014}.facility-card img{width:100%;height:200px;object-fit:cover}.facility-card-body{padding:1.2rem 1.3rem 1.5rem}.facility-card-body h3{font-size:1rem;letter-spacing:.1em;margin-bottom:.4rem}.facility-card-body p{font-size:.85rem;color:var(--color-hai);font-family:var(--font-gothic);line-height:1.7}.events-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-family:var(--font-gothic)}.events-table th,.events-table td{padding:.85rem 1.2rem;text-align:left;border-bottom:1px solid #ddd;font-size:.9rem}.events-table th{background:var(--color-sumi);color:var(--color-shironeri);font-weight:500;letter-spacing:.1em;font-size:.82rem}.events-table tbody tr{transition:background var(--transition)}.events-table tbody tr:hover{background:#c998330f}.events-table td:first-child{font-weight:600;color:var(--color-matcha);white-space:nowrap;width:5em}.greeting-content{max-width:var(--container-narrow);margin:0 auto}.greeting-content p{font-size:.95rem;margin-bottom:1.2rem;line-height:2.1}.greeting-sign{text-align:right;margin-top:2.5rem;font-size:.9rem;color:var(--color-hai)}.about-intro{max-width:var(--container-narrow);margin:0 auto;text-align:center}.about-intro p{font-size:.95rem;line-height:2.1;margin-bottom:1rem}.access-map-full{width:100%;height:400px;border-radius:8px;overflow:hidden;margin-bottom:2.5rem}.access-map-full iframe{width:100%;height:100%;border:0}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.access-info dl{font-family:var(--font-gothic);font-size:.9rem}.access-info dt{font-weight:700;margin-top:1.2rem;color:var(--color-matcha);letter-spacing:.06em;font-size:.85rem}.access-info dt:first-child{margin-top:0}.access-info dd{margin-left:0;padding-left:1em;border-left:2px solid var(--color-kincha);margin-top:.3rem;line-height:1.7}.access-summary{text-align:center;font-family:var(--font-gothic)}.access-summary-info{font-size:.9rem;line-height:2;margin-bottom:1.5rem}.access-summary-info strong{display:block;font-size:1.1rem;font-family:var(--font-main);letter-spacing:.1em;margin-bottom:.5rem;color:var(--color-sumi)}.contact-form{max-width:620px;margin:0 auto;font-family:var(--font-gothic)}.contact-intro{text-align:center;margin-bottom:2.5rem;font-size:.9rem;color:var(--color-hai);line-height:1.8}.form-success{background:#eaf4e4;border:1px solid #5a7247;color:#3d5530;padding:1.5rem;border-radius:4px;text-align:center;font-family:var(--font-gothic);font-size:.9rem;line-height:1.8;margin-bottom:2rem}.form-error-banner{background:#fbeaea;border:1px solid #c04040;color:#8a2020;padding:1rem 1.5rem;border-radius:4px;text-align:center;font-family:var(--font-gothic);font-size:.9rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;letter-spacing:.05em}.form-group label .required{color:#c04040;font-size:.7rem;margin-left:.4em;font-weight:400}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-family:var(--font-gothic);background:var(--color-white);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-matcha);box-shadow:0 0 0 3px #5a72471a}.form-group textarea{min-height:160px;resize:vertical}.form-group .error-message{display:none;color:#c04040;font-size:.75rem;margin-top:.3rem}.form-group.has-error input,.form-group.has-error textarea{border-color:#c04040}.form-group.has-error .error-message{display:block}.form-actions{text-align:center;margin-top:2rem}.submit-btn{display:inline-block;background:var(--color-sumi);color:var(--color-shironeri);padding:.9rem 3.5rem;border:none;border-radius:4px;font-size:.9rem;font-family:var(--font-gothic);letter-spacing:.15em;cursor:pointer;transition:background var(--transition)}.submit-btn:hover{background:var(--color-matcha)}.site-footer{background:var(--color-sumi);color:var(--color-shironeri);padding:3.5rem 1.5rem 2rem;margin-top:auto;font-family:var(--font-gothic)}.footer-inner{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.footer-info .footer-temple-name{font-family:var(--font-main);font-size:1.15rem;letter-spacing:.18em;margin-bottom:.6rem}.footer-info address{font-style:normal;font-size:.8rem;color:var(--color-hai);line-height:1.9}.footer-info .footer-phone{display:block;margin-top:.5rem;font-size:1rem;color:var(--color-shironeri);letter-spacing:.05em}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-nav a{color:var(--color-hai);font-size:.8rem;letter-spacing:.05em;transition:color var(--transition)}.footer-nav a:hover{color:var(--color-kincha)}.footer-sns{display:flex;gap:1rem;margin-top:.8rem}.footer-sns a{color:var(--color-hai);font-size:.85rem;transition:color var(--transition)}.footer-sns a:hover{color:var(--color-kincha)}.footer-bottom{text-align:center}.footer-bottom .copyright{font-size:.7rem;color:var(--color-hai)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:var(--color-sumi);color:var(--color-shironeri);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition),background var(--transition);z-index:90;box-shadow:0 2px 8px #0003}.back-to-top.is-visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--color-matcha)}@media(max-width:1200px){.banner-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hamburger{display:block}.global-nav{position:fixed;inset:0;background:#2c2c2cf7;display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:transform var(--transition);z-index:105}.global-nav.is-open{transform:translate(0)}.global-nav ul{flex-direction:column;align-items:center;gap:2rem}.global-nav a{font-size:1.1rem}.hero{height:55vh;min-height:320px}.hero-content h1{font-size:1.8rem;letter-spacing:.2em}.hero-content .tagline{font-size:.9rem}.page-header{padding:2.5rem 1.5rem 2rem}.page-header h1{font-size:1.4rem}.section{padding:3.5rem 1.5rem}.section-title{font-size:1.3rem}.banner-grid{grid-template-columns:repeat(2,1fr)}.banner-card{aspect-ratio:1 / 1}.facility-grid,.access-grid{grid-template-columns:1fr}.access-map-full{height:280px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-nav ul{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.hero-content h1{font-size:1.45rem;letter-spacing:.15em}.banner-grid{grid-template-columns:1fr 1fr;gap:.6rem}.banner-card{aspect-ratio:3 / 4}.banner-card-overlay h3{font-size:.85rem}.card-grid{grid-template-columns:1fr}.news-list li{flex-wrap:wrap;gap:.3rem .8rem}.news-title{width:100%}.events-table th,.events-table td{padding:.6rem .7rem;font-size:.82rem}}