.ranking_superbox{
	width : calc( 100% - 48px );
	max-width: 1000px ;
	margin : 0px auto ;
	padding : 100px 0px ;

}


.ranking_shopbox{
	width: 100% ;
	height: 41px ;
	padding-right : 100px ;
	border-bottom : 1px dashed #FFFFFF ;
}

.ranking_shop_name{
	width: 120px ;
	height: 40px ;
	line-height : 40px ;
	text-align: right ;
	padding : 0px 10px ;
}
.ranking_shop_barbox{
	width: calc( 100% - 120px );
}

.ranking_shopbox.edit{
	padding : 10px 0px ;
	line-height: 20px ;
	height: auto ;
}
.ranking_shop_name.edit{
	line-height: 20px ;
	height: auto ;
}
.ranking_shop_bar{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 0% ;
	height: 20px ;
	transform: translate(0%,-50%) ;
	background: #FFFFFF ;
	overflow: hidden ;
}

.ranking_shop_barnum{
	position: absolute ;
	top : 0% ;
	right: 10px ;
	width: 100px ;
	height: 20px ;
	line-height: 20px ;
	color : #000000 ;
	text-align: right ;
}




.ranking_input{
	position: relative ;
	box-sizing : border-box ;
	padding : 0px 20px ;
	height: 30px ;
	border : 1px solid #FFFFFF ;
	width: 200px ;
	margin-top : 5px ;
}


































































































@media screen and (max-width: 640px) {



.ranking_superbox{
}


.ranking_shopbox{
	padding-right : 0px ;
}

.ranking_shop_name{
	font-size: 12px ;
	padding : 0px 10px 0px 0px ;
}
.ranking_shop_barbox{
	width: calc( 100% - 120px );
}

.ranking_shopbox.edit{
	
}
.ranking_shop_name.edit{
	
}
.ranking_shop_bar{

}

.ranking_shop_barnum{

}




.ranking_input{
	width: 100% ;
}






























} /** (max-width: 640px) *********************************************************/