#special {
  width: 100%;
  padding-bottom: 0px;
}
#special .common-header {
  background-color: #f6f6f3;
  background-size: 30px auto;
  padding-top: 20px;
  margin: 0 auto;
  width: 100%;
}
#special .common-header h2 {
  margin-right: 0px;
}
#special .common-header .desc {
  display: none;
}
#special .swiper-container {
  background-color: #f6f6f3;
  background-size: 30px auto;
  padding-bottom: 50px;
}
#special .swiper-wrapper {
  width: 100%;
  margin-top: 30px;
}
#special .swiper-wrapper .swiper-slide {
  width: 230px;
  margin-right: 15px;
}
#special .swiper-wrapper .swiper-slide.ready {
  transition: all 0.5s 0s ease;
}
#special .swiper-wrapper .swiper-slide.active {
  transition: all 0.5s 0s ease;
}
#special .swiper-wrapper .swiper-slide img {
  height: 129px;
  width: 230px;
}
#special .swiper-wrapper .swiper-slide .post-title {
  font-size: 15px;
  margin-top: 10px;
}
#special .swiper-wrapper .swiper-slide .meta .tag {
  font-size: 12px;
}
#special .swiper {
  position: relative;
}
#special .swiper .inactive,
#special .swiper .swiper-slide-next,
#special .swiper .swiper-slide-prev {
  opacity: 0.2;
  transition: all 0.5s 0s ease;
}
#special .mask {
  width: 100%;
  height: 180px;
  background: transparent;
}
#special .mask::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-image: url("/wp-content/themes/bepal/assets/img/toppage/hero.jpg");
  background-position: center calc(50% - 10px);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}/*# sourceMappingURL=toppage-special_v2.css.map */