/* ======= MENU CSS (カテゴリメニュー用) ======= */

/* 全体リスト */
nav.category-navi ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column; /* 縦並び */
  gap: 0.5rem;
}

/* 各項目 */
nav.category-navi li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
  background-color: #fff;
}

nav.category-navi li:hover {
  background-color: #f0f8ff;
  transform: translateX(4px);
}

/* リンク */
nav.category-navi a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* アイコン部分 */
nav.category-navi a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

/* ===== 背景画像をカテゴリごとに設定 ===== */

.a_animal a   { background-image: url("../img_menu/a_animal.png"); }
.m_food00 a   { background-image: url("../img_menu/m_food00.png"); }
.m_person00 a { background-image: url("../img_menu/m_person00.png"); }
.m_youtien00 a { background-image: url("../img_menu/m_youtien00.png"); }
/* 他カテゴリも同じ形式で追加 */


/* 各カテゴリの背景アイコン */
.m_season00 a { background-image: url("../img_menu/m_season00.png"); }
.m_season01 a { background-image: url("../img_menu/m_season01.png"); }
.m_season02_setubun a { background-image: url("../img_menu/m_season02.png"); }
.m_season02_varentain a { background-image: url("../img_menu/m_season02_heart.png"); }
.m_season03 a { background-image: url("../img_menu/m_season03.png"); }
.m_season03_hinamaturi a { background-image: url("../img_menu/m_season02_h.png"); }
.m_season04 a { background-image: url("../img_menu/m_supring_animal.png"); }
.m_season05 a { background-image: url("../img_menu/m_season05.png"); }
.m_season05_mother_day a { background-image: url("../img_menu/m_season05_02.png"); }
.m_season06 a { background-image: url("../img_menu/m_season06.png"); }
.m_season07 a { background-image: url("../img_menu/m_season07.png"); }
.m_season08 a { background-image: url("../img_menu/m_season08.png"); }
.m_season09 a { background-image: url("../img_menu/m_season09.png"); }
.m_season10 a { background-image: url("../img_menu/m_season10.png"); }
.m_halloween a { background-image: url("../img_menu/m_season10_halloween.png"); }
.m_season11 a { background-image: url("../img_menu/m_season11.png"); }
.m_season12 a { background-image: url("../img_menu/m_season12.png"); }
.m_xmas a { background-image: url("../img_menu/m_season12_xmas.png"); }

.d_design a { background-image: url("../img_menu/d_design.png"); }
.m_robo a { background-image: url("../img_menu/m_robot.png"); }
.a_animal a { background-image: url("../img_menu/a_animal.png"); }
.m_youtien00 a { background-image: url("../img_menu/m_youtien00.png"); }
.m_babe00 a { background-image: url("../img_menu/m_babe00.png"); }
.m_food00 a { background-image: url("../img_menu/m_food00.png"); }
.m_tool00 a { background-image: url("../img_menu/m_tool00.png"); }
.m_instrument a { background-image: url("../img_menu/m_tool_instrument.png"); }
.m_chara_pc a { background-image: url("../img_menu/m_tool_chara01.png"); }
.m_mail a { background-image: url("../img_menu/m_tool_mail.png"); }
.m_person00 a { background-image: url("../img_menu/m_person00.png"); }
.m_play00 a { background-image: url("../img_menu/m_play00.png"); }
.m_hobby00 a { background-image: url("../img_menu/m_hobby00.png"); }
.m_sport00 a { background-image: url("../img_menu/m_sport00.png"); }
.m_school00 a { background-image: url("../img_menu/m_school00.png"); }
.m_norimono00 a { background-image: url("../img_menu/m_norimono00.png"); }
.m_ecology00 a { background-image: url("../img_menu/m_ecology00.png"); }
.m_ecology_tenki a { background-image: url("../img_menu/m_ecology_tenki.png"); }
.m_fish00 a { background-image: url("../img_menu/m_fish00.png"); }
.m_bird00 a { background-image: url("../img_menu/m_bird00.png"); }
.m_musi00 a { background-image: url("../img_menu/m_musi00.png"); }
.m_title00 a { background-image: url("../img_menu/m_title.png"); }
.m_airon00 a { background-image: url("../img_menu/m_airon00.png"); }
.m_nurie00 a { background-image: url("../img_menu/m_nurie.png"); }
.r_round00 a { background-image: url("../img_menu/r_round00.png"); }
.m_line00 a { background-image: url("../img_menu/m_line.png"); }
.m_maze00 a { background-image: url("../img_menu/m_maze.png"); }
.m_wallpaper00 a { background-image: url("../img_menu/m_wall.png"); }
.m_stamp00 a { background-image: url("../img_menu/m_stamp01.png"); }
.m_birthday00 a { background-image: url("../img_menu/m_birthday01.png"); }
.m_etc_01 a { background-image: url("../img_menu/etc_01.png"); }

.s_12_child_snow a { background-image: url("../img_menu/s_12_child_snow.png"); }

/* レスポンシブ対応 */
@media (max-width: 768px) {
  nav.category-navi li::before {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 480px) {
  nav.category-navi li::before {
    width: 20px;
    height: 20px;
  }
}