@charset "utf-8";

#headerTitle01 {
	left: 2%;
	top: 22%;
}

#headerTitle02 {
	right: 0;
	top: 50%;
}

#headerTitle03 {
	left: 0;
	top: 0;
}

#characters {
	width: 95.5%;
	height: auto;
	margin: 11% auto 0;
}

	#characters .group {
		margin-top: 7%;
		padding: 3.5%;
		background: #3a0202;
	}

	#characters .group:first-child {
		margin-top: 0;
	}

		#characters .upper {
			overflow: hidden;
		}

			#characters .left {
				float: left;
				width: 52.5%;
				height: auto;
			}

			#characters .right {
				float: right;
				width: 45%;
				height: auto;
				padding-top: 6.5%;
			}

				#characters .name {
					font-size: 14px;
					line-height: 24px;
					text-align: center;
					color: #f7dd06;
				}

				#characters .cast {
					margin-top: 3%;
					font-size: 14px;
					line-height: 24px;
					text-align: center;
					color: #fff;
				}

		#characters .txt {
			margin-top: 4%;
			padding: 3%;
			font-size: 14px;
			line-height: 24px;
			color: #000;
			background: #fff;
		}