.Sheader {
	background-color: #DDD;
}

.area {
	width: 100%;
	margin: auto;
	flex-wrap: wrap;
	display: flex;
}

.tab_class {
	width: calc(100%/7);
	height: 50px;
	background-color: #CCC;
	line-height: 50px;
	font-size: 15px;
	text-align: center;
	display: block;
	float: left;
	order: -1;
}

input[name="tab_name"] {
	display: none!important;
}

input:checked + .tab_class {
	background-color: cadetblue;
	color: aliceblue;
}

.content_class {
	display: none;
	width: 100%;
}

input:checked + .tab_class + .content_class {
	display: block;
}