/*
Theme Name: 東京奄美サンシン会
Version: 1.0.0
Description: シマ唄と三線の会のための、読みやすいレスポンシブテーマ。
Text Domain: sanshinkai
*/
:root{--ink:#163f49;--muted:#58716e;--paper:#fbf9f3;--white:#fff;--red:#aa4235;--line:#dce3da;--soft:#edf1e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.95;letter-spacing:.035em}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b77c23;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;white-space:nowrap}.brand-mark{width:45px;height:45px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-family:serif;font-size:26px}.brand-name{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:22px;letter-spacing:.12em;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:.21em;color:var(--muted)}.nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:600}.nav a{text-decoration:none}.nav a:hover{color:var(--red)}.nav .nav-contact{border:1px solid var(--ink);padding:10px 18px;border-radius:3px}.eyebrow{display:block;font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--red);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;min-height:640px;padding:70px 0}.hero h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(35px,4.5vw,58px);line-height:1.65;letter-spacing:.12em;font-weight:600;margin:20px 0 25px}.hero .lead{max-width:470px;color:var(--muted);font-size:15px}.hero-art{position:relative;max-width:520px;width:100%;aspect-ratio:4/3;justify-self:end;border-radius:6px;background:#dce6df;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.art-caption{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.35em;color:var(--ink)}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.button,button[type=submit]{display:inline-flex;justify-content:center;gap:24px;align-items:center;background:var(--red);color:#fff;padding:14px 26px;border:1px solid var(--red);border-radius:3px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.button:hover,button[type=submit]:hover{background:#8e3329}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.text-link{font-size:13px;font-weight:600}.summary-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:25px}.summary-strip>div+div{border-left:1px solid var(--line);padding-left:30px}.summary-strip small{font-size:11px;color:var(--muted);display:block}.summary-strip strong{font-size:15px;font-weight:600}.section{padding:85px 0}.section-heading{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:32px}h2{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:30px;line-height:1.6;font-weight:600;letter-spacing:.08em;margin:10px 0 18px}h3{font-size:19px;line-height:1.6;margin:10px 0 14px}.section-heading p{max-width:520px;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:32px 28px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.card .number{font-family:Georgia,serif;color:var(--red);font-size:30px;display:block;margin-bottom:22px}.card p{font-size:14px;color:var(--muted);margin-bottom:0}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.schedule-note{background:white;border:1px solid var(--line);border-radius:4px;padding:32px}.label{font-size:11px;display:inline-block;border:1px solid var(--line);padding:2px 10px;color:var(--muted);border-radius:30px}.schedule-note h3{font-family:"Yu Mincho",serif;font-size:23px}.schedule-note p{font-size:14px;color:var(--muted)}.venue{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.venue h3{font-size:22px}.venue p,.venue li{font-size:14px;color:var(--muted)}.access-list{padding-left:1.2em}.cta{text-align:center;background:var(--ink);color:#fff;padding:65px 30px;border-radius:5px}.cta .eyebrow{color:#e8b0a0}.cta p{font-size:14px;color:#dce6df}.cta .actions{justify-content:center}.cta h2{font-size:30px}.site-footer{padding:50px 0 24px;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.copyright{margin-top:35px;font-size:10px;color:var(--muted);letter-spacing:.1em}.page-header{padding:64px 0 44px;border-bottom:1px solid var(--line)}.page-header h1{font-family:"Yu Mincho",serif;font-size:38px;letter-spacing:.1em;margin:10px 0}.breadcrumb{font-size:11px;color:var(--muted)}.page-content{max-width:800px;padding-top:55px;padding-bottom:80px;min-height:45vh}.page-content h2{margin-top:55px;font-size:26px}.page-content h2:first-child{margin-top:0}.page-content p{margin:18px 0}.page-content ul,.page-content ol{padding-left:1.4em}.page-content li{margin:9px 0}.info-table{width:100%;border-collapse:collapse;margin:25px 0;font-size:15px}.info-table th,.info-table td{border-bottom:1px solid var(--line);padding:20px 16px;text-align:left;vertical-align:top}.info-table th{width:25%;font-weight:600;background:var(--soft)}.notice{padding:22px 25px;background:var(--soft);border-left:3px solid var(--red);border-radius:2px;font-size:14px;margin:24px 0}.notice strong{display:block}.small-note{font-size:12px;color:var(--muted)}.visit-form{margin:30px 0}.visit-form fieldset{border:0;margin:0;padding:0}.form-row{margin-bottom:25px}.form-row label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}.required{font-size:10px;color:var(--red);margin-left:8px}.visit-form input:not([type=checkbox]),.visit-form select,.visit-form textarea{width:100%;border:1px solid #a9b9b1;background:#fff;padding:12px 14px;border-radius:3px;color:var(--ink);min-height:50px}.visit-form textarea{min-height:150px;resize:vertical}.visit-form input:disabled,.visit-form textarea:disabled,.visit-form select:disabled{background:#f1f2ed;color:#6d7d75}.visit-form fieldset:disabled button{cursor:not-allowed;background:#617774;border-color:#617774}.checkbox-label{font-size:13px;display:flex;gap:10px;align-items:flex-start}.checkbox-label input{margin-top:8px;width:18px;height:18px}.hp{position:absolute;left:-10000px}.entry-list article{padding:20px 0;border-bottom:1px solid var(--line)}.entry-list h2{font-size:22px}.entry-list time{font-size:12px;color:var(--muted)}@media(max-width:950px){.header-inner{flex-wrap:wrap;justify-content:center;padding:22px 0;gap:18px}.nav{gap:24px}.hero{gap:25px;min-height:540px}.hero h1{font-size:40px}.split{gap:35px}}@media(max-width:650px){.wrap{width:calc(100% - 38px)}.brand-name{font-size:20px}.brand small{font-size:8px}.nav{width:100%;justify-content:center;gap:16px;font-size:11px}.nav .nav-contact{padding:7px 10px}.hero{grid-template-columns:1fr;padding:42px 0 45px;gap:30px}.hero h1{font-size:38px;margin-top:18px}.hero-art{max-width:440px;justify-self:center;order:2}.hero .lead{font-size:14px}.hero .actions{gap:18px}.button{padding:12px 20px}.summary-strip{grid-template-columns:1fr;gap:12px;padding:20px 0}.summary-strip>div+div{border-left:0;padding-left:0}.summary-strip>div{display:flex;gap:18px;align-items:baseline}.summary-strip small{min-width:45px}.section{padding:55px 0}.section-heading{display:block}h2{font-size:27px}.cards,.split{grid-template-columns:1fr}.card{padding:25px}.card .number{margin-bottom:12px}.split{gap:25px}.schedule-note{padding:24px}.footer-main{display:block}.footer-links{margin-top:25px;gap:16px}.cta{padding:40px 20px}.cta h2{font-size:26px}.page-header{padding:35px 0}.page-header h1{font-size:29px}.page-content{padding-top:35px;padding-bottom:55px}.info-table th,.info-table td{padding:14px 10px}.info-table th{width:28%;font-size:13px}.info-table td{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}