/* njpc202101.co.jp 独自CSS（STUDIOランタイムの代わりに必要な分だけ）。STUDIOのCSSは studio-*.css / pages/*.css */

/* hidden属性を最優先（STUDIOの .sd{display:flex} 等に負けないように） */
[hidden] { display: none !important; }

/* スライドショー: 表示中のスライドを最前面に、直前のスライドをその下に残す（フェードで重なるため） */
[data-type="carousel"] > * { visibility: hidden; z-index: 0; }
[data-type="carousel"] > .is-prev { visibility: visible; z-index: 1; }
[data-type="carousel"] > .is-current { visibility: visible; z-index: 2; }

/* 流れる帯（ティッカー）: 同じ画像のスライドが並び、1枚分ずつ左へ流れ続ける（本番は26秒周期・緩急つき） */
[data-ticker] > * { visibility: visible; animation: njpc-ticker var(--ticker-dur, 26000ms) var(--ticker-ease, linear) infinite; }
@keyframes njpc-ticker { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { [data-ticker] > * { animation: none; } }

/* スマホメニュー（モーダル）: 配置はSTUDIO基本CSS(.design-canvas__modal 等)に任せ、開閉のフェードだけ足す（本番は .4s） */
.modals { position: relative; z-index: 1000; }
.modals .studio-canvas { opacity: 0; transition: opacity .4s cubic-bezier(.4,.4,0,1); }
.modals.is-open .studio-canvas { opacity: 1; }