/* Start custom CSS for section, class: .elementor-element-bdfdd4d */.d_table_cell1 {
  position:absolute;
  text-align:center;
  color: white;;
 width: 100%;
 height: 100px;
 bottom: 0px;
 border-radius: 15px 15px 15px 15px;
  font-size: 18px;
 margin-bottom: -20px;
 left: 0px;
 z-index: 9999;
 letter-spacing: 0.2em;
 
}




.swiper{
   //background-color: red;
   width: 379px;
   height: 500px;
   position:relative;
    border-radius: 10px;
   margin-left: 5px;
   margin-right:5px;

}



.grad{
   position:absolute;
   top: -25px;
   border-radius: 12px;
   width: 100%;
   object-position: cover;
}
.crown{
position:absolute;
  top:5px;
  left:3px;
  width:80px;
  font-size:12px;
  line-height:24px;
  z-index:2
}
.RANK{
position:absolute;
  text-align: center;
  top:30px;
  left:-7px;
  width:100px;
  font-size:25px;
  line-height:24px;
  z-index:2;
  color: white;
}

.swiper .swiper-pagination {
  //background-color: red;
  position:absolute;
  margin-top:500px;
  width:100px;
  height:20px;
  z-index:552;
  color: white;
  
  
}
.swiper .swiper-pagination-bullet{
  background-color: transparent; /* 背景色を透明に */
  background-image: url(https://ani-matchi.com/wp-content/uploads/2023/09/gray_maru_01.png);
   background-size: contain;
  border-radius: unset; /* これがないと画像が欠ける */
  height: 20px;
  width: 20px;
  opacity: 1; 
  margin: 0 -2px!important;     /* 追加 */
  
  
}
.swiper .swiper-pagination-bullet-active {
  background-image: url(https://ani-matchi.com/wp-content/uploads/2023/09/shiro_maru_01.png);
  height:20px;
  width: 20px;
  
  
}  
.swiper.swiper-pagination{
    padding: 0px;
    height: 100px;
}


.swiper-pagination.swiper-pagination-bullets .swiper-pagination-horizontal{
    
}


.swiper-pagination-bullet.swiper-pagination-bullet-active{
    margin-bottom: 0px;
}/* End custom CSS */