.proba-body {
	background-image:url("../i/gacha/bg/bg_black.png");
	background-size: 320px 480px;
	background-repeat: repeat-y;
	padding:38px 0 55px;
	height:auto !important;
}

.proba-area-block {
	margin: 17px 8px 1px;
}
	.proba-area-block p {
		color:#ffffff;
		font-weight:bold;
	}
		.proba-area-block p span {
			background:url("../i/common/sprite.png") no-repeat;
			background-size:320px 1550px;
			background-position: -294px -1087px;
			vertical-align: top;
			margin-top: 2px;
			margin-right: 5px;
			display: inline-block;
			width: 7px;
			height: 8px;
		}
		
	.proba-area-block ul {
		display:-webkit-box;
		margin: 0;
		padding: 2px 2px 0px 2px;
		box-shadow: 0 0 2px #000000;
		position: relative;
	}

	.proba-area-block ul.top {
		margin: 10px 0 0;
		padding: 2px;
	}

		.proba-area-block ul li {
			-webkit-box-flex: 1.0;
			line-height: 30px;
			font-weight: bold;
			font-size: 1.2rem;
			padding: 2px 8px;
			background-color:rgba(0,0,0,0.3);
			position: relative;
			text-indent: 28px;
		}
			.proba-area-block ul li span {
				background:url("../i/common/sprite_retina.png") no-repeat;
				background-size:320px 388px;
				display: inline-block;
				width: 22px;
				height: 22px;
				position: absolute;
				top: 6px;
				left: 8px;
			}
			.proba-area-block ul li span.rare1 {background-position: -204px -76px;}
			.proba-area-block ul li span.rare2 {background-position: -180px -76px;}
			.proba-area-block ul li span.rare3 {background-position: -156px -76px;}
			.proba-area-block ul li span.rare4 {background-position: -132px -76px;}
			.proba-area-block ul li span.rare5 {background-position: -108px -76px;}

.proda-list-bg .list-body .pager-t,.proda-list-bg .list-body .pager-b {
	-webkit-box-shadow:none !important;
	border:none !important;
}

.proda-list-bg .list-body .pager .sell-num {
	display:none !important;
}

.proda-list-bg {
	background:none !important;
	position: static !important;
	margin:0 !important;
}

.proba-list-area {
	padding: 2px;
	margin:0 8px;
	box-shadow: 0 0 2px #000000;
}

.proba-list-box {
	padding: 8px 0;
	min-height: 105px;
	position: relative;
}

.proda-list-block {
	background-color:rgba(0,0,0,0.3);
}
	.proda-list-block > li {
		margin: 0 8px;
		padding: 15px 0;
		position: relative;
		border-bottom: 2px groove #2e2e2e;
	}
	.proda-list-block > li:last-child {
		border-bottom:none;
	}

.proda-item-img {
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 51;
}
	.proda-item-img .rarity-s {
		top:-4px;
		right:-6px;
	}

.proda-cap-box {
	padding: 0 0 0 56px;
	border-bottom: 2px groove #2e2e2e;
}
.proda-cap-box:last-child {
		border-bottom:none;
	}
.proda-cap-box .name {
	font-size:1.2rem;
	font-weight:bold;
	color:#ffffff;
}
	.proda-cap-box ul {
		background-color:#000000;
		display: -webkit-box;
		margin: 3px 0 0;
		padding: 0 8px 0;
	}
		.proda-cap-box ul li {
			-webkit-box-flex: 1.0;
			line-height: 30px;
			position: relative;
		}
		.proda-cap-box ul .probability {
			-webkit-box-flex: 2;
			text-align: right;
			font-size:1.4rem;
			font-weight:bold;
		}
		.proda-cap-box ul li span {
			display:block;
			width:23px;
			height:0;
			overflow:hidden;
			padding-top:23px;
			background-size:320px 388px;
			position:absolute;
			top:3px;
			left:0;
		}
		.proda-cap-box ul li .attr1 {background-position: -84px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .attr2 {background-position: -108px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .attr3 {background-position: -132px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .attr4 {background-position: -156px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .attr5 {background-position: -180px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .group1 {background-position: -204px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .group2 {background-position: -228px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .group3 {background-position: -252px -100px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .job1 {background-position: -44px -148px;  background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .job2 {background-position: -68px -148px;  background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .job3 {background-position: -92px -148px;  background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .job4 {background-position: -116px -148px; background-image: url("../i/common/sprite_retina.png");}
		.proda-cap-box ul li .job5 {background-position: -140px -148px; background-image: url("../i/common/sprite_retina.png");}
		
.proba-attention {
	margin: 2px 8px 0;
	padding: 2px;
	box-shadow: 0 0 2px #000000;
}
	.proba-attention ul {
		background-color:rgba(0,0,0,0.3);
		padding: 8px 8px 4px;
	}
		.proba-attention ul li {
			color:#ff4b00;
			font-size: 1.2rem;
			margin: 0 0 4px;
			padding-left: 1em;
			text-indent: -1em;
		}