@charset "utf-8"; 

/* norikosato-ballet.com : tabu.css */

/* Layout
=========================================================================== */

/*タブ切り替え全体のスタイル */

.tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	background-color: #faf6f3;
	max-width: 910px;
	margin: 0 auto;
}

/* タブのスタイル */

.tab_item {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #455f4c;
	background-color: #f1ebe2;
	line-height: 50px;
	font-size: 1.5rem;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}

.tab_item:hover {
	opacity: 0.75;
}

/* ラジオボタンを全て消す */
	input[name="tab_item"] {
	display: none;
}

/* タブ切り替えの中身のスタイル */
.tab_content {
	display: none;
	padding: 10px 10px 0;
	clear: both;
	overflow: hidden;
}

/* 選択されているタブのコンテンツのみを表示 */

#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
	display: block;
}

/* 選択されているタブのスタイルを変える */

.tabs input:checked + .tab_item {
	background-color: #455f4c;
	color: #fff;
}

.year-back {
	padding-top:10px;
	text-align: center;
}
.year-back a{
	text-align: center;
	color: #455f4c;
}
.year-back a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 480px){
.tab_item {
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #455f4c;
	background-color: #f1ebe2;
	line-height: 50px;
	font-size: 1.2rem;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}
} /* 480px */