/*== 開閉式もくじ ==*/
.contents_box {
padding: 3%;
font-size:110%;/*タイトルのフォントサイズ*/
color:#000000;/*タイトルの文字色*/
background-color:#fff;/*背景色*/
border:1px solid #848484;/*外枠線- 色*/
}

/*== 開閉文字装飾 ==*/
.contents_box label {
padding: 5px;
color:#0000ff; /*文字色*/
font-size:100%;/*フォントサイズ*/
cursor:pointer;
border-bottom: 1px dotted #0000ff;/*下線*/
}

/*閉じる*/
.contents_box label:before{
display: inline-block;
content: "[ 閉じる ]";/*"表示"などに変更可*/}
/*開く*/
.contents_box input:checked ~ label:before {
content: "[ 開く ]";/*"非表示"などに変更可*/}
.contents_box input{display:none;}
/*最初は表示*/
.contents_box .hidden_show
{padding: 10px 0;height:auto;}
/*クリックで閉じる*/
.contents_box input:checked ~ .hidden_show
{height:0;padding:0;overflow:hidden;transition:0.8s;}