@charset "utf-8";

/* ====================================================================== */
/* 討伐イベントメイン */
/* ====================================================================== */
.defeat-event-main {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
}
	.defeat-event-main.is-large {
		width: 560px;
	}

/* ====================================================================== */
/* ボタン */
/* ====================================================================== */
/* ----- 報酬アイテムを受け取るボタン ----- */
#df-get-reward-button {
	width: 301px;
	height: 43px;
	background-image: url(../../img/event/defeat/button/get_reward.png);
}
.df-get-reward-button-lg {
	display: block;
	width: 378px;
	height: 43px;
	font-size: 0;
	background-image: url(../../img/event/defeat/button/get_reward_lg.png);
}
/* ----- 報酬受け取りはこちらボタン ----- */
#df-goto-reward-button {
	width: 301px;
	height: 43px;
	background-image: url(../../img/event/defeat/button/goto_reward.png);
}
/* ----- イベント詳細はこちらボタンxo ----- */
#df-event-detail-button {
	width: 301px;
	height: 43px;
	background-image: url(../../img/event/defeat/button/event_detail.png);
}
.df-event-detail-button-lg {
	display: block;
	width: 378px;
	height: 43px;
	font-size: 0;
	background-image: url(../../img/event/defeat/button/event_detail_lg.png);
}
/* ----- イベントトピックに戻るボタン ----- */
#df-backto-topic-button {
	width: 220px;
	height: 30px;
	background-image: url(../../img/event/defeat/button/back.png);
}
/* ====================================================================== */
/* 体力ゲージ */
/* ====================================================================== */
.df-enemy-hp {
	margin-right: auto;
	margin-left: auto;
}
	.df-enemy-hp dt {
	}
	.df-enemy-hp img {
		vertical-align: top !important;
	}
	/* ゲージはここから */
	.df-enemy-hp dd {
		padding-top: 1px;
	}
	.df-enemy-hp-gauge {
		width: 277px;
		height: 11px;
	}
		.df-enemy-hp-gauge ul {
			width: 275px;
			height: 9px;
			border: 1px solid #515151;
			background-color: #282828;
		}
		/* 緑ゲージ */
		.df-enemy-hp-gauge li {
			width: 100%;
			height: 9px;
			background-color: #1af419;
		}
		/* HP半分 */
		.df-enemy-hp-gauge li.damaged {
			background-color: #ffd618;
		}
		.df-enemy-hp-gauge li.dying {
			background-color: #ff0000;
		}
/* ====================================================================== */
/* 報酬 */
/* ====================================================================== */
#df-reward {
}
	/* 報酬リスト */
	#df-reward-list {
		font-size: 14px;
	}
		#df-reward-list .common-table {
			width: 520px;
			font-weight: bold;
			border: 2px solid #551100;
		}
		#df-reward-list .common-td {
			color: #343434;
			border-left: none;
			border-right: none;
		}
		/* クリア済み報酬 */
		.df-reward-list-cleared {
		}
			.df-reward-list-cleared .common-th-em {
				color: #ffe167;
				background-color: #901400;
			}
			.df-reward-list-cleared .common-td {
				color: #7f3320;
				background-color: #ffe167;
			}
		/* クリア済み報酬：ピンクバージョン */
		.df-reward-list-cleared.is-sakura .common-th-em {
			color: #ffa29c;
			background-color: #a71e1e;
		}
		.df-reward-list-cleared.is-sakura .common-td {
			color: #d90000 !important;
			background-color: #ffd3d0;
		}
		.df-reward-list-count {/* 達成数 */
			width: 30%;
			text-align: center !important;
		}
		.df-reward-list-icon {/* アイコン */
			padding: 5px 0 3px 0 !important;
			width: 9%;
			text-align: right !important;
		}
			.df-reward-list-icon img {
				width: 36px;
				height: 36px;
			}
		.df-reward-list-name {/* 商品名 */
			padding-left: 0;
			line-height: 1.0;
		}
		.df-reward-list-status {/* 達成状況 */
			width: 20%;
		}
			/* クリアアイコンは通常非表示 */
			.df-reward-list-status img {
				display: none;
			}
			/* クリアしたらアイコン表示 */
			.df-reward-list-cleared .df-reward-list-status img {
				display: block;
			}