@charset "UTF-8";

/*****************************************************************************
 * 特性
 ****************************************************************************/
/* クラス特性 */
div.class-prop {
	margin-top: 1em;
}

/* クラス特性タイトル */
div.class-prop > div:first-child {
	font-weight: bold;
	font-size: 1.25em;
}

/* 1行パラメータ */
div.line-prms {
	margin-bottom: 0.5em;
}

div.line-prms > div > span {
	font-weight: bold;
}

/* 複数行パラメータ */
div.prm-box {
	margin-bottom: 1em;
}

div.prm-box > div:first-child {
	font-weight: bold;
}

div.prm-box > p {
	text-indent: 1em;
}

/* 技能初期値 */
div.init-skill {
	margin-bottom: 0.5em;
}

div.init-skill > div:first-child{
	font-weight: bold;
}

div.skill-bonus {
	padding-left: 1em;
}

div.skill-bonus > div {
	display: inline-block;
	width: 10em;
}

div.skill-bonus > p {
	text-indent: 0;
}

/* 耐久度、余力、魔那、脚力、成長 */
div.prm-growth > table td:first-child {
	width: 6em;
	padding-right: 0.5em;
}

div.prm-growth > table td:nth-child(2) > div {
	display: inline-block;
	width: 6em;
}

/* 技能強度成長性 */
div.skill-pow-growth > table td:first-child {
	width: 4em;
	padding-right: 0.5em;
}

div.skill-pow-growth > table td:nth-child(2) > div {
	display: inline-block;
	width: 7em;
}

/*****************************************************************************
 * 呪文
 ****************************************************************************/
div.class-spells {
	margin-top: 1em;
}

div.class-spells > table {
	border: none;
	border-collapse: collapse;
	margin: 0 1em;
}

div.class-spells > table td {
	border: none;
	padding: 0;
	padding-right: 0.5em;
}

div.class-spells > table td > div {
	position: relative;
	display: inline-block;
	padding-right: 0.5em;
	cursor: pointer;
}

/* 呪文の詳細表示なし */
div.without-detail > table td > div {
	cursor: default;
}

div.class-spells > table td > div::after {
	content: "、";
}

div.class-spells > table td > div:last-child::after {
	content: "";
}

/* 呪文詳細を隠す */
div.spell-detail-hide {
	display: none;
}

/* 呪文詳細を表示する */
div.spell-detail-show {
	position: absolute;
	display: block;
	width: 40em;
	border: solid gray 1px;
	background-color: white;
	z-index: 1;
}

div.spell-detail-show > div:first-child {
	padding: 0.5em;
}

div.spell-detail > div.spell-detail-close {
	text-align:center;
	cursor: pointer;
	border-top: solid gray 1px;
	margin-top: 0.25em;
}

/*****************************************************************************
 * 使用可能武器
 ****************************************************************************/
div.use-wepon {
	margin-bottom: 1em;
}

div.use-wepon > div:first-child {
	font-weight: bold;
}

div.use-wepon > div:nth-child(2){
	padding-left: 1em;
}

div.use-wepon > div:nth-child(2) > table {
	margin-bottom: 0;
}

div.use-wepon > div:nth-child(2) > p {
	text-indent: 0;
}

/*****************************************************************************
 * マルチクラス制限
 ****************************************************************************/
 div.mc-restrict {
	margin-top: 1em;
}

div.mc-restrict > div:first-child {
	font-weight: bold;
	font-size: 1.25em;
}

div.mc-restrict > dl {
	margin-top: 0;
}

div.mc-restrict > dl > dt:nth-child(n+2) {
	margin-top: 1em;
}

div.mc-restrict > dl > dd > p {
	text-indent: 0;
}

@media screen and (max-width:800px) {
	/*****************************************************************************
	 * 呪文
	 ****************************************************************************/
	div.class-spells > table td > div {
		position: static;
	}

	/* 呪文詳細を表示する */
	div.spell-detail-show {
		position: fixed;
		display: block;
		top: 10vh;
		left: 5vw;
		width: 90vw;
		border: solid gray 1px;
		background-color: white;
		z-index: 1;
	}

}