@charset "utf-8";
/* CSS Document */
html { font-size: 5.20833333vw;}
@media (max-width: 768px) { html { font-size: 20.66666666vw; } }
.idx-news { position: relative;  }
.idx-news .swiper-button-prev { left: 0; }
.idx-news .swiper-button-next { right: 0; }
.sr-idx-news { width: 12rem; height: 4.7rem; margin: 0 auto; position: relative; z-index: 2; overflow: visible; }
.sr-idx-news .swiper-slide { position: relative; z-index: 1; width: 33.33%; height: 0; padding-bottom: 20%; top: 50%; margin-top: -11.495%; box-shadow: 0 0 30px rgba(0,0,0,.1); opacity: .7; transition: opacity .3s; }
.sr-idx-news .swiper-slide-active { z-index: 2; opacity: 1; }
.sr-idx-news .sr-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sr-idx-news .swiper-slide-active .sr-item { z-index: 2; width: 6.2rem; height: 4.2rem; top: 50%; margin-top: -2.35rem; left: 50%; margin-left: -3.4rem; }
.sr-idx-news .swiper-slide-active .sr-item:hover .sr-item-img img { transform: scale(1.1); }
.sr-idx-news .sr-item-img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 69%; z-index: 1; box-shadow: 0 0 25px rgba(0,0,0,.5); }
.sr-idx-news .sr-item-img img { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; height: auto; min-height: 100%; transition: .5s; }
.sr-idx-news .sr-item-p { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 0; height: 1.16rem; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); color: #fff; font-size: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding: .6rem .3rem 0; opacity: 0; }
.sr-idx-news .swiper-slide-active .sr-item-p { opacity: 1; }
.idx-news .swiper-slide { perspective: .4rem; transition: all .5s; }
.idx-news .swiper-slide .sr-item { transition: all .5s; cursor: pointer; }
 .sr-idx-news-box { position: relative; overflow: hidden; width: calc(13rem + 60px); padding-top:50px; margin: 0 auto; }
.swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size)/ 5 * 27);     margin-top: calc(-2em - (var(--swiper-navigation-size)/ 2));}

.mySwiper1 > .swiper-button-next {width: calc(var(--swiper-navigation-size)/ 20 * 27);     margin-top: calc(-2em - (var(--swiper-navigation-size)/ 2));}
.mySwiper1 > .swiper-button-prev {width: calc(var(--swiper-navigation-size)/ 20 * 27);     margin-top: calc(-2em - (var(--swiper-navigation-size)/ 2));}




@media (max-width: 768px) {
.sr-idx-news-box { position: relative; overflow: hidden; width: calc(10rem + 40px); padding-top:50px; margin: 0 auto; }
.swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size)/ 1 * 0);     margin-top: calc(-2em - (var(--swiper-navigation-size)/ 2));}
.sr-idx-news .swiper-slide-active .sr-item {  width: 4.5rem
;
 /* height: 4.2rem
; */
 top: 83%;
 margin-top: -2.35rem
;
 left: 50%;
 margin-left: -6.1rem
; }


 }
  



/*html { font-size: 5.20833333vw;}
@media (max-width: 768px) { html { font-size: 26.66666666vw; } }
.idx-news { position: relative; margin-top: .55rem; }
.idx-news .swiper-button-prev { left: 0; }
.idx-news .swiper-button-next { right: 0; }
.sr-idx-news { width: 12rem; height: 4.7rem; margin: 0 auto; position: relative; z-index: 2; overflow: visible; }
.sr-idx-news .swiper-slide { position: relative; z-index: 1; width: 33.33%; height: 0; padding-bottom: 20%; top: 50%; margin-top: -11.495%; box-shadow: 0 0 30px rgba(0,0,0,.1); opacity: .7; transition: opacity .3s; }
.sr-idx-news .swiper-slide-active { z-index: 2; opacity: 1; }
.sr-idx-news .sr-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sr-idx-news .swiper-slide-active .sr-item { z-index: 2; width: 6.8rem; height: 4.7rem; top: 50%; margin-top: -2.35rem; left: 50%; margin-left: -3.4rem; }
.sr-idx-news .swiper-slide-active .sr-item:hover .sr-item-img img { transform: scale(1.1); }
.sr-idx-news .sr-item-img { position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 69%; z-index: 1; box-shadow: 0 0 25px rgba(0,0,0,.5); }
.sr-idx-news .sr-item-img img { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; height: auto; min-height: 100%; transition: .5s; }
.sr-idx-news .sr-item-p { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 0; height: 1.16rem; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); color: #fff; font-size: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; padding: .6rem .3rem 0; opacity: 0; }
.sr-idx-news .swiper-slide-active .sr-item-p { opacity: 1; }
.idx-news .swiper-slide { perspective: .4rem; transition: all .5s; }
.idx-news .swiper-slide .sr-item { transition: all .5s; cursor: pointer; }
.sr-idx-news-box { position: relative; overflow: hidden; width: calc(12rem + 60px); padding: 50px 0; margin: 0 auto; }*/