/* WP 版で足した CSS（Studio の CSS は studio.css・要素ごとの <style> にそのまま入っている） */

/* 「もっと見る」で出す前の項目（Studio の display 指定より強くする） */
[data-ks-item][hidden] { display: none !important; }

/* ページ移動のフェード。Studio（Nuxt の page transition）は
   旧ページ: 0.3s cubic-bezier(.4,.4,0,1) で消える／新ページ: 0.6s 同曲線で現れる。新ページは旧ページの下に置かれるため、
   旧ページが消える 0.3s までは見えず、その時点で不透明度 0.91 から 1 になる（実測）。それを複数ページ間の View Transition で再現 */
@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: .6s; }
::view-transition-old(root) { animation: ks-vt-out .3s cubic-bezier(.4,.4,0,1) both; mix-blend-mode: normal; }
::view-transition-new(root) { animation: ks-vt-in .6s linear both; mix-blend-mode: normal; }
@keyframes ks-vt-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes ks-vt-in {
	0% { opacity: 0; } 49.9% { opacity: 0; }
	50% { opacity: .912; } 60% { opacity: .952; } 70% { opacity: .976; } 80% { opacity: .99; } 90% { opacity: .998; } 100% { opacity: 1; }
}