@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */


table.type09 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;

}
table.type09 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #369;
	border-bottom: 3px solid #036;
}
table.type09 tbody th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #f3f6f7;
}
table.type09 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/* 表示・非表示 */

.hidden_box {
 margin: 10px 0;
 padding: 0;
 text-align: center;
}

.hidden_box label {
 border: 1px solid #ddd;
 border-radius: 5px;
 cursor: pointer;
 font-weight: bold;
 margin: 0 auto;
 padding: 10px;
 min-width: 50%;
}

.hidden_box label:hover {
 background: #f5f5f5;
}

.hidden_box label:after {
 content: "を表示";	/* 閉じている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input {
 display: none;
}

.hidden_box .hidden_show {
 height: 0;
 overflow: hidden;
 opacity: 0;
 padding: 0;
 text-align: left;
 transition: 0.5s;
}

.hidden_box input:checked + label:after {
 content: "を非表示";	/* 開いている状態のときにラベルの後ろに続く文字 */
}

.hidden_box input:checked ~ .hidden_show {
 height: auto;
 opacity: 1;
 padding: 10px 0;
}