/* body */
/* safariのスクロールを禁止する */
body{
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  
  /* stage */
  .nxa-stage{
      width:300px;
      height: 250px;
      background-color: #000;
      position: relative;
  }
  
  /* hrader */
  .nxa-header{
      width:300px;
      height: 52px;
      position: absolute;
      z-index: 3;
  }
  
  /* pane-controller */
  .nxa-pane-controller{
      width:300px;
      height: 198px;
      top:52px;
      position: absolute;
      overflow: hidden;
      z-index: 999;
  }
  /* pane */
  .nxa-pane-wrap{
      width:300px;
      height: 198px;
      top:52px;
      position: relative;
      overflow: hidden;
      z-index:2;
  }
  .nxa-pane{
      width:600px;
      height: 198px;
      position: absolute;
      left: -150px;
      overflow: hidden;
  }
  .nxa-pane__left{
      width:300px;
      height: 198px;
      position: absolute;
      left: 0;
  }
  .nxa-pane__right{
      width:300px;
      height: 198px;
      position: absolute;
      right: 0;
  }
  
  /* result */
  .nxa-result-wrap{
      width:300px;
      height: 198px;
      position: absolute;
      top:52px;
      left: 0;
      z-index:1;
  }
  .nxa-result__left{
      width:300px;
      height: 198px;
      position: absolute;
      opacity:0;
  }
  .nxa-result__right{
      width:300px;
      height: 198px;
      position: absolute;
      opacity:0;
  }
  .nxa-result.show{
      opacity: 1;
  }