/* ============================================================
   UIJAN TOP 2026
============================================================ */
:root{--uijan-ink:#11161a;--uijan-muted:#718079;--uijan-green:#006b4f;--uijan-green-dark:#00513d;--uijan-line:#e8eeeb;--uijan-soft:#f4f7f5;--uijan-white:#fff;--uijan-shell:1180px}
body.home{margin:0;background:#fff;color:var(--uijan-ink);font-family:"Noto Sans JP",sans-serif}
body.home .site-header,body.home .site-footer,body.home .mobile-menu,body.home .uijan-home{box-sizing:border-box}
body.home .site-header{position:relative;z-index:30;height:68px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--uijan-line)}
body.home .header-inner,body.home .footer-inner{width:min(var(--uijan-shell),calc(100% - 80px));height:100%;margin:0 auto;display:flex;align-items:center}
body.home .site-logo,body.home .footer-logo{color:var(--uijan-ink);font-weight:700;font-size:20px;line-height:1;letter-spacing:.22em;text-decoration:none}
body.home .global-nav{display:flex;gap:30px;margin-left:48px}
body.home .global-nav a,body.home .footer-nav a{color:#273039;font-size:11px;letter-spacing:.04em;text-decoration:none}
body.home .dangan-link{margin-left:auto;display:inline-flex;align-items:center;gap:10px;color:#273039;font-size:11px;text-decoration:none}
body.home .hamburger,body.home .mobile-menu{display:none}
.uijan-shell{width:min(var(--uijan-shell),calc(100% - 96px));margin:0 auto}
.uijan-home{position:relative;overflow:hidden;background:#fff}
.uijan-hero{position:relative;min-height:505px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--uijan-line);isolation:isolate}
.uijan-hero--with-image::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 44%,rgba(255,255,255,.18) 100%),var(--uijan-hero-image);background-position:center;background-size:cover;z-index:-1}
.uijan-hero-inner{min-height:505px;display:flex;align-items:center;justify-content:space-between;position:relative}
.uijan-hero-copy{padding:80px 0 72px}
.uijan-hero-brand{margin:0 0 22px;font-size:clamp(64px,7vw,104px);line-height:.95;font-weight:700;letter-spacing:.24em}
.uijan-hero h1{margin:0;font-size:clamp(20px,2vw,28px);line-height:1.8;font-weight:500;letter-spacing:.08em}
.uijan-accent-line{display:block;width:34px;height:2px;margin-top:32px;background:var(--uijan-green)}
.uijan-hero-script{margin:0 7% 0 0;color:var(--uijan-green);font-family:"Allura",cursive;font-size:clamp(54px,6vw,82px);line-height:1;transform:rotate(-4deg)}
.uijan-main{position:relative}
.uijan-home.has-guide-line .uijan-main::before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:max(22px,calc((100vw - var(--uijan-shell))/2 + 18px));width:1px;background:linear-gradient(to bottom,transparent 0,rgba(0,107,79,.11) 6%,rgba(0,107,79,.11) 94%,transparent 100%);pointer-events:none}
.uijan-section{position:relative;z-index:1;border-bottom:1px solid var(--uijan-line);background:rgba(255,255,255,.98)}
.uijan-section-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:64px;align-items:start}
.uijan-tournament{padding:150px 0 155px}.uijan-events,.uijan-learn{padding:150px 0 145px}.uijan-journal{padding:165px 0 155px}.uijan-about{padding:185px 0 190px}
.uijan-section-head{position:relative}.uijan-section-index{display:flex;align-items:center;gap:16px;margin-bottom:28px;color:var(--uijan-green);font-size:11px;letter-spacing:.1em}.uijan-section-index i{width:44px;height:1px;background:var(--uijan-green);opacity:.7}
.uijan-section-head h2{margin:0;color:var(--uijan-ink);font-size:clamp(34px,3.2vw,48px);line-height:1;font-weight:600;letter-spacing:.02em}.uijan-section-head>p{margin:20px 0 0;color:var(--uijan-green-dark);font-size:17px;font-weight:500;letter-spacing:.12em}
.uijan-primary-button{margin-top:52px;width:fit-content;min-width:190px;min-height:56px;padding:0 28px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;color:#fff;background:var(--uijan-green);border:1px solid var(--uijan-green);border-radius:2px;text-decoration:none;font-size:14px;transition:background .2s ease,transform .2s ease}.uijan-primary-button:hover{background:var(--uijan-green-dark);transform:translateY(-1px)}
.uijan-device-stage{min-height:365px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:12px 28px 0}.uijan-laptop{width:min(650px,84%);position:relative}.uijan-laptop-screen{aspect-ratio:16/9.4;overflow:hidden;background:#fff;border:10px solid #161b1f;border-bottom-width:15px;border-radius:13px 13px 6px 6px;box-shadow:0 20px 45px rgba(22,32,29,.1)}.uijan-laptop-screen>img,.uijan-phone-screen>img{width:100%;height:100%;display:block;object-fit:cover}.uijan-laptop-base{width:108%;height:13px;margin-left:-4%;border-radius:0 0 18px 18px;background:linear-gradient(#d7dcda,#aeb5b2);box-shadow:0 7px 10px rgba(20,30,27,.12)}.uijan-phone{width:142px;position:relative;z-index:4;margin-left:-34px;margin-bottom:-10px}.uijan-phone-screen{aspect-ratio:9/18.9;overflow:hidden;background:#fff;border:8px solid #151a1d;border-radius:26px;box-shadow:0 18px 36px rgba(22,32,29,.14)}
.uijan-app-preview{width:100%;height:100%;color:#24312d;background:#fbfcfb;font-family:"Noto Sans JP",sans-serif}.uijan-app-preview--pc{display:grid;grid-template-columns:24% 1fr}.uijan-app-preview--pc aside{padding:18px 14px;display:flex;flex-direction:column;gap:14px;background:#f3f7f5;font-size:10px}.uijan-app-preview--pc aside strong{margin-bottom:10px;letter-spacing:.16em}.uijan-app-preview--pc aside span:first-of-type{padding:8px;color:#fff;background:var(--uijan-green);border-radius:3px}.uijan-preview-main{padding:25px 26px;display:flex;flex-direction:column;gap:8px}.uijan-preview-main>b{font-size:20px}.uijan-preview-main>small{color:#81908a}.uijan-preview-stats{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7ece9;background:#fff}.uijan-preview-stats span{padding:14px;display:flex;flex-direction:column;gap:4px;font-size:9px}.uijan-preview-stats strong{font-size:15px}.uijan-preview-lines{margin-top:14px;display:grid;gap:8px}.uijan-preview-lines i{height:8px;border-radius:4px;background:#e8eeeb}.uijan-app-preview--phone{padding:18px 11px;display:flex;flex-direction:column;gap:9px;font-size:9px}.uijan-app-preview--phone>strong{text-align:center;letter-spacing:.16em;font-size:10px}.uijan-app-preview--phone>b{margin-top:10px;font-size:12px}.uijan-app-preview--phone>em{width:fit-content;padding:3px 7px;color:#fff;background:var(--uijan-green);border-radius:2px;font-style:normal}.uijan-app-preview--phone button{margin:7px 0 3px;padding:9px 4px;color:#fff;border:0;border-radius:2px;background:var(--uijan-green);font-size:9px}.uijan-app-preview--phone>span{padding:8px 2px;border-bottom:1px solid #e8eeeb}
.uijan-section-content{min-width:0}.uijan-card-media{position:relative;display:block;overflow:hidden;background:var(--uijan-soft);text-decoration:none}.uijan-card-image,.uijan-noimage{width:100%;height:100%;object-fit:cover;display:block}.uijan-noimage{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a9b3ae;background:linear-gradient(135deg,#f5f7f6,#eef2f0);font-size:11px;letter-spacing:.16em}.uijan-noimage-icon{width:34px;height:28px;display:block;border:2px solid #b8c2bd;border-radius:3px;position:relative}.uijan-noimage-icon::before,.uijan-noimage-icon::after{content:"";position:absolute;bottom:5px;width:13px;height:13px;background:#b8c2bd;transform:rotate(45deg)}.uijan-noimage-icon::before{left:5px}.uijan-noimage-icon::after{right:3px;width:9px;height:9px;opacity:.75}
.uijan-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 9px;border-radius:2px;font-size:10px;line-height:1;letter-spacing:.04em}.uijan-badge--pickup,.uijan-badge--new{color:#fff;background:var(--uijan-green)}.uijan-badge--pickup{position:absolute;top:12px;left:12px}.uijan-badge--recommend{color:var(--uijan-green-dark);background:#ddf2e9}.uijan-card-arrow{color:var(--uijan-ink);text-decoration:none;font-size:20px}
.uijan-events-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.uijan-event-card{min-width:0;position:relative;padding-bottom:28px}.uijan-event-card .uijan-card-media{aspect-ratio:1.62/1;margin-bottom:17px}.uijan-event-card .uijan-noimage{min-height:100%}.uijan-event-meta{display:flex;gap:12px;color:#718079;font-size:11px;letter-spacing:.04em}.uijan-event-card h3{margin:12px 36px 0 0;font-size:16px;line-height:1.55}.uijan-event-card h3 a{color:inherit;text-decoration:none}.uijan-location{margin:12px 0 0;display:flex;align-items:center;gap:8px;color:#7a8580;font-size:11px}.uijan-location span{color:var(--uijan-green);font-size:8px}.uijan-event-card .uijan-card-arrow{position:absolute;right:4px;bottom:36px}.uijan-section-more{margin-top:56px;display:flex;justify-content:flex-end}.uijan-section-more a,.uijan-text-link{min-width:250px;padding:15px 0 13px;display:inline-flex;justify-content:space-between;gap:28px;color:var(--uijan-green-dark);border-bottom:1px solid var(--uijan-green);text-decoration:none;font-size:12px;letter-spacing:.08em}
.uijan-learn-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:42px}.uijan-learn-featured{position:relative;min-width:0}.uijan-learn-featured .uijan-card-media{aspect-ratio:1.8/1}.uijan-learn-featured .uijan-noimage{min-height:100%}.uijan-learn-featured .uijan-badge{margin-top:16px}.uijan-learn-featured h3{margin:10px 48px 0 0;font-size:18px;line-height:1.6}.uijan-learn-featured h3 a{color:inherit;text-decoration:none}.uijan-learn-featured .uijan-card-arrow{position:absolute;right:4px;bottom:3px}.uijan-learn-list{border-top:1px solid var(--uijan-line)}.uijan-learn-list article{min-height:88px;display:grid;grid-template-columns:104px 1fr 24px;gap:18px;align-items:center;border-bottom:1px solid var(--uijan-line)}.uijan-learn-thumb{height:64px;overflow:hidden;display:block;background:var(--uijan-soft)}.uijan-learn-thumb .uijan-noimage{min-height:64px;gap:3px;font-size:0}.uijan-learn-thumb .uijan-noimage-icon{transform:scale(.62)}.uijan-learn-list h3{margin:0;font-size:14px;line-height:1.55;font-weight:500}.uijan-learn-list h3 a{color:inherit;text-decoration:none}
.uijan-journal-list{border-top:1px solid var(--uijan-line)}.uijan-journal-list article{min-height:76px;display:grid;grid-template-columns:140px 1fr 28px;gap:20px;align-items:center;border-bottom:1px solid var(--uijan-line)}.uijan-journal-list time{color:#718079;font-size:12px}.uijan-journal-title{display:flex;align-items:center;gap:22px;min-width:0}.uijan-journal-title h3{margin:0;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uijan-journal-title h3 a{color:inherit;text-decoration:none}
.uijan-about .uijan-section-grid{grid-template-columns:235px minmax(0,1fr);align-items:center}.uijan-about-copy{padding:34px 4% 24px 5%}.uijan-about-copy>p{max-width:720px;margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(32px,4vw,58px);line-height:1.55;letter-spacing:.04em;font-weight:400}.uijan-about-copy .uijan-text-link{margin-top:48px}
body.home .site-footer{border-top:0;background:#fff}body.home .footer-inner{min-height:118px;display:grid;grid-template-columns:1fr auto 1fr;gap:36px}body.home .footer-brand p{margin:10px 0 0;color:#81908a;font-size:10px}body.home .footer-nav{display:flex;gap:24px;align-items:center}body.home .footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;color:#6e7a75;font-size:10px}body.home .footer-meta a{color:#273039;text-decoration:none}
@media(max-width:980px){body.home .header-inner,body.home .footer-inner,.uijan-shell{width:min(100% - 44px,var(--uijan-shell))}body.home .global-nav,body.home .dangan-link{display:none}body.home .hamburger{margin-left:auto;width:38px;height:38px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0}body.home .hamburger span{display:block;width:100%;height:1px;background:#111;transition:.2s}body.home .hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.home .hamburger.open span:nth-child(2){opacity:0}body.home .hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}body.home .mobile-menu{position:fixed;z-index:25;inset:68px 0 auto;padding:30px 24px 34px;display:none;background:#fff;border-bottom:1px solid var(--uijan-line)}body.home .mobile-menu.open{display:block}body.home .mobile-nav{display:grid;gap:2px}body.home .mobile-nav a{padding:14px 0;color:#111;border-bottom:1px solid var(--uijan-line);text-decoration:none;font-size:13px}body.home .mobile-dangan-link{margin-top:26px;display:block;color:#273039;text-decoration:none;font-size:11px}.uijan-section-grid{grid-template-columns:180px minmax(0,1fr);gap:38px}.uijan-device-stage{padding-right:0}.uijan-phone{width:116px}.uijan-events-grid{grid-template-columns:repeat(2,1fr)}.uijan-events-grid .uijan-event-card:last-child:nth-child(odd){grid-column:1/-1;max-width:50%}.uijan-learn-layout{grid-template-columns:1fr;gap:36px}.uijan-home.has-guide-line .uijan-main::before{left:26px}body.home .footer-inner{grid-template-columns:1fr;padding:34px 0}body.home .footer-nav{flex-wrap:wrap}body.home .footer-meta{align-items:flex-start}}
@media(max-width:680px){body.home .site-header{height:60px}body.home .mobile-menu{inset:60px 0 auto}.uijan-shell{width:calc(100% - 34px)}.uijan-hero,.uijan-hero-inner{min-height:420px}.uijan-hero-inner{align-items:flex-start;flex-direction:column;justify-content:center}.uijan-hero-copy{padding:68px 0 20px}.uijan-hero-brand{font-size:52px;letter-spacing:.16em}.uijan-hero h1{font-size:18px}.uijan-hero-script{margin:0 0 40px auto;font-size:54px}.uijan-home.has-guide-line .uijan-main::before{display:none}.uijan-section{padding:104px 0 110px}.uijan-about{padding:120px 0 130px}.uijan-section-grid,.uijan-about .uijan-section-grid{grid-template-columns:1fr;gap:54px}.uijan-section-head h2{font-size:38px}.uijan-section-head>p{margin-top:14px;font-size:15px}.uijan-primary-button{margin-top:34px}.uijan-device-stage{min-height:260px;padding:0}.uijan-laptop{width:88%;margin-right:auto}.uijan-phone{width:92px;margin-left:-36px}.uijan-events-grid{grid-template-columns:1fr;gap:44px}.uijan-events-grid .uijan-event-card:last-child:nth-child(odd){grid-column:auto;max-width:none}.uijan-section-more{margin-top:44px}.uijan-section-more a{min-width:100%}.uijan-learn-list article{grid-template-columns:84px 1fr 20px;gap:12px}.uijan-journal-list article{grid-template-columns:1fr 24px;gap:8px 12px;padding:18px 0}.uijan-journal-list time{grid-column:1/2}.uijan-journal-title{grid-column:1/2;gap:12px;align-items:flex-start}.uijan-journal-title h3{white-space:normal;overflow:visible}.uijan-journal-list .uijan-card-arrow{grid-column:2;grid-row:1/3}.uijan-about-copy{padding:0}.uijan-about-copy>p{font-size:34px}body.home .footer-nav{gap:16px 22px}}