/* --- 件名 --- */
  .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                : 44% ; /*調整*/
  right                 : 12% ; /*調整*/
  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            : 50%; /*調整*/
  margin-left           : 70.25%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 37.5%; /*調整*/
  height                : auto;
  animation             : pop-up 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                : 25.75% ; /*調整*/
  right                 : 11.75% ; /*調整*/
  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            : 71.25%; /*調整*/
  margin-left           : 54.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 ; }


/* ------------------------------------------------ */
/* モーダルウィンドウ：最初から表示 */

.modal00-position {
  position              : absolute;
  top                   : 34vw;
  left                  : 77.5%;
  transform             : translate(-50%, -50%) ;
  width                 : 25%;
  height                : auto;
}

.x-position {
  position              : absolute;
  z-index               : +2;
  top                   : 3.5vw;
  right                 : -7.5%;
  transform             : translate(-50%, -50%) ;
}
.x-position:hover {opacity: 0.6;}

.modal00 {
  display               : none;
  width                 : 100%;
  height                : 0px;
  position              : absolute;
  z-index               : +2;
  margin-top            : 0px;
  left                  : 50%;
  transform             : translate(-50%, -50%) ;
}
#modal00-check {
  display: none;
}
#modal00-check:checked + .modal00 {
  display: block;
}
label {
  cursor:pointer;
}