@charset "utf-8";

/* Jsで監視する箱の設定*/
section.fixed{
  border-top:1px solid #000 ;
  background:#000000;
  width: 100%;
  height: 100vh;
  
}
/*実際の内容が詰まった箱の設定(通常は見えないがsection.fixedの範囲がJsで認識されると下の画面外から紙芝居方式にして出てくるようにする)*/
.fixed_contents{
  background-color: black;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 100vh;
  transition: top 0.5s, visibility 0.5s;
  visibility: hidden;
}
.fixed_contents.active{
  top: 0;
  visibility: visible;
}