@charset "utf-8";

.textbook_recommend_wrap .ajax_display{
	padding: 0 50px;
}
/* title */
.textbook_recommend_wrap .sec_main_ttl{
	text-align: center;
	margin-bottom:30px
}
.textbook_recommend_wrap .sec_main_ttl h3{
	width: 60%;
	color: #03c9a9;
	font-size: 30px;
	font-size: 3.0rem;
	border-bottom: #03c9a9 solid 4px;
	padding-bottom: 5px;
	margin: 0 auto 20px;
}
.textbook_recommend_wrap .sec_main_ttl h3 p{
	display: inline-block;
}
.textbook_recommend_wrap .sec_main_ttl h3 figure{
	vertical-align: bottom;
	display: inline-block;
	height: 50px;
}
.textbook_recommend_wrap .sec_quest_ttl{
	text-align: center;
	padding: 20px 0px;	
}
.textbook_recommend_wrap .sec_quest_ttl.gray_area{
	background: #f5f5f5;
}
.textbook_recommend_wrap .sec_quest_ttl h4{
	font-size: 40px;
	font-size: 4.0rem;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.textbook_recommend_wrap .sec_quest_ttl h4 span{
	font-size: 50px;
	font-size: 5.0rem;
}
/* question 1 */
.textbook_recommend_wrap .level_header_table{
	width: 100%;
	margin-bottom: 5px;
}
.textbook_recommend_wrap .level_header_table th{
	width: 15%;
	font-weight: normal;
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
}
.textbook_recommend_wrap .level_header_table th:last-child{
	width: auto;
}
/* desc */
.textbook_recommend_wrap .level_check_table .desc .d_cell:nth-child(1){
	width: 80%;
	padding-right: 35px;
}
.textbook_recommend_wrap .level_check_table .desc .d_cell .desc_ttl{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.textbook_recommend_wrap .level_check_table .desc .d_cell .btn_level{
	min-width: 100px;
	height: 55px;
	line-height: 55px;
}
/* recommend table */
.textbook_recommend_wrap .recommend_table th,
.textbook_recommend_wrap .recommend_table td{
	border: 1px #c8c8c8 solid;
}
.textbook_recommend_wrap .recommend_table{
	margin: 0 20px 50px;
}

.textbook_recommend_wrap .recommend_table th.purpose{
	line-height: 1.5;
	font-size: 12px;
	font-size: 1.2rem;
}

.textbook_recommend_wrap .recommend_table th{
	width: auto;
}
.textbook_recommend_wrap .recommend_table td{
	width: 16%;
	padding: 12px 10px;
	font-size: 12px;
	font-size: 1.2rem;
}
.textbook_recommend_wrap .recommend_table td span{
	display: block;
}
.textbook_recommend_wrap .recommend_table td span + span{
	margin-top: 20px;
}

/* question */
.textbook_recommend_wrap .quest_wrap .quest_purpose_select{
	text-align: center;
}
.textbook_recommend_wrap .quest_wrap .quest_purpose_select > ul,
.textbook_recommend_wrap .next_step_btns > ul {
	margin: 20px auto 10px;
	max-width: 450px;
}
.textbook_recommend_wrap .quest_wrap .quest_purpose_select > ul > li + li,
.textbook_recommend_wrap .next_step_btns > ul > li + li {
	margin-top: 10px;
}
.textbook_recommend_wrap .quest_wrap .quest_purpose_select > ul a.btn_style,
.textbook_recommend_wrap .next_step_btns > ul a.btn_style {
	display:block;
	height: auto;
	line-height: 1.5;
	padding: 10px;
}

/* corse or textbook */

/*--------------------------------------------*/
/* tb list
/*--------------------------------------------*/
.lv_check_result_wrap .tb_list{
	margin: 0 -14px;
}
.lv_check_result_wrap .tb_list > ul{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 14px 0;
}
.lv_check_result_wrap .tb_list > ul > li{
	display: table-cell;
	vertical-align: top;
	border-bottom: #eee solid 1px;
	/*border-radius: 5px;
	background: #fff;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1);*/
}
.lv_check_result_wrap .tb_list > ul:last-child > li{
	border-bottom: none;
}
.lv_check_result_wrap .tb_list .tb_item{
	position: relative;
	display: table;
	width: 100%;
	border-spacing: initial;
	color: #555;
	padding: 5px 0;
	cursor: pointer;
}
.lv_check_result_wrap .tb_list .tb_item .col_fig,
.lv_check_result_wrap .tb_list .tb_item .col_desc{
	display: table-cell;
}
.lv_check_result_wrap .tb_list .tb_item .col_fig{
	vertical-align: top;
	width: 82px;
	padding: 14px;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc{
	vertical-align: middle;
	padding: 14px 14px 14px 2px;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc .title{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc .desc{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-top: 10px;
}
/*--------------------------------------------*/
/* tb item 
/*--------------------------------------------*/
.lv_check_result_wrap .tb_header_item {
	padding: 15px;
	background: #fffcee;
	border: dotted 1px #eee;
	border-radius: 6px;
}
.lv_check_result_wrap .tb_item .col_desc .title{
	
}
.lv_check_result_wrap .tb_item .col_desc .level{
	height: 25px;
	vertical-align: middle;
	margin: 18px 0 0;
}
.lv_check_result_wrap .tb_item .col_desc .level dt,
.lv_check_result_wrap .tb_item .col_desc .level dd{
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
}
.lv_check_result_wrap .tb_item .col_desc .level dt{
	background: #545555;
	padding: 1px 6px;
	color: #fff;
	margin-right: 6px;
}
.lv_check_result_wrap .tb_item .col_desc .level dd{
	background: #cdcdcd;
	padding: 1px 12px;
	margin-left: 4px;
	color: #fff;
	width: 8px;
	height: 14px;
	line-height: 16px;
}
.lv_check_result_wrap .tb_item .col_desc .level dd.on{
	color: #fff;
	background: #F1890E;
}
/* lesson count */
.lv_check_result_wrap .tb_item .col_desc .desc_wrap{
	position: relative;
}
.lv_check_result_wrap .tb_item .col_desc .desc_wrap .lesson_count {
	position: absolute;
	top: -32px;
	right: 12px;
}
.lv_check_result_wrap .tb_item .col_desc .desc_wrap .lesson_count:before {
	content: '\f02e';
	font-family: 'fontAwesome';
	font-weight: bold;
	margin-right: 5px;
}
.lv_check_result_wrap .announce{
	width:660px;
	margin:0 auto;
}