@charset "UTF-8";



/****************************************************
 * タブデザイン
 ****************************************************/

.tab_container {
	padding-bottom: 1em;
	background-color: #FFF;
/* 	border:1px solid #454030; */
	margin: 0 auto;
}
.tab_container > p,
.tab_container > br {
	display: none;
}
.tab_item {
	display: block;
	float: left;
	width: calc(100%/3);
	color: var(--blue-dark);
	background-color: #ECECEC; /* 未選択の背景色 */
	border-bottom: 3px solid var(--blue-dark); /* ボーダー色 */
	padding: 15px 0;
	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: 1em 1em 0; */
	clear: both;
	overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
	display: block;
}
/* チェックされたタブの色を変更*/
#tab1:checked ~ #tabMenu1,
#tab2:checked ~ #tabMenu2,
#tab3:checked ~ #tabMenu3,
#tab4:checked ~ #tabMenu4 {
	color: #FFF;
	background-color: var(--blue-dark);
}
.tab_container input:checked + .tab_item {
	color: #FFF;
	background-color: var(--blue-dark);
}