@charset "utf-8";
/* ====================================================================== */
/* お花見 */
/* ====================================================================== */
/* ===== 基本領域 ===== */
.ohanami-main {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
	font-size: 12px;
}
	/* ----- 強調 ----- */
	.ohanami-main strong {
		color: #cb0064;
	}

/* ===== キャッチ ===== */
#ohanami-catch {
	padding-top: 16px;
	padding-bottom: 30px;
}

/* ===== 妖精のメッセージエリア ===== */
#ohanami-message {
	position: relative;
	padding-left: 15px;
	height: 202px;
}
	/* ----- 吹きだし ----- */
	.ohanami-fukidashi {
		position: relative;
		top: 28px;
		background-image: url(../../../img/event/ohanami/2016/fukidashi/middle.jpg);
		background-repeat: repeat-y;
	}
		.ohanami-fukidashi-top {
			background-image: url(../../../img/event/ohanami/2016/fukidashi/top.jpg);
			background-repeat: no-repeat;
		}
		.ohanami-fukidashi-bottom {
			background-image: url(../../../img/event/ohanami/2016/fukidashi/bottom.jpg);
			background-repeat: no-repeat;
			background-position: 0 bottom;
		}
		/* 吹きだし文字入れるエリア */
		.ohanami-fukidashi-main {
			padding-top: 26px;
			padding-bottom: 25px;
			padding-left: 25px;
			width: 260px;
			font-size: 14px;
			font-weight: bold;
		}
	/* ----- キャラ ----- */
	.ohanami-message-chara {
		position: absolute;
		top: 0;
		right: 0;
	}

/* ===== 地図 ===== */
#ohanami-map {
	width: 550px;
	height: 660px;
	background-image: url(../../../img/event/ohanami/2016/map/bg.png);
}
	/* ----- なすエリア ----- */
	#ohanami-map-nasu {
		position: relative;
		width: 550px;
		height: 430px;
	}
	/* ----- ゲージエリア ----- */
	#ohanami-map-gauge {
		margin-right: auto;
		margin-left: auto;
		padding-top: 6px;
		width: 510px;
	}

/* ===== ナス ===== */
.nasu {
	position: absolute;
	width: 250px;
	height: 135px;
}
	/* ----- ナスの状態 ----- */
	.nasu-lv-0 {
		background-image: none !important;
	}
	.nasu-lv-1 {
		background-position: 0 0;
	}
	.nasu-lv-2 {
		background-position: 0 -135px;
	}
	.nasu-lv-3 {
		background-position: 0 -270px;
	}
	.nasu-lv-4 {
		background-position: 0 -405px;
	}
	/* ----- ナスの色 ----- */
	#nasu-aka {
		top: 24px;
		left: 80px;
		background-image: url(../../../img/event/ohanami/2016/nasu/aka.png);
	}
	#nasu-ao {
		top: 92px;
		left: 209px;
		background-image: url(../../../img/event/ohanami/2016/nasu/ao.png);
	}
	#nasu-ki {
		top: 280px;
		left: 20px;
		background-image: url(../../../img/event/ohanami/2016/nasu/ki.png);
	}
	#nasu-midori {
		top: 172px;
		left: 123px;
		background-image: url(../../../img/event/ohanami/2016/nasu/midori.png);
	}
	#nasu-murasaki {
		top: 245px;
		left: 285px;
		background-image: url(../../../img/event/ohanami/2016/nasu/murasaki.png);
	}

/* ===== ゲージ ===== */
.gauge-base {
	margin-bottom: 5px;
	width: 510px;
	height: 36px;
	background-image: url(../../../img/event/ohanami/2016/map/gauge/base.png);
	background-repeat: no-repeat;
	background-position: right 0;
}
	.gauge-base.gauge-cleared {
		background-position: right bottom;
	}
	.gauge {
		padding-left: 112px;
		padding-right: 60px;
		height: 36px;
		background-repeat: no-repeat;
	}
		.gauge li {
			float: right;
		}
			.gauge li strong {
				font-size: 14px;
			}
			.gauge li table {
				height: 36px;
			}
		.gauge li:first-child {
			float: left;
		}
	/* ----- ゲージ色 ----- */
	#gauge-aka {
		background-image: url(../../../img/event/ohanami/2016/map/gauge/aka.png);
	}
	#gauge-ao {
		background-image: url(../../../img/event/ohanami/2016/map/gauge/ao.png);
	}
	#gauge-ki {
		background-image: url(../../../img/event/ohanami/2016/map/gauge/ki.png);
	}
	#gauge-midori {
		background-image: url(../../../img/event/ohanami/2016/map/gauge/midori.png);
	}
	#gauge-murasaki {
		background-image: url(../../../img/event/ohanami/2016/map/gauge/murasaki.png);
	}
	/* ----- ゲージのバー ----- */
	.gauge-bar-base {
		margin-top: 13px;
		margin-left: 10px;
		padding: 1px;
		width: 168px;
		height: 8px;
		background-color: #000;
	}
		.gauge-bar {
			height: 8px;
		}
			/* ----- バーの色 ----- */
			#gauge-aka .gauge-bar {
				background-color: #cd277d;
			}
			#gauge-ao .gauge-bar {
				background-color: #32aad6;
			}
			#gauge-ki .gauge-bar {
				background-color: #ccb93a;
			}
			#gauge-midori .gauge-bar {
				background-color: #299d4c;
			}
			#gauge-murasaki .gauge-bar {
				background-color: #a33adb;
			}

/* ===== 報酬リスト ===== */
.ohanami-reward {
}
	.ohanami-reward table {
		margin-right: auto;
		margin-left: auto;
		width: 530px;
		font-size: 12px;
	}
	.ohanami-reward th,
	.ohanami-reward td {
		padding-top: 10px;
		padding-bottom: 9px;
		padding-left: 10px;
		font-weight: bold;
		line-height: 1.0;
		text-align: left;
		border: 1px solid #9d4191;
	}
	.ohanami-reward th {
		color: #a60000;
		background-color: #f9c2e4;
	}
	.ohanami-reward td {
		background-color: #fff;
	}

/* ===== 結果エリア ===== */
#ohanami-result {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
}
	/* ----- アイテムを受け取るボタン ----- */
	#ohanami-get-item {
		display: block;
		overflow: hidden;
		width: 291px;
		height: 66px;
	}
		#ohanami-get-item img {
			
		}
	/* ----- 最終結果 ----- */
	#ohanami-result-list {
		position: absolute;
		left: 10px;
		bottom: 25px;
	}

/* ===== 注釈 ===== */
.notice-text {
	color: #996666;
}

/* ===== 汎用ボタン ===== */
.ohanami-button {
	display: block;
	overflow: hidden;
	width: 427px;
	height: 51px;
	color: #000 !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.0;
	background-image: url(../../../img/event/ohanami/2016/button/common.png);
}
	.ohanami-button:hover {
		color: #000 !important;
		text-decoration: none !important;
	}
	.ohanami-button table {
		margin-top: 16px;
	}