/* stage-1 補正: テーマJS(WebFontLoader/basicScroll/common.js)を載せない間の reveal 補正。
   現行は JS が各要素を visibility:hidden→visible でスクロール表示する。静的再現のため一括 reveal。
   display:none の loading 演出等は隠れたまま。parallax/Swiper の正確な配置は W-21(JSロード)で対応。
   W-17: body 背景の白強制を撤廃し、ライブ同様のダーク下地（where.css の body{background-color:#272727}）に委ねる。 */
/* フォント: W-75 で /academy LP と同じ FONTPLUS（和文=たづがね角ゴシック StdN／
   欧文=Helvetica Now Text）に統一。変数の定義は fontplus-vars.css。
   !important は where.css 側の個別指定より前に body の既定を決めるためのもので、
   ウェイト別ファミリー（--font-m/--font-b）を使う要素は where.css 側が上書きする。
   そのため body だけ !important を外し、フォーム要素のみ従来どおり強制する。 */
body {
  font-family: var(--font-r);
}
button,
input,
select,
textarea {
  font-family: var(--font-r) !important;
}
html { visibility: visible !important; }
html body * { visibility: visible !important; }
/* ↑の一括 visible が odometer の桁スペーサー（本来 visibility:hidden で幅確保用）まで見せ、
   ローディングのカウント数字が二重に重なって見える不具合の打ち消し（クラス指定で詳細度を上げ勝たせる）。 */
.odometer-digit-spacer { visibility: hidden !important; }

/* W-75: 左端の縦組み SNS リンクが項目同士くっついて読めない問題の補正。
   元 CSS は帯の長さを width:calc(200 / 1280 * 100vw) の可変にしたうえで
   ul{justify-content:space-between} で4項目を散らす作りだが、680〜1280px では
   帯（例: 710px 幅なら 111px）がテキスト総長（本番 145px）より短く、隙間が 0 になって
   「LINETwitterfacebookInstagram」と繋がって見えていた（本番でも同じ・W-75 で計測）。
   フォントを FONTPLUS に変えるとテキストが約 200px に伸びるため、さらに目立つ。
   帯を内容ぶんだけ伸ばし、項目間の隙間を固定して、どの幅でも同じリズムで並ぶようにする。 */
.top-sns-link-list-rotate,
.top-sns-link-list-rotate-sp {
  /* auto だとブロック要素として親幅いっぱいに伸び、回転後に画面外まで届いてしまう。
     fit-content で内容ぶんの長さに収める。 */
  width: fit-content;
}
.top-sns-link-list-rotate ul,
.top-sns-link-list-rotate-sp ul {
  width: auto;
  justify-content: flex-start;
  gap: 14px;
}