/* ===================== v15：流れ（白ベース・スクロールに連動させない3案 w1〜w3） ===================== */
/* 文法：地は明るいグレー #f3f4f1（条件・得られるものの白と交互）／写真は表紙・領域と同じ色調／
         数字の差し色は表紙の虹色を濃くした版（白地で読める）／線と点だけ橙／見出し --fs-h2・700 */
.fl13__stops .th{display:none}
html[data-fl^="w"] .fl13{--iris2:linear-gradient(100deg,#0c6b47 0%,#14936b 30%,#2a7fc4 62%,#7253c9 100%);
  height:auto;background:#f3f4f1;color:var(--v6-ink)}
html[data-fl^="w"] .fl13__pin{position:relative;height:auto;overflow:visible;padding:clamp(96px,11vw,150px) var(--L)}
html[data-fl^="w"] .fl13__pin>*:not(.fl13__bg){position:relative;left:auto;right:auto;top:auto;bottom:auto}
html[data-fl^="w"] .fl13__hd{top:auto}
html[data-fl^="w"] .fl13__lead{color:var(--v6-ink2)}
html[data-fl^="w"] .fl13__count{color:var(--v6-ink)}
html[data-fl^="w"] .fl13__count b{background:var(--iris2);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-fl^="w"] .fl13__bg::after{content:none}
html[data-fl^="w"] .fl13__big{display:none}
html[data-fl^="w"] .fl13__stops li{opacity:1}
html[data-fl^="w"] .fl13__stops .d b{color:var(--v6-ink);background:none}
html[data-fl^="w"] .fl13__stops li.fin .d b{background:var(--iris2);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-fl^="w"] .fl13__stops p{color:var(--v6-ink2)}
html[data-fl^="w"] .fl13__rail{background:rgba(20,30,24,.16)}
html[data-fl^="w"] .fl13__fill{background:var(--v6-ink)}
html[data-fl^="w"] .fl13__ticks i{background:#f3f4f1;border-color:var(--v6-ink)}

/* ---------- w1 写真と日程を横に並べる：1画面に収め、画面に入ると写真が順に出て線が引かれる ---------- */
html[data-fl="w1"] .fl13__pin{display:flex;flex-direction:column}
html[data-fl="w1"] .fl13__hd{order:1}
html[data-fl="w1"] .fl13__bg{order:2;position:relative;inset:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:56px}
html[data-fl="w1"] .fl13__bg img{position:relative;inset:auto;aspect-ratio:4/5;height:auto;border-radius:8px;opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
html[data-fl="w1"] .fl13.in .fl13__bg img{opacity:1;transform:none}
html[data-fl="w1"] .fl13.in .fl13__bg img:nth-child(2){transition-delay:.12s}html[data-fl="w1"] .fl13.in .fl13__bg img:nth-child(3){transition-delay:.24s}html[data-fl="w1"] .fl13.in .fl13__bg img:nth-child(4){transition-delay:.36s}html[data-fl="w1"] .fl13.in .fl13__bg img:nth-child(5){transition-delay:.48s}
html[data-fl="w1"] .fl13__rail{order:3;margin:32px 0 0}
html[data-fl="w1"] .fl13__ticks i:nth-child(1){left:10%}html[data-fl="w1"] .fl13__ticks i:nth-child(2){left:30%}html[data-fl="w1"] .fl13__ticks i:nth-child(3){left:50%}html[data-fl="w1"] .fl13__ticks i:nth-child(4){left:70%}html[data-fl="w1"] .fl13__ticks i:nth-child(5){left:90%}
html[data-fl="w1"] .fl13__ticks i:nth-child(5){background:var(--c3);border-color:var(--c3)}
html[data-fl="w1"] .fl13__fill{transform:scaleX(0);transition:transform 2s var(--ease) .5s}
html[data-fl="w1"] .fl13.in .fl13__fill{transform:scaleX(1)}
html[data-fl="w1"] .fl13__today{left:calc(10% + var(--today,0) * 80%)}
html[data-fl="w1"] .fl13__track{order:4;margin-top:28px}
html[data-fl="w1"] .fl13__stops{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
html[data-fl="w1"] .fl13__stops .d b{font-size:clamp(36px,3.4vw,52px)}
html[data-fl="w1"] .fl13__stops h3{margin-top:14px}
html[data-fl="w1"] .fl13__stops p{margin-top:6px;font-size:14px}
@media (max-width:900px){
  html[data-fl^="w"] .fl13__pin{padding:72px var(--L)}
  html[data-fl="w1"] .fl13__bg{grid-template-columns:repeat(5,62vw);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--L);margin:28px calc(var(--L) * -1) 0;padding:0 var(--L);gap:12px;scrollbar-width:none}
  html[data-fl="w1"] .fl13__bg img{scroll-snap-align:start;aspect-ratio:4/3}
  html[data-fl="w1"] .fl13__rail{display:none}
  html[data-fl="w1"] .fl13__stops{grid-template-columns:1fr;gap:0}
  html[data-fl="w1"] .fl13__stops li{display:grid;grid-template-columns:92px 1fr;column-gap:14px;border-top:1px solid var(--v6-hair);padding:16px 0}
  html[data-fl="w1"] .fl13__stops .d{grid-row:1/3;flex-direction:column;gap:2px}
  html[data-fl="w1"] .fl13__stops .d b{font-size:30px}
  html[data-fl="w1"] .fl13__stops h3{margin-top:0}
}
/* w1 見直し1：白地では本選の実写だけ沈んで見えるので、少し明るく */
html[data-fl^="w"] .fl13__bg img:nth-child(5),html[data-fl^="w"] .fl13__stops li:nth-child(5) .th{filter:brightness(1.3) contrast(.95)}

/* ---------- w2 日程の表：日付・内容・小さな写真を1行ずつ。画面に入ると、線が引かれて行が順に出る ---------- */
html[data-fl="w2"] .fl13__bg,html[data-fl="w2"] .fl13__rail{display:none}
html[data-fl="w2"] .fl13__track{margin-top:56px}
html[data-fl="w2"] .fl13__stops{border-bottom:1px solid var(--v6-hair)}
html[data-fl="w2"] .fl13__stops li{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) 168px;column-gap:clamp(24px,4vw,64px);align-items:center;padding:20px 0;
  opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--n,0) * .12s + .2s)}
html[data-fl="w2"] .fl13__stops li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--v6-ink);transform-origin:0 50%;transform:scaleX(0);transition:transform 1s var(--ease);transition-delay:calc(var(--n,0) * .12s)}
html[data-fl="w2"] .fl13.in .fl13__stops li{opacity:1;transform:none}
html[data-fl="w2"] .fl13.in .fl13__stops li::before{transform:scaleX(1)}
html[data-fl="w2"] .fl13__stops li:nth-child(2){--n:1}html[data-fl="w2"] .fl13__stops li:nth-child(3){--n:2}html[data-fl="w2"] .fl13__stops li:nth-child(4){--n:3}html[data-fl="w2"] .fl13__stops li:nth-child(5){--n:4}
html[data-fl="w2"] .fl13__stops .th{display:block;grid-column:3;grid-row:1/3;width:168px;aspect-ratio:3/2;object-fit:cover;border-radius:6px;transition:transform .6s var(--ease)}
html[data-fl="w2"] .fl13__stops li:hover .th{transform:scale(1.04)}
html[data-fl="w2"] .fl13__stops .d{grid-column:1;grid-row:1/3}
html[data-fl="w2"] .fl13__stops .d b{font-size:clamp(40px,3.8vw,58px)}
html[data-fl="w2"] .fl13__stops h3{grid-column:2;align-self:end}
html[data-fl="w2"] .fl13__stops p{grid-column:2;align-self:start;margin-top:4px}
html[data-fl="w2"] .fl13__stops li.fin::after{content:"会場は広島";position:absolute;right:calc(168px + clamp(24px,4vw,64px));top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--c3);border-radius:999px;padding:5px 12px}
@media (max-width:900px){
  html[data-fl="w2"] .fl13__track{margin-top:32px}
  html[data-fl="w2"] .fl13__stops li{grid-template-columns:96px minmax(0,1fr) 72px;column-gap:14px;padding:16px 0}
  html[data-fl="w2"] .fl13__stops .th{width:72px;aspect-ratio:1}
  html[data-fl="w2"] .fl13__stops .d{flex-direction:column;gap:2px}
  html[data-fl="w2"] .fl13__stops .d b{font-size:30px}
  html[data-fl="w2"] .fl13__stops .d small{font-size:13px}
  html[data-fl="w2"] .fl13__stops h3{font-size:17px}
  html[data-fl="w2"] .fl13__stops p{font-size:13px}
  html[data-fl="w2"] .fl13__stops li.fin::after{display:none}
}
/* w2 見直し1：日付と内容の間を詰める／「会場は広島」は見出しと重複するので外す */
html[data-fl="w2"] .fl13__stops li{grid-template-columns:240px minmax(0,1fr) 168px}
html[data-fl="w2"] .fl13__stops li.fin::after{content:none}
html[data-fl="w2"] .fl13__stops h3{font-size:clamp(20px,1.7vw,24px)}
@media (max-width:900px){html[data-fl="w2"] .fl13__stops li{grid-template-columns:96px minmax(0,1fr) 72px}}
html[data-fl="w2"] .fl13__stops li{padding:14px 0}
html[data-fl="w2"] .fl13__stops .th{width:150px}
html[data-fl="w2"] .fl13__stops li{grid-template-columns:240px minmax(0,1fr) 150px}

/* ---------- w3 写真が自動で切り替わるタブ：左に大きな写真、右に5つの地点。数秒ごとに次へ（押しても切り替わる） ---------- */
html[data-fl="w3"] .fl13__pin{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);align-items:center}
html[data-fl="w3"] .fl13__hd{grid-column:1/-1;margin-bottom:56px}
html[data-fl="w3"] .fl13__bg{grid-column:1;grid-row:2;position:relative;inset:auto;aspect-ratio:4/3;border-radius:10px;overflow:hidden}
html[data-fl="w3"] .fl13__bg img{transform:scale(1.04)}
html[data-fl="w3"] .fl13__bg img.on{transform:none}
html[data-fl="w3"] .fl13__rail{display:none}
html[data-fl="w3"] .fl13__track{grid-column:2;grid-row:2}
html[data-fl="w3"] .fl13__stops li{position:relative;padding:18px 0 18px;border-top:1px solid var(--v6-hair);cursor:pointer;opacity:.45;transition:opacity .4s}
html[data-fl="w3"] .fl13__stops li:last-child{border-bottom:1px solid var(--v6-hair)}
html[data-fl="w3"] .fl13__stops li.on,html[data-fl="w3"] .fl13__stops li:hover{opacity:1}
html[data-fl="w3"] .fl13__stops li::after{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--c3);transform-origin:0 50%;transform:scaleX(0)}
html[data-fl="w3"] .fl13__stops li.on::after{animation:w3bar var(--dur,4.5s) linear forwards}
@keyframes w3bar{to{transform:scaleX(1)}}
html[data-fl="w3"] .fl13__stops li{display:grid;grid-template-columns:120px 1fr;column-gap:20px;align-items:baseline}
html[data-fl="w3"] .fl13__stops .d b{font-size:30px}
html[data-fl="w3"] .fl13__stops .d small{font-size:13px}
html[data-fl="w3"] .fl13__stops h3{font-size:clamp(18px,1.5vw,21px)}
html[data-fl="w3"] .fl13__stops p{grid-column:2;margin-top:6px;font-size:14px;max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
html[data-fl="w3"] .fl13__stops li.on p{max-height:4em}
@media (max-width:900px){
  html[data-fl="w3"] .fl13__pin{grid-template-columns:1fr}
  html[data-fl="w3"] .fl13__hd{margin-bottom:24px}
  html[data-fl="w3"] .fl13__track{grid-column:1;grid-row:3;margin-top:20px}
  html[data-fl="w3"] .fl13__stops li{grid-template-columns:88px 1fr;column-gap:12px;padding:12px 0}
  html[data-fl="w3"] .fl13__stops .d b{font-size:24px}
}
html.static[data-fl="w3"] .fl13__stops li{opacity:1}
html.static[data-fl="w3"] .fl13__stops p{max-height:none}
html[data-fl="w3"] .fl13__pin{align-items:start} /* w3 見直し1：説明文が開いても写真が上下に動かないように */
@media (max-width:900px){html[data-fl="w2"] .fl13__stops li{grid-template-columns:96px minmax(0,1fr) 72px;padding:16px 0}html[data-fl="w2"] .fl13__stops .th{width:72px}} /* w2 見直し2：PC用の列幅がスマホを上書きしていた */
html[data-fl^="w"] .fl13__today b{color:var(--c3-ink,#b4541a)} /* 淡いグレーの地でも読める濃い橙に */
html[data-fl^="w"] .fl13__today b{font-size:13px;bottom:14px}
html[data-fl^="w"] .fl13__bg img:nth-child(5),html[data-fl^="w"] .fl13__stops li:nth-child(5) .th{filter:brightness(1.18) contrast(1.04);object-position:45% 50%} /* 本選の写真は補正前の実写に差し替え、人が見える明るさに */