
/*◆文字列
-------------------------------------*/

.gth1:before {
	content: "主";
}

.gth1_:before {
	content: "@";
}

.gth2:before {
	content: "補";
}

.gth3:before {
	content: "割";
}

.gth4:before {
	content: "装";
}

.gth5:before {
	content: "イ";
}

.gth6:before {
	content: "ワ";
}

.gtb1:before {
	content: "";
}

.gtb1_:before {
	content: "A";
}

.gtb2:before {
	content: "限";
}

.gtb3:before {
	content: "墓";
}

.gpos:before {
	content: "配置";
}

.gcon:before {
	content: "条件";
}

.gtg:before {
	content: "対象";
}

.gpn:before {
	content: "価値";
}

.gbk:before {
	content: "威力";
}

.iksmc:before {
	content: "強化";
}

/*◆テーブル
-------------------------------------*/

.garea {
	display: flex;
	flex-wrap: wrap;
	align-items:  flex-start;
	justify-content: center;
	margin: 30px auto 0;
}

/*技能等を左揃えにする用*/
.gstart {
	justify-content: start;
	padding: 0 10px;
}

.gtab {
	border-collapse:separate;
	border-spacing: 0;
	width: 100%; /*ウィンドウ幅によって増減、これは初期値*/
	margin: 4px 3px;
	border-radius:3px;
}

.gth1, .gth1_, .gth2, .gth3, .gth4, .gth5, .gth6, .gtb1, .gtb1_, .gtb2, .gtb3 {
	font-size: 0.96rem;
	width: 16px;
	padding: 3px 5px;
}

.gth, .gthn, .iksm {
	font-size: 0.96rem;
	text-align: left;
	padding: 3px 9px;
}

.gtd, .iksm {
	font-weight:bold;
}

.gpos, .gtg, .gcon, .gpn, .gbk, .iksmc {
	font-size: 0.78rem;
	width: 36px;

}
.gpos, .gtg, .gcon, .gpn, .gbk {
	text-align: right;
	vertical-align:bottom;
	padding: 4px 6px 1px;
}

.iksmc {
	text-align: center;
	padding: 4px 0 1px;
}

.gtd {
	font-size: 0.96rem;
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	vertical-align:bottom;
	padding: 4px 9px 0;
}

.gtext {
	font-size: 0.93rem;
	line-height: 1.4;
	vertical-align: top;
	padding: 6px 9px;
	cursor: pointer;
}

.grulearea {
	width: 630px;
}

.grule {
	margin: 0 10px;
	padding: 6px 9px;
}

.gspace {
	width: 214px;
	margin: 0 3px;
	padding: 0;
}

/*◆コピー機能
-------------------------------------*/

#copymes:before {content:"コピーしました";}

#copymes{
	display: none;
	position: absolute;
	font-size: 0.88rem;
	border-radius: 3px;
	margin-top: 5px;
	padding: 10px;
}

/*◆レスポンシブ
-------------------------------------*/

/* スマートフォン(技能枠幅100%→技能枠正方形) */
@media screen and (min-width: 480px) {

	.gtab {
		width: 214px;
	}
	
	.gtext {
		height: 10rem;
	}
}
