html {scroll-behavior: smooth;}


/* ------------------------------------------------ */
/* モーダルウィンドウ */
/* ------------------------------------------------ */
/* 共通：表示画像 */
.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                : 18.5% ; /*調整*/
    right                 : 9.5% ; /*調整*/
    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            : 43.5%; /*調整*/
  margin-left           : 57.5%; /*調整*/
  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-L1 3.0s linear infinite ;
}
.modal01_put:hover { opacity : 0.6 ; }

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

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


/* ------------------------------------------------ */
/* モーダルウィンドウ03 */
/* 背景のマスク */
.modal03_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 32.5% ; /*調整*/
  right                 : 8.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            : 103.5%; /*調整*/
  margin-left           : 57%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  height                : auto;
  animation             : pop-up 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)) ;
  transform-origin      : center center 0 ;
  animation             : tsun2-L3 3.0s linear infinite ;
}
.modal03_put:hover { opacity: 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ04 */
/* 背景のマスク */
.modal04_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 4% ; /*調整*/
  right                 : 2% ; /*調整*/
  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            : 128%; /*調整*/
  margin-left           : 57.2%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : zoom-in 0.3s linear;
}
.modal04.show, .modal04_close.show { display : block ;}

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


/* ------------------------------------------------ */
/* モーダルウィンドウ05 */
/* 背景のマスク */
.modal05_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 1.5% ; /*調整*/
  right                 : 1% ; /*調整*/
  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            : 53.5%; /*調整*/
  margin-left           : 43%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  height                : auto;
  animation             : pop-down 0.3s linear;
}
.modal05.show, .modal05_close.show { display : block ;}

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


/* ------------------------------------------------ */
/* モーダルウィンドウ06 */
/* 背景のマスク */
.modal06_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 30% ; /*調整*/
  right                 : 0% ; /*調整*/
  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            : 90.25%; /*調整*/
  margin-left           : 43%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  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)) ;
  transform-origin      : center center 0 ;
  animation             : tsun2-R2 3.0s linear infinite ;
}
.modal06_put:hover { opacity : 0.6 ; }


/* ------------------------------------------------ */
/* モーダルウィンドウ07 */
/* 背景のマスク */
.modal07_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 3.5% ; /*調整*/
  right                 : 2% ; /*調整*/
  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            : 111%; /*調整*/
  margin-left           : 57.2%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : zoom-in 0.3s linear;
}
.modal07.show, .modal07_close.show { display : block ;}

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

/* ------------------------------------------------ */
/* モーダルウィンドウ08 */
/* 背景のマスク */
.modal08_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 37% ; /*調整*/
  right                 : 7.25% ; /*調整*/
  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            : 38.75%; /*調整*/
  margin-left           : 56.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 75%; /*調整*/
  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-L1 3.0s linear infinite ;
}
.modal08_put:hover { opacity : 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ09 */
/* 背景のマスク */
.modal09_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 45.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;
}
/* 表示されるウィンドウのデザイン */
.modal09 {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  margin-top            : 85%; /*調整*/
  margin-left           : 32.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 55%; /*調整*/
  height                : auto;
  animation             : pop-up 0.3s linear;
}
.modal09.show, .modal09_close.show { display : block ;}

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

/* ------------------------------------------------ */
/* モーダルウィンドウ10 */
/* 背景のマスク */
.modal10_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 35% ; /*調整*/
  right                 : -1% ; /*調整*/
  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            : 95.25%; /*調整*/
  margin-left           : 40.75%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-up 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-R3 3.0s linear infinite ;
}
.modal10_put:hover { opacity : 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ11 */
/* 背景のマスク */
.modal11_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 36% ; /*調整*/
  right                 : 7.5% ; /*調整*/
  width                 : 2.25vw ;
  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            : 93.75%; /*調整*/
  margin-left           : 59.5%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-up 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-L4 3.0s linear infinite ;
}
.modal11_put:hover { opacity : 0.6 ; }
.modal10_put:hover { opacity : 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ12 */
/* 背景のマスク */
.modal12_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 36% ; /*調整*/
  right                 : 7.5% ; /*調整*/
  width                 : 2.25vw ;
  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            : 99.5%; /*調整*/
  margin-left           : 59.5%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  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-L5 3.0s linear infinite ;
}
.modal12_put:hover { opacity : 0.6 ; }

/* ------------------------------------------------ */
/* モーダルウィンドウ13 */
/* 背景のマスク */
.modal13_close {
  display               : none;
  position              : absolute ;
  z-index               : +2 ;
  bottom                : 36% ; /*調整*/
  right                 : -1.25% ; /*調整*/
  width                 : 2.25vw ;
  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            : 43.25%; /*調整*/
  margin-left           : 40.5%; /*調整*/
  transform             : translate(-50%, -50%) ;
  width                 : 70%; /*調整*/
  height                : auto;
  animation             : pop-up 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-R1 3.0s linear infinite ;
}
.modal13_put:hover { opacity : 0.6 ; }

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

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

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

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

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

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

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

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

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

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

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