@charset "UTF-8";
.sidebar-dropdown > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    left: 0;
	top:5px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease; }
.sidebar-dropdown .sidebar-submenu {
    display: none;
}
@media screen and (min-width: 768px) {
  /* 一番上のカテゴリを初期で表示 */
  /* .sidebar-dropdown .sidebar-submenu:first-of-type {
      display: block;
  } */
}
/* @media screen and (min-width:768px) {
  .sidebar-dropdown:first-of-type .sidebar-submenu {
    display: block;
  }
} */
@keyframes fadeInFas {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .drawer-open .fas,
  .drawer-open .fa-solid,
	.drawer-close nav .far{
    animation-duration: .6s;
  }
  .drawer-close nav .fas,
  .drawer-close nav .far,
  .drawer-close nav .fa-solid,
  .drawer-close-no-animation nav .fas,
  .drawer-close-no-animation nav .fa-solid,
  .drawer-close-no-animation nav .far {
    position: absolute;
    /* アイコン位置 */
    right: -7px;
    /* 拡大 */
    transform: scale(1.2);
    /* fadeIn */
    animation: fadeInFas;
    animation-duration: .6s;
  }
.drawer-close .backHome i,
.drawer-close-no-animation .backHome i {
    /* アイコン位置 */
    right: -5px;
  }

.drawer-close i.fa-users,
.drawer-close-no-animation i.fa-users {
    /* アイコン位置 */
    right: -4px;
  }
.drawer-close i.ffa-running,
.drawer-close-no-animation i.ffa-running {
    /* アイコン位置 */
    right: -6px;
  }
	
}
.drawer-nav h1,
.drawer-nav h2,
.sidebar-dropdown a,
.sidebar-dropdown .sidebar-submenu li a {
 /* overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;*/
  width: 85%;
}
.sidebar-dropdown.active > a:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}

/* アイコン詳細 */
.icon-detail {
  opacity: 0;
  position: fixed;
  padding: 5px 10px;
  background-color: #333;
  color: #fff;
  border-radius: 10px;
  z-index: 10;
  pointer-events: none;
  letter-spacing: .1em;
}