html {scroll-behavior: smooth;}


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


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

.modal00-position {
  position              : absolute;
  top                   : 13vw;
  left                  : 50%;
  transform             : translate(-50%, -50%) ;
  width                 : 60%;
}

.x-position {
  position              : absolute;
  z-index               : +2;
  bottom                : 0vw;
  right                 : -4%;
  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;
}

/* ------------------------------------------------ */
/* モーダルウィンドウ01 */
/* 背景のマスク */
.modal01_close {
    display               : none;
    position              : absolute ;
    z-index               : +2 ;
    bottom                : 2.5% ; /*調整*/
    right                 : 0% ; /*調整*/
    width                 : 2.25vw ;
    height                : auto ;
    filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
    animation             : delay 0.3s linear;
}
.modal01_close:hover {opacity:0.6;}

/* 表示されるウィンドウの領域 */
.modal01 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 0%; /*調整*/
  margin-left           : 0%; /*調整*/
  width                 : 100%; /*調整*/
  height                : 0px;
}
.modal01.show, .modal01_close.show { display : block ;}

/* POPUPボタンのデザイン（SVG以外の場合） */
.modal01_put {
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 12.5%; /*調整*/
  right                 : 3vw; /*調整*/
  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 ;
}
.modal01_put:hover { opacity : 0.6 ; }

.marker-p0 {
  position: absolute ;
  z-index: +1;
  top: 58.15vw;
  left: 27%;
  width: 40vw;
  height: 2.25vw;
  background-color: rgba(255, 100, 200, 0.3);
  border: 1px solid rgba(255, 100, 200, 0.6);
  transform-origin    : left;
  animation           : marker 1s linear;
  animation-fill-mode : both ;
  animation-delay     : 1s;
}
  
.modal01_pop {
  position              : absolute ;
  margin-top            : 71.5%; /*調整*/
  margin-left           : 51%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 60% ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : pop-down 0.3s linear;
  animation-fill-mode   : both ;
  animation-delay       : 2.5s;
}

/* ------------------------------------------------ */
/* モーダルウィンドウ02 */
/* 背景のマスク */
.modal02_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 20% ; /*調整*/
  right                 : 0% ; /*調整*/
  width                 : 2.25vw ;
  height                : auto ;
  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            : 35%; /*調整*/
  margin-left           : 45%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 65%; /*調整*/
  height                : auto;
  animation             : pop-up 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)) ;
  transform-origin      : center center 0 ;
  animation             : tsun2-R1 3.0s linear infinite ;
}
.modal02_put:hover { opacity: 0.6 ; }


/* ------------------------------------------------ */
/* モーダルウィンドウ03 */
/* 背景のマスク */
.modal03_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 18% ; /*調整*/
  right                 : -0.5% ; /*調整*/
  width                 : 2.25vw ;
  height                : auto ;
  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            : 0%; /*調整*/
  margin-left           : 0%; /*調整*/
  width                 : 100%; /*調整*/
  height                : 0px;
  animation             : pop-up 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)) ;
  transform-origin      : center center 0 ;
  animation             : tsun2-R2 3.0s linear infinite ;
}
.modal03_put:hover { opacity: 0.6 ; }

.marker-p1-1A {
  position: absolute ;
  top: 59.5vw;
  left: 54.5%;
  width: 18.5vw;
  height: 2.25vw;
  background-color: rgba(255, 100, 200, 0.3);
  border: 1px solid rgba(255, 100, 200, 0.6);
  transform-origin    : left;
  animation           : marker 0.6s linear;
  animation-fill-mode : both ;
  animation-delay     : 0.5s;
}
.marker-p1-1B {
  position: absolute ;
  top: 59.5vw;
  left: 82.5%;
  width: 3.75vw;
  height: 2.25vw;
  background-color: rgba(255, 100, 200, 0.3);
  border: 1px solid rgba(255, 100, 200, 0.6);
  transform-origin    : left;
  animation           : marker 0.2s linear;
  animation-fill-mode : both ;
  animation-delay     : 1.1s;
}
.marker-p1-1C {
  position: absolute ;
  top: 63.75vw;
  left: 17.5%;
  width: 27.75vw;
  height: 2.25vw;
  background-color: rgba(255, 100, 200, 0.3);
  border: 1px solid rgba(255, 100, 200, 0.6);
  transform-origin    : left;
  animation           : marker 0.6s linear;
  animation-fill-mode : both ;
  animation-delay     : 1.3s;
}
  
.modal03_pop {
  position              : absolute ;
  margin-top            : 53%; /*調整*/
  margin-left           : 50%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75% ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : pop-up 0.3s linear;
  animation-fill-mode   : both ;
  animation-delay       : 2s;
}

/* ------------------------------------------------ */
/* モーダルウィンドウ03 */
/* 欠番 */

/* ------------------------------------------------ */
/* モーダルウィンドウ04 */
/* 背景のマスク */
.modal04_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 1.5% ; /*調整*/
  right                 : -2.5% ; /*調整*/
  width                 : 2.25vw ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : delay 0.3s linear;
}
/* 表示されるウィンドウのデザイン */
.modal04 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 0%; /*調整*/
  margin-left           : 0%; /*調整*/
  width                 : 100%; /*調整*/
  height                : 0px;
  animation             : pop-up 0.3s linear;
}
.modal04.show, .modal04_close.show { display : block ;}

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

.marker-p1-2A {
  position: absolute ;
  top: 63.75vw;
  left: 62%;
  width: 11vw;
  height: 2.25vw;
  background-color: rgba(255, 255, 50, 0.4);
  border: 1px solid rgba(255, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.5s linear;
  animation-fill-mode : both ;
  animation-delay     : 0.5s;
}
.marker-p1-2B {
  position: absolute ;
  top: 81.1vw;
  left: 84.5%;
  width: 1.75vw;
  height: 2.25vw;
  background-color: rgba(255, 255, 50, 0.4);
  border: 1px solid rgba(255, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.1s linear;
  animation-fill-mode : both ;
  animation-delay     : 1s;
}
.marker-p1-2C {
  position: absolute ;
  top: 85.4vw;
  left: 17.5%;
  width: 18vw;
  height: 2.25vw;
  background-color: rgba(255, 255, 50, 0.4);
  border: 1px solid rgba(255, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.7s linear;
  animation-fill-mode : both ;
  animation-delay     : 1.1s;
}
.marker-p1-2D {
  position: absolute ;
  top: 89.75vw;
  left: 25.25%;
  width: 22vw;
  height: 2.25vw;
  background-color: rgba(255, 255, 50, 0.4);
  border: 1px solid rgba(255, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.7s linear;
  animation-fill-mode : both ;
  animation-delay     : 2.3s;
}
  
.modal04_pop {
  position              : absolute ;
  margin-top            : 73.75%; /*調整*/
  margin-left           : 54.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 50% ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : pop-down 0.3s linear;
  animation-fill-mode   : both ;
  animation-delay       : 2.3s;
}


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

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

.marker-p1-3A {
  position: absolute ;
  top: 89.75vw;
  left: 72.5%;
  width: 13.5vw;
  height: 2.25vw;
  background-color: rgba(150, 255, 50, 0.4);
  border: 1px solid rgba(150, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.5s linear;
  animation-fill-mode : both ;
  animation-delay     : 0.5s;
}
.marker-p1-3B {
  position: absolute ;
  top: 94.25vw;
  left: 17.5%;
  width: 31.25vw;
  height: 2.25vw;
  background-color: rgba(150, 255, 50, 0.4);
  border: 1px solid rgba(150, 255, 50, 0.8);
  transform-origin    : left;
  animation           : marker 0.7s linear;
  animation-fill-mode : both ;
  animation-delay     : 1.5s;
}
  
.modal05_pop {
  position              : absolute ;
  margin-top            : 100%; /*調整*/
  margin-left           : 54.25%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 50% ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : pop-down 0.3s linear;
  animation-fill-mode   : both ;
  animation-delay       : 2.3s;
}

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

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



/* 横スライダーのボタン位置 */
.slider_put {
  position              : absolute;
  z-index               : +2 ;
  bottom                : 44%; /*調整*/
  right                 : 13vw; /*調整*/
  width                 : 3vw;
  height                : 3vw;
  animation             : delay 0.3s linear ;
  animation-fill-mode   : both ;
  animation-delay       : 0.3s;
}

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

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

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

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

/* ------------------------------------------------ */
/* モーダルウィンドウ09 */
/* 背景のマスク */
.modal09_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 1.5% ; /*調整*/
  right                 : 1.75% ; /*調整*/
  width                 : 2.25vw ;
  height                : auto ;
  filter                : drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
  animation             : delay 0.3s linear;
}
/* 表示されるウィンドウのデザイン */
.modal09 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 123%; /*調整*/
  margin-left           : 54.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 67.5%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal09.show, .modal09_close.show { display : block ;}

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

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

/* POPUPボタンのデザイン */
.modal10_put {
  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 ;
}
.modal10_put:hover { opacity : 0.6 ; }

/* スライダーボタンの箱 */
.slider_put {
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 16.5%; /*調整*/
  right                 : 27vw; /*調整*/
  width                 : 3vw;
  height                : 3vw;
  animation             : delay 0.3s linear ;
  animation-fill-mode   : both ;
  animation-delay       : 0.3s;
}

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

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

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

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

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

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