/****************************************

アニメーションに関するスタイル

*****************************************/


/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
display: block;
transform: translateX(0%);
}
/* メニュー展開中スクロール禁止 */
body.fixed {
width: 100%;
height: 100%;
position: fixed;
}

/* =============================================
TOP　もっと見るボタン
============================================= */
.is_hidden{
  display: none;
  opacity: 0;
}
.is_show{
  animation: fadeIn 1s ease; 
}
@keyframes fadeIn {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
     transform: translateY(0);
    opacity: 1;
  }
}