@charset "utf-8";
/*------------------------------
	Fixed tab
------------------------------*/
.tabArea.fixed {
	position: fixed;
	top: 45px; /* ヘッダの高さ */
	width: 100%;
	opacity: 0.9;
}
@media screen and (max-width: 768px) {
	.tabArea.fixed {
		top: 61px;
	}
}
	
/*------------------------------
	tab
------------------------------*/
.tabArea { 
	background: #eee;
	border-bottom: 3px solid #dedede;
	z-index: 2;
}
/*.tabArea .content {
	overflow: visible;
}*/
.tab {
	font-size: 0;
}
.tab li {
	box-sizing: border-box;
	display: inline-block;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	border-left: 1px solid #dedede;
}
.tab li:last-child {
	border-right: 1px solid #dedede;
}
.tab li a {
	display: block;
	box-sizing: border-box;	
	padding: 15px 2px;
	color: #333;
}
.tab li img {
	width: 52px;
}

.tab li img.icn_new_window {
	width: 14px;
	margin-right: initial;
}
.tab li.on {
	box-shadow: 0px 3px #ff9c08;
	padding: 15px 2px;
}
.tab li.off img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

@media screen and (min-width: 740px){
	.tab li img {
		margin-right: 8px;
	}
}
@media screen and (max-width: 739px){
	.tab li img {
		margin-bottom: 5px;
	}
}
.tab li a:hover img {
	opacity: 1 !important;
}
.tab li a:hover {
	text-decoration: none;
	background: #ccc;
	box-shadow: 0px 3px #ff9c08;
}

/*-------- colmun --------*/	
.tab-2col .tab li { width: 50%; }
.tab-3col .tab li { width: 33.3%; }
.tab-4col .tab li { width: 25%; }
.tab-5col .tab li { width: 20%; }
.tab-6col .tab li { width: 16.5%; }
	
._popfind_sitesearch .tab-5col .tab li {
 width: 16%;
}

@media screen and (max-width: 739px){
	.tab > li {
		font-size: 14px;
		font-size: 1.4rem; }
	.tab > li.on { padding: 5px; }
	.tab > li a { padding: 5px; }
	.tab li img { width: 15%; }
}

.tabArea .dropdown {
	position: relative;
}
.tabArea .dropdown ul {
	display: none;
	position: absolute;
	left: 0;
	bottom: -66px;
	background: #333;
	width: 350px;
}