.ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tani {
    font-size: 40px;
    float: none!important;
}

.add_price{
    font-size:12px!important; 
    color:#000!important; 
    font-weight:100!important;
}

.add_price .tani{
    font-size:12px!important;
    color:#000!important;
    font-weight:100!important;
}

@media screen and (min-width: 768px) and (max-width: 999px){
    .tani {
        font-size: 35px!important;
        float: none!important;
    }
}
@media screen and (max-width:768px) {
  .tani {
      font-size: 7vw!important;
      float: none!important;
  }
}

.kikan span {
	z-index: 4;
	color: #d81c1c;
	font-weight: bold;
	margin: 0;
	padding: 0;
    z-index:2;

  }
  .kikan {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotateZ(0.03deg);
	font-weight: 900;
	position: absolute;
	bottom: 8px;
	line-height: 1;
	text-align: center;
	padding: 2px 0;
	margin: 0;
	width: 100%;
    z-index:2;
	color: #d81c1c;
	font-size: 13px;
	letter-spacing: 0px;
	text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff, 2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff;
  }  
@media screen and (max-width: 800px){
    .kikan{font-size: 16px;}
}

@media screen and (max-width: 480px){
    .price {
        font-size: 20px!important;
    }
    .tani {margin-top:5px;}
    .kikan{font-size: 11px;}
}

.banner1{
    position:absolute;
    top:3px;
    left:3px;
    width:80px;
    z-index:10;
}
.banner2{
    position:absolute;
    top:-10px;
    right:3px;
    width:80px;
    z-index:10;
}
.banner3{
    width: 95%;
    margin-left: auto;
    margin-right: auto;    
}
.banner4{
    position:absolute;
    top:0px;
    right:0;
    width:100%;
    z-index:1;
}
@media screen and (max-width: 800px){
    .banner1{
        width:120px;
    }    
    .banner2{
        width:120px;
    }  
}
@media screen and (max-width: 480px){
    .banner1{
        width:60px;
    }    
    .banner2{
        width:60px;
    }    
}
.used{ 
    position:absolute;bottom:27px;left:8px;width:50px;
}
@media screen and (max-width: 480px){
    .used{ 
        left:5px;
        bottom:23px;
    width:22%;
    }
}



/* count banner */
#count_banner{
    max-width: 100%;
    margin: 30px auto 0;
    position:relative;
    font-weight:bold;
    font-size: 110px;
    font-family: "Poppins", sans-serif;
}
#count_banner img{width:100%;}

#count_banner #hp{
    position:absolute;
    color:#00a1e9;
    left: 3.5%;
    top: 58%;
}
#count_banner #member{
    position:absolute;
    color:#e5007f;
    right: 43%;
    top: 58%;
}
#count_banner #sum{
    position:absolute;
    color:#21ab3b;
    right: 8.5%;
    top: 64%;
    transform: scaleY(1.6);
}
#count_banner #sum2{
    position:absolute;
    color:#21ab3b;
    right: 8%;
    top: 64%;
    font-size:95px;
    transform: scaleY(1.6);
}

#count_banner #link1{
    position:absolute;
    width: 24%;
    height: 8%;
    bottom: 9%;
    left: 3%;
}
#count_banner #link2{
    position:absolute;
    width: 23%;
    height: 8%;
    bottom: 9%;
    left: 38%;
}

@media screen and (max-width: 980px){
    #count_banner{font-size:38px;}
    #count_banner #sum{
        font-size:38px
    }    
    #count_banner #sum2{
        font-size:33px
    }    
    #count_banner{
        margin:10px auto;
    }

}