@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{color:#19352b;background:#f7f8f4;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}header{background:#fff;border-bottom:1px solid #e7ece6;height:72px}.header-inner{justify-content:space-between;align-items:center;max-width:1160px;height:100%;margin:auto;padding:0 26px;display:flex}.logo{color:#17ad6d;letter-spacing:-1px;background:0 0;border:0;align-items:center;gap:5px;font-size:25px;font-weight:800;display:flex}.logo b{color:#1b3e32}.logo small{color:#91a299;letter-spacing:1px;margin:11px 0 0 7px;font-size:8px}.header-inner>div span{color:#8c9e92;font-size:11px}.admin-link{color:#567a61;background:0 0;border:0;margin-left:21px;font-size:11px;font-weight:800}.user-main{max-width:850px;margin:auto;padding:34px 24px 110px}.eyebrow{color:#159d64;letter-spacing:2px;margin:0 0 12px;font-size:10px;font-weight:800}.hero{background:#dff1e5;border-radius:20px;justify-content:space-between;align-items:center;height:285px;display:flex;overflow:hidden}.hero>div{z-index:1;padding:36px}.hero h1{letter-spacing:-1px;margin:0 0 12px;font-size:35px;line-height:1.45}.hero em{color:#199e66;font-style:normal}.hero p:last-child{color:#5b7767;font-size:12px}.hero>span{color:#82c597;background:#c1e4cb;border-radius:100px 0 0;place-items:center;width:35%;height:100%;font-size:180px;line-height:1;display:grid}.list-heading{justify-content:space-between;align-items:end;margin:44px 0 21px;display:flex}.list-heading h2{margin:0;font-size:22px}.list-heading small{color:#9baaa0;font-size:10px;font-weight:800}.event-card{text-align:left;background:#fff;border:1px solid #e7ede5;border-radius:17px;width:100%;margin-bottom:17px;padding:0;display:flex;overflow:hidden;box-shadow:0 5px 20px #2e583308}.event-image{background:#d7e9dc;flex:none;place-items:center;width:39%;min-height:205px;display:grid;position:relative}.event-image.peach{background:#f6e1d5}.event-image>span{color:#81bc91;font-size:117px}.event-image.peach>span{color:#dd9c80}.event-image small{background:#fff;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;bottom:16px;left:17px}.event-copy{flex-direction:column;align-items:start;padding:25px 28px;display:flex}.event-copy small{color:#168e5d;font-size:10px;font-weight:800}.event-copy h3{margin:14px 0 8px;font-size:19px}.event-copy p{color:#7d8c80;margin:0;font-size:12px;line-height:1.8}.event-copy b{color:#169b65;margin-top:auto;padding-top:13px;font-size:11px}nav{z-index:2;background:#fff;border-top:1px solid #e7ece6;justify-content:center;height:69px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#98a69b;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:130px;font-size:11px;font-weight:800;display:flex}nav button span{font-size:24px;line-height:1.15}nav button.active{color:#12ad6a}.back{color:#6d8a73;background:0 0;border:0;margin-bottom:20px;font-size:12px;font-weight:700}.detail-art{color:#87bd96;background:#d7e9dc;border-radius:17px;place-items:center;height:220px;font-size:145px;display:grid}.detail{background:#fff;border-radius:17px;margin-top:17px;padding:30px}.detail h1{margin:0 0 22px;font-size:27px}.facts{border-block:1px solid #eaf0e9;gap:50px;padding:17px 0;display:flex}.facts div,.ticket-details div{flex-direction:column;gap:5px;display:flex}.facts small,.quantity small,.ticket-details small{color:#97a69a;font-size:10px}.facts strong{font-size:12px}.description{color:#748578;margin:23px 0 30px;font-size:12px;line-height:2}.detail h2{font-size:17px}.slot{text-align:left;background:#fff;border:1px solid #e4eae3;border-radius:10px;align-items:center;gap:13px;width:100%;margin:8px 0;padding:15px;display:flex}.slot.chosen{background:#f4fbf6;border:2px solid #15b573;padding:14px}.slot .radio{border:2px solid #b4c2b5;border-radius:50%;width:17px;height:17px}.slot.chosen .radio{border:5px solid #13b473}.slot>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.slot strong{font-size:12px}.slot small{color:#9cad9d;font-size:10px}.slot b{font-size:14px}.quantity{border-bottom:1px solid #eaf0e9;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.quantity>div:first-child{flex-direction:column;gap:5px;font-size:12px;display:flex}.stepper{align-items:center;gap:15px;display:flex}.stepper button{background:#fff;border:1px solid #dce7dd;border-radius:6px;width:28px;height:28px}.stepper b{font-size:13px}.total{justify-content:space-between;align-items:center;padding:23px 0;font-size:12px;display:flex}.total strong{font-size:22px}.primary{color:#fff;background:#12ae6c;border:0;border-radius:8px;padding:13px 20px;font-size:12px;font-weight:800}.full{width:100%;padding:16px}.fine{text-align:center;color:#a0aea2;font-size:10px}.page-heading{margin:10px 0 28px}.page-heading h1{margin:0 0 8px;font-size:28px}.page-heading>p:last-child{color:#8d9e90;font-size:12px}.notice{color:#167e50;background:#e6f7eb;border-radius:9px;margin:16px 0;padding:13px 15px;font-size:12px}.empty{text-align:center;background:#fff;border-radius:17px;padding:55px 15px}.empty span{color:#9bcda9;font-size:65px}.empty h2{font-size:18px}.empty p{color:#91a195;font-size:12px}.ticket{background:#fff;border-radius:16px;margin-bottom:17px;overflow:hidden;box-shadow:0 6px 24px #214c310a}.ticket-top{color:#fff;background:#204438;justify-content:space-between;padding:16px 24px;display:flex}.ticket-top b{font-size:14px}.ticket-top span{color:#20804e;background:#daf7e4;border-radius:18px;padding:5px 9px;font-size:10px;font-weight:800}.ticket-body{padding:26px}.ticket-body h2{margin:0 0 12px;font-size:21px}.ticket-body>p:not(.eyebrow){color:#7c8f80;font-size:12px;line-height:2}.ticket-body hr{border:0;border-top:2px dashed #e3eae2;margin:24px -26px}.ticket-details{gap:50px;margin-bottom:26px;display:flex}.ticket-details strong{font-size:12px}.ticket-body>small{letter-spacing:1px;color:#9daa9f;font-size:10px}.ticket-bottom{background:#f5faf5;padding:18px 26px}.ticket-bottom p{color:#7e9181;font-size:11px;line-height:1.8}.ticket-bottom button{color:#fff;background:#1d4335;border:0;border-radius:7px;width:100%;padding:14px;font-size:12px;font-weight:800}.ticket-bottom.checked{color:#168456;font-size:13px;font-weight:800}.admin-main{max-width:1160px;margin:auto;padding:36px 26px 80px}.admin-heading{justify-content:space-between;align-items:center;display:flex}.admin-heading h1{margin:0;font-size:28px}.admin-heading p:last-child,.panel p{color:#8d9c90;font-size:12px}.panel,.stats>div{background:#fff;border:1px solid #e7ece5;border-radius:13px;margin:17px 0;padding:23px}.panel h2{margin:0 0 16px;font-size:17px}.login{max-width:430px}.login input{margin:16px 0;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stats>div{flex-direction:column;gap:9px;display:flex}.stats small{color:#8e9d90}.stats strong{font-size:28px}.admin-event{border-top:1px solid #edf1ec;flex-direction:column;gap:5px;padding:14px 0;display:flex}.admin-event strong{font-size:13px}.admin-event span,.admin-event small{color:#819185;font-size:11px}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid label{color:#5d7562;font-size:11px;font-weight:700}.form-grid .wide{grid-column:1/-1}input,textarea{color:#19352b;border:1px solid #d9e5da;border-radius:8px;outline-color:#19b172;width:100%;margin-top:6px;padding:10px;display:block}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-top:1px solid #edf1ec;padding:13px 9px}th{color:#8e9c91;font-size:10px}td small{color:#9aaba0;display:block}.table-wrap{overflow:auto}.text-button{color:#159b61;background:0 0;border:0;font-size:11px;font-weight:800}@media (width<=600px){header{height:61px}.header-inner{padding:0 17px}.header-inner>div span{display:none}.user-main{padding:22px 16px 95px}.hero{height:250px}.hero>div{max-width:80%;padding:25px}.hero h1{font-size:27px}.hero p:last-child{font-size:10px}.hero>span{width:25%;font-size:90px}.list-heading{margin-top:35px}.event-card{display:block}.event-image{width:100%;min-height:160px}.event-image>span{font-size:90px}.event-copy{padding:20px}.detail-art{height:175px}.detail{padding:23px}.facts{gap:20px}.admin-main{padding:23px 16px}.admin-heading{align-items:start}.admin-heading .primary{white-space:nowrap;font-size:10px}.stats{gap:7px}.stats>div{padding:12px}.stats strong{font-size:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}