@charset "utf-8";

.seimei_result {
	margin-bottom: 5%;
}

/* 全体のくくり */
.seimei_wrap {
	border: 5px solid #526f87;
	background: url(../img/seimei/seimei_table_wrap_bg.jpg) left top repeat;
}

/* 2人用のボックス */
.seimei_item {
	float: left;
	width: 46%;
}
.seimei_item:first-child {
	margin-right: 8%;
}
.seimei_item_top {
	background: #0e416b;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: bold;
}
.seimei_item_btm {
	width: 20%;
	margin: 0 auto;
	text-align: center;
}

/* 共通table部分 */
.seimei_table {
	width: 100%;
	margin: 0 auto;
	line-height: 1;
}
.seimei_table .td_all {
	text-align: center;
}
.seimei_table .td_a,
.seimei_table .td_f {
	text-align: center;
	padding: 0 20px;
}
.seimei_table .td_b {
	background: url(../img/seimei/line_l2.jpg) left top repeat-y;
	text-align: left;
	vertical-align: top;
}
.seimei_table .td_c {
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #0e416b;
}
.seimei_table .td_d {
	text-align: center;
}
.seimei_table .td_e {
	background: url(../img/seimei/line_r2.jpg) right top repeat-y;
	text-align: right;
	vertical-align: top;
}
.seimei_table tr.row_e .td_e,
.seimei_table tr.row_k .td_e,
.seimei_table tr.row_k .td_b {
	vertical-align: bottom;
}
.seimei_stroke_name {
	font-size: 24px;
	font-weight: bold;
}
.seimei_stroke_name_all {
	color: #e7424f;
}
.seimei_number {
	background: #FFF;
	border: 2px solid #1d0c05;
	padding: 5px 0;
	margin-top: 2px;
	font-size: 40px;
	font-weight: bold;
}
.seimei_number_chara {
	font-size: 24px;
	font-weight: bold;
}
.seimei_number_all {
	border: 2px solid #e7424f;
	color: #e7424f;
}

/* つなぎの位置を上付けに（姓が1文字の場合） */
.seimei_table tr.row_e .td_e_single {
	vertical-align: top;
}
.seimei_table tr.row_g .td_e_single {
	vertical-align: bottom;
}

/* 1人用 */
.seimei_wrap_hitori {
	padding: 20px 100px 20px 50px;
}
.seimei_wrap_hitori .seimei_table .td_c {
	font-size: 70px;
}

/* 2人用 */
.seimei_wrap_futari {
	padding: 20px;
}
.seimei_wrap_futari .seimei_table .td_a {
	padding: 0 10px 0 0;
}
.seimei_wrap_futari .seimei_table .td_f {
	padding: 0 0 0 10px;
}
.seimei_wrap_futari .seimei_table .td_c {
	font-size: 50px;
}
.seimei_wrap_futari .seimei_stroke_name {
	font-size: 18px;
}
.seimei_wrap_futari .seimei_number {
	font-size: 28px;
}
.seimei_wrap_futari .seimei_number_chara {
	font-size: 16px;
}
.seimei_wrap_futari .seimei_table .td_b {
	background-size: 30px 30px;
}
.seimei_wrap_futari .seimei_table .td_e {
	background-size: 30px 30px;
}
.seimei_wrap_futari .seimei_table td img {
	width: 30px;
	height: auto;
}







@media only screen and (max-width: 639px){
/*
	.seimei_result {
	margin: 2% 0 5% 0;
	}
*/

	/* 全体のくくり */
	.seimei_wrap {
	margin: 0 2%;
	}

	/* 2人用のボックス */
	.seimei_item {
	width: 48%;
	}
	.seimei_item:first-child {
	margin-right: 4%;
	}
	.seimei_item_top {
	padding: 3% 0;
	margin-bottom: 10%;
	font-size: 16px;
	}
	.seimei_item_btm {
	width: 25%;
	}

	/* 共通table部分 */
	.seimei_table { }
	.seimei_table .td_all { }
	.seimei_table .td_a,
	.seimei_table .td_f {
	padding: 0 2%;
	}
	.seimei_table .td_b { }
	.seimei_table .td_c {
	padding: 5px 0;
	}
	.seimei_table .td_d { }
	.seimei_table .td_e { }
	.seimei_table tr.row_e .td_e,
	.seimei_table tr.row_k .td_e,
	.seimei_table tr.row_k .td_b { }
	.seimei_stroke_name {
	font-size: 16px;
	}
	.seimei_stroke_name_all { }
	.seimei_number {
	font-size: 24px;
	}
	.seimei_number_chara {
	font-size: 16px;
	}
	.seimei_number_all { }

	/* つなぎの位置を上付けに（姓が1文字の場合） */
	.seimei_table tr.row_e .td_e_single { }
	.seimei_table tr.row_g .td_e_single { }


	/* 1人用 */
	.seimei_wrap_hitori {
	padding: 2%;
	}
	.seimei_wrap_hitori .seimei_table .td_c {
	font-size: 50px;
	}
	.seimei_wrap_hitori .seimei_table .td_b {
	background-size: 30px 30px;
	}
	.seimei_wrap_hitori .seimei_table .td_e {
	background-size: 30px 30px;
	}
	.seimei_wrap_hitori .seimei_table td img {
	width: 30px;
	height: auto;
	}

	/* 2人用 */
	.seimei_wrap_futari {
	padding: 2%;
	}
	.seimei_wrap_futari .seimei_table .td_a {
	padding: 0 2% 0 0;
	}
	.seimei_wrap_futari .seimei_table .td_f {
	padding: 0 0 0 2%;
	}
	.seimei_wrap_futari .seimei_table .td_c {
	font-size: 30px;
	}
	.seimei_wrap_futari .seimei_stroke_name {
	font-size: 10px;
	}
	.seimei_wrap_futari .seimei_number {
	font-size: 16px;
	}
	.seimei_wrap_futari .seimei_number_chara {
	font-size: 10px;
	}
	.seimei_wrap_futari .seimei_table .td_b {
	background-size: 16px 16px;
	}
	.seimei_wrap_futari .seimei_table .td_e {
	background-size: 16px 16px;
	}
	.seimei_wrap_futari .seimei_table td img {
	width: 16px;
	height: auto;
	}
	
	
}