/* Horse edition is the master. Keep this file identical across all three sites. */
body #aaa-header:has(.aaa-header-shared){margin-top:0;padding-top:0;border-top:0;background:transparent;box-shadow:none}
body #aaa-header .global:has(.aaa-header-shared){display:block;width:100%;min-width:0;max-width:none;height:auto;min-height:0;margin:0 0 14px;padding:0;border:0;background:none;box-shadow:0 1px 3px #0003}
body #aaa-header .aaa-header-shared{--header-color:#0069d5;--header-edge:#0054aa;--header-light:#ffffff4d;background:var(--header-color);color:#fff;font:13px/1.1 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Mayryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;text-align:left;letter-spacing:0}
body #aaa-header .aaa-header-shared[data-sport=kyotei]{--header-color:#017482;--header-edge:#005963}
body #aaa-header .aaa-header-shared[data-sport=keirin]{--header-color:#852730;--header-edge:#641e27}
body #aaa-header .aaa-header-shared *{box-sizing:border-box}
body #aaa-header .aaa-header-main{display:flex;flex-wrap:wrap;align-items:stretch;width:1000px;max-width:100%;height:80px;margin:0 auto;padding:0}
body #aaa-header .aaa-header-logo{flex:0 0 159px;width:159px;height:80px;margin:0;padding:0;border:0;border-right:1px solid var(--header-edge)}
body #aaa-header .aaa-header-logo>a{display:block;position:relative;width:158px;height:80px;margin:0;padding:0;border:0;color:#fff;text-decoration:none;background:none}
body #aaa-header .aaa-header-logo-label{position:absolute;top:4px;left:50%;width:142px;height:14px;transform:translateX(-50%);color:#fff;font-size:12px;font-weight:700;line-height:14px;text-align:center;white-space:nowrap}
body #aaa-header .aaa-header-logo-art{position:absolute;top:18px;left:50%;width:142px;height:58px;transform:translateX(-50%);background:url(/img/common/aaa-logo-mark.svg?v=20261014) no-repeat center top / 94px auto}
body #aaa-header .aaa-header-logo-art:after{content:"トリプルエー";position:absolute;left:0;right:0;bottom:0;font-size:12px;font-weight:700;text-align:center;letter-spacing:1px}
body #aaa-header .aaa-header-mobile-logo{display:none}
body #aaa-header .aaa-header-menu{flex:0 0 541px;width:541px;height:80px;margin:0;padding:0;border:0;border-right:1px solid var(--header-light)}
body #aaa-header .aaa-header-menu ul{display:flex;width:100%;height:100%;list-style:none;margin:0;padding:0}
body #aaa-header .aaa-header-menu li{flex:1;min-width:0;margin:0;padding:0;border-left:1px solid var(--header-light);border-right:1px solid var(--header-edge)}
body #aaa-header .aaa-header-menu a{display:block;position:relative;width:100%;height:80px;margin:0;padding:40px 0 0;border:0;border-radius:0;background:none;color:#fff;font-family:inherit;line-height:1.25;font-size:13px;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap;letter-spacing:0}
body #aaa-header .aaa-header-menu a:hover{background:#ffffff18}
body #aaa-header .aaa-header-menu a:after{content:"";display:block;position:absolute;left:0;width:100%;background:url(/img/common/icons-glnav.png) no-repeat 50% 0}
body #aaa-header .aaa-header-newly a:after{top:10px;height:22px;background-position:50% 0}
body #aaa-header .aaa-header-weekly a:after{top:8px;height:22px;background-position:50% -22px}
body #aaa-header .aaa-header-record a:after{top:6px;height:26px;background-position:50% -44px}
body #aaa-header .aaa-header-request a:after{top:8px;height:24px;background-position:50% -70px}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search{display:block;position:relative;float:none;flex:0 0 270px;width:270px;height:60px;margin:10px 0 0 30px;padding:0;border:0;order:0}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search label{display:inline-block;position:static;width:auto;height:16px;margin:0 0 6px 28px;padding:2px 0 0 44px;overflow:visible;clip-path:none;background:url(/img/common/icons.png) no-repeat 0 0;color:#fff;font-family:inherit;font-size:14px;font-weight:700;line-height:14px;white-space:nowrap}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input{display:block;appearance:none;box-sizing:border-box;width:100%;height:30px;min-height:0;margin:0;padding:1px 0 0 30px;border:0;border-radius:15px;background:#f7f7f7;box-shadow:1px 1px 1px #0003 inset;color:#555;font-family:inherit;font-size:12px;font-weight:400;line-height:1.4}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input:focus{background:#fff}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input::placeholder{color:#777;opacity:1;font-size:12px;transition:opacity 300ms ease}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input.aaa-search-hint-fade::placeholder{opacity:0}
@media(prefers-reduced-motion:reduce){
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input::placeholder{transition:none}
}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button{display:block;position:absolute;top:28px;left:5px;width:20px;height:20px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;cursor:pointer}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button:after{content:"";display:block;width:16px;height:16px;margin:auto;background:url(/img/common/icons.png) no-repeat 0 -20px}
body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button span{display:none}
body #aaa-header .aaa-header-shared :is(a,button,input):focus-visible{outline:2px solid #fff;outline-offset:-3px}
body #aaa-header .aaa-header-shared :is(input,button):focus-visible,
body #aaa-header .aaa-header-shared .aaa-sister-sites a:focus-visible{outline-color:#27374d}
/* Keep the logo row unframed, with a text cue for keyboard focus. */
body #aaa-header .aaa-header-shared .aaa-header-logo>a:focus{outline:none}
body #aaa-header .aaa-header-logo>a:focus-visible :is(.aaa-header-logo-label,.aaa-header-mobile-logo>span){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
body #aaa-header .aaa-header-shared .aaa-sister-sites{font-family:inherit;font-size:13px;line-height:1.5;letter-spacing:0}
@media(max-width:1059.98px){
 body #aaa-header .aaa-header-main{width:100%;height:144px}
 body #aaa-header .aaa-header-menu{flex:1;width:auto;min-width:0}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search{flex:0 0 calc(100% - 40px);width:calc(100% - 40px);height:44px;margin:10px 20px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search label{display:none}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input{height:44px;min-height:44px;padding:0 10px 0 44px;font-size:16px;border-radius:16px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button{top:0;left:0;width:44px;height:44px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button:after{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}
}
@media(max-width:719px){
 body #aaa-header .aaa-header-main{height:138px;padding-bottom:6px}
 body #aaa-header .aaa-header-logo{flex:0 0 100%;width:100%;height:32px;border:0;box-shadow:0 0 3px #0008}
 body #aaa-header .aaa-header-logo>a{width:100%;height:32px}
 body #aaa-header .aaa-header-logo-label,body #aaa-header .aaa-header-logo-art{display:none}
 body #aaa-header .aaa-header-mobile-logo{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;inset:0;width:100%;height:32px;transform:none}
 body #aaa-header .aaa-header-mobile-logo>span{position:static;width:auto;height:auto;font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap}
 body #aaa-header .aaa-header-mobile-logo>i{display:block;position:static;width:48px;height:23px;background:url(/img/common/aaa-logo-small.svg?v=20261014-small) no-repeat center / contain}
 body #aaa-header .aaa-header-mobile-logo>b{font-size:8px;font-weight:700;line-height:1.3;margin-left:-4px}
 body #aaa-header .aaa-header-menu{flex:0 0 100%;width:100%;height:55px;border:0;border-bottom:1px solid var(--header-edge)}
 body #aaa-header .aaa-header-menu li{height:54px}
 body #aaa-header .aaa-header-menu li:first-child{border-left:0}
 body #aaa-header .aaa-header-menu li:last-child{border-right:0}
 body #aaa-header .aaa-header-menu .aaa-header-weekly,body #aaa-header .aaa-header-newly a span{display:none}
 body #aaa-header .aaa-header-menu a{height:54px;padding-top:28px;font-size:11px;font-weight:400;line-height:1.1}
 body #aaa-header .aaa-header-newly a:after{top:7px;height:16px;background:url(/img/sp/common/icons-glnav.png) no-repeat 50% 0 / 19px auto}
 body #aaa-header .aaa-header-record a:after{top:4px;height:19px;background:url(/img/sp/common/icons-glnav.png) no-repeat 50% -33px / 19px auto}
 body #aaa-header .aaa-header-request a:after{top:5px;height:18px;background-size:19px auto;background-position:50% -51.154px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search{flex:0 0 calc(100% - 30px);width:calc(100% - 30px);height:44px;margin:1px 15px 0;padding:4px 0}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search input{height:36px;min-height:36px;border-radius:8px;padding-left:40px;box-shadow:none}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button{width:40px;height:44px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button:after{width:16px;height:16px;background:none;border:2px solid #75808a;border-radius:50%;box-sizing:border-box;left:17px;top:20px}
 body #aaa-header .aaa-header-shared form#gl-search_sites.aaa-header-search button:before{content:"";position:absolute;left:23px;top:25px;width:7px;height:2px;background:#75808a;transform:rotate(45deg);transform-origin:left center}
}
/* One spacing rule between the shared header and the TOP billboard tabs. */
body:has(#change-board) #aaa-header .global:has(.aaa-header-shared){margin-bottom:0}
body:has(#aaa-header .aaa-header-shared) #aaa-contents:has(#change-board){margin-top:0;padding-top:0}
body:has(#aaa-header .aaa-header-shared) #aaa-contents #main:has(#change-board){padding-top:16px}
@media(min-width:1060px){
 body:has(#aaa-header .aaa-header-shared) #aaa-contents:has(#change-board) #side{margin-top:0;padding-top:32px}
}
@media(max-width:719px){
 body:has(#aaa-header .aaa-header-shared) #aaa-contents #main:has(#change-board){padding-top:10px}
}