@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html

/* ============================
   制作実例：ジャンルラベルのホバー表示
   ============================ */

/* 初期状態（非表示 & 少し下） */
.p-postList__item .c-postThumb__cat {
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.9s ease-out,
    transform 0.9s ease-out;
  pointer-events: none;
}

/* ホバーしたらふわっと表示 */
.p-postList__item:hover .c-postThumb__cat {
  opacity: 1;
  transform: translateY(0);
}