.tabs {
	margin-top: 12px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
 
/* タブのスタイル */
.tabs .tab-label {
	display: inline-block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 9px 12px 9px 12px;
	border-bottom: none;
	font-size: 1em;
	border-style: none;
	border-width: 1px;
	border-color: #999;
	background-color: #999999;
	float: none;
	clear: both;
}
 /* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  opacity: 0.7;
  background-color: #f3f3f3;
}


/* ラジオボタンと内容を非表示 */
.tabs input[name=tab-radio], .tabs .tab-content {
  display: none;
}
 
/* タブ内容のスタイル */
.tabs .tab-content{
	border-style: none;
	padding: 10px;
	min-height: 200px;
	background-color: #F3F3F3;
}
 
/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content,
.tabs #tab-3:checked ~ .tab-3-content,
.tabs #tab-4:checked ~ .tab-4-content,
.tabs #tab-5:checked ~ .tab-5-content,
.tabs #tab-6:checked ~ .tab-6-content
 {
  display: block;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name=tab-radio]:checked + .tab-label {
  background-color: #F3F3F3;
}

.acd-check{
    display: none;
}
.acd-label{
	background: #f3f3f3;
	color: #333333;
	display: block;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	border-bottom-color: #FFFFFF;
	list-style-type: square;
}
input[type=checkbox]:checked + label {
	background: #FFFFFF;/* マウス選択時の背景色を指定する */
	color: #000080; /* マウス選択時のフォント色を指定する */
}
.acd-content{
	height: 0;
	opacity: 0;
	transition: .5s;
	visibility: hidden;
	margin-right: auto;
	margin-left: auto;
	color: #4E4E4E;
	line-height: 1.8em;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	border-bottom-color: #333333;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

@media only screen and (max-width: 959px) {

}