@charset "UTF-8";

 #lou_news {
   background-color: #fff;
   margin: 24px auto 64px;
   max-width: 710px;
   letter-spacing: 1px;
   font-size: 13px;
 }

 #lou_news img {
   width: 100%;
 }

 #lou_news ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 #lou_news .line {
   height: 1px;
   width: 80%;
   background-color: #333;
   margin: 40px auto 0;
 }

 #lou_news .lead {
   text-align: center;
 }

 #lou_news .u-text-center {
   text-align: center;
 }

 /*--responeive--*/
 #lou_news .pc {
   display: none !important;
 }

 #lou_news .sp {
   display: block !important;
 }

 @media only screen and (min-width: 768px) {
   #lou_news .pc {
     display: block !important;
   }

   #lou_news .sp {
     display: none !important;
   }
 }

 /*-------animation---------*/
 .fadein {
   transition: 1s;
   opacity: 0;
 }

 .fadein.animated {
   opacity: 1;
 }

 .fadein--up {
   transform: translate3d(0, 24px, 0);
   transition: 1s;
   opacity: 0;
 }

 .fadein--up.animated {
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }

 .fadein--down {
   transform: translate3d(0, -24px, 0);
   transition: 1s;
   opacity: 0;
 }

 .fadein--down.animated {
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }

 .fadein--left {
   transform: translate3d(-24px, 0, 0);
   transition: 1s;
   opacity: 0;
 }

 .fadein--left.animated {
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }

 .fadein--right {
   transform: translate3d(24px, 0, 0);
   transition: 1s;
   opacity: 0;
 }

 .fadein--right.animated {
   transform: translate3d(0, 0, 0);
   opacity: 1;
 }

 /*-- flex-slider--*/
 #lou_news .flexslider {
   border: none;
 }

 #lou_news .flex-control-paging li a {
   width: 6px;
   height: 6px;
 }

 #lou_news .flex-control-nav {
   bottom: -25px !important;
 }

 @media screen and (min-width: 970px) {
   #lou_news .flex-control-nav {
     bottom: -35px !important;
   }
 }


 /*-- swiper--*/
 .swiper img {
   display: block;
   width: 100%;
   height: auto;
   backface-visibility: hidden;
 }

 .swiper-pagination {
   position: static !important;
   margin-top: 8px;
   text-align: center;
 }

 .swiper {
   --swiper-pagination-color: #333;
   --swiper-pagination-bullet-inactive-color: #333;
   --swiper-pagination-bullet-inactive-opacity: 0.5;
 }

 .sw-peek,
 .peekSlider {
   overflow: visible;
 }

 .peekSlider {
   padding: 0 16px;
 }

 .swiper-wrapper {
   display: flex;
 }