@charset "utf-8";
@media screen and (min-width : 641px) and (max-width : 1024px) {
.no_javascript #tmp_wrap_header:before {
	display: none;
}
#tmp_recommend_category .category_icon {
	width: 52px;
	padding: 0 12px 0 0;;
}
#tmp_recommend_category .box_category .category_inner {
	padding: 10px 4px;
}
#tmp_recommend_category .category_ttl {
	font-size: 111.11%;
}
#tmp_recommend_category .category_description {
	font-size: 66.67%;
}
#tmp_article_menu .article_list li a {
	font-size: 0.67rem;
	padding: 13px 5px 5px;
}
#tmp_access_ranking .ranking_ttl {
	font-size: 0.8rem;
}
#tmp_recommended_content .recommended_item .recommended_txt .recommended_txt_inner{
	max-height: 52px;
}
/* Scroll Table
================================================== */
.scroll_table {
	overflow-x:auto;
	margin-bottom:10px;
	padding:23px 5px 5px;
	background:#F5F5F5 url(/shared/site_rn/images/icon/scroll_table_icon.png) right 5px no-repeat;
	background-size:75px 15px;
}
.scroll_table {
	overflow-x:scroll;
}
.scroll_table_switch {
	text-align:right;
	margin:0 0 10px;
	font-size:75%;
	line-height:1.2;
}
.scroll_table_switch a {
	border:1px solid #CCCCCC;
	color:#333333;
	display:inline-block;
	padding:8px 10px 8px 70px;
	text-decoration:none;
	background:#F2F2F2 url(/shared/site_rn/images/icon/scroll_table_ex.png) 10px center no-repeat;
	background-size:46px 20px;
	box-shadow:0 2px 0 0 #91918E;
	min-width:9em;
	text-align:center;
}
.scroll_table_switch a.scroll {
	background:#FFFFFF url(/shared/site_rn/images/icon/scroll_table_df.png) 10px center no-repeat;
	background-size:46px 20px;
}
.scroll_table::-webkit-scrollbar{
 height: 5px;
}
.scroll_table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll_table::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.no_javascript #tmp_wrap_header:before{
    display: none;
}    
}
@media screen and (min-width : 769px) and (max-width : 960px) {
	#tmp_recommended_content .recommended_list ul li {
		width:25%;
	}
	#tmp_recommended_content .recommended_list ul li:nth-child(5n+1),
	#tmp_recommended_content .recommended_list ul li:nth-child(5n) {
		clear: none;
	}
	#tmp_recommended_content .recommended_list ul li:nth-child(4n+1) {
		clear: both;
	}
}

@media screen and (min-width : 641px) and (max-width : 768px) {
	#tmp_recommended_content .recommended_list ul li {
		width:33.3333%;
	}
	#tmp_recommended_content .recommended_list ul li:nth-child(5n+1),
	#tmp_recommended_content .recommended_list ul li:nth-child(5n) {
		clear: none;
	}
	#tmp_recommended_content .recommended_list ul li:nth-child(3n+1) {
		clear: both;
	}
}