<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
.chartWrap {
	position: relative;
}

.chartBg {
	width: 100%;
}

.charaBox {
	position: absolute;
}
.charaBox img {
	width: 100%;
	height: 100%;
}
.charaBox a {
	display: block;
	width: 100%;
	height: 100%;
}
.charaBox .cover {
	position: absolute;
	top: 0;
	left: 0;
}

/* -----
人物詳細モーダル
--------------- */
.detailContainer {
	display: none;
}

.detail {
	overflow: hidden;
	width: 817px;
	height: 524px;
	padding: 2px;
}

.detailInner {
	position: relative;
	width: 100%;
	height: 100%;
	padding-right: 30px;
	padding-left: 368px;
	background: url(../img/modal_bg.png) no-repeat center bottom, url(../../common/img/bg_contents.jpg) repeat 0 0;
	background-size: 100% auto, 384px;
}
.detailInner::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: 20px;
	background-image: url(../../common/img/deco_frame_lt.png), url(../../common/img/deco_frame_rt.png);
	background-position: left top, right top;
	background-repeat: no-repeat;
}
.detailInner::after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: 20px;
	background-image: url(../../common/img/deco_frame_lb.png), url(../../common/img/deco_frame_rb.png);
	background-position: left top, right top;
	background-repeat: no-repeat;
}

.detailPhoto {
	position: absolute;
	top: 18px;
	left: 18px;
	max-width: 320px;
}
.detailPhoto .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.detailNameBox {
	position: relative;
	z-index: 2;
	margin-bottom: 25px;
	padding-top: 40px;
	font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.detailNameBox .name {
	margin-bottom: 10px;
	padding-bottom: 15px;
	font-size: 34px;
	background: url(../img/modal_name_bg.png) no-repeat center bottom;
	background-size: 100% auto;
}
.detailNameBox rt {
	font-size: 10px;
	text-align: center;
}
.detailNameBox span {
	font-size: 15px;
}
.detailNameBox .actName {
	color: #3a82db;
	text-align: right;
	font-size: 26px;
}

.detailText {
	position: relative;
	z-index: 10;
	overflow: auto;
	height: 350px;
	line-height: 1.87;
	font-size: 16px;
	box-sizing: border-box;
}

@media screen and (max-width: 960px) {
	.detail {
		width: 100%;
		height: 524px;
		padding: 2px;
	}

	.detailNameBox .name {
		font-size: 28px;
	}
	.detailNameBox .actName {
		color: #3a82db;
		text-align: right;
		font-size: 22px;
	}
}
@media screen and (max-width: 768px) {
	.detail {
		width: 100%;
		height: auto;
	}

	.detailInner {
		padding: 10px;
	}

	.detailNameBox {
		width: 100%;
		margin-bottom: 10px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.detailNameBox .name {
		font-size: 22px;
		background-position: left bottom;
		background-size: auto 4px;
	}
	.detailNameBox .actName {
		font-size: 18px;
	}

	.detailBox {
		overflow: auto;
		max-height: 60vh;
	}

	.detailPhoto {
		position: static;
		width: 40%;
		float: left;
		padding-right: 10px;
	}

	.detailText {
		overflow: visible;
		height: auto;
		font-size: 14px;
	}
}
@media print {
	.charaBox img {
		opacity: 0;
	}

	.detailPhoto img {
		opacity: 0;
	}
}

/*# sourceMappingURL=style.css.map */
</pre></body></html>