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

 File name:      qa_led.css
 Style Info:     お問い合わせのQAで使用
---------------------------------------------------------------- */

/* 全体 */
.led_qa_accordion {
	margin: 0.2em 0;
	padding: 0;
	width: 40rem;
	}

/* ラベル */
.led_qa_accordion label {
	display: block;
	margin: 2px 2px ;
	padding : 2px 5px;
	color :#000;
	border: 1px solid #ccc; /* 枠線 */
	background-color: #eee; /* 背景色 */
	box-shadow: 1px 1px 2px #eee;
	cursor :pointer;
	transition: all 0.5s;
	}

/* ホバー時 */
.led_qa_accordion label:hover {
	border: 1px solid #aaa; /* 枠線 */
	background-color: #ccc; /* 背景色 */
	box-shadow: 1px 1px 2px #eee;	}

/* チェックは隠す */
.led_qa_accordion input {
	display: none;
	}

/* 中身を非表示 */
.led_qa_accordion .led_qa_answer {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s;
	}

/* クリックで中身表示 */
.led_question:checked + .led_qa_answer {
	height: auto;
	margin: 2px 2px ;
	padding : 2px 5px;
	border: 1px solid #ccc; /* 枠線 */
	background-color: #fff; /* 背景色 */
	box-shadow: 1px 1px 2px #eee;
	opacity: 1;
	transition: 0.5s;
	}

div.led_qa_answer p {
	margin: 0.1em 0px;
}