@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@500;600;700&display=swap');
:root{--red:#8d281e;--deep:#381d18;--gold:#dba937;--gold-light:#fff0bd;--ink:#332720;--paper:#fffaf0;--muted:#71665b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.85}.skip{position:absolute;top:-5rem;left:1rem;background:#fff;padding:.7rem;z-index:20}.skip:focus{top:1rem}.site-header{height:76px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);color:white;background:linear-gradient(#25140c99,transparent)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.12em}.brand img{width:38px;height:38px}.site-header nav{display:flex;gap:clamp(14px,3vw,38px)}.site-header nav a,.home{color:inherit;text-decoration:none;font-size:.88rem;font-weight:600}.hero{min-height:min(820px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#3c2317;color:white}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#26150dd9 0%,#392015b3 44%,#30180c35 100%),linear-gradient(0deg,#28140c69,transparent 40%)}.hero-content{position:relative;width:min(690px,90%);margin:86px 0 80px clamp(24px,9vw,150px)}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:.76rem;font-weight:800;letter-spacing:.2em}.app-icon{width:72px;height:72px;object-fit:cover;border-radius:20px;box-shadow:0 5px 24px #1c0e0a66}.hero h1{margin:25px 0 16px;font-family:'Noto Serif JP',serif;font-size:clamp(2.7rem,6.2vw,5.3rem);line-height:1.32;letter-spacing:.04em}.hero h1 em{color:#ffe39a;font-style:normal}.lead{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;line-height:1.8}.availability{margin:24px 0 18px;color:#fff0cb;font-weight:700}.button{display:inline-block;padding:12px 24px;border:1px solid #ffe29a;border-radius:4px;background:var(--gold);color:#321d12;text-decoration:none;font-weight:800}.hero-tag{position:absolute;right:clamp(20px,5vw,80px);bottom:35px;color:#fff2d5;font-size:.87rem}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.intro{padding:88px 0;background:#fff}.intro .wrap{max-width:850px}.intro h2,.section-title h2,.availability-section h2{font-family:'Noto Serif JP',serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.45;margin:0 0 20px}.intro p:not(.eyebrow){font-size:1.08rem;color:#55483c}.caution{padding:15px 20px;border-left:4px solid var(--gold);background:#fff8e7;font-size:.92rem!important}.features{padding:94px 0;background:linear-gradient(140deg,#fff8e6,#f7e8c9)}.section-title{margin:0 auto 44px;text-align:center;max-width:760px}.section-title p:last-child{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{position:relative;min-height:210px;padding:28px;border:1px solid #ead5a7;border-radius:12px;background:#fffdf8;box-shadow:0 10px 28px #63350e0c}.feature-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f6e5bb;color:var(--red);font-weight:800}.feature-grid h3{margin:15px 0 8px;color:var(--red);font-size:1.18rem}.feature-grid p{margin:0;color:#63584d;font-size:.94rem}.screens{padding:96px 0;background:#fff}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.screen-grid figure{margin:0;padding:12px;border:1px solid #eee0c8;border-radius:16px;background:#fffaf1;box-shadow:0 12px 32px #42231210}.screen-grid img{display:block;width:100%;height:auto;border-radius:9px;background:#1e1a13}.screen-grid figcaption{padding:12px 6px 3px;text-align:center;color:#5e5044;font-size:.9rem;font-weight:600}.shichifukujin{padding:70px 0;background:#761f19;color:#fff7df;overflow:hidden}.shichi-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.shichi-layout h2{font-family:'Noto Serif JP',serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.5}.shichi-layout p:not(.eyebrow){max-width:540px;color:#f5e4c5}.shichi-layout img{width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 20px 25px #210b0b55)}.availability-section{padding:90px 0;text-align:center;background:#fff5dc}.availability-section>.wrap{max-width:850px}.availability-section>div>p:not(.eyebrow){color:#65594a}.app-facts{display:flex;justify-content:center;gap:14px;margin:30px 0}.app-facts div{display:grid;gap:4px;min-width:180px;padding:14px 20px;border-radius:8px;background:#fff}.app-facts span{font-size:.78rem;color:var(--muted)}.policy-link{display:inline-block;margin:22px 10px 0;color:var(--red);font-weight:700}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,80px);background:#2b211a;color:#f6e9ce}footer a{color:inherit;text-decoration:none}footer div{display:flex;gap:24px}footer small{font-size:.78rem;color:#c9bda9}@media(max-width:760px){.site-header{height:66px;padding:0 18px}.site-header nav{gap:12px}.site-header nav a{font-size:.72rem}.home{display:none}.brand{font-size:.82rem}.brand img{width:32px;height:32px}.hero{min-height:760px;min-height:90svh}.hero-bg{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#26150de8,#3920159c 72%,#30180c58),linear-gradient(0deg,#28140c66,transparent 45%)}.hero-content{margin:90px auto 100px}.hero h1{font-size:clamp(2.6rem,11vw,4rem)}.hero-tag{left:22px;right:22px;bottom:22px;font-size:.76rem}.intro,.features,.screens,.availability-section{padding:65px 0}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature-grid article{padding:18px;min-height:220px}.feature-grid h3{font-size:1rem}.feature-grid p{font-size:.86rem}.screen-grid{grid-template-columns:1fr 1fr;gap:12px}.screen-grid figure{padding:8px}.screen-grid figcaption{font-size:.76rem}.shichi-layout{grid-template-columns:1fr;text-align:center}.shichi-layout img{max-height:350px}.app-facts{flex-direction:column}.app-facts div{min-width:0}footer{flex-direction:column;text-align:center}footer div{flex-wrap:wrap;justify-content:center}}@media(max-width:400px){.feature-grid,.screen-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.site-header nav a{font-size:.66rem}}