@charset "UTF-8";

/*-----------------------------------------------------------------------*/
/*[ tab ]*/
/*-----------------------------------------------------------------------*/
/* タブ */
.tab-item {
	display:block;
	float:left;
	width:calc(100% / 2);	/* タブ3個 */
	height:50px;
	line-height:50px;
	text-align:center;
	background:#cccccc;
	border:1px solid #a5a2a2;
	border-bottom:1px solid #a5a2a2;
	cursor:pointer;
	box-sizing:border-box;
}
#tab-item-1,#tab-item-2,#tab-item-3 {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:none;
}
.tab-item:hover {
	background:#a5a2a2;
	color:#ffffff;
}
/* radioは非表示で */
input[name="tab"] {
	display:none;
}

/* 選択されているタブ */
input:checked + .tab-item {
	background:#ff9024;
	color:#ffffff;
}

/* タブのコンテンツ */
.tab-content {
	clear:both;
	display:none;
	overflow:hidden;
}

/* 選択されているタブのコンテンツのみ表示 */
#tab-1:checked ~ #tab-content-1,
#tab-2:checked ~ #tab-content-2,
#tab-3:checked ~ #tab-content-3,
#tab-4:checked ~ #tab-content-4,
#tab-5:checked ~ #tab-content-5,
#tab-6:checked ~ #tab-content-6,
#tab-7:checked ~ #tab-content-7,
#tab-8:checked ~ #tab-content-8 {
	display:block;
}