@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : character.css
Description : キャラクターページCSS
===================================================================== */


/* =====================================================================
*    #main
* =================================================================== */
#main {
	background: url(../images/common/bg_character.jpg) repeat center top;
	background-size: 224px auto;
}

@media screen and (min-width:800px){
	#main {
		background: url(../images/common/bg_character.jpg) repeat center top;
		background-size: 448px auto;
	}
}

.chara_detail::after {
	content: "";
	width: 50%;
	height: 0;
	padding-top: 50%;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: -3.3334%;
	margin-right: -3.3334%;
}

.bg_jkk .chara_detail::after {
	background: url(../images/character/bg_jkk.png) no-repeat left top;
	background-size: 100% auto;
}

.bg_akudama .chara_detail::after {
	background: url(../images/character/bg_akudama.png) no-repeat left top;
	background-size: 100% auto;
}

.main_inner:not(:first-of-type) {
	margin-top: 6.25%;
}

.subpage .main_inner .chara_image {
	width: 78.3334%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
}

.chara_name {
	font-size: 1.8rem;
	line-height: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-top: 75.8621%;
	padding-top: 3.4483%;
}

.chara_name .chara_cv {
	font-size: 1.5rem;
	font-weight: bold;
}

.subpage .main_inner .chara_detail {
	position: static;
	font-size: 1.4rem;
	line-height: 1.5em;
	text-align: center;
	padding-top: 5.1725%;
}

@media screen and (min-width:640px){
	.main_inner:not(:first-child) {
		margin-top: 40px;
	}
}

@media screen and (min-width:800px){
	.page_ttl::before {
		background: url(../images/character/img_ttl_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.chara_detail::after {
		width: 49.0197%;
		padding-top: 49.0197%;
		margin-bottom: -5.8824%;
		margin-right: -5.8824%;
	}

	.main_inner:not(:first-of-type) {
		margin-top: 1.9608%;
	}

	.subpage .main_inner .chara_image {
		width: 50%;
		position: relative;
		float: left;
		margin-top: -3.1915%;
		margin-bottom: -3.1915%;
	}

	.subpage .main_inner .chara_name {
		font-size: 3.0rem;
		line-height: 1.3em;
		text-align: left;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 0;
		padding-top: 9.804%;
		margin-left: 55.8824%;
	}

	.chara_name .chara_cv {
		display: block;
		font-size: 2.4rem;
	}

	.subpage .main_inner .chara_detail {
		font-size: 2.4rem;
		line-height: 1.5em;
		text-align: left;
		padding-top: 17.0413%;
		margin-left: 56.383%;
	}
}

@media screen and (min-width:1401px){
	.main_inner:not(:first-of-type) {
		margin-top: 20px;
	}
}