/* HIYORI — phones only: the two effects that a mouse brings on by hovering (PC), brought on here by scrolling instead.
   touch-reveal.js marks a photograph with .tr-on while it is in the middle of the screen. PC (a mouse) is not affected. */
@media (max-width:767px) and (hover:none){
  /* TOP, まだ知らない、小千谷の豊かさ: the photograph swells slowly — the same 1.05 and 1.8s as the PC hover — inside its own frame */
  .wo-ph{overflow:hidden!important}
  .wo-ph.tr-on img{transform:scale(1.05)}
  /* 片貝プライベート花火, 花火番付: the PC hover's tilt and lift, a little slower */
  .km-paper{transition:transform 1.6s cubic-bezier(.22,.61,.36,1),box-shadow 1.6s cubic-bezier(.22,.61,.36,1)}
  .km-paper.tr-on{transform:rotate(-1.5deg) scale(1.03);box-shadow:0 50px 80px -40px rgba(40,30,20,.5),0 4px 10px rgba(40,30,20,.1)}
}
@media (prefers-reduced-motion:reduce){.wo-ph.tr-on img,.km-paper.tr-on{transform:none!important;transition:none!important}}