/*
"topbox.css"
*/

.fixed_table {
	border-collapse:	collapse;
}

.fixed_table td {
	font-size:			1.5rem;
}

.fixed_table > thead {
	display:			block;
	font-weight:		bold;
}

.fixed_table > thead > tr > td {
	background-color:	#FDF9F3;
	border-top:			solid 1px gray;
	border-left:		solid 1px gray;
	border-right:		solid 1px gray;
	text-align:			center;
}

.fixed_table > tbody {
	border-left:		solid 1px gray;
	border-top:			solid 1px gray;
	border-bottom:		solid 1px gray;
	display:			block;
	overflow-y:			scroll;
}

.fixed_table > tbody > tr:hover {
	background-color:	lightgoldenrodyellow;
}

.fixed_table > tbody > tr > td {
	border-top:			solid 1px gray;
	border-right:		solid 1px gray;
	border-bottom:		solid 1px gray;
	cursor:				pointer;
	word-wrap:			break-word;
}

.clear {
	clear:				both;
}
.banner_img {
	float:				left;
	margin:				4px 2px;
	width:				108px;
}
.banner_str {
	font-size:			1.7rem;
	font-weight:		bold;
	text-indent:		5px;
}
.banner_str > div{
	overflow:			hidden;
	padding-left:		1rem;
	text-overflow:		ellipsis;
	white-space:		nowrap;
}

.topbox_frame {
	border-left:		solid 1px #95AADC;
	border-right:		solid 1px #95AADC;
	border-bottom:		solid 1px #95AADC;
	margin-bottom:		10px;
}
.topbox_title {
	background-color:	#4368c0;
	color:				white;
	padding:			0.5rem 1rem;
	white-space:		nowrap;
	line-height:		24px;
}

.topbox {
	display:			none;
	padding:			5px;
	line-height:		24px;
}

.topbox a {
	color:				#444;
	text-decoration:	none;
}

#tb_shimen {
	float:				left;
	margin:				5px 10px 0 0;
	width:				230px;
}
#tb_shimen a {
	display:			inline-block;
	height:				100%;
}
#tb_shimen img {
	border:				solid 1px #95AADC;
	width:				100%;
}

#tb_banner {
	white-space:		nowrap;
}
#tb_banner > div {
	padding-left:		5px;
}

#tb_itvw {
	line-height:		normal;
	margin-top:			10px;
}

#tb_itvw .banner_str > div > div {
	padding-left:		1rem;
	overflow:			hidden;
	text-overflow:		ellipsis;
	white-space:		nowrap;
}

#tb_itvw > a > img {
	margin-top:			10px;
}

.itvw_img {
	width:				57px;
	float:				left;
	margin:				5px 0 2px 5px;
}
#itvw_cont2 {
	color:				#214DB5;
	font-size:			1.5rem;
	margin-right:		0.5rem;
}
#itvw_cont3 {
	color:				#214DB5;
	font-size:			1.5rem;
	margin-right:		1rem;
}
#itvw_cont4 {
	color:				#214DB5;
	font-size:			1.5rem;
}

.recom {
	display:			none;
}

.recom,
#tb_finvw {
	line-height:		40px;
	margin-top:			10px;
}

#tb_news {
	float:				left;
	width:				calc(50% + 30px);
}
#tb_rensai {
	float:				right;
	width:				calc(50% - 40px);
}

.tb_news_title,
.tb_topic_title {
	display:			inline-block;
	position:			relative;
	width:				100%;
}

.tb_news_list {
	max-height:			530px;
	overflow-y:			scroll;
}

#tb_itvw_else .banner_str div:nth-child(3),
#tb_top_view .banner_str div:nth-child(2) {
    color:				#214DB5;
    font-size:			1.5rem;
}

@media screen and (min-width:1px) and (max-width:500px) {
	.tb_news_list {
		overflow-y:		hidden;
	}
}

.tb_news_list a {
	border-top:			solid 1px #E9EEF8;
	color:				#444;
	display:			block;
	overflow:			hidden;
	padding:			6px 2px;
	text-overflow:		ellipsis;
	white-space:		nowrap;
}
.tb_news_list a span:nth-child(1) {
	color:				#222;
	font-family:		monospace;
	font-size:			1.2rem;
	margin-right:		7px;
	text-align:			right;
}
.tb_news_list a span:nth-child(2) {
	font-size:			1.7rem;
	font-weight:		bold;
}
.tb_news_list_more {
	font-size:			1.4rem;
	padding:			10px 0 5px 0;
	text-align:			center;
}
.tb_news_list_more a {
	background-color:	#fffbf6;
	border:				solid 1px lightgray;
	border-radius:		5px;
	padding:			0 5px;
}

.tb_kyouno_more {
	font-size:			1.4rem;
	padding:			10px 0 5px 0;
	text-align:			center;
}
.tb_kyouno_more a {
	background-color:	#fffbf6;
	border:				solid 1px lightgray;
	border-radius:		5px;
	padding:			0 5px;
}

#tb_top_kiji a {
	display:			block;
	font-size:			1.7rem;
	font-weight:		bold;
}
#tb_top_kiji .parent {
	background-color:	#B5C4E6;
	border-bottom:		solid 1px #95AADC;
	padding:			0.4rem 5px;
}
#tb_top_kiji .child {
	background-color:	#f8f9fd;
	border-bottom:		solid 1px #E9EEF8;
	padding:			6px 2px;
	position:			relative;
	white-space:		nowrap;
}
#tb_top_kiji .child span:nth-child(1) {
	color:				black;
	display:			inline-block;
	width:				15rem;
	font-size:			1.4rem;
	font-weight:		normal;
}
#tb_top_kiji .child a {
	overflow:			hidden;
	text-overflow:		ellipsis;
}

#tb_kyouno,
#tb_hard,
#tb_soft,
#tb_books,
#tb_nobel,
#tb_seminar {
	line-height:		34px;
}
#tb_kyouno > div,
#tb_hard > div,
#tb_soft > div,
#tb_books > div,
#tb_nobel > div,
#tb_seminar > div,
#tb_jinzai > div {
	border-top:			solid 1px #E9EEF8;
	clear:				both;
	position:			relative;
}

#tb_itvw_else,
#tb_top_view {
	line-height:		20px;
}
#tb_itvw_else > div {
	border-top:			solid 1px #E9EEF8;
	clear:				both;
	padding:			5px;
	position:			relative;
	height:				4em;
}

#tb_itvw_else .banner_str > div:first-child,
#tb_top_view .banner_str > div:first-child {
	font-size:			1.2rem;
}
#tb_itvw_else .banner_img {
	object-fit:			contain;
	height:				48px;
	width:				48px;
}

.new_a {
	position:			absolute;
	right:				4px;
	bottom:				-5px;
	color:				#FF3C2E;
	font-size:			1.2rem;
	padding:			0 5px;
}

#tb_top_quiz {
	line-height:		40px;
	margin-top:			18px;
}

/* 1040px --> */
@media screen and (min-width:1px) and (max-width:1040px) {
}
/* <-- 1040px */
	
/* 650px --> */
@media screen and (min-width:1px) and (max-width:650px) {
	#itvw_cont3 {
		display:			none;
	}
	.recom,
	#tb_finvw {
		height:				44px;
		margin-top:			8px;
		padding-top:		0;
	}
}
/* <-- 650px */

/* 500px --> */
@media screen and (min-width:1px) and (max-width:500px) {
	#tb_itvw .banner_str {
		line-height:		1.9rem;
	}
	#tb_shimen {
		width:				140px;
	}
	#itvw_cont1 {
		display:			none;
	}

	.recom {
		height:				25px;
		line-height:		25px;
		margin:				0;
	}
	#tb_finvw {
		height:				20px;
		line-height:		25px;
		margin:				8px 0 8px 0;
	}

	#tb_movie > a > img {
		margin-top:			7px;
	}

	#tb_top_quiz .banner_img,
	.recom .banner_img,
	#tb_finvw .banner_img,
	#tb_itvw .banner_img {
		height:				17px;
	}

	#tb_news {
		float:				none;
		width:				100%;
	}
	#tb_rensai {
		float:				none;
		width:				100%;
	}
	#tb_top_quiz {
		line-height:		25px;
		margin-top:			0;
	}
}
/* <-- 500px */

.tb_news_list .child {
	position:				relative;
}

#edit_spl {
	background-color:		#FFFBF6;
	color:					black;
	cursor:					pointer;
	display:				none;
	font-size:				0.8em;
	padding:				0 5px;
	position:				absolute;
	right:					0;
	border-radius:			5px;
}

#edit_spl_box {
	bottom:					auto;
	font-size:				1.5rem;
	height:					auto;
	top:					80px;
	width:					600px;
}

#tb_spl {
	margin-bottom:			10px;
	line-height:			24px;
}

#spl_table {
	width:					100%;
}

#spl_table tbody {
	height:					300px;
}

#spl_table td {
	cursor:					default;
}

.col_spl_open {
	max-width:				3rem;
	min-width:				3rem;
	width:					3rem;
	text-align:				center;
	vertical-align:			middle;
}
.col_spl_icon {
	max-width:				54px;
	min-width:				54px;
	width:					54px;
	text-align:				center;
	vertical-align:			middle;
}
.col_spl_name {
	width:					100%;
}

.spl_key {
	margin-left:			4px;
}

.spl_icon {
	cursor:					pointer;
}

.spl_icon input {
	display:				none;
}

.spl_name,
.spl_desc {
	padding:				3px;
	width:					100%;
}

.spl_key {
	padding:				3px;
	width:					15rem;
}

.spl_time {
	color:					gray;
	font-size:				1.2rem;
}

#spl_close {
	margin-top:				1rem;
}

#spl_add,
.spl_add_key {
	border:					solid 1px grey;
	border-radius:			5px;
	margin:					3px;
	padding:				0 3px!important;
}

.spl_regtag {
	padding:				3px 0;
}

.del_icon {
	cursor:					pointer;
	margin-right:			4px;
	width:					16px;
	vertical-align:			middle;
}

#tb_spl_list > div {
	border-top:			solid 1px #E9EEF8;
	clear:				both;
	height:				58px;
	padding:			5px;
	position:			relative;
}
#tb_spl_list .banner_str > div:first-child {
	font-size:			1.6rem;
}
#tb_spl_list .banner_str > div:not(:first-child) {
	font-size:			1.7rem;
}

#tb_spl_list .banner_img_wrap {
	position:			relative;
	float:				left;
	height:				48px;
	width:				48px;
}

#tb_spl_list .banner_img {
	position:			absolute;
	margin:				auto;
	left:				0;
	top:				0;
	right:				0;
	bottom:				0;
	width:				initial;
}

.fnranking {
	border:				solid 1px #95AADC;
}

.fnranking,
.trend_filler,
.india,
.asean {
	height:				38px;
	line-height:		34px;
	margin-bottom:		10px;
}

.fnranking a,
.india a,
.asean a {
	display:			block;
}

.banner_str span {
	font-size:			1.7rem;
	font-weight:		bold;
	margin-right:		8px;
}

.video_box {
	margin-right:		0;
	width:				57px;
	height:				32px;
	display:			inline-block;
	background-color:	lightgray;
	vertical-align:		middle;
	position:			relative;
}

video {
	width:				100%;
	max-height:			100%;
	position:			absolute;
	left:				0;
	right:				0;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.trend_filler {
		display:		none;
	}
	.video_box {
		width:			40px;
	}
	.itvw_img {
		width:			40px;
	}
}

.out_banner {
	border-top:			solid 1px #95AADC;
	display:			block;
	padding:			1rem;
	margin:				5px 0;
	line-height:		20px;
}

#tb_catmenu {
	z-index:			1;
	line-height:		12px;
	margin-bottom:		10px;
}

#tb_catmenu a {
	display:			inline-block;
	padding-top:		6px;
	text-decoration:	none;
}

.prtcat {
	display:			inline-block;
	font-size:			12px;
	margin:				3px 0 0 3px;
	position:			relative;
	white-space:		nowrap;
}
@media screen and (min-width:1px) and (max-width:500px) {
	.prtcat {
		max-width:			62px;
		width:				62px;
		line-height:		14px;
		font-size:			11px;
	}
}

.prtcat > a {
	display:			inline-block;
	background-color:	#C40000;
	color:				white;
	padding:			4px;
	width:				100%;
	text-align:			center;
}

.bg1 > a {
	background-color:	#598bff;
}
.bg1 li {
	border-left:		solid 1px #598bff;
	border-right:		solid 1px #598bff;
	border-bottom:		solid 1px #598bff;
}

.bg2 > a {
	background-color:	#365399;
}
.bg2 li {
	border-left:		solid 1px #365399;
	border-right:		solid 1px #365399;
	border-bottom:		solid 1px #365399;
}

.bg3 > a {
	background-color:	#476fcc;
}
.bg3 li {
	border-left:		solid 1px #476fcc;
	border-right:		solid 1px #476fcc;
	border-bottom:		solid 1px #476fcc;
}

.bg4 > a {
	background-color:	#243866;
}
.bg4 li {
	border-left:		solid 1px #243866;
	border-right:		solid 1px #243866;
	border-bottom:		solid 1px #243866;
}

.bg5 > a {
	background-color:	#ff3c2f;
}
.bg5 ul {
	border-top:			solid 1px #ff3c2f;
}
.bg5 li {
	border-left:		solid 1px #ff3c2f;
	border-right:		solid 1px #ff3c2f;
	border-bottom:		solid 1px #ff3c2f;
}

.bg5 li {
	position:			relative;
	padding-left:		10px;
}

.bg6 > a {
	background-color:	#508A41;
}
.bg6 ul {
	border-top:			solid 1px #508A41;
}
.bg6 li {
	border-left:		solid 1px #508A41;
	border-right:		solid 1px #508A41;
	border-bottom:		solid 1px #508A41;
}

.cldcat {
	display:			none;
	background-color:	white;
	position:			absolute;
	left:				0;
	top:				20px;
	white-space:		nowrap;
	z-index:			1;
}

.cldcat > li {
	min-width:			120px;
}

.bg1 li a:hover {
	background-color:	#99B8FF;
	color:				black;
	font-weight:		bold;
}
.bg2 li a:hover {
	background-color:	#99B8FF;
	color:				black;
	font-weight:		bold;
}
.bg3 li a:hover {
	background-color:	#99B8FF;
	color:				black;
	font-weight:		bold;
}
.bg4 li a:hover {
	background-color:	#99B8FF;
	color:				black;
	font-weight:		bold;
}
.bg5 li a:hover {
	background-color:	#ffac9f;
	color:				black;
	font-weight:		bold;
}

.cldcat a {
	display:			inline-block;
	padding:			5px;
	width:				100%;
}

#kiji_bunrui {
	pointer-events:		none;
}
#tb_top_kiji .parent {
	pointer-events:		none;
}

@media screen and (min-width:1px) and (max-width:500px) {
	#kiji_bunrui {
		background-image:		url(../img/down_white.png);
		background-repeat:		no-repeat;
		background-position:	right 1rem center;
		background-size:		10px 10px;
		cursor:					pointer;
		pointer-events:			auto;
	}

	#tb_top_kiji .parent {
		background-image:		url(../img/down.png);
		background-repeat:		no-repeat;
		background-position:	right 1rem center;
		background-size:		10px 10px;
		cursor:					pointer;
		pointer-events:			auto;
	}
}

#tb_kyouno {
	height:						531px;
	overflow-y:					hidden;
}

.kan {
	background-color:			#B5C4E6;
	padding-left:				15px;
}