@charset "utf-8";



.sliderContainer {
  width: 100%;
   height:calc(100svh - 144px);
  margin-inline: auto;
  overflow: hidden;
  position: relative;
}

.sliderTxt{

}

.slider {
position: absolute;
top:0; right:0;
  width: 100%;
   height:calc(100svh - 144px);
  margin-inline: auto;
  overflow: hidden;
}

.slick-list {height: 100svh;}


.slick-img img {
  width: 100%;
}

.slider div.slide p.fadeIn {background-size: cover; background-repeat: no-repeat;  height:calc(100svh - 144px); background-position: center center;}


.slider div.slide p.intro_1876 {background-image: url("../intro/image/intro_1876.webp");}
.slider div.slide p.intro_1893 {background-image: url("../intro/image/intro_1893.webp"); background-position: top center !important;}
.slider div.slide p.intro_1944 {background-image: url("../intro/image/intro_1944.webp");}
.slider div.slide p.intro_1945 {background-image: url("../intro/image/intro_1945.webp");}
.slider div.slide p.intro_1959 {background-image: url("../intro/image/intro_1959.webp");}
.slider div.slide p.intro_1975 {background-image: url("../intro/image/intro_1975.webp");}
.slider div.slide p.intro_1993 {background-image: url("../intro/image/intro_1993.webp");}
.slider div.slide p.intro_2004 {background-image: url("../intro/image/intro_2004.webp");}
.slider div.slide p.intro_2016 {background-image: url("../intro/image/intro_2016.webp");}
.slider div.slide p.intro_2023 {background-image: url("../intro/image/intro_2023.webp");}
.slider div.slide p.intro_2025 {background-image: url("../intro/image/intro_2025.webp");}

.txtBlock {
position: absolute;
bottom:0; left:0;
width: 100%;
height: 140px;
margin-inline: auto;
overflow: hidden;
background-color:rgba(0,0,0,0.5);
font-family: "Sawarabi Mincho", serif;
color:#fff; text-shadow: 2px 2px 5px #000;
margin:0 auto; 
text-align: center;
animation: none;
display: flex;
align-items: center;
justify-content: space-around;
}
.txtBlock {}
.txtYear {margin:0 0 5px 0; font-size:160%;}
.txtEvent {font-size:200%; line-height:1.5;}
.txtSource {}


.slide_target {
  pointer-events: none !important;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.add-animation p.fadeIn {
  animation: zoomUp 5s linear 0s normal both;
}


@media screen and (max-width: 1300px) {
.sliderContainer ,
.sliderTxt ,
.slider ,
.slider div.slide p.fadeIn {height:calc(100svh - 140px);}

}

@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 1200px) {


}


@media screen and (max-width: 1050px) {
.sliderContainer ,
.sliderTxt ,
.slider ,
.slider div.slide p.fadeIn {height:calc(100svh - 90px);}

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 900px) {

body.yoko-mode .sliderContainer { height: calc(100svh - 90px);}
body.yoko-mode .slider div.slide p.fadeIn {background-size: cover; background-repeat: no-repeat; height: calc(100svh - 90px); background-position: center center;}
body.yoko-mode .txtBlock { height: 90px; padding:15px 0 0 0; }
body.yoko-mode .txtYear {margin:0 0 5px 0; font-size:100%;}
body.yoko-mode .txtEvent {font-size:160%; line-height:1.5;}

}


@media screen and (min-width: 769px) {

}

@media screen and (max-width: 768px) {

.sliderContainer { height: calc(100svh - 90px);}
.slider div.slide p.fadeIn {background-size: cover; background-repeat: no-repeat; height: calc(100svh - 90px); background-position: center center;}
.txtBlock { height: 90px; padding:15px 0 0 0; }
.txtYear {margin:0 0 5px 0; font-size:100%;}
.txtEvent {font-size:160%; line-height:1.5;}


.sliderContainer {
  height: calc(100svh - 90px);
}

.slider {
position: absolute;
top:0; right:0;
width: 100%;
height: 100%;
margin-inline: auto;
overflow: hidden;
}

.slider div.slide p.fadeIn {  height: calc(100svh - 90px);}

.slider div.slide p.intro_1876 {background-image: url("../intro/image/intro_1876_sp.webp");}
.slider div.slide p.intro_1893 {background-image: url("../intro/image/intro_1893_sp.webp");}
.slider div.slide p.intro_1944 {background-image: url("../intro/image/intro_1944_sp.webp");}
.slider div.slide p.intro_1945 {background-image: url("../intro/image/intro_1945_sp.webp");}
.slider div.slide p.intro_1959 {background-image: url("../intro/image/intro_1959_sp.webp");}
.slider div.slide p.intro_1975 {background-image: url("../intro/image/intro_1975_sp.webp");}
.slider div.slide p.intro_1993 {background-image: url("../intro/image/intro_1993_sp.webp");}
.slider div.slide p.intro_2004 {background-image: url("../intro/image/intro_2004_sp.webp");}
.slider div.slide p.intro_2016 {background-image: url("../intro/image/intro_2016_sp.webp");}
.slider div.slide p.intro_2023 {background-image: url("../intro/image/intro_2023_sp.webp");}
.slider div.slide p.intro_2025 {background-image: url("../intro/image/intro_2025_sp.webp");}

.slider-contents-inner { height:auto; padding:15px 0 5px 0;}
.txtBlock {height: 12vh; display: flex; align-content: center; padding:0;}
.txtBlockInner {margin:auto;}
.txtYear {font-size:3.4vw; margin:0 auto 10px auto; line-height:1;}
.txtEvent {font-size:4.2vw; line-height:1;}
.txtSource {}

.PcDisplayNo {display: block;}

}