@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&display=swap");:root{--text-color-primary:#444;--text-color-accent:#8b4513;--text-color-white:white;--text-color-muted:#999;--text-color-error:red;--font-size-base:clamp(0.85rem,2.5vw,1.15rem);--font-size-hero:4rem;--font-size-h1:2rem;--font-size-h2:1.8rem;--font-size-h3:1.6rem;--font-size-button:clamp(0.85rem,2.5vw,1.15rem);--bg-color-primary:#faf7f2;--bg-color-white:white}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif JP",serif;line-height:1.6;color:var(--text-color-primary);background-color:var(--bg-color-primary);overflow-x:hidden}.container{max-width:900px;margin:0 auto;padding:60px 30px}.hero-section{position:relative;height:100vh;width:100vw;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5dc,#e8dcc0)}.hero-image{object-fit:cover;z-index:1;animation:fadeIn 2s ease-in-out}.hero-image,.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-overlay{background:rgba(0,0,0,.3);z-index:2}.hero-content{position:relative;z-index:3;text-align:center;color:var(--text-color-white)}.hero-names{font-family:Dancing Script,cursive;font-size:var(--font-size-hero);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;animation:textFadeIn 3s ease-in-out 1s forwards}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;color:var(--text-color-white);text-align:center;animation:bounce 2s infinite}.scroll-arrow{font-size:var(--font-size-h1);margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes celebration{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.main-content{background:var(--bg-color-white);padding:60px 50px;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.1);margin-bottom:60px}.greeting{line-height:2.8;text-align:center;margin-bottom:0;font-size:var(--font-size-base);color:var(--text-color-primary)}.greeting p{margin-bottom:20px}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin:40px 0}.photo-item{position:relative;height:300px;border-radius:10px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--text-color-primary);border:2px dashed #ddd}.photo-item img{width:100%;height:100%;object-fit:cover}.event-details{border:2px solid #8b4513;padding:50px 40px;margin-bottom:60px;background:linear-gradient(135deg,#faf7f2,#f5f2e8);border-radius:20px;box-shadow:0 6px 25px rgba(139,69,19,.15)}.event-title{text-align:center;margin-bottom:35px;color:var(--text-color-accent);font-size:var(--font-size-h1);font-weight:700}.event-info{text-align:left;font-size:var(--font-size-base);line-height:1.8;max-width:400px;margin:0 auto;padding-left:60px}.event-info p{margin-bottom:15px}.event-info strong{color:var(--text-color-accent)}.schedule-info{background:var(--bg-color-white);padding:50px 40px 70px;border-radius:20px;box-shadow:0 6px 25px rgba(0,0,0,.1);margin-bottom:60px}.schedule-title{text-align:center;margin-bottom:35px;color:var(--text-color-accent);font-size:var(--font-size-h2);font-weight:700}.schedule-image-container{width:100%;max-width:700px;margin:0 auto;border-radius:15px;overflow:hidden}.schedule-image{width:100%;height:auto;display:block}.access-info{background:var(--bg-color-white);padding:50px 40px;border-radius:20px;box-shadow:0 6px 25px rgba(0,0,0,.1);margin-bottom:60px}.access-title{text-align:center;margin-bottom:35px;color:var(--text-color-accent);font-size:var(--font-size-h2);font-weight:700}.map-container{width:100%;height:350px;border-radius:15px;overflow:hidden;margin-bottom:30px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--text-color-primary);border:2px dashed #ddd;box-shadow:0 4px 15px rgba(0,0,0,.1)}.cta-section{text-align:center;margin-top:60px;margin-bottom:40px}.cta-button{display:inline-block;padding:20px 50px;background:linear-gradient(135deg,#8b4513,#a0522d);color:var(--text-color-white);text-decoration:none;border-radius:35px;font-size:var(--font-size-base);font-weight:600;box-shadow:0 6px 20px rgba(139,69,19,.3);transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,69,19,.4)}@media (max-width:768px){.container{padding:30px 20px}.hero-section{height:100vh}.hero-names{font-size:2.5rem}.main-content{padding:40px 30px;margin-bottom:40px}.event-details{padding:35px 25px;margin-bottom:40px}.event-title{font-size:1.6rem;margin-bottom:25px}.schedule-info{padding:35px 25px;margin-bottom:40px}.schedule-title{font-size:1.5rem;margin-bottom:25px}.access-info{padding:35px 25px;margin-bottom:40px}.access-title{font-size:1.5rem;margin-bottom:25px}.map-container{height:300px;margin-bottom:25px}.photo-gallery{grid-template-columns:1fr}.photo-item{height:250px}.cta-section{margin-top:40px}.cta-button{padding:18px 40px;font-size:var(--font-size-base)}}@media (max-width:480px){.container{padding:20px 15px}.hero-names{font-size:var(--font-size-h1)}.main-content{padding:30px 20px}.event-details{padding:25px 20px}.event-title{font-size:1.4rem}.schedule-info{padding:25px 20px}.schedule-title{font-size:1.3rem}.access-info{padding:25px 20px}.access-title{font-size:1.3rem}.map-container{height:250px}.cta-button{padding:15px 35px;font-size:var(--font-size-base)}}