/*=== タブ切り替え表示 =======*/
#tab_header {
	position: relative;
	width: calc(100% - 136px);
	margin: 32px auto;
	line-height: 1.7;
	background: #222;
	overflow: hidden;
}
#tab_header ul.tab_menu {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #222;
}
#tab_header ul.tab_menu > li {
	position: relative;
	display: inline-block;
	height: 100%;
	float: left;
	padding: 0;
	text-align: inherit;
	vertical-align: middle;
}
#tab_header ul.tab_menu > li > a {
	display: block;
	height: 100%;
	color: #fff;
	padding: 6.5px 10px;
	font-size: 16px;
	letter-spacing: 0;
	text-decoration: none;
}
#tab_header ul.tab_menu > li > a:hover {
	background: #424242;
}
#tab_header ul.tab_menu > li > a.selected {
	background: #7f7f7f;
}

/* メニュータブの分割数 */
ul.tab_menu.col_2 > li {
	width: 50%;
	min-width: 140px;
}
ul.tab_menu.col_3 > li {
	width: 33.33%;
}
ul.tab_menu.col_4 > li {
	width: 25%;
	min-width: 70px;
}

/* タブのコンテンツ内容 */
#tab_contents {
	position: relative;
}
#tab_contents > div {
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	#tab_header {
		width: 100%;
	}
	#tab_header ul.tab_menu > li > a {
		font-size: 14px;
	}
	#tab_contents > div {
		padding: 0;
	}	
}
@media screen and (max-width:520px) {
	#tab_header {
		margin: 16px auto;
	}
	#tab_header ul.tab_menu > li > a {
		padding: 6.5px 5px;
		font-size: 12px;
	}
}
@media screen and (max-width:420px) {
	#tab_header ul.tab_menu > li > a {
		padding: 6.5px 3px;
	}
	#media ul.tab_menu.col_3 > li:first-child {
		width: 42%;
	}
	#media ul.tab_menu.col_3 > li {
		width: 29%;
	}
}