
@charset "UTF-8";
/* ===============================
   BASE
=============================== */

#goocy_news {
  width: 100%;
  max-width: 710px;
  margin: 24px auto 64px;
  background-color: #fff;
  color: #333;
  letter-spacing: 1px;
}

#goocy_news img {
  display: block;
  width: 100%;
  height: auto;
}

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


/* ===============================
   COMMON
=============================== */

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

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

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



/* ===============================
   RESPONSIVE
=============================== */

#goocy_news .pc {
  display: none !important;
}

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

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

  #goocy_news .pc {
    display: block !important;
  }

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

}


/* ===============================
   ANIMATION
=============================== */

#goocy_news .fadein {
  opacity: 0;
  transition: opacity 1s;
}

#goocy_news .fadein.animated {
  opacity: 1;
}


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

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


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

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


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

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


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

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


/* ===============================
   FLEXSLIDER
=============================== */

#goocy_news .flexslider {
  border: none;
}

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

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

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

  #goocy_news .flex-control-nav {
    bottom: -35px !important;
  }

}


/* ===============================
   SWIPER
=============================== */

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

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

#goocy_news .swiper-wrapper {
  display: flex;
}

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


/* ===============================
   SWIPER：PEEK
=============================== */

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

#goocy_news .peekSlider {
  padding: 0 16px;
}
