@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
* {
font-family: lores-9-narrow, "DotGothic16","yu-gothic-pr6n", sans-serif;
font-weight: 700;
font-style: normal;
}
html , body {
  margin: 0px;
  height: 100%;

}

:root{
  /* カーソルの“ホットスポット”（画像内のクリック点）をCSS pxで */
  --hot-x: 2;
  --hot-y: 2;
}



::selection {
  background-color: #0016de; /* ハイライト（選択）背景色：濃い青 */
  color: #000000;            /* 選択中文字の色：黒 */
}

/* Firefox用（::selectionだけでは効かないことがある） */
::-moz-selection {
  background-color: #0016de;
  color: #000000;
}

/* ===== Curtain Vars ===== */
:root{
  --tx-blue:#0016de;
  --curtain-dur-open: 160ms;
  --curtain-dur-close:160ms;
}

/* 画面全面を常に覆う（途中で止まる不具合対策：inset:0; fixed） */
#tx-curtain{
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  contain: strict;           /* Safari でもレイアウト安定 */
}

/* 幕（上/下） */
#tx-curtain::before,
#tx-curtain::after{
  content:"";
  position:absolute;
  left:0; width:100%; height:50%;
  background:#000;
  will-change: transform;
  transition: transform var(--curtain-dur-open) cubic-bezier(.22,1,.36,1);
}
#tx-curtain::before{ top:0;    border-bottom:2px solid var(--tx-blue); }
#tx-curtain::after { bottom:0; border-top:   2px solid var(--tx-blue);
  transition-duration: var(--curtain-dur-close); /* 閉じる側は速め */
}

/* 状態 */
body.curtain-closed #tx-curtain::before{ transform: translateY(0); }
body.curtain-closed #tx-curtain::after { transform: translateY(0); }
body.curtain-open   #tx-curtain::before{ transform: translateY(-100%); }
body.curtain-open   #tx-curtain::after { transform: translateY( 100%); }

/* 初期表示を即時オープン状態に固定（チラつき防止） */
body.curtain-inert #tx-curtain::before,
body.curtain-inert #tx-curtain::after{
  transition:none !important;
}
body.curtain-inert #tx-curtain::before{ transform: translateY(-100%) !important; }
body.curtain-inert #tx-curtain::after { transform: translateY( 100%) !important; }




/* ===== Page reveal (内容のフェードインだけ。上下の移動はしない) ===== */
@keyframes txFade{ from{opacity:0} to{opacity:1} }
body.tx-reveal .CENTER,
body.tx-reveal .LEFT,
body.tx-reveal .RIGHT{
  animation: txFade 260ms var(--curtain-ease) both;
}

/* ===== Kill switch（このページでは使わない） ===== */
body.no-curtain .TX-CURTAIN{ display:none !important; }
body[data-curtain="off"] .TX-CURTAIN{ display:none !important; }

/* ===== （重要）旧仕様の完全無効化 ===== */
/* 旧 .TX-UP/.TX-DOWN および旧アニメが残っていても出力させない */
.TX-UP, .TX-DOWN{ display:none !important; }