/* --- 件名 --- */
  .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.3% 1.5% 0.3% 1.5% ;
    border-bottom-right-radius     : 0.5vw ;
    filter            : drop-shadow( 0px 1px 2px rgba(0,0,0,0.5)) ;
  }

/* ------------------------------------------------ */
/* モーダルウィンドウ */
/* ------------------------------------------------ */
/* 共通：表示画像 */
.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                : 4.5% ; /*調整*/
  right                 : 7% ; /*調整*/
  width                 : 2.25vw ;
  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            : 73.25%; /*調整*/
  margin-left           : 57%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal01.show, .modal01_close.show { display : block ;}

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

/* ------------------------------------------------ */
/* モーダルウィンドウ02 */
/* 背景のマスク */
.modal02_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 4.5% ; /*調整*/
  right                 : 7.5% ; /*調整*/
  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            : 125%; /*調整*/
  margin-left           : 58.5%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal02.show, .modal02_close.show { display : block ;}

/* POPUPボタンのデザイン（SVG以外の場合） */
.modal02_put {
  cursor                : pointer ;
  filter                : drop-shadow( 1px 1px 2px rgba(0, 0, 0, 0.3)) ;
  animation             : tsun2-L2 3.0s linear infinite ;
}
.modal02_put:hover { opacity: 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ03 */
/* 背景のマスク */
.modal03_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 2.5% ; /*調整*/
  right                 : 15% ; /*調整*/
  width                 : 2.25vw ;
  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            : 53.5%; /*調整*/
  margin-left           : 63.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 60%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal03.show, .modal03_close.show { display : block ;}

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