@charset "UTF-8";
body {
  -webkit-animation: body .5s ease-out .5s forwards;
          animation: body .5s ease-out .5s forwards;
  opacity: 0;
}

@-webkit-keyframes body {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes body {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*====================================================================================
ボタン
====================================================================================*/
.btn {
  transition: .25s;
}

.btn:hover {
  transition: .25s;
  background-color: #fff;
}

.btn:hover > * {
  transition: .5s;
  color: #CA277E;
}

/*====================================================================================
メンバー
====================================================================================*/
.caster .memberList {
  transition: .25s;
}

.caster .memberList:hover > * {
  transition: .25s;
  opacity: .45;
  -webkit-transform: scale(0.975, 0.975);
          transform: scale(0.975, 0.975);
}

.caster .memberList__item {
  transition: .25s;
}

.caster .memberList__item:hover {
  transition: .25s;
  opacity: 1;
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  z-index: 2;
}

/*====================================================================================
スライダー
====================================================================================*/
.slideList__item {
  transition: .25s;
}

.slideList__item:hover {
  transition: .25s;
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}

/*====================================================================================
youtube
====================================================================================*/
.youtube {
  transition: .25s;
}

.youtube:hover {
  transition: .25s;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}