/* 日進商会：端末の「動きを減らす」設定がオンでも、body に motion-always があれば図解・イラストを動かす。 nissin-c.css の「@media (prefers-reduced-motion:no-preference)」の中身を、そのまま写したものです （nissin-c.css 本体は書き換えていません。:where() を使い、元の指定と強さを同じにしています）。 */ @media (prefers-reduced-motion:reduce){ :where(body.motion-always) .bt-l,:where(body.motion-always) .bt-r{transition:transform 1.1s cubic-bezier(.5,0,.2,1) .3s} :where(body.motion-always) .bt-l{transform:translateX(-48px)} :where(body.motion-always) .bt-r{transform:translateX(48px)} :where(body.motion-always) .bt-venn.in .bt-l,:where(body.motion-always) .bt-venn.in .bt-r{transform:none} :where(body.motion-always) .bt-ov,:where(body.motion-always) .bt-tc,:where(body.motion-always) .bt-tc2{opacity:0;transition:opacity .6s ease 1.3s} :where(body.motion-always) .bt-venn.in .bt-ov,:where(body.motion-always) .bt-venn.in .bt-tc,:where(body.motion-always) .bt-venn.in .bt-tc2{opacity:1} :where(body.motion-always) .bt-venn.in .bt-sig{animation:btSig 1.2s linear infinite} :where(body.motion-always) .gl-fig.in .gl-pnl{animation:glPnl 9s cubic-bezier(.45,0,.4,1) 1s infinite} :where(body.motion-always) .gl-fig.in .gl-wire{animation:glWire 9s cubic-bezier(.45,0,.4,1) 1s infinite} :where(body.motion-always) .gl-fig.in .gl-led{animation:glLed 9s linear 1s infinite} :where(body.motion-always) .gl-fig.in .gl-wv{animation:glWv 9s linear 1s infinite} :where(body.motion-always) .gl-fig.in .gl-bt{animation:glBt 9s ease 1s infinite} :where(body.motion-always) .gl-fig.in .gl-drum{animation:glDrum 9s cubic-bezier(.45,0,.4,1) 1s infinite} :where(body.motion-always) .gl-fig.in .gl-st .s1{animation:glS1 9s linear 1s infinite} :where(body.motion-always) .gl-fig.in .gl-st .s2{animation:glS2 9s linear 1s infinite} :where(body.motion-always) .gl-fig.in .gl-st .s3{animation:glS3 9s linear 1s infinite} :where(body.motion-always) .ill img{animation:illBob 3.6s ease-in-out infinite} :where(body.motion-always) .ill-surprise.in img{animation:illShake .7s ease 1.0s 1,illBob 3.6s ease-in-out 1.7s infinite} :where(body.motion-always) .ill-think img{animation:illTilt 4.2s ease-in-out infinite} :where(body.motion-always) .ill-thumbs img{animation:illHop 2.8s ease-in-out infinite} :where(body.motion-always) .ill-guide img{animation:illSway 3.4s ease-in-out infinite} :where(body.motion-always) .ill-face img{animation:illNod 3.2s ease-in-out infinite} :where(body.motion-always) .ill-bust img{animation:illBreath 4s ease-in-out infinite;transform-origin:50% 100%} :where(body.motion-always) .bnr .gr.gq-wrap::after{transition:background-position .6s} :where(body.motion-always) .bnr:hover .gr.gq-wrap::after{background-position:0 -22px} :where(body.motion-always) .co-slats{animation:coSh 9s ease-in-out infinite} :where(body.motion-always) .bnr .gf i{transition:transform .4s cubic-bezier(.3,1.6,.5,1)} :where(body.motion-always) .bnr:hover .gf i{transform:translateY(-4px)} :where(body.motion-always) .bnr:hover .gf i:nth-child(2){transition-delay:.05s} :where(body.motion-always) .bnr:hover .gf i:nth-child(3){transition-delay:.1s} :where(body.motion-always) .bnr:hover .gf i:nth-child(4){transition-delay:.15s} :where(body.motion-always) .bnr:hover .gf i:nth-child(5){transition-delay:.2s} :where(body.motion-always) .iv-art{clip-path:inset(0 0 100% 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1)} :where(body.motion-always) .iv-qa.in .iv-art{clip-path:inset(0 0 0 0)} :where(body.motion-always) .iv-num{opacity:0;transform:translateY(16px);transition:opacity .6s .5s,transform .8s cubic-bezier(.2,.8,.2,1) .5s} :where(body.motion-always) .iv-kw{opacity:0;transform:translateX(16px);transition:opacity .6s 1s,transform .8s cubic-bezier(.2,.8,.2,1) 1s} :where(body.motion-always) .iv-qa.in .iv-num,:where(body.motion-always) .iv-qa.in .iv-kw{opacity:1;transform:none} :where(body.motion-always) .iv-mk{background-size:0% 100%;transition:background-size 1.2s cubic-bezier(.6,0,.2,1) .9s} :where(body.motion-always) .iv-qa.in .iv-mk{background-size:100% 100%} :where(body.motion-always) .iv-art .dr{stroke-dasharray:1;stroke-dashoffset:1} :where(body.motion-always) .iv-qa.in .dr{animation:ivDraw var(--du,1s) cubic-bezier(.6,0,.2,1) var(--dl,.5s) forwards} :where(body.motion-always) .iv-art .pop{opacity:0;transform:scale(.3)} :where(body.motion-always) .iv-qa.in .pop{animation:ivPop .55s cubic-bezier(.3,1.6,.5,1) var(--dl,.6s) forwards} :where(body.motion-always) .iv-art .fd{opacity:0} :where(body.motion-always) .iv-qa.in .fd{animation:ivFd .6s ease var(--dl,.6s) forwards} :where(body.motion-always) .iv-dot{transform:none} :where(body.motion-always) .iv-qa.in .iv-dot{animation:ivRun 1.4s linear .5s forwards} :where(body.motion-always) .iv-qa.in .iv-ring{animation:ivRing 1.8s ease-out 2s infinite} :where(body.motion-always) .iv-qa.in .iv-bl{animation:ivBl 1.2s ease-in-out infinite} :where(body.motion-always) .iv-qa.in .iv-wr{animation:ivWr 1.6s ease-in-out 1.3s infinite alternate} :where(body.motion-always) .iv-qa.in .iv-pl{animation:ivPl 1.6s ease-in-out 1.6s infinite} :where(body.motion-always) .iv-flow{stroke-dasharray:6 10} :where(body.motion-always) .iv-qa.in .iv-flow{animation:ivFlow 1s linear infinite} :where(body.motion-always) .iv-down{transform:translateY(-134px)} :where(body.motion-always) .iv-qa.in .iv-down{animation:ivDown 1.3s cubic-bezier(.5,0,.3,1.25) .4s forwards} :where(body.motion-always) .iv-qa.in .iv-wob{animation:ivWob 2.2s ease-in-out 2s infinite} :where(body.motion-always) .iv-qa.in .iv-qm{animation:ivQm 2.4s ease-out var(--dl) infinite} :where(body.motion-always) .iv-fix{opacity:0} :where(body.motion-always) .iv-crack{opacity:1} :where(body.motion-always) .iv-mg{opacity:0;transform:translate(60px,134px)} :where(body.motion-always) .iv-qa.in .iv-mg{animation:ivSweep 1.9s cubic-bezier(.5,0,.3,1) .5s forwards} :where(body.motion-always) .iv-qa.in .iv-fl{animation:ivFl 2.4s ease-in-out 2.6s infinite} :where(body.motion-always) .iv-qa.in .iv-crack{animation:ivOut .4s ease 2.3s forwards} :where(body.motion-always) .iv-qa.in .iv-fix{animation:ivFd .5s ease 2.3s forwards} :where(body.motion-always) .iv-flo{opacity:1;transform-box:fill-box;transform-origin:50% 100%} :where(body.motion-always) .iv-ph6{transform:translateY(-34px)} :where(body.motion-always) .iv-flc{transform:scaleY(0)} :where(body.motion-always) .iv-sp{opacity:0} :where(body.motion-always) .iv-qa.in .iv-ph6{animation:ivIn6 .9s cubic-bezier(.6,0,.3,1) .7s forwards} :where(body.motion-always) .iv-qa.in .iv-flo{animation:ivFlo .35s ease-in 1.6s forwards} :where(body.motion-always) .iv-qa.in .iv-flc{animation:ivFlc .4s cubic-bezier(.3,1.4,.5,1) 1.9s forwards} :where(body.motion-always) .iv-qa.in .iv-env{animation:ivEnv 2.6s ease-in-out 2.4s infinite} :where(body.motion-always) .iv-qa.in .iv-sp{animation:ivSp 2.6s ease-in-out 2.4s infinite} :where(body.motion-always) .iv-qa.in .iv-pulse{animation:ivFd .3s ease 2s forwards,ivPulse 1s linear 2s infinite} :where(body.motion-always) .iv-qa.in .iv-bell{animation:ivBell .9s ease-in-out 2.1s 2} :where(body.motion-always) .iv-qa.in .iv-rg{animation:ivRg .9s ease-in-out 2.1s 2} :where(body.motion-always) .ill img{animation:illBob 3.6s ease-in-out infinite} :where(body.motion-always) .ill-surprise.in img{animation:illShake .7s ease 1.0s 1,illBob 3.6s ease-in-out 1.7s infinite} :where(body.motion-always) .ill-think img{animation:illTilt 4.2s ease-in-out infinite} :where(body.motion-always) .ill-thumbs img{animation:illHop 2.8s ease-in-out infinite} :where(body.motion-always) .ill-guide img{animation:illSway 3.4s ease-in-out infinite} :where(body.motion-always) .ill-face img{animation:illNod 3.2s ease-in-out infinite} :where(body.motion-always) .ill-bust img{animation:illBreath 4s ease-in-out infinite;transform-origin:50% 100%} }