@charset "utf-8";

.page_simplified_chart .page_container{
	padding: 0rem 1rem;
}
.page_simplified_chart .ui_tab_wrap{
	width: 100%;
	max-width: 900px;
	margin: auto;
}
.page_simplified_chart .ui_tab_wrap .ui_tab_menu{
	margin: 0 0 2rem;
}
.page_simplified_chart .ui_tab_wrap .ui_tab_menu .tab_nav_list{
	display: flex;
}
.page_simplified_chart .ui_tab_wrap .ui_tab_menu .tab_nav_list .list_item{
	width: 50%
}
.page_simplified_chart .ui_tab_wrap .ui_tab_menu .tab_nav_list .list_item .tab_nav_btn{
	display: block;
	text-align: center;
	padding: 1.2rem 0.8rem;
	border-bottom: solid 3px #DDDDDD;
	width: 100%;
	color: #999;
	box-sizing: border-box;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_simplified_chart .ui_tab_wrap .ui_tab_menu .tab_nav_list .list_item .tab_nav_btn.on{
	border-bottom: solid 3px #03C9A9;
	color: #03C9A9;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl{
	display: block;
	padding: 1.2rem 1rem;
	cursor: pointer;
	transition: 0.2s all linear;
	border: 1px solid #999999;
	position: relative;
	font-weight: bold;
	font-size: 1.4rem;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap + .items_wrap h4{
	margin-top: -1px;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap:first-child .items_ttl{
    /* border-bottom: none; */
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table tr:first-child td{
    border-top: none;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl:hover{
	opacity: 0.6;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl:before{
	content: url('../images/icon/down-arrow.svg');
	display: inline-block;
	transition: 0.2s all linear;
	position: absolute;
	right: 15px;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl.on{
	background: #9BE2C7;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl.on:before{
	transform: rotateX(180deg);
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_ttl .items_ttl_num{
	font-weight: normal;
	margin-right: 4px;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table{
	display: none;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #999999;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table th,
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table td{
	border: 1px solid #CCCCCC;
	padding: 1.2rem 1rem;
	line-height: 1.5;
	font-size: 1.2rem;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table td{
	font-weight: bold;
}
.page_simplified_chart #tab-topic_order .items_table td:first-child{
	width: 36%;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table a{
	color: #333;
	display: flex;
	transition: 0.2s all linear;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table .item_flex{
	display: flex;
}
.page_simplified_chart .chart_wrap-chapter .items_wrap .items_table .item_link{
	text-decoration: underline;
	font-weight: normal;
	display: block;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table a:hover{
	opacity: 0.6
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table .item_num_circle{
	border: 1px solid #999999;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: bold;
	box-sizing: border-box;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 6px;
	min-width: 4.5rem;
	text-align: center;
	display: inline-block;
	height: 2.1rem;
	line-height: 2rem;
}
.page_simplified_chart .simplified_chart_wrap .items_wrap .items_table a .item_name{
	text-decoration: underline;
	vertical-align: middle;
	font-weight: normal;
}

.page_simplified_chart.page_english_for_everyone .simplified_chart_wrap .items_wrap .items_table .item_num_circle{
	border: 1px solid #999999;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
	margin-right: 6px;
	min-width: 8.5rem;
	text-align: center;
	display: inline-block;
	height: 2.1rem;
	line-height: 2rem;
}
.page_simplified_chart.page_english_for_everyone .simplified_chart_wrap .items_wrap .items_table a .item_name{
	text-decoration: underline;
	vertical-align: middle;
	font-weight: normal;
	padding: 2px;
}