/* One outbound navigation component shared by the three AAA editions. */
a.aaa-outbound-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:44px;padding:12px 20px;border:1px solid var(--aaa-outbound-color,#075eae);border-radius:4px;background:var(--aaa-outbound-color,#075eae);color:#fff!important;font-size:14px;font-weight:700;line-height:1.6;text-align:center;text-decoration:none!important;overflow-wrap:anywhere}
a.aaa-outbound-button:hover{filter:brightness(.92)}
a.aaa-outbound-button:focus-visible,a[data-aaa-outbound]:focus-visible{outline:3px solid #e79818;outline-offset:3px}
.aaa-outbound-callout{clear:both;margin:28px 0;padding:22px 20px;border:1px solid #dce2e3;background:#f7f9f9;text-align:center}
.aaa-outbound-callout>p{margin:0 0 12px!important;font-size:14px;font-weight:700;line-height:1.6}
.profile-header .aaa-outbound-button,.ks-detail-hero .aaa-outbound-button{margin:12px 0}
.site-profile{--aaa-outbound-color:#087580}.ks-detail{--aaa-outbound-color:#8a2830}
a.aaa-outbound-url{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:719px){.aaa-outbound-callout{margin:20px 0;padding:18px 14px}.aaa-outbound-callout .aaa-outbound-button{width:100%}a.aaa-outbound-button{padding:11px 14px}}

a[data-aaa-outbound]{cursor:pointer}
/* 広告用のリンク(rel=sponsored)の「PR」(2026-11-02)。リンクの文字の前に小さく出す（画像のリンクには出さない＝2026-11-05） */
a.aaa-outbound-pr::before{content:"PR";display:inline-block;margin-right:.5em;padding:0 .4em;border:1px solid currentColor;border-radius:3px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.04em;vertical-align:.1em;white-space:nowrap}
a.aaa-outbound-button.aaa-outbound-pr::before{border-color:rgba(255,255,255,.85)}
/* 2026-11-05 本人「画像の上だけ外す」: 画像・ギャラリーのリンクには「PR」の札を出さない（文字とボタンのリンクの「PR」・rel=sponsored はそのまま） */
a.aaa-outbound-pr-media::before{content:none;display:none}
/* 2026-11-06 本人「PRはボタンにじゃなくてページ上部の方に目立たなく設置するんだよ」: 広告用のリンクがあるページは、ページ上部（パンくずの行の右端）に「PR」を小さく1つ（aaa_pr_notice）。それがあるページでは、ボタン・文字のリンクの「PR」の札を出さない（rel=sponsored はそのまま）。上部の「PR」をまだ置いていないページは今までどおり */
.aaa-pr-notice{float:right;margin-left:auto;padding-left:1em;font-size:11px;font-weight:400;line-height:inherit;letter-spacing:.04em;color:#8b95a1;white-space:nowrap}
body:has(.aaa-pr-notice) a.aaa-outbound-pr::before{content:none;display:none}
/* 競馬の詳細のパンくず（中央ぞろえ）は、上部の「PR」で文の位置が動かないよう、行の右端に重ねて置く（2026-11-06） */
.detail-breadcrumb{position:relative}
.detail-breadcrumb .aaa-pr-notice{float:none;position:absolute;top:50%;right:0;padding-left:0;transform:translateY(-50%)}
@media(max-width:719px){.detail-breadcrumb .aaa-pr-notice{right:15px}}