/* ------------------------------------------------ */
/* --- 件名 --- */
  .evidence-header {
    position          : fixed ;
    z-index           : +20 ;
    top               : 0px ;
    left              : 0px ;
    background-color  : rgba( 150, 200, 0 , 1 ) ;
    color             : rgba( 255 , 255 , 255 , 1 ) ;
    font-size         : 1.4vw ;
    line-height       : auto ;
    font-weight       : bold ;
    letter-spacing    : 0.1em ;
    padding           : 0.2% 1.5% 0.5% 1.5% ;
    border-bottom-right-radius     : 0.5vw ;
    filter            : drop-shadow( 0px 1px 2px rgba(0,0,0,0.5)) ;
  }

/* ------------------------------------------------ */
/* 移動ポイント */
  
.p1-1o {
    position          : absolute ;
    margin-top        : 25% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(0, 255, 255) ;
}
.p1-1c {
    position          : absolute ;
    margin-top        : 45% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(0, 0, 255) ;
}
.p1-2o {
    position          : absolute ;
    margin-top        : 2.5% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(0, 255, 150) ;
}
.p1-2c {
    position          : absolute ;
    margin-top        : 25% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(0, 255 ,0) ;
}
/* ------------------------------------------------ */
.p2-1o {
    position          : absolute ;
    margin-top        : 85% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(255, 255, 0) ;
}
.p2-1c {
    position          : absolute ;
    margin-top        : 85% ;
    /* 以下不要 */
    opacity : 0;
    left              : 0px;
    width             : 50px ;
    height            : 8vmin;
    background-color  : rgb(255, 150 ,0) ;
}


/* ------------------------------------------------ */
/* モーダルウィンドウ */
/* ------------------------------------------------ */
/* 共通：表示画像 */
.modal_img {
  width                 : 100% ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

/* ------------------------------------------------ */
/* モーダルウィンドウ01 */
/* 背景のマスク */
.modal01_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 29% ; /*調整*/
  right                 : -1% ; /*調整*/
  width                 : 3vw ;
  height                : auto ;
  cursor                : pointer ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : delay 0.3s linear;
}
/* 表示されるウィンドウのデザイン */
.modal01 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 41.5%; /*調整*/
  margin-left           : 43%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  height                : auto;
  animation             : pop-up 0.3s linear;
}
.modal01.show, .modal01_close.show { display : block ;}

/* POPUPボタンのデザイン */
.modal01_put {
  cursor                : pointer ;
  filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
  animation             : tsun2-R1 3.0s linear infinite ;
}
.modal01_put:hover { opacity: 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ02 */
/* 背景のマスク */
.modal02_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 39% ; /*調整*/
  right                 : 2% ; /*調整*/
  width                 : 2.25vw ;
  height                : auto ;
  cursor                : pointer ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : delay 0.3s linear;
}
/* 表示されるウィンドウのデザイン */
.modal02 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 23.75%; /*調整*/
  margin-left           : 52.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-up 0.3s linear;
}
.modal02.show, .modal02_close.show { display : block ;}

/* POPUPボタンのデザイン */
.modal02_put {
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 46.75%; /*調整*/
  right                 : 10.75vw; /*調整*/
  transform             : translate(-50%, -50%) ;
  cursor                : pointer ;
  filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
  transform-origin      : center center 0 ;
  animation             : tsun2-L1 3.0s linear infinite ;
}
.modal02_put:hover { opacity: 0.6 ; }


/* ------------------------------------------------ */
/* モーダルウィンドウ03 */
/* 背景のマスク */
.modal03_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 0% ; /*調整*/
  right                 : 10% ; /*調整*/
  width                 : 3vw ;
  height                : auto ;
  cursor                : pointer ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : delay 0.3s linear;
}
/* 表示されるウィンドウのデザイン */
.modal03 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 107%; /*調整*/
  margin-left           : 57.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal03.show, .modal03_close.show { display : block ;}

/* POPUPボタンのデザイン */
.modal03_put {
  cursor                : pointer ;
  filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
  animation             : tsun2-L1 3.0s linear infinite ;
}
.modal03_put:hover { opacity: 0.6 ; }