@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------------------------------------------
*/
/*お知らせカテゴリー*/
#category-list {
  margin: 100px auto 50px;
  width: 95%;
  max-width: 800px;
  text-align: center;
  font-size: 0.9em; }

#category-list li {
  display: inline-block;
  /* ★1:横並びに配置する */
  line-height: 36px;
  border-radius: 18px;
  width: 140px;
  height: 36px;
  background-color: rgba(77, 77, 77, 0);
  margin: 5px 2px; }

#category-list li a:hover {
  display: inline-block;
  line-height: 36px;
  border-radius: 18px;
  width: 130px;
  height: 36px;
  background-color: rgba(77, 77, 77, 0.85);
  color: #fff; }

#category-list li a.active {
  display: inline-block;
  line-height: 36px;
  border-radius: 18px;
  width: 130px;
  height: 36px;
  background-color: #4d4d4d;
  color: #fff; }