.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;
}


/*アイキャッチ画像内キャプションテキスト*/
.eyecatch-caption{
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:4;
	background:#808080;
	max-width:calc(100% - 3rem)
	padding:10px;
	color:#fff;
	font-size:1rem;
	border-left: medium solid #080000;
	line-height:1.35
}

	
.eyecatch-caption-text{
	color:#fff;
	font-size:1rem;
	padding-right:5px;
	line-height:1.35
}