@charset "utf-8";
/* CSS Document */
.middleBannerArea figure img,
.middleBannerArea2 figure img {max-width: 100%; height: auto;
	vertical-align: bottom;/* 画像下のスペースを消す */ }

.middleBannerArea2 { width: 90%; max-width: 990px; margin: 0 auto 2rem; text-align: center; }
.middleBannerArea2 figure { padding: 0 1% 1rem!important; }

.topBannerArea{ position: relative; width: 100%; max-width: 990px; min-height:89px; margin: 0 auto 2rem; }
@media (max-width: 480px){
    .topBannerArea{ max-width: 480px;}
}
.topBannerArea a,
.topBannerArea .swiper-slide > figure { display:block; width: 100%; max-width: 990px; margin: auto; }
.topBannerArea img{ width: 100%; max-width: 990px; margin:auto; word-break: break-word; }
.topBannerArea .swiper-wrapper{ padding: 0 0 2rem; }
.topBannerArea .swiper-pagination-bullet { width: 1rem; height: .4rem; background: #707070; border-radius: .4rem; vertical-align: middle; opacity: 1; }
.topBannerArea .swiper-pagination-bullet-active { width: 2rem; background: #FF9204; }
.topBannerArea.swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet {  margin: 0 .2rem; }
.topBannerArea.swiper-container>.swiper-pagination-bullets { bottom: .5rem; left: 0; width: 100%; }

.swiper-slide img {	max-width: 100%; height: auto;
	vertical-align: bottom;/* 画像下のスペースを消す */ }
._swiper_premium .swiper-slide { 
  transform: scale(.9); /* 左右のスライドを小さくする */
  transition: filter 1s ease 0s; transition: all 1s ease 0s; }
._swiper_premium .swiper-slide-active {
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */}

.PCbanner {display: block !important;}
.SPbanner {display: none !important;}

#membershipUnlocks { width: 90%; margin: 3rem auto; }
#membershipUnlocks .mainHeadline { font-size: 3rem; text-align: center; line-height: 1; margin-bottom: 1rem; color:#FF9204; font-weight: bold; }
#membershipUnlocks .headline { font-size: 1.5rem; text-align: center; line-height: 1.5; margin-bottom: 2rem;}
/*#membershipUnlocks .point { display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; }*/
#membershipUnlocks .point { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 1.5rem; width: 70%; margin: 0 auto; }
#membershipUnlocks .point a { display: grid; justify-content: center; align-content: center; border: 1px solid #c7c7c7; border-radius: 1rem; padding: 1rem; }
#membershipUnlocks .point figure { width: 5rem; margin: 0 auto 0.5rem; }
#membershipUnlocks .point img { width: 100%; height: auto; }
/*#membershipUnlocks .point li { margin: 0 1rem;}
#membershipUnlocks .point li figure { margin-bottom: 1rem;}
#membershipUnlocks .point li figure img { max-width: 50px; max-height: 50px; }*/
#membershipUnlocks .point .pointText { font-size: 1.2rem; text-align: center; line-height: 1.2; }
#membershipUnlocks .point .pointText .orange { color: #ff9204; }
#membershipUnlocks .point .pointText.small  { font-size: 0.8rem; text-align: center; line-height: 1.2; margin-top: 0.5rem;}
#membershipUnlocks .note { font-size: 0.8rem; text-align: center; line-height: 1.2; margin-bottom: 1rem;}


@media (max-width: 568px){
	.PCbanner {display: none !important;}
	.SPbanner {display: block !important;}
    
    #membershipUnlocks .point { width: 100%; }
/*    #membershipUnlocks .point li { width: 40%; }
    #membershipUnlocks .point li:last-child { margin: 1rem 1rem 0;}*/
}