@charset "utf-8";
/* CSS Document */

/*全体*/
.hidden_box {
    margin:0 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
	padding:10px 0 ;
	width:100%;
	display:block;
	background-image:url(../img/comm/arrow.png);
	background-repeat:no-repeat;
	background-position:80% 12px;
	
		color: #fff;
	display:block;
	/*padding:20px 0;*/
	padding:10px 0;
	letter-spacing:0.15em;


}
p.ttl_hidden2{
	font-size:-1;
		color: #fff;
	display:block;
	/*padding:20px 0;*/
	padding:10px 0;
	letter-spacing:0.15em;
		width:90%;

}

p.ttl_hidden{
	font-size:-1;
		color: #fff;
	display:block;
	/*padding:20px 0;*/
	padding:10px 0;
	letter-spacing:0.15em;
		border-top:1px solid #666;

		border-bottom:1px solid #666;
		width:90%;

}

/*
p.ttl_hidden:nth-child(3n){
		border-top:1px solid #666 ;
}*/

/*ボタンホバー時*/
.hidden_box label:hover {
  background-color: #676767;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 0px 0 0 30px;
    height: auto;
    opacity: 1;
}

/*コンテンツメニュー*/
.contents_ttl{
	margin-top:5px;
	font-weight:bold;
}

.hidden_box .hidden_show p{
	text-indent:0;
}