/*PN bonus
----------------------------------------------------------------*/
.pn-bonus-body {
	padding: 30px 9px 0;
	width: 320px;
	position: relative;
	top: 40px; 
	-webkit-box-sizing: border-box;
	background-image: url("../i/gacha/bg/bg_darkorange.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 156px;
}

	.pn-bonus-body:before {
		width: 117px;
		height: 83px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../i/web_notice/spring_light_01.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 117px 83px;
	}
	
	.pn-bonus-body:after {
		width: 200px;
		height: 61px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("../i/web_notice/spring_02.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 200px 61px;
	}

.pn-bonus-body2 {
	padding: 10px 9px 0;
	width: 320px;
	position: relative;
	-webkit-box-sizing: border-box;
}
	
	.pn-bonus-body2:after {
		width: 200px;
		height: 61px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url("../i/web_notice/spring_02.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 200px 61px;
	}
	
.pn-bonus-body3 {
	padding: 10px 9px 0;
	width: 320px;
	height: 440px;
	position: relative;
	top: 40px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/gacha/bg/bg_darkorange.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 156px;
}

	.pn-bonus2-title {
		padding: 0 0 8px;
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 16px;
		font-family: DotFont;
		text-align: center;
		text-shadow: 0 1px 1px #a55d00;
	}
	
	.pn-bonus2-cap {
		padding: 0 0 8px;
		font-size: 1.2rem;
		color: #ffb400;
		line-height: 16px;
		text-align: center;
	}
	
	.pn-bonus-main-title1 {
		font-size: 1.2rem;
		color: #fa4600;
		line-height: 12px;
		font-weight: bold;
		position: absolute;
		top: 10px;
		right: 8px;
		-webkit-transform: rotate(17deg);
		z-index: 1;
	}
	
	.pn-bonus-main-title2 {
		font-size: 1.2rem;
		color: #ffde00;
		line-height: 12px;
		font-weight: bold;
		position: absolute;
		top: 23px;
		right: 5px;
		-webkit-transform: rotate(17deg);
		z-index: 1;
	}
	
	.pn-bonus-main-title2-2 {
		font-size: 1.2rem;
		color: #ffde00;
		line-height: 12px;
		font-weight: bold;
		position: absolute;
		top: 20px;
		right: 3px;
		-webkit-transform: rotate(17deg);
		z-index: 1;
	}
	
	.pn-bonus-main-title2-3 {
		font-size: 1.2rem;
		color: #ffde00;
		line-height: 12px;
		font-weight: bold;
		position: absolute;
		top: 21px;
		right: 2px;
		-webkit-transform: rotate(17deg);
		z-index: 1;
	}
	
	.pn-bonus-main-title3 {
		font-size: 1.4rem;
		color: #ffde00;
		line-height: 12px;
		font-weight: bold;
		position: absolute;
		top: 20px;
		right: 51px;
		-webkit-transform: rotate(17deg);
		z-index: 1;
	}
	
	.pn-bonus-title {
		padding: 0 70px 8px 0;
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 16px;
		font-family: DotFont;
		text-shadow: 0 1px 1px #a55d00;
	}
	
	.pn-bonus-title2 {
		margin: 0 0 6px;
		font-size: 1.4rem;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
	}
	
	.pn-bonus-cap {
		padding: 0 35px 8px 0;
		font-size: 1.2rem;
		color: #ffb506;
		line-height: 16px;
	}
	
	.pn-bonus-cap2 {
		padding: 0 150px 0 0;
		font-size: 1.3rem;
		color: #ffd200;
		line-height: 16px;
		font-weight: bold;
	}
	
	.pn-bonus-cap3 {
		padding: 0 25px 1px 0;
		font-size: 1.2rem;
		line-height: 14px;
	}
	
	.pn-bonus-cap4 {
		margin: 0 0 8px;
		font-size: 1.2rem;
		line-height: 16px;
		text-align: center;
	}
	
		.pn-bonus-cap4 span {
			font-weight: bold;
		}
	
	.pn-bonus-img {
		position: relative;
		left: -9px;
	}
	
	.pn-bonus-num {
		padding: 0 35px 4px 0;
		font-size: 1.3rem;
		line-height: 16px;
	}
	
		.pn-bonus-num h2 {
			padding: 0 0 0 24px;
			font-size: 1.3rem;
			line-height: 16px;
			font-weight: bold;
			position: relative;
		}
		
		.pn-bonus-num h2:before {
			width: 18px;
			height: 15px;
			content: "";
			display: block;
			position: absolute;
			top: 4px;
			left: 0;
			background-image: url("../i/event_common/sprite_event.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.pn-bonus-num h2.list01:before { background-position: -297px -86px; }
		.pn-bonus-num h2.list02:before { background-position: -297px -101px; }
		.pn-bonus-num h2.list03:before { background-position: -297px -116px; }
		.pn-bonus-num h2.list04:before { background-position: -297px -131px; }
		.pn-bonus-num h2.list05:before { background-position: -297px -146px; }
		.pn-bonus-num h2.list06:before { background-position: -285px -24px; }
		
	.pn-bonus-num-cap {
		padding: 0 31px 8px 4px;
		font-size: 1.2rem;
		line-height: 16px;
	}
	
	.pn-bonus-nux-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/spring_nux.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}

	.pn-bonus-duct-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/spring_tape.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}
	.pn-bonus-voxite-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/spring_voxite.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}
	.pn-bonus-banunu-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/spring_banunu.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}
	.pn-bonus-redticket-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/prizes_redticket.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}
	
	.pn-bonus-banunu-area {
		padding: 8px 0 0;
		width: 320px;
		height: 72px;
		position: relative;
		left: -9px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/spring_banunu.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 72px;
	}
	
		.pn-bonus-nux-area p,
		.pn-bonus-redticket-area p,
		.pn-bonus-banunu-area p {
			font-size: 1.2rem;
			color: #ffb400;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
		}
		
		.pn-bonus-count {
			width: 302px;
			height: 32px;
			background: rgba(0,0,0,0.5);
		}
		
			.pn-bonus-count li.top {
				font-size: 1.2rem;
				color: #ff4800;
				text-align: center;
			}
			
			.pn-bonus-count li.top span {
				margin: 1px 0 0;
				padding: 0 2px;
				height: 14px;
				color: #000000;
				line-height: 14px;
				font-weight: bold;
				display: inline-block;
				background: #ff4800;
			}
			
			.pn-bonus-count li.bottom {
				text-align: center;
			}
			
			.pn-bonus-count li.bottom div {
				margin: 1px auto 0;
				padding: 0 2px;
				height: 14px;
				color: #000000;
				line-height: 14px;
				display: inline-block;
				background: #ff4800;
			}
			
			.pn-bonus-count li.bottom span {
				font-weight: bold;
			}
			
	.pn-bonus-member-list {
		margin: 0 0 8px;
		width: 302px;
		position: relative;
	}
	
	.pn-bonus-member-list-block {
		width: 302px;
		height: 60px;
		display: -webkit-box;
		position: relative;
	}
	
	.pn-bonus-member-list-block:nth-of-type(even) {
		background: rgba(0,0,0,0.5);
	}
	
		.pn-bonus-member-list-left {
			width: 60px;
			height: 60px;
			position: relative;
		}
		
			.pn-bonus-member-list-shadow {
				width: 42px;
				height: 42px;
				position: absolute;
				top: 9px;
				left: 9px;
			}

				.pn-bonus-member-list-shadow:before {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					top: -4px;
					right: -2px;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -304px -48px;
					-webkit-background-size: 320px 1550px;
				}

				.pn-bonus-member-list-shadow:after {
					width: 2px;
					height: 2px;
					content: "";
					display: block;
					position: absolute;
					bottom: 2px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -312px -48px;
					-webkit-background-size: 320px 1550px;
				}

			.pn-bonus-member-list-img {
				width: 42px;
				height: 42px;
				position: relative;
				top: -2px;
				left: 2px;
				background: #113757;
			}

				.pn-bonus-member-list-img a {
					width: 42px;
					height: 42px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}

			.pn-bonus-member-list-img:after {
				width: 19px;
				height: 10px;
				content: "";
				display: block;
				position: absolute;
				top: 40px;
				left: 10px;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -44px -116px;
				-webkit-background-size: 320px 388px;
			}
			
		.pn-bonus-member-list-left .pvp-promotion-noactive,
		.pn-bonus-member-list-left .pvp-promotion-active {
			padding: 23px 0 0!important;
			width: 23px!important;
			height: 23px!important;
			top: 23px!important;
			left: 38px!important;
		}
		
		.pn-bonus-member-list-right {
			width: 240px;
			height: 60px;
			position: relative;
		}
		
		.pn-bonus-member-list-name {
			height: 24px;
			font-size: 1.3rem;
			color: #ffffff;
			line-height: 24px;
			font-weight: bold;
		}
		
		.pn-bonus-member-list-class {
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 24px;
		}
		
			.pn-bonus-member-list-class span {
				color: #53a0e0;
				font-weight: bold;
			}
			
		.pn-bonus-reward {
			margin: 0 auto;
			width: 300px;
			display: -webkit-box;
			-webkit-box-pack: center;
			position: relative;
		}
		
			.pn-bonus-reward-block {
				width: 100px;
				height: 152px;
				position: relative;
			}
		
			.pn-bonus-reward-block.next { opacity: 1.0; }
			.pn-bonus-reward-block.ago { opacity: 0.5; }
			.pn-bonus-reward-block.future { opacity: 0.5; }
			
			.pn-bonus-reward-block.next .next-block {
				width: 100px;
				height: 22px;
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 22px;
				font-weight: bold;
				font-family: DotFont;
				text-align: center;
				background-image: url("../i/web_notice/spring_next.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 100px 22px;
				z-index: 4;
			}
			
			.pn-bonus-reward-block.ago .next-block,
			.pn-bonus-reward-block.future .next-block {
				width: 100px;
				height: 18px;
			}
			
			.pn-bonus-reward-block.next .day-block {
				width: 100px;
				height: 18px;
				color: transparent;
				position: relative;
				z-index: 56;
			}
			
			.pn-bonus-reward-block.next .day-block:before {
				width: 91px;
				height: 40px;
				content: "";
				display: block;
				position: absolute;
				top: -6px;
				left: 5px;
				background-position: 0 0;
				background-repeat: no-repeat;
				-webkit-background-size: 91px 40px;
			}
			
				.pn-bonus-reward-block.next.day1 .day-block:before { background-image: url("../i/web_notice/spring_day1.png"); }
				.pn-bonus-reward-block.next.day2 .day-block:before { background-image: url("../i/web_notice/spring_day2.png"); }
				.pn-bonus-reward-block.next.day3 .day-block:before { background-image: url("../i/web_notice/spring_day3.png"); }
				.pn-bonus-reward-block.next.day4 .day-block:before { background-image: url("../i/web_notice/spring_day4.png"); }
				.pn-bonus-reward-block.next.day5 .day-block:before { background-image: url("../i/web_notice/spring_day5.png"); }
				.pn-bonus-reward-block.next.day6 .day-block:before { background-image: url("../i/web_notice/spring_day6.png"); }
				.pn-bonus-reward-block.next.day7 .day-block:before { background-image: url("../i/web_notice/spring_day7.png"); }
				.pn-bonus-reward-block.next.day8 .day-block:before { background-image: url("../i/web_notice/spring_day8.png"); }
				.pn-bonus-reward-block.next.day9 .day-block:before { background-image: url("../i/web_notice/spring_day9.png"); }
			
			.pn-bonus-reward-block.ago .day-block {
				width: 100px;
				height: 22px;
				font-size: 1.6rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
				opacity: 0.3;
			}
			
			.pn-bonus-reward-block.future .day-block {
				width: 100px;
				height: 22px;
				font-size: 1.6rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
			}
			
			.pn-bonus-reward-block.next .check-block,
			.pn-bonus-reward-block.ago .check-block,
			.pn-bonus-reward-block.future .check-block {
				position: relative;
			}
			
			.pn-bonus-reward-block.next .check-block:before {
				width: 159px;
				height: 165px;
				content: "";
				display: block;
				position: absolute;
				left: -21px;
				top: -35px;
				background-image: url("../i/web_notice/spring_light_02.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 159px 165px;
			}
			
			.pn-bonus-reward-block.ago .check-block:before {
				width: 64px;
				height: 48px;
				content: "";
				display: block;
				position: absolute;
				left: 21px;
				top: 18px;
				background-image: url("../i/web_notice/spring_check.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 64px 48px;
				z-index: 5;
				opacity: 1.0;
			}
			
			.pn-bonus-reward-block.ago .img-bg-n-shadow {
				opacity: 0.3;
			}
			
			.pn-bonus-reward-block.next .reward-name-block,
			.pn-bonus-reward-block.ago .reward-name-block,
			.pn-bonus-reward-block.future .reward-name-block {
				padding: 2px 0 0;
				width: 100px;
				height: 32px;
				font-size: 1.5rem;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				position: relative;
			}
			
			.pn-bonus-reward-block.next .reward-name-block {
				color: #ffbc08;
			}
			
			.pn-bonus-reward-block.ago .reward-name-block {
				opacity: 0.3;
			}

            /* extra login bonus dialog small layout --------------*/
            .pn-bonus-reward-block-s {
				width: 75px;
				height: 100px;
				position: relative;
            }

			.pn-bonus-reward-block-s.next { opacity: 1.0; }
			.pn-bonus-reward-block-s.ago { }
			.pn-bonus-reward-block-s.future { opacity: 0.5; }

			.pn-bonus-reward-block-s.next .day-block {
				width: 75px;
				height: 18px;
				font-size: 1.4rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
				color: #ffbc08;
				position: relative;
				z-index: 56;
			}


			.pn-bonus-reward-block-s.ago .day-block {
				width: 75px;
				height: 22px;
				font-size: 1.4rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
				opacity: 0.3;
			}
			
			.pn-bonus-reward-block-s.future .day-block {
				width: 75px;
				height: 22px;
				font-size: 1.4rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
			}
			
			.pn-bonus-reward-block-s.next .check-block,
			.pn-bonus-reward-block-s.ago .check-block,
			.pn-bonus-reward-block-s.future .check-block {
				position: relative;
			}
			
			.pn-bonus-reward-block-s.next .check-block:before {
				width: 159px;
				height: 165px;
				content: "";
				display: block;
				position: absolute;
				left: -36px;
				top: -53px;
				background-image: url("../i/web_notice/spring_light_02.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 159px 165px;
			}

			.pn-bonus-reward-block-s.next .next-block {
			                width: 80px;
			                height: 22px;
			                font-size: 1.4rem;
			                color: white;
			                line-height: 22px;
			                font-weight: bold;
			                font-family: DotFont;
			                text-align: center;
			                z-index: 10;
                            position: relative;
                            right: 18px;
                            top: 10px;
			                /*background-image: url("../i/web_notice/spring_next.png");*/
			                /*  -webkit-background-size: 80px 22px;*/
			                /*background-repeat: no-repeat;*/
			                background-position: 0 0;
			   }

			.pn-bonus-reward-block-s.ago .check-block:before {
				width: 52px;
				height: 40px;
				content: "";
				display: block;
				position: absolute;
				left: 15px;
				top: 5px;
				background-image: url("../i/web_notice/spring_check.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 49px 44px;
				z-index: 56;
				opacity: 1.0;
			}

			.pn-bonus-reward-block-s.ago .img-bg-n-s-shadow {
				opacity: 0.3;
			}

			.pn-bonus-reward-block-s.next .reward-name-block,
			.pn-bonus-reward-block-s.ago .reward-name-block,
			.pn-bonus-reward-block-s.future .reward-name-block {
				padding: 2px 0 0;
				width: 75px;
				height: 32px;
				font-size: 1.2rem;
				line-height: 14px;
				font-weight: bold;
				text-align: center;
				position: relative;
			}

			.pn-bonus-reward-block-s.next .reward-name-block {
				color: #ffbc08;
			}
			
			.pn-bonus-reward-block-s.ago .reward-name-block {
				opacity: 0.3;
			}

	.pn-bonus-attention {
		padding: 0 10px 15px;
		font-size: 1.3rem;
		color: #ed4601;
		line-height: 16px;
		position: relative;
		z-index: 1;
	}
	
	.pn-bonus-attention2 {
		padding: 0 10px 4px;
		font-size: 1.3rem;
		color: #ed4601;
		line-height: 16px;
		position: relative;
		z-index: 1;
	}

/* marketing
----------------------------------------------------------------*/
.info-marketing-body {
	padding: 0 0 16px;
	width: 320px;
	min-height: 440px;
	position: relative;
	top: 40px;
	background-image: url("../i/gacha/bg/bg_black.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 480px;
}

	.info-marketing-title {
		margin: 0 9px 12px;
		padding: 9px 0 0;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	.info-marketing-date {
		margin: 0 9px 12px;
		font-size: 1.1rem;
		color: #aaaaaa;
		line-height: 18px;
		font-weight: bold;
		text-align: right;
	}
	
	.info-marketing-text {
		margin: 0 9px 12px;
		font-size: 1.3rem;
		color: #c8c8c8;
		line-height: 18px;
	}
	
/* RB 130724
----------------------------------------------------------------*/
.rb-info-body {
	width: 320px;
	min-height: 440px;
	position: absolute;
	top: 40px;
	background-image: url("../i/gacha/bg/bg_black.png");
	background-repeat: repeat-y;
	background-position: center bottom;
	-webkit-background-size: 320px 480px;
}

.rb-info-title {
	padding:  8px 0;
	font-size: 1.3rem;
	color: #ffb400;
	line-height: 16px;
	font-family: DotFont;
	text-align: center;
	position: relative;
	text-shadow: 0 1px 1px #a55d00;
}

.rb-info-subtitle2 {
	margin: 0 9px;
	padding: 0 0 0 15px;
	height: 14px;
	font-size: 1.4rem;
	color: #f9df51;
	font-weight: bold;
	position: relative;
}

.anniversary-info-title {
	padding:  8px 0;
	font-size: 1.3rem;
	color: #9ef7ff;
	line-height: 16px;
	font-family: DotFont;
	text-align: center;
	position: relative;
	text-shadow: 0 1px 1px #3b9bb0;
}

.pvp-info-title {
	padding:  8px 0;
	font-size: 1.3rem;
	color: #6be5ff;
	line-height: 16px;
	font-family: DotFont;
	text-align: center;
	position: relative;
	text-shadow: 0 1px 1px #0080ec;
}

.rb-info-img {
	width: 320px;
	height: 197px;
	position: relative;
}

	.rb-info-img img {
		position: relative;
		z-index: 0;
	}
	
	.rb-info-img-cap1 {
		font-size: 1.3rem;
		color: #00f6ff;
		line-height: 16px;
		font-family: DotFont;
		position: absolute;
		top: 13px;
		left: 177px;
	}
	
	.rb-info-img-cap2 {
		font-size: 1.3rem;
		color: #f0ff00;
		line-height: 16px;
		font-family: DotFont;
		position: absolute;
		top: 82px;
		left: 170px;
	}
	
	.rb-info-img-cap3,
	.rb-info-img-cap4 {
		width: 110px;
		height: 38px;
		position: absolute;
		top: 160px;
	}
	
		.rb-info-img-cap3 { left: 63px; }
		.rb-info-img-cap4 { left: 207px; }
		
	.rb-info-img-cap3 .top,
	.rb-info-img-cap4 .top {
		font-size: 1.1rem;
		color: #00f6ff;
		line-height: 16px;
		font-family: DotFont;
	}
	
	.rb-info-img-cap3 .bottom,
	.rb-info-img-cap4 .bottom {
		margin: 0 0 0 10px;
		font-size: 1.1rem;
		color: #ffb400;
		line-height: 16px;
		font-weight: bold;
	}
	
	.rb-info-cap {
		padding: 8px;
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 18px;
		text-align: center;
	}
	
	.pvp-info-cap {
		padding: 8px;
		font-size: 1.4rem;
		color: #afe6ff;
		line-height: 18px;
		text-align: center;
	}
	
	.rb-info-cap2 {
		padding: 8px;
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 18px;
	}
	
	.rb-info-cap-list {
		padding: 0 9px 8px;
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 18px;
		list-style: disc none inside!important;
	}
	
	.rb-info-cap3 {
		padding: 8px;
		font-size: 1.4rem;
		line-height: 18px;
	}
	
	.rb-info-subtitle {
		margin: 0 9px;
		padding: 0 0 0 15px;
		height: 14px;
		font-size: 1.4rem;
		color: #f9df51;
		font-weight: bold;
		position: relative;
	}
	
		.rb-info-subtitle:before {
			width: 7px;
			height: 7px;
			content: "";
			display: block;
			position: absolute;
			top: 5px;
			left: 0;
			background-image: url("../i/event_common/sprite_event.png");
			background-repeat: no-repeat;
			background-position: -297px -26px;
			-webkit-background-size: 320px 1550px;
		}
		
	.event-info-block {
		margin: 0 10px 10px;
		padding: 80px 18px 18px;
		position: relative;
		-webkit-box-sizing: border-box;
		border: rgba(154,4,4,0.3) solid 1px;
		background: rgba(72,0,0,0.4);
	}
	
		.event-info-block-num {
			padding: 0 0 0 8px;
			width: 60px;
			height: 60px;
			font-size: 2.6rem;
			color: #000000;
			line-height: 20px;
			font-weight: bold;
			font-family: DotFont;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("../i/web_notice/num_obi.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 60px 60px;
			z-index: 1;
		}
		
		.event-info-block img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
		
		.event-info-block-cap1,
		.event-info-block-cap2,
		.event-info-block-cap3,
		.event-info-block-cap4 {
			font-size: 1.4rem;
			line-height: 18px;
			text-align: center;
		}
		
		.event-info-block-cap1 { color: #4ba9c3; }
		.event-info-block-cap2 { color: #7d61c1; }
		.event-info-block-cap3 { color: #ac3a23; }
		.event-info-block-cap4 { color: #b29654; }

/* info tyxite20130822
----------------------------------------------------------------*/
.gacha-info-box-area {
	min-height: 118px;
	background-color: rgba(0,0,0,0.3);
	position: relative;
	margin:3px 0;
}
.gacha-info-box-area:before,.gacha-info-box-area:after {
	background-image: url("../i/common/line_dotb.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 10px 3px;
	position:absolute;
	width:100%;
}
.gacha-info-box-area:before {
	content: "";
	top:-3px;
	left:0;
	height:3px
}
.gacha-info-box-area:after {
	content:".";
	bottom:-3px;
	left:0;
	clear:both;
	height:0;
	overflow:hidden;
	padding-top:3px;
}
	.gacha-info-box-area p {
		margin:0 0 10px;
	}
	.gacha-info-box-area p:last-child {
		margin:0;
	}

.gacha-info-xite {
	text-align:center;
	font-size:1.5rem;
	position:relative;
	margin: 0 0 8px;
}

.gacha-info-xite:before,.gacha-info-xite:after {
	content:"";
	position:absolute;
	width:73px;
	height:54px;
	background-repeat:no-repeat;
	background-size:73px 54px;
	top:-6px;
}
.gacha-info-xite:before {left:6px;}
.gacha-info-xite:after {right:6px;}

	.gacha-info-xite dt {font-weight:bold;}
	.gacha-info-xite dd {color:#e7dab8;}
		.gacha-info-xite dd span {font-weight:bold; color:#ffffff;}

.xite-1:before {background-image: url("../i/info/info20130822_1_1.png");}
.xite-1:after {background-image: url("../i/info/info20130822_1_2.png");}
.xite-1 dt {color:#ffe153;}

.xite-2:before {background-image: url("../i/info/info20130822_2_1.png");}
.xite-2:after {background-image: url("../i/info/info20130822_2_2.png");}
.xite-2 dt {color:#ff1f01;}

.epic-chara-icon {
	background: url("../i/info/info20130822_3_1.png") no-repeat;
	background-size:120px 70px;
	position:absolute;
	left:0;
	bottom: 0;
	width: 120px;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
}

/* sd19_halloween
----------------------------------------------------------------*/
.sd-info-body {
	padding: 0 0 8px;
	width: 320px;
	min-height: 440px;
	position: relative;
	top: 40px;
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-box-sizing: border-box;
}
	.sd-info-body.bg-fix {position:absolute; padding:0;}
	.sd-info-body.bg-light:before {
		content:"";
		background:url("../i/web_notice/spring_light_01.png") no-repeat;
		background-size: 234px 166px;
		position:absolute;
		top:0;
		left:0;
		width:234px;
		height:166px;
	}
	
	.sd-info-body.bg-christmas:before {
		content:"";
		background:url("../i/web_notice/christmas_snow.png") no-repeat;
		background-size: 320px 49px;
		position:absolute;
		top:0;
		left:0;
		width:320px;
		height:49px;
	}
	
	.sd-info-body.bg-1 {background-image: url("../i/gacha/bg/bg_black.png");background-size: 320px 480px;}
	.sd-info-body.bg-2 {background-image: url("../i/gacha/bg/bg_darkorange.png");background-size: 320px 156px;}
	.sd-info-body.bg-3 {background-image: url("../i/gacha/bg/bg_darkblue.png");background-size: 320px 156px;}
	.sd-info-body.bg-4 {background-image: url("../i/event_common/bg_blue_ptn.png");background-size: 320px 156px;}

.sd-info-body > p {margin: 0 9px 0; font-size:1.2rem;}

.sd-info-body .text-cap {
	font-size:1.4rem;
	padding: 0 0 0 14px;
	color: #ffffff;
	line-height: 16px;
	font-weight: bold;
	position: relative;
}
	.sd-info-body .text-cap:before {
		width: 9px;
		height: 9px;
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		left: 0;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		background-position: -304px -432px;
		-webkit-background-size: 320px 1550px;
	}

.sd-info-body .text-cap.figure {padding: 0 0 0 19px; color:#e9d4b2; font-weight:bold;}
.sd-info-body .text-cap.figure:before {
	top: 2px;
	width:18px;
	height:15px;
	background-image: url("../i/event_common/sprite_event.png");
}
	.sd-info-body .figure.fig-1:before {background-position: -297px -86px;}
	.sd-info-body .figure.fig-2:before {background-position: -297px -101px;}
	.sd-info-body .figure.fig-3:before {background-position: -297px -116px;}
	.sd-info-body .figure.fig-4:before {background-position: -297px -131px;}
	.sd-info-body .figure.fig-5:before {background-position: -297px -146px;}
.sd-info-body .text-cap.figure.anniversary {color:#9ef7ff;}

.sd-info-body .info-attention {
	color:#f44b00;
	font-size:1.0rem;
}

/*---- sd19_halloween add ----*/
.sd-info-body .fc-ffb400 {color:#ffb400;}
.sd-info-body .fc-aee5ff {color:#aee5ff;}
.sd-info-body .fc-9ef7ff {color:#9ef7ff;}

.sd-info-body .info-halloween-cap {
	background: url("../i/info/info20131002_2.png") no-repeat;
	background-size:320px 50px;
	font-size:1.4rem;
	line-height:50px;
	margin:0;
	text-align:center;
	color:#ffb400;
	font-weight:bold;
}

.sd-info-body .info-attention-add {
	margin: 0 9px;
	width: 302px;
	min-height:42px;
	background-color:rgba(153,43,0,0.4);
	border-radius:5px;
	position:relative;
	display: table;
}

	.sd-info-body .info-attention-add p {
		padding:0 8px 0 50px;
		color:#ffb400;
		font-size: 1.2rem;
		line-height: 18px;
		display: table-cell;
		vertical-align: middle;
	}
	.sd-info-body .info-attention-add:before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		background: url("../i/growl/growl_icon_03.png") no-repeat;
		background-size:50px 42px;
		width:50px;
		height:42px;
	}

.pumpkin-image {
	position:relative;
	padding:0 20px 32px 9px;
}

	.pumpkin-image p {
		min-height:56px;
		font-size:1.2rem;
	}
	
	.pumpkin-image span {
		position:absolute;
		background-color:rgba(153,43,0,0.4);
		border-radius:5px;
		padding:4px 8px;
		right:10px;
		bottom:0;
		color:#de9800;
	}
		.pumpkin-image span:before {
			content: "";
			position: absolute;
			top: -10px;
			right: 0;
			border-style: solid;
			border-color: transparent transparent rgba(153,43,0,0.4);
			border-width: 0 26px 15px 11px;
			-webkit-transform: rotate(150deg);
		}
		.pumpkin-image span:after {
			content:"";
			position:absolute;
			background: url("../i/info/info20131002_4.png") no-repeat;
			background-size:23px 78px;
			bottom:23px;
			right:-10px;
			width:23px;
			height:78px;
		}

/*---- //sd19_halloween add ----*/

/*---- pvp13_christmas add ----*/
.sd-info-body .fc-aee5ff {color:#aee5ff;}

.sd-info-body .info-halloween-cap {
	background: url("../i/info/info20131002_2.png") no-repeat;
	background-size:320px 50px;
	font-size:1.4rem;
	line-height:50px;
	margin:0;
	text-align:center;
	color:#ffb400;
	font-weight:bold;
}

.sd-info-body .info-c-attention-add {
	margin: 0 9px;
	width: 302px;
	min-height:42px;
	background-color:rgba(23,87,152,0.4);
	border-radius:5px;
	position:relative;
	display: table;
}

	.sd-info-body .info-c-attention-add p {
		padding:0 8px 0 50px;
		color:#aee5ff;
		font-size: 1.2rem;
		line-height: 18px;
		display: table-cell;
		vertical-align: middle;
	}
	.sd-info-body .info-c-attention-add:before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		background: url("../i/growl/growl_icon_03.png") no-repeat;
		background-size:50px 42px;
		width:50px;
		height:42px;
	}

.pumpkin-image {
	position:relative;
	padding:0 20px 32px 9px;
}

	.pumpkin-image p {
		min-height:56px;
		font-size:1.2rem;
	}
	
	.pumpkin-image span {
		position:absolute;
		background-color:rgba(153,43,0,0.4);
		border-radius:5px;
		padding:4px 8px;
		right:10px;
		bottom:0;
		color:#de9800;
	}
		.pumpkin-image span:before {
			content: "";
			position: absolute;
			top: -10px;
			right: 0;
			border-style: solid;
			border-color: transparent transparent rgba(153,43,0,0.4);
			border-width: 0 26px 15px 11px;
			-webkit-transform: rotate(150deg);
		}
		.pumpkin-image span:after {
			content:"";
			position:absolute;
			background: url("../i/info/info20131002_4.png") no-repeat;
			background-size:23px 78px;
			bottom:23px;
			right:-10px;
			width:23px;
			height:78px;
		}

		.gacha-cm-fb.mbgaui-widget-anchors,
		.gacha-cm-fb.mbgaui-active {
			width: 302px;
			height: 50px;
			text-align: center;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gacha-cm-fb.mbgaui-widget-anchors p,
			.gacha-cm-fb.mbgaui-active p {
				font-size: 1.5rem;
				color: #00aeff;
				line-height: 46px;
				font-weight: bold;
				display: inline-block;
				position: relative;
				-webkit-box-sizing: border-box;
			}
		
			.gacha-cm-fb.mbgaui-widget-anchors:before,
			.gacha-cm-fb.mbgaui-active:before {
				width: 44px;
				height: 43px;
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 5px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/sns/btn_facebook.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 44px 43px;
			}
			
			.gacha-cm-fb.mbgaui-widget-anchors:after,
			.gacha-cm-fb.mbgaui-active:after {
				width: 11px;
				height: 11px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -240px -896px;
				-webkit-background-size: 320px 1550px;
			}
		
		.gacha-cm-fb.mbgaui-widget-anchors {
			border: #00aeff solid 2px;
			background: rgba(0,89,151,0.5);
		}
		
		.gacha-cm-fb.mbgaui-active {
			border: #2d2d2d solid 2px;
			background: #191919;
		}

/*---- //pvp13_christmas add ----*/

/* event info 20131029
----------------------------------------------------------------*/
.event-info-body {
	padding: 0 0 10px;
	width: 320px;
	position: relative;
	top: 40px;
	background-image: url("../i/gacha/bg/bg_darkorange.png");
	background-repeat: repeat-y;
	background-position: center bottom;
	-webkit-background-size: 320px 156px;
}

.event-info-body2 {
	padding: 0 0 58px;
	width: 320px;
	position: relative;
	background-image: url("../i/gacha/bg/bg_darkorange.png");
	background-repeat: repeat-y;
	background-position: center bottom;
	-webkit-background-size: 320px 156px;
}

/* bbs 131125
----------------------------------------------------------------*/
.bbs-btn-1 {
	margin: 0 8px 16px;
	width: 304px;
	height: 47px;
	font-size: 2.0rem;
	color: #ffffff;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
	background-image: url("../i/info/bbs_collabo_btn01.png");
	background-repeat: repeat-y;
	background-position: center bottom;
	-webkit-background-size: 304px 47px;
}

.bbs-btn-1.mbgaui-widget-anchors { opacity: 1.0; }
.bbs-btn-1.mbgaui-active { opacity: 0.5; }

.bbs-btn-2 {
	margin: 0 8px;
	width: 304px;
	height: 47px;
	background-image: url("../i/info/bbs_collabo_btn02.png");
	background-repeat: repeat-y;
	background-position: center bottom;
	-webkit-background-size: 304px 47px;
}

.bbs-btn-2.mbgaui-widget-anchors { opacity: 1.0; }
.bbs-btn-2.mbgaui-active { opacity: 0.5; }

.bbs-img-block {
	margin: 8px 0 19px;
	padding: 19px 0;
	width: 320px;
	height: 143px;
	display: table;
	position: relative;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

	.bbs-img-block:before {
		margin: 0 8px 0 16px;
		width: 298px;
		height: 9px;
		content: "";
		display: block;
		position: absolute;
		top: -4px;
		left: 0;
		background-image: url("../i/common/collection_header_dot2.png");
		background-repeat: repeat-x;
		background-position: 0 0;
		-webkit-background-size: 10px 10px;
	}
	
	.bbs-img-block:after {
		margin: 0 8px 0 16px;
		width: 298px;
		height: 9px;
		content: "";
		display: block;
		position: absolute;
		bottom: -9px;
		left: 0;
		background-image: url("../i/common/collection_header_dot2.png");
		background-repeat: repeat-x;
		background-position: 0 0;
		-webkit-background-size: 10px 10px;
	}
	
	.bbs-img-block img {
		position: absolute;
		top: -19px;
		right: 0;
		z-index: 1;
	}
	
	.bbs-img-block .bbs-img-block-cap {
		padding: 0 186px 0 9px;
		width: 320px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
		-webkit-box-sizing: border-box;
		z-index: 2;
	}
	
		.bbs-img-block .bbs-img-block-cap dl {
			width: 125px;
			height: 30px;
			display: -webkit-box;
		}
		
			.bbs-img-block .bbs-img-block-cap dl dt {
				width: 90px;
				height: 30px;
				font-size: 1.4rem;
				color: #ffffff;
				line-height: 30px;
				font-weight: bold;
			}
			
			.bbs-img-block .bbs-img-block-cap dl dd {
				width: 35px;
				height: 30px;
				font-size: 1.4rem;
				color: #ffd200;
				line-height: 30px;
				font-weight: bold;
				text-align: right;
			}
			
	.bbs-img-block p {
		padding: 0 186px 0 9px;
		width: 320px;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 30px;
		font-weight: bold;
		vertical-align: middle;
		display: table-cell;
		position: relative;
		-webkit-box-sizing: border-box;
		z-index: 1;
	}
	
.bbs-attention {
	margin: 0 9px 32px;
}

	.bbs-attention p {
		margin: 0 0 8px;
		font-size: 1.0rem;
		color: #ff4b00;
		line-height: 12px;
		text-align: left;
	}

/* loginboss 20140226
----------------------------------------------------------------*/
.go-battle-page-btn.mbgaui-widget-anchors {
	width: 90px;
	height: 30px;
	position: absolute;
	background-image: url("../i/common/loginboss_button.png");
	background-repeat: no-repeat;
	top: 70px;
	left: 204px;
}

.go-battle-page-btn.mbgaui-widget-anchors.mbgaui-active {
	width: 90px;
	height: 30px;
	position: absolute;
	background-image: url("../i/common/loginboss_button_down.png");
	background-repeat: no-repeat;
	top: 70px;
	left: 204px;
}

.go-chest-page-btn.mbgaui-widget-anchors {
	width: 90px;
	height: 30px;
	position: absolute;
	background-image: url("../i/common/loginboss_button.png");
	background-repeat: no-repeat;
	top: 70px;
	left: 204px;
}

.go-chest-page-btn.mbgaui-widget-anchors.mbgaui-active {
	width: 90px;
	height: 30px;
	position: absolute;
	background-image: url("../i/common/loginboss_button_down.png");
	background-repeat: no-repeat;
	top: 70px;
	left: 204px;
}
.pn-bonus-reward-block-ss {
				width: 59px;
				height: 71px;
				position: relative;
            }

			.pn-bonus-reward-block-ss.next { opacity: 1.0; }
			.pn-bonus-reward-block-ss.ago { }
			.pn-bonus-reward-block-ss.future { opacity: 0.7; }

			.pn-bonus-reward-block-ss.next .day-block {
				width: 59px;
				height: 22px;
				font-size: 1.2rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
				color: #ffbc08;
				position: relative;
				z-index: 56;
			}

			.pn-bonus-reward-block-ss.ago .day-block {
				width: 59px;
				height: 22px;
				font-size: 1.2rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
				opacity: 0.3;
			}

			.pn-bonus-reward-block-ss.future .day-block {
				width: 59px;
				height: 22px;
				font-size: 1.2rem;
				line-height: 22px;
				font-weight: bold;
				text-align: center;
			}

			.pn-bonus-reward-block-ss.next .check-block,
			.pn-bonus-reward-block-ss.ago .check-block,
			.pn-bonus-reward-block-ss.future .check-block {
				position: relative;
			}

			.pn-bonus-reward-block-ss.next .check-block:before {
				width: 159px;
				height: 165px;
				content: "";
				display: block;
				position: absolute;
				left: -42px;
				top: -56px;
				background-image: url("../i/web_notice/spring_light_02.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 159px 165px;
			}

			.pn-bonus-reward-block-ss.ago .check-block:before {
				width: 64px;
				height: 48px;
				content: "";
				display: block;
				position: absolute;
				left: 2px;
				top: 5px;
				background-image: url("../i/web_notice/spring_check.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 64px 48px;
				z-index: 56;
				opacity: 1.0;
			}

			.pn-bonus-reward-block-ss.ago .img-bg-n-s-shadow {
				opacity: 0.4;
			}

			.pn-bonus-reward-block-ss.next .reward-name-block,
			.pn-bonus-reward-block-ss.ago .reward-name-block,
			.pn-bonus-reward-block-ss.future .reward-name-block {
				padding: 2px 0 0;
				width: 75px;
				height: 32px;
				font-size: 1.2rem;
				line-height: 16px;
				/*font-weight: bold;*/
				text-align: center;
				position: absolute;
				top: 51px;
				left: 5px;
				z-index: 3;
			}

			.pn-bonus-reward-block-ss.next .reward-name-block {
				color: #ffbc08;
			}

			.pn-bonus-reward-block-ss.ago .reward-name-block {
				opacity: 0.3;
			}
			.pn-bonus-reward-block-ss.pn-dialog .rarity-s {
				top: 17px;
				left: 44px;
			}

			.pn-bonus-reward-block-ss.future .extra,
			.pn-bonus-reward-block-ss.next .extra {
				left: 0px;
			}

.monthly-login-reward {
	margin: 0 auto;
	top: 1px;
	width: 300px;
	display: -webkit-box;
	-webkit-box-pack: center;
	position: relative;
}
	.monthly-login-reward-block-ss {
		width: 59px;
		height: 71px;
		position: relative;
	}

		.monthly-login-reward-block-ss.next { opacity: 1.0; }
		.monthly-login-reward-block-ss.received { }
		.monthly-login-reward-block-ss.missed { }
		.monthly-login-reward-block-ss.today { opacity: 1.0; }
		.monthly-login-reward-block-ss.future { opacity: 0.7; }

		.monthly-login-reward-block-ss.today .day-block,
		.monthly-login-reward-block-ss.next .day-block {
			width: 59px;
			height: 22px;
			font-size: 1.0rem;
			line-height: 22px;
			top: 3px;
			font-weight: bold;
			text-align: center;
			color: #ffbc08;
			position: relative;
			z-index: 56;
		}
		.monthly-login-reward-block-ss.missed .day-block,
		.monthly-login-reward-block-ss.received .day-block {
			width: 59px;
			height: 22px;
			font-size: 1.0rem;
			line-height: 22px;
			top: 3px;
			font-weight: bold;
			text-align: center;
			position: relative;
			opacity: 0.3;
		}

		.monthly-login-reward-block-ss.future .day-block {
			width: 59px;
			height: 22px;
			font-size: 1.0rem;
			line-height: 22px;
			top: 3px;
			font-weight: bold;
			text-align: center;
			position: relative;
		}

		.monthly-login-reward-block-ss.next .check-block,
		.monthly-login-reward-block-ss.today .check-block,
		.monthly-login-reward-block-ss.missed .miss-block,
		.monthly-login-reward-block-ss.received .check-block,
		.monthly-login-reward-block-ss.future .check-block {
			position: relative;
		}

		.monthly-login-reward-block-ss.today .check-block:before,
		.monthly-login-reward-block-ss.next .check-block:before {
			width: 159px;
			height: 165px;
			content: "";
			display: block;
			position: absolute;
			left: -42px;
			top: -56px;
			background-image: url("../i/web_notice/spring_light_02.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 159px 165px;
		}

		.monthly-login-reward-block-ss.received .check-block:before {
			width: 52px;
			height: 40px;
			content: "";
			display: block;
			position: absolute;
			left: 5px;
			top: 8px;
			background-image: url("../i/web_notice/spring_check.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 52px 40px;
			z-index: 56;
			opacity: 1.0;
		}

		.monthly-login-reward-block-ss.missed .miss-block:before {
			width: 48px;
			height: 35px;
			content: "";
			display: block;
			position: absolute;
			left: 5px;
			top: 6px;
			background-image: url("../i/web_notice/spring_miss.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 48px 35px;
			z-index: 56;
			opacity: 1.0;
		}

		.monthly-login-reward-block-ss.received .img-bg-n-s-shadow {
			opacity: 0.4;
		}

		.monthly-login-reward-block-ss.missed .img-bg-n-s-shadow {
			opacity: 0.4;
		}
	
		.monthly-login-reward-block-ss.next .reward-name-block,
		.monthly-login-reward-block-ss.today .reward-name-block,
		.monthly-login-reward-block-ss.received .reward-name-block,
		.monthly-login-reward-block-ss.missed .reward-name-block,
		.monthly-login-reward-block-ss.future .reward-name-block {
			padding: 2px 0 0;
			width: 75px;
			height: 32px;
			font-size: 1.2rem;
			line-height: 16px;
			/*font-weight: bold;*/
			text-align: center;
			position: absolute;
			top: 51px;
			left: 5px;
			z-index: 3;
		}

		.monthly-login-reward-block-ss.next .reward-name-block {
			color: #ffbc08;
		}

		.monthly-login-reward-block-ss.today .reward-name-block {
			color: #ffbc08;
		}

		.monthly-login-reward-block-ss.received .reward-name-block {
			opacity: 0.3;
		}

		.monthly-login-reward-block-ss.missed .reward-name-block {
			opacity: 0.3;
		}

		.monthly-login-reward-block-ss.monthly-dialog .rarity-s {
			top: 17px;
			left: 44px;
		}

		.monthly-login-reward-block-ss.future .extra,
		.monthly-login-reward-block-ss.next .extra {
			left: 0px;
		}

		.monthly-login-reward-block-ss.today .extra {
			left: 0px;
		}