@charset "utf-8";
/* CSS Document */
.swiper-button-next {right: 0; width: 1.5rem;}
.swiper-button-prev {left: 0; width: 1.5rem;}
.topBannerArea .swiper-button-next:after,
.topBannerArea .swiper-button-prev:after {
    color: #1f1f1f;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 0px 2px 2px #d8d8d8;
}
.swiper-slide img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;/* 画像下のスペースを消す */
}
._swiper_typeBLtop .swiper-slide {
  filter: opacity(0.3); /* 左右のスライドを薄くする */
  transform: scale(.9); /* 左右のスライドを小さくする */
  transition: filter 1s ease 0s;
  transition: all 1s ease 0s;
}
._swiper_typeBLtop .swiper-slide-active {
  filter: opacity(1); /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
#BL-page-up { position: relative; width: 100%; max-width: 990px; }
#BL-page-up .swiper-button-next:after, #BL-page-up .swiper-button-prev:after {
    color: #1F1F1F;
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 0px 2px 2px #d8d8d8;
}
.topBannerArea .swiper-wrapper .swiper-slide .topBannerTitle { 
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    bottom: 0; 
    padding: 1rem; 
    background-color: rgba(0,0,0,0.6);
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 3px 3px black;
}
.PCbanner {display: block !important;}
.SPbanner {display: none !important;}
@media (max-width: 568px){
	.PCbanner {display: none !important;}
	.SPbanner {display: block !important;}
}