@charset "Shift_JIS";
/* デザイン幅 248pt を基準に、カラム幅(cqw)で文字・余白を追従させる */
/* 他ページ(JRA共通ヘッダー・フッター等)と衝突しないよう、全てのクラス/IDに pw26- を付け、素の要素指定は :where(.pw26) 配下に限定している */
body{margin:0}
:where(.pw26),:where(.pw26) *,:where(.pw26) *::before,:where(.pw26) *::after{box-sizing:border-box}
.pw26{color:#000;background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.5;text-align:left}
:where(.pw26) img{display:block;width:100%;height:auto;border:0}
:where(.pw26) :is(h1,h2,h3,p,ul){margin:0;padding:0}
:where(.pw26) ul{list-style:none}
.pw26-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 共通カラム: SPは画面幅いっぱい、PCは同じ並びのまま拡大 */
.pw26-col{width:100%;max-width:1024px;margin:0 auto;container-type:inline-size}

/* 黄色エリア(馬蹄柄背景) */
.pw26-main{--gut:16px;--col:min(100cqw,1024px);--kvz:1;padding-inline:var(--gut);position:relative;isolation:isolate;background:#feec9f;container-type:inline-size}
/* 馬蹄柄: デザインの背景(KV下の空白より下の全高)を、横だけ1周期(506px @4x)で繰り返す。縦は繰り返さず高さに合わせて伸縮(ずれ防止) */
.pw26-main::before{content:"";position:absolute;left:0;right:0;bottom:0;top:calc(var(--col)*97.5/248*var(--kvz));z-index:-1;background:url(../img/bg-tile.webp) repeat-x;background-size:calc(var(--col)*.51008) 100%;background-position:calc(var(--gut) + (100cqw - var(--col))/2) 0}
.pw26-main::after{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--col)*97.5/248 - 3px);z-index:-1;background:url(../img/bg-top.webp) repeat-x;background-size:calc(var(--col)*.51008) auto;background-position:calc(var(--gut) + (100cqw - var(--col))/2) 0}
.pw26-main{overflow-x:clip}
.pw26-sec{position:relative}

/* 注意書き(デザイン上 16pt 分の高さ) */
.pw26-notes-top{position:relative;padding-top:6.45cqw}
.pw26-notes-top p{position:absolute;left:5.8cqw;right:5.8cqw;top:0;font-size:1.75cqw;line-height:1.55}
@supports not (font-size:1cqw){.pw26-notes-top p{font-size:1.75vw}}

/* アプリ: 3分割(DL / 手順 / バナー)。ストアバッジ上のリンク領域はデザイン座標 → % */
.pw26-app__dl{position:relative;display:flow-root}
.pw26-app .pw26-store{position:absolute;display:block;top:calc(17 / 94.5 * 100%);height:calc(17 / 94.5 * 100%)}
.pw26-store--ios{left:calc((120.5 - 13.67) / 220.67 * 100%);width:calc(45 / 220.67 * 100%)}
.pw26-store--android{left:calc((171 - 13.67) / 220.67 * 100%);width:calc(52 / 220.67 * 100%)}
.pw26-app__banner{display:block;margin:calc(1.21cqw + 1.075%) 0 5.24cqw 0;width:100%}
@supports not (font-size:1cqw){.pw26-app__banner{margin:calc(1.2vw + 1.075%) 0 5.2vw 0}}

/* アクセス(白背景) */
.pw26-access{background:#fff;padding-inline:16px}
.pw26-access .pw26-col{padding:0}
.pw26-access h2{padding-top:7.66cqw}
.pw26-access__body,.pw26-access__foot{padding:0 0cqw}
.pw26-access__body{padding-top:2.4cqw;font-size:3cqw;line-height:1.6}
.pw26-access h3{font-size:3.1cqw;font-weight:700;margin:0 0 1.2cqw}
.pw26-access h3:not(:first-child){margin-top:3cqw}
.pw26-bus li{margin-bottom:1.6cqw}
.pw26-bus strong{display:block;font-weight:900}
.pw26-bus span{display:block;padding-left:1em;font-size:2.7cqw}
.pw26-note{font-size:2cqw;line-height:1.6;color:#111}
.pw26-car{font-weight:900}
.pw26-map{}
.pw26-access__foot{padding-top:4cqw;padding-bottom:6cqw}
.pw26-lead{font-size:2.7cqw;font-weight:900;margin-bottom:2.4cqw}
.pw26-lead span{display:block}
.pw26-lead a{color:#000;text-decoration:none}
@supports not (font-size:1cqw){.pw26-access__body{font-size:3vw}}

/* 上部: ロゴ + シェアボタン(参考: jra-pwniigata.jp/event2025) */
.pw26-sns{background:#000;padding:.25em}
.pw26-sns__inner{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}
.pw26-sns__logo{flex-basis:20%;max-width:120px;display:block}
.pw26-sns__share{display:flex;align-items:center;gap:8px}
.pw26-share{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:3px;color:#fff;font-size:12px;font-weight:700;line-height:1;text-decoration:none;font-family:Helvetica,Arial,sans-serif}
.pw26-share--x{background:#0f1419}
.pw26-share--fb{background:#1877f2}
.pw26-sns a,.pw26-bottom a{transition:opacity .3s}
.pw26-sns a:hover,.pw26-bottom a:hover{opacity:.6}

/* 下部: 黒帯(バナー4つ + コピーライト) */
.pw26-bottom{background:#000;color:#fff;text-align:center;padding:2em;margin-top:1em}
.pw26-bottom__inner{max-width:960px;margin:0 auto}
.pw26-bnr{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 0 1em}
.pw26-bnr li{flex-basis:48%;margin:0 0 1em}
.pw26-copyright{font-size:12px;margin:0}

@media screen and (min-width:48em){
  .pw26-sns__logo{flex-basis:8%}
  .pw26-lead span{display:inline-block;margin:0 .75em 0 0}
  .pw26-bottom{margin-top:2em}
  .pw26-bnr{flex-flow:row nowrap;margin:0 0 2em}
  .pw26-bnr li{flex-basis:22%;margin:0}
}

/* PC: メインビジュアルを1.3倍に拡大(カラムからはみ出して中央揃え) */
@media screen and (min-width:48em){
  .pw26-main{--kvz:1.3;--gut:24px}
  .pw26-access{padding-inline:24px}
  .pw26-kv{width:min(130%,100vw);margin-left:50%;transform:translateX(-50%)}
}

/* [TOP]ボタン: 300px以上スクロールで表示 */
.pw26-pagetop{position:fixed;right:12px;bottom:12px;z-index:500;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.85);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;font-size:10px;font-weight:700;line-height:1;font-family:Helvetica,Arial,sans-serif;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .3s,visibility .3s}
.pw26-pagetop.is-show{opacity:1;visibility:visible;transform:none}
.pw26-pagetop:hover{background:#000}
@media screen and (min-width:48em){.pw26-pagetop{right:24px;bottom:24px;width:60px;height:60px;font-size:11px}}
@media (prefers-reduced-motion:reduce){.pw26-pagetop{transition:none}}

/* 画像は内容ぎりぎりに切り詰め済み。デザイン上の余白は%(=カラム幅比)のmarginで再現 */
.pw26-sec{display:flow-root}
.pw26-t-family{margin:1.142% 0 0.874% 0;width:100%}
.pw26-t-guest1{margin:1.210% 0 1.008% 0;width:100%}
.pw26-t-enjoy1{margin:1.008% 0 1.142% 0;width:100%}
.pw26-t-guest2{margin:1.008% 0 0.739% 0;width:100%}
.pw26-t-enjoy2{margin:1.075% 0 0.941% 0;width:100%}
.pw26-t-horse{margin:0.605% 0 1.008% 0;width:100%}
.pw26-t-appdl{margin:1.008% 0 0.000% 0;width:100%}
.pw26-t-appsteps{margin:0.000% 0 1.075% 0;width:100%}
.pw26-t-head{margin:0.067% 0 0.538% 0;width:100%}
.pw26-t-map{margin:calc(4cqw + 1.344%) 0 0.941% 0;width:100%}
.pw26-kv{margin-top:calc(11.425% * var(--kvz));margin-bottom:calc(2.016% * var(--kvz))}