@charset "UTF-8";
/*************************************************************
 Copyright (C) nukinavi.
 Since : 2016-02
*************************************************************/
/* sdup.cssの打消し */
.login-bonus {
	backface-visibility: visible;
	display: inherit;
	position: static;
	height: 100%;
}

/*************************************
ログインボーナス
*************************************/
.dialog-bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1000;
}
.login-bonus,
.treasure-box2,
.treasure-box3 {
	display: none;
}

.point-display,
.dialog-bonus {
	display: none;
}
.dialog-bonus {
	clear: both;
	position: absolute;
	top: 15px;
	left: 50%;
	width: 280px;
	margin-left: -145px;
	border-radius: 10px;
	border-width: 5px;
	border-style: solid;
	border-color:  rgba(0, 0, 0, 0.3);
	z-index: 10000;
}
.dialog-bonus-inner {
	position: relative;
	padding: 5px 0 10px;
	border-radius: 10px;
	border-width: 1px;
	border-style: solid;
	border-color:  rgba(255, 255, 255, 0.3);
	text-align: center;
	color: #421a00;
	background: url(/sp/images/login_bonus/bg-dialog-inner.png) 50% 50% repeat;
	background-size: 280px 530px;
}
.dialog-bonus .close-button {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background-image: url(/sp/images/login_bonus/btn-close.png) !important;/* ←本当はやりたくないんですが、動画ページのCSSに邪魔されるので */
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	text-indent: -9999px;
	cursor: pointer;
}
.dialog-bonus .dialog-title {
	width: 319px;
	height: 47px;
	margin: 0 -20px 0;
	background: url(/sp/images/login_bonus/title-dialog.png) 0 0 no-repeat;
	background-size: 319px 47px;
	text-indent: -9999px;
}
.probabilityUp {
	height: 55px;
	margin: 0 0 4px;
	text-indent: -9999px;
	background: url(/sp/images/login_bonus/title-probability.png) no-repeat scroll 0 0 / 280px 48px;
}
.dialog-username {
	margin: -17px 0 0;
	font-weight: bold;
}
.bonus-treasures {
	margin: 5px 10px 0;
	padding: 5px 0 5px;
	border-radius: 10px;
	border: 5px solid #d4a93c;
	background-color: rgba(255, 255, 255, 0.7);
}
.bonus-treasures-caption {
	margin: 0 0 5px;
}
.bonus-treasures-caption .is_strong {
	display: block;
	font-weight: bold;
	color: #50aa24;
}
.treasure-box1 {
	display: inline-block;
	margin: 0 25px;
	text-align: center;
}
.bonus-treasures .is_symbol {
	display: block;
	width: 105px;
	height: 84px;
	margin: 0 auto;
	background: url(/sp/images/login_bonus/img-chest.png) 0 0 no-repeat;
	background-size: 105px 84px;
	text-indent: -9999px;
}
.bonus-treasures .open-box {
	display: block;
	width: 130px;
	height: 34px;
	margin: 5px 0 0;
	background: url(/sp/images/login_bonus/btn-open.png) 0 0 no-repeat;
	background-size: 130px 34px;
	text-indent: -9999px;
}
.bonus-treasures-note {
	margin: 10px 0 0;
	font-size: 10px;
}
.bonus-treasures-note .is_strong {
	font-weight: bold;
}
.dialog-sublinks {
	margin: 8px 0 0;
	padding: 0 10px;
}
.dialog-sublinks-item {
	display: block;
	margin: 0 0 8px;
}
.dialog-sublinks-item a {
	display: block;
	padding: 7px;
	border-radius: 12px;
	background-color: #391802;
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 0.3) 0 1px 1px;
	color: #fffbe2;
}
.dialog-note {
	margin: 0 10px;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
	font-size: 10px;
}
.point-display {
	margin: 10px 10px 0;
	padding: 15px 0 15px;
	border-radius: 10px;
	border: 5px solid #d4a93c;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 251px 240px;
	background-color: rgba(255, 255, 255, 0.7);
}

.point-display.is_get1, .point-display.is_get10, .point-display.is_get100, .point-display.is_get1000, .point-display.is_get3000, .point-display.is_get5000 {
	background-position: 0 52px;
}

.point-display.is_get1 {
	background-image: url(/sp/images/login_bonus/bg-get1.png);
}
.point-display.is_get10 {
	background-image: url(/sp/images/login_bonus/bg-get10.png);
}
.point-display.is_get100 {
	background-image: url(/sp/images/login_bonus/bg-get100.png);
}
.point-display.is_get1000 {
	background-image: url(/sp/images/login_bonus/bg-get1000.png);
}
.point-display.is_get3000 {
	background-image: url(/sp/images/login_bonus/bg-get3000.png);
}
.point-display.is_get5000 {
	background-image: url(/sp/images/login_bonus/bg-get5000.png);
}
.point-display.is_get10000 {
	background-image: url(/sp/images/login_bonus/bg-get10000.png);
	background-position: 0 107px;
}

.bonus-point-display .big_hit {
	display: none;
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #ff1a00;
}
.point-display.is_get10000 .bonus-point-display .big_hit {
	display: block;
}
.bonus-point-display .point-comment {
	display: block;
}
.bonus-point-display .is_strong {
	display: block;
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #e81818;
}
.bonus-point-history {
	margin-top: 10px;
}
.bonus-point-history a {
	text-decoration: underline;
}

.point-display-infomation {
	border: 1px solid #c1bc85;
	border-radius: 8px;
	background-color: white;
	margin: 218px 10px 0;
	padding: 5px 10px;
	line-height: 1.2;
	font-size: 10px;
}

.is_get10000 .point-display-infomation {
	margin: 238px 10px 0;
}

.point-display-expireDate {
	border: 1px solid #f62020;
	border-radius: 8px;
	margin: 10px 10px;
	background-color: white;
}
.point-display-expireDate-title {
	background-color: #f62020;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	color: white;
	padding: 3px 0;
}
.point-display-expireDate-item {
	padding: 5px;
}
.point-display-possessionPoints {
	border: 1px solid #4aa11c;
	border-radius: 8px;
	margin: 10px 10px;
	background-color: white;
}
.point-display-possessionPoints-title {
	background-color: #4aa11c;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	color: white;
	padding: 3px 0;
}
.point-display-possessionPoints-item {
	padding: 5px;
}
.point-display-notes {
	line-height: 1.2;
	font-size: 10px;
	margin: 0px 12px;
}
.fontRed {
	color: red;
}

.fntSize {
	font-size: 15px;
}