@charset "utf-8";

.view480{
	display: none;
}

@media screen and (min-width: 480px) {
 .view480{
	display: table-cell;
}}

.eft_tate{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}

/*--- eft_table_fld:フィールド適正用 -----------*/

.eft_table_fld td{
	padding: 2px 10px;
	border: 1px #999999 solid;
	vertical-align: middle;
	text-align:center;
}

.eft_table_fld td:first-child, .eft_table_fld td:nth-child(3){
	width:40px;
}

.eft_table_fld td:nth-child(2){
	width:70px;
}

.pos_high{
	background-color: #ff6699;
	font-weight: bold;
}

.pos_low{
	background-color: #ffe0e9;
	font-weight: bold;
}

.pos_non{
	background-color: #f9f9f9;
	color: #666666;
}

/*--- 各種能力値用 -----------*/

.bg_base{background-color: #ffffcc !important;}
.bg_of{background-color: #ffccff !important;}
.bg_df{background-color: #ccffff !important;}
.bg_ph{background-color: #ccffcc !important;}
.bg_skl{background-color: #ffaaff !important;}
.bg_tm{background-color: #ead9ff !important;}

.bg_90{background-color: #c3fcfc; color: #000022; font-weight: bold;}
.bg_80{background-color: #e3fff3; color: #003300; font-weight: bold;}
.bg_70{background-color: #ffffee; color: #993300; font-weight: bold;}
.bg_00{background-color: #fff0f0; color: #cc0433; font-weight: bold;}

.bg_right{background-color: #d7eeff; border-left: 3px #d7eeff solid !important; border-right: 3px #005fff double !important; font-weight: bold;}
.bg_left{background-color: #ead9ff; border-left: 3px #9057ff double !important; border-right: 3px #ead9ff solid !important; font-weight: bold;}

.eft_h9 th{height:116px;}
.eft_h10 th{height:128px;}
.eft_h12 th{height:152px;}
@media screen and (min-width: 768px) {
.eft_h9 th{height:130px;}
.eft_h10 th{height:144px;}
.eft_h12 th{height:168px;}
}

.eft_width_ps{width:100px;}
@media screen and (min-width: 768px) {
.eft_width_ps{width:150px;}
}

.eft_table_of th:first-child, .eft_table_df th:first-child, .eft_table_ph th:first-child, .eft_table_tm th:first-child{width:136px;}
.eft_table_of td:nth-child(2), .eft_table_df td:nth-child(2) ,.eft_table_ph td:nth-child(2), .eft_table_tm td:nth-child(2){width:24px;}
.eft_table_of th:nth-child(3), .eft_table_df th:nth-child(3), .eft_table_ph th:nth-child(3), .eft_table_tm th:nth-child(3){width:136px;}
.eft_table_of td:nth-child(4), .eft_table_df td:nth-child(4), .eft_table_ph td:nth-child(4), .eft_table_tm td:nth-child(4){width:24px;}

.eft_table_of th, .eft_table_of td, .eft_table_df th, .eft_table_df td, .eft_table_ph th, .eft_table_ph td, .eft_table_tm th, .eft_table_tm td{
	border: 1px #999999 solid;
	vertical-align: middle;
	font-size: 10.5px;
}

@media screen and (min-width: 768px) {
.eft_table_of th, .eft_table_of td, .eft_table_df th, .eft_table_df td, .eft_table_ph th, .eft_table_ph td, .eft_table_tm th, .eft_table_tm td{
	font-size: 12px;
}}

.eft_table_of th, .eft_table_df th, .eft_table_ph th, .eft_table_tm th{
	padding: 2px 3px;
	text-align: left;
}

.eft_table_of th{background-color: #ffccff;}
.eft_table_df th{background-color: #ccffff;}
.eft_table_ph th{background-color: #ccffcc;}
.eft_table_tm th{background-color: #ead9ff;}

.eft_table_of td, .eft_table_df td, .eft_table_ph td, .eft_table_tm td{
	padding: 2px 0px;
	text-align: center;
}

@media screen and (min-width: 768px) {
.div_of, .div_ph{padding: 0px 10px 0px 0px;}
.div_df, .div_tm{padding: 0px 0px 0px 10px;}
}

/*--- 各種能力値用タレントデザイン版 -----------*/

.tbl_tp{margin:2px 3px 10px 3px;}
.tbl_tp tr td{padding:2px 3px 0px 3px;border-bottom: 3px #cc3333 double !important;}
.tbl_tp td:nth-child(2){text-align:right;width:50px;font-size:24px;font-weight: bold;}
.tbl_tp td:nth-child(3){text-align:left;}

.tbl_input{margin:0px 0px 0px 5px;border:0px;}
.tbl_input tr td{padding:3px 3px;font-size:16px;}
.tbl_input th:first-child{width:136px;}
.tbl_input th:nth-child(2){width:100px;}
.tbl_input th:nth-child(3){width:30px;font-size: 10.5px;text-align:center;}
.tbl_input td:nth-child(3){text-align:center;}

@media screen and (min-width: 768px) {
 .tbl_input tr td{padding:2px 3px;font-size:14px;}
 .tbl_input th:first-child{width:112px;}
 .tbl_input th:nth-child(2){width:78px;}
}

.img_up, .img_down , .img_ic{display:inline-block;vertical-align:middle;height:26px;}
.img_up, .img_down{cursor: pointer;}
.img_ic{padding:0px 7px 0px 0px;}
.txt_tp{height:20px;width:18px;padding:0px 3px;margin:0px 10px 0px 10px;text-align:right;}
.nx_tp{color: #0000ff;font-size:12px !important;}

@media screen and (min-width: 768px) {
 .img_up, .img_down {height:auto;}
 .img_ic{height:17px;}
 .txt_tp{height:15px;width:14px;}
}

.btn_rst{appearance: none;-webkit-appearance: none;margin: 5px 5px 5px 5px;padding: 10px 18px 10px 18px;font-weight: bold;cursor: pointer;}
@media screen and (min-width: 768px) {.btn_rst{margin: 10px 5px 10px 0px;padding: 5px 12px 5px 12px;}}

.div2_of h3, .div2_ph h3, .div2_df h3, .div2_tm h3, .div2_td h3{padding: 3px 0px 3px 5px; margin: 5px 5px 5px 0px;font-size: 13px;}

.eft_table2_of th{background-color: #ffccff;}
.eft_table2_df th{background-color: #ccffff;}
.eft_table2_ph th{background-color: #ccffcc;}
.eft_table2_tm th{background-color: #ead9ff;}

.eft_table2_of th:first-child, .eft_table2_df th:first-child, .eft_table2_ph th:first-child{width:156px;}
.eft_table2_of th:nth-child(2), .eft_table2_df th:nth-child(2), .eft_table2_ph th:nth-child(2){width:36px;text-align:center;}
.eft_table2_of th:nth-child(3), .eft_table2_df th:nth-child(3), .eft_table2_ph th:nth-child(3){width:36px;text-align:center;}
.eft_table2_of th:nth-child(4), .eft_table2_df th:nth-child(4), .eft_table2_ph th:nth-child(4){width:24px;border:0px;background-color:#ffffff !important;}
.eft_table2_of td:nth-child(4), .eft_table2_df td:nth-child(4), .eft_table2_ph td:nth-child(4){border:0px;color:#ff0000 !important;text-align:right;}
.eft_table2_tm th:first-child{width:104px;}
.eft_table2_tm th:nth-child(2){width:27px;text-align:center;}
.eft_table2_tm th:nth-child(3){width:27px;text-align:center;}
.eft_table2_tm th:nth-child(4){width:100px;}
.eft_table2_tm th:nth-child(5){width:27px;text-align:center;}
.eft_table2_tm th:nth-child(4), .eft_table2_tm th:nth-child(5){border:0px;background-color:#ffffff !important;}
.eft_table2_tm td:nth-child(4){padding-right:5px !important;text-align:right !important;}
.eft_table2_tm td:nth-child(4), .eft_table2_tm td:nth-child(5){border:0px;}
.eft_table2_of th, .eft_table2_of td, .eft_table2_df th, .eft_table2_df td, .eft_table2_ph th, .eft_table2_ph td, .eft_table2_tm td{
	border: 1px #999999 solid;vertical-align: middle;line-height:1.4;font-size: 12px;}
.eft_table2_tm th{padding: 2px 0px 2px 3px;text-align: left;border: 1px #999999 solid;vertical-align: middle;font-size: 10.5px;}
.eft_table2_of th, .eft_table2_of td, .eft_table2_df th, .eft_table2_df td, .eft_table2_ph th, .eft_table2_ph td, .eft_table2_tm th{line-height:1.3;}
.eft_table2_tm td{line-height:2.4;}
.eft_table2_of th, .eft_table2_df th, .eft_table2_ph th{padding: 2px 3px;text-align: left;}

.eft_table2_of td, .eft_table2_df td, .eft_table2_ph td, .eft_table2_tm td{padding: 2px 0px;text-align: center;}

@media screen and (min-width: 768px) {
.eft_table2_of th:first-child, .eft_table2_df th:first-child, .eft_table2_ph th:first-child, .eft_table2_tm th:first-child{width:112px;}
.eft_table2_of th:nth-child(2), .eft_table2_df th:nth-child(2), .eft_table2_ph th:nth-child(2), .eft_table2_tm th:nth-child(2){width:26px;}
.eft_table2_of th:nth-child(3), .eft_table2_df th:nth-child(3), .eft_table2_ph th:nth-child(3), .eft_table2_tm th:nth-child(3){width:26px;}
.eft_table2_of th:nth-child(4), .eft_table2_df th:nth-child(4), .eft_table2_ph th:nth-child(4){width:18px;}
.eft_table2_tm th:nth-child(4){width:84px;}
.eft_table2_tm th:nth-child(5){width:30px;}
.eft_table2_of th, .eft_table2_of td, .eft_table2_df th, .eft_table2_df td, .eft_table2_ph th, .eft_table2_ph td, .eft_table2_tm th, .eft_table2_tm td{
	line-height:1.3;font-size: 11px;}
.eft_table2_tm td{line-height:1.8;}
.eft_table2_tm th{padding: 2px 3px;}
}

/*--- eft_tbl_list_base:横幅は各ページで指定 -----------*/

.eft_tbl_list_base, .eft_tbl_list_base_en{
	font-size:12px;
	line-height: 1.3;
}

@media screen and (min-width: 768px) {
.eft_tbl_list_base, .eft_tbl_list_base_en{
	font-size:14px;
	line-height: 1.1;
}}

.eft_tbl_list_base th:nth-child(2), .eft_tbl_list_base_en th:nth-child(2){
	-ms-writing-mode: tb-lr !important;
	writing-mode: horizontal-tb !important;
}

.eft_tbl_list_base th, .eft_tbl_list_base td, .eft_tbl_list_base_en th, .eft_tbl_list_base_en td{
	border: 1px #999999 solid;
}

.eft_tbl_list_base th, .eft_tbl_list_base_en th{
	width: 1em;
	white-space: nowrap;
	padding: 1px 1px 15px 1px;
	background-color: #ffc0cb;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}

.eft_tbl_list_base th span{
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-text-orientation: upright;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}

.eft_tbl_list_base_en th span{
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-text-orientation: sideways;
	-webkit-text-orientation: sideways;
	text-orientation: sideways;
}

.eft_tbl_list_base td, .eft_tbl_list_base_en td{
	padding: 2px 1px;
	border: 1px #999999 solid;
}

.eft_tbl_list_base tr:nth-child(5n) td, .eft_tbl_list_base_en tr:nth-child(5n) td{
	border-bottom: 3px #999999 double !important;
}

@media screen and (min-width: 480px) {
.eft_tbl_list_base th, .eft_tbl_list_base_en th{
	padding: 1px 2px 15px 2px;
}
.eft_tbl_list_base td, .eft_tbl_list_base_en td{
	padding: 2px 2px;
}}

@media screen and (min-width: 768px) {
.eft_tbl_list_base th, .eft_tbl_list_base_en th{
	padding: 5px 4px 15px 6px;
}
.eft_tbl_list_base td, .eft_tbl_list_base_en td{
	padding: 5px 5px;
}}

.eft_tbl_list_base td:nth-child(2), .eft_tbl_list_base_en td:nth-child(2){
	padding: 0px 0px;
}

.eft_tbl_list_base td:nth-child(2) a, .eft_tbl_list_base_en td:nth-child(2) a{
	display: inline-block;
	width: 98%;
	padding: 5px 0px 5px 2%;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
.eft_tbl_list_base td:nth-child(2) a, .eft_tbl_list_base_en td:nth-child(2) a{
	padding: 3px 0px 3px 2%;
}}

.eft_tbl_list_base td:nth-child(2) a:hover, .eft_tbl_list_base_en td:nth-child(2) a:hover{
	background-color: #ffff99;
}

/*--------------*/

/*--- eft_tbl_list:名前1列+2桁数字のデータ15列(480pxで10列) -----------*/

.eft_tbl_list, .eft_tbl_list_en{
	font-size:12px;
	line-height: 1.3;
}

@media screen and (min-width: 768px) {
.eft_tbl_list, .eft_tbl_list_en{
	font-size:14px;
	line-height: 1.1;
}}

.eft_tbl_list th:first-child, .eft_tbl_list_en th:first-child{
	width:120px !important;
	-ms-writing-mode: tb-lr !important;
	writing-mode: horizontal-tb !important;
}

@media screen and (min-width: 768px) {
.eft_tbl_list th:first-child, .eft_tbl_list_en th:first-child{
	width:200px !important;
}}

.eft_tbl_list th, .eft_tbl_list td, .eft_tbl_list_en th, .eft_tbl_list_en td{
	border: 1px #999999 solid;
}

.eft_tbl_list th, .eft_tbl_list_en th{
	width: 1em;
	white-space: nowrap;
	padding: 1px 1px 15px 1px;
	background-color: #ffc0cb;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}

.eft_tbl_list th span{
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-text-orientation: upright;
	-webkit-text-orientation: upright;
	text-orientation: upright;
}

.eft_tbl_list_en th span{
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-text-orientation: sideways;
	-webkit-text-orientation: sideways;
	text-orientation: sideways;
}

.eft_tbl_list td, .eft_tbl_list_en td{
	padding: 2px 1px;
	border: 1px #999999 solid;
}

.eft_tbl_list tr:nth-child(5n) td, .eft_tbl_list_en tr:nth-child(5n) td{
	border-bottom: 3px #999999 double !important;
}

@media screen and (min-width: 480px) {
.eft_tbl_list th, .eft_tbl_list_en th{
	padding: 1px 2px 15px 2px;
}
.eft_tbl_list td, .eft_tbl_list_en td{
	padding: 2px 2px;
}}

@media screen and (min-width: 768px) {
.eft_tbl_list th, .eft_tbl_list_en th{
	padding: 5px 4px 15px 6px;
}
.eft_tbl_list td, .eft_tbl_list_en td{
	padding: 5px 5px;
}}

.eft_tbl_list td:first-child, .eft_tbl_list_en td:first-child{
	padding: 0px 0px;
}

.eft_tbl_list td:first-child a, .eft_tbl_list_en td:first-child a{
	display: inline-block;
	width: 98%;
	padding: 5px 0px 5px 2%;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
.eft_tbl_list td:first-child a, .eft_tbl_list_en td:first-child a{
	padding: 3px 0px 3px 2%;
}}

.eft_tbl_list td:first-child a:hover, .eft_tbl_list_en td:first-child a:hover{
	background-color: #ffff99;
}

.eft_last_tr th{
	vertical-align: top !important;
	padding: 1px 0px 5px 0px !important;
}

@media screen and (min-width: 480px) {
.eft_last_tr th{
	padding: 1px 2px 5px 2px !important;
}}

@media screen and (min-width: 768px) {
.eft_last_tr th{
	padding: 5px 4px 5px 6px !important;
}}

/*--------------*/

.eft_ul_listp {
	display: block;
	margin: 0px -10px 0px -5px;
	padding: 0px !important;
}

.eft_ul_listp li {
	width:32%;
	display: block;
	float: left;
	margin: 3px 0.2%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 480px) {
.eft_ul_listp li {
	width:24%;
}}

.eft_ul_listp li a {
	display: inline-block;
	padding: 2px 1px 0px 1px;
	text-decoration: none;
	line-height: 1.0;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
 .eft_ul_listp li a {
	padding: 2px 1px 0px 1px;
}}

.eft_ul_listp li a:hover {
	background-color: #ffff00;
	opacity:1;
}

.eft_ul_listp li a img {
	margin: 0px 0px !important;
}

/*--------------*/

.eft_p_overview{text-align:center;}

.eft_img_overview{
	margin: auto;
	padding: 0px 0px 0px 5px;
	height: 268px;
}

.eft_img_overview2{
	margin: auto;
	padding: 0px 0px 0px 5px;
	height: 240px;
}

@media screen and (min-width: 560px) {
.eft_img_overview,.eft_img_overview2{
	padding: 0px 5px 0px 5px;
	float:right;
}}

@media screen and (min-width: 768px) {
 .eft_img_overview{height: 335px;}
}

/*--------------*/

.sp_status{
	line-height:1.2;
	float:left;
	font-size:12px !important;
}

.sp_status th{width:120px;text-align:left;}
.sp_status td{width:auto;}

@media screen and (min-width: 560px) {
 .sp_status th{width:120px;}
 .sp_status td{width:190px;}
}

@media screen and (min-width: 768px) {
 .sp_status{font-size:14px !important;}
 .sp_status th{width:140px;}
 .sp_status td{width:290px;}
}
/*--------------*/

.eft_img_lgd{
	margin: 0.5% !important;
	width: 30%;
}

@media screen and (min-width: 768px) {
.eft_img_lgd{
	width: auto;
}}

/*--------------*/

.img_art_pl{
	float:left;
	padding:0px 10px 0px 5px;
}

@media screen and (min-width: 768px) {
.img_art_pl{
	width: auto;
}}

/*--------------*/

.sorter-false {
    background-image: none;
}