/* =================================
	drivehead CSS
================================= */

div.dhch {
	position:relative;
}
div.dhch div.pics span, div.dhch div.pics span img {
	display:block;
}
div.dhch div.pics span {
	background-repeat:no-repeat;
	background-position:left top;
}
div.dhch div.txt {
	background-color:hsla(0,0%,0%,0.8);
	border-style:solid;
	border-color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.dhch div.txt section p {
	line-height:2.5em;
}
div.dhch div.txt section h3 {
	line-height:1.5;
	color:#fff;
	text-shadow:1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 0px 0px 5px hsla(0,0%,0%,1);
	margin-bottom:0.5em;
	border-left-style:solid;
	margin-bottom:1em;
}
div#sonicinter div.txt section h3 span,
div#cycloneinter div.txt section h3 span {
	color:#b2e0ff;
}
div#backdraft div.txt section h3 span,
div#braveback div.txt section h3 span {
	color:#ffe0e0;
}
div#whitehope div.txt section h3 span,
div#whitecrystal div.txt section h3 span {
	color:#dfe4e7;
}
div#sonicinter div.txt section h3,
div#cycloneinter div.txt section h3,
div#gou div.txt section h3 {
	border-left-color:#007bcc;
}
div#backdraft div.txt section h3,
div#braveback div.txt section h3,
div#tiga div.txt section h3 {
	border-left-color:#e6191e;
}
div#whitehope div.txt section h3,
div#whitecrystal div.txt section h3,
div#jin div.txt section h3,
div#mikoto div.txt section h3 {
	border-left-color:#dfe4e7;
}
div.dhch div.pics {
	z-index:2;
	position:absolute;
	top:0;
	left:50%;
}
div.dhch div.txt p {
	color:#ccc;
}
div.dhch div.txt p:not(:last-child) {
	margin-bottom:1.5em;
}

@media all and (min-width: 768px) {
.dh div.dhch {
	padding-top:270px;
}
.chara div.dhch {
	padding-top:240px;
}
div.inner div.dhch:not(:last-child) {
	margin-bottom:30px;
}
.dh div.dhch div.pics span img {
	height:380px;
}
.chara div.dhch div.pics span img {
	width:225px;
}
div#sonicinter div.pics, div#sonicinter div.pics span img {
	width:358px;
}
div#backdraft div.pics, div#backdraft div.pics span img {
	width:353px;
}
div#whitehope div.pics, div#whitehope div.pics span img {
	width:356px;
}

div#cycloneinter div.pics, div#sonicinter div.pics span img {
	width:349px;
}
div#braveback div.pics, div#sonicinter div.pics span img {
	width:357px;
}
div#whitecrystal div.pics, div#sonicinter div.pics span img {
	width:374px;
}


div#gou div.pics, div#gou div.pics span img,
div#tiga div.pics, div#tiga div.pics span img {
	height:380px;
}
div#jin div.pics, div#jin div.pics span img,
div#mikoto div.pics, div#mikoto div.pics span img {
	height:300px;
}
div#sonicinter div.pics {
	margin-left:-179px;
}
div#backdraft div.pics {
	margin-left:-176.5px;
}
div#whitehope div.pics {
	margin-left:-178px;
}


div#cycloneinter div.pics {
	margin-left:-174.5px;
}
div#braveback div.pics {
	margin-left:-178.5px;
}
div#whitecrystal div.pics {
	margin-left:-187px;
}


.chara div.dhch div.pics {
	margin-left:-112.5px;
}
div.dhch div.txt {
	border-width:5px;
	border-radius:40px;
	padding:0 30px 30px;
}
div#sonicinter div.txt {
	padding-top:80px;
}
div#backdraft div.txt {
	padding-top:120px;
}
div#whitehope div.txt {
	padding-top:60px;
}
div#cycloneinter div.txt {
	padding-top:120px;
}
div#braveback div.txt {
	padding-top:60px;
}
div#whitecrystal div.txt {
	padding-top:120px;
}
div#gou div.txt,
div#tiga div.txt {
	padding-top:120px;
}
div#jin div.txt,
div#mikoto div.txt {
	padding-top:40px;
}
div.dhch div.txt section h3 {
	border-left-width:8px;
	padding-left:10px;
}
div.dhch div.txt p {
	font-size:87.5%;
}
table th {
	width:4em;
}
}
@media all and (max-width: 767px) {
.dh div.dhch {
	padding-top:180px;
}
div.inner div.dhch:not(:last-child) {
	margin-bottom:15px;
}
div.dhch div.txt {
	border-width:4px;
	border-radius:20px;
	padding:12px;
}
div.dhch div.pics span {
	background-size:cover;
}
.dh div.dhch div.pics span img {
	height:250px;
}
div#sonicinter div.pics, div#sonicinter div.pics span img {
	width:236px;
}
div#backdraft div.pics, div#backdraft div.pics span img {
	width:232px;
}
div#whitehope div.pics, div#whitehope div.pics span img {
	width:234px;
}

div#cycloneinter div.pics, div#sonicinter div.pics span img {
	width:230px;
}
div#braveback div.pics, div#sonicinter div.pics span img {
	width:235px;
}
div#whitecrystal div.pics, div#sonicinter div.pics span img {
	width:246px;
}


div#sonicinter div.pics {
	margin-left:-118px;
}
div#backdraft div.pics {
	margin-left:-116px;
}
div#whitehope div.pics {
	margin-left:-117px;
}

div#cycloneinter div.pics {
	margin-left:-115px;
}
div#braveback div.pics {
	margin-left:-117.5px;
}
div#whitecrystal div.pics {
	margin-left:-123px;
}

div#sonicinter div.txt {
	padding-top:60px;
}
div#backdraft div.txt {
	padding-top:80px;
}
div#whitehope div.txt {
	padding-top:24px;
}
div#cycloneinter div.txt {
	padding-top:80px;
}
div#braveback div.txt {
	padding-top:40px;
}
div#whitecrystal div.txt {
	padding-top:80px;
}

div.dhch div.txt section h3 {
	border-left-width:5px;
	padding-left:8px;
	font-size:87.5%;
}
div.dhch div.txt p {
	font-size:83%;
}



.chara div.dhch {
	padding-top:190px;
}
.chara div.dhch div.pics span img {
	width:180px;
}
div#gou div.pics, div#gou div.pics span img,
div#tiga div.pics, div#tiga div.pics span img {
	height:304px;
}
div#jin div.pics, div#jin div.pics span img,
div#mikoto div.pics, div#mikoto div.pics span img {
	height:240px;
}
.chara div.dhch div.pics {
	margin-left:-90px;
}

div#gou div.txt,
div#tiga div.txt {
	padding-top:90px;
}
div#jin div.txt,
div#mikoto div.txt {
	padding-top:20px;
}

}

div.dhch span.lazy-done {
	-webkit-animation: bounceInLeft 500ms;
	animation: bounceInLeft 500ms;
}