/* DragonAI の演出の棚(DragonAI が作成。外のプログラムは使っていません) */
/* DragonAI の演出の棚(docs/44 §24)。動きを減らす設定の人には動かさない */
.fx-host{position:relative;overflow:hidden}
.fx-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.fx-host>.wrap,.fx-host>.hero-inner,.fx-host>h2,.fx-host>p{position:relative;z-index:2}
.hero.fx-host>.hero-inner{z-index:2}
@media (prefers-reduced-motion:reduce){.fx-layer{display:none}.fx-on *{animation:none!important;transition:none!important}}

.fx-clip{overflow:hidden}
.fx-zoom{animation:fx-zoom 16s ease-in-out infinite alternate}
@keyframes fx-zoom{from{transform:scale(1)}to{transform:scale(calc(1 + var(--fx-k,2) * .04))}}

.fx-rv{opacity:0;transform:translateY(calc(var(--fx-k,2) * 10px));transition:opacity .7s ease,transform .7s ease}
.fx-rv.fx-in{opacity:1;transform:none}