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

.acbox_description{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 0px; /* ボックス全体の位置調整 */
}
.acbox_description label{
	width: auto;
	font-size: 12px; /* ラベルの文字サイズ */
	font-weight: normal;
	text-align: left;
	background: transparent; /* ラベルの背景色 */
	position: relative;
	display: block;
	padding: 5px 5px 5px 1.3em;
	border: 1px solid transparent;
	border-radius: 5px; /* ラベルの角の丸み */
	cursor: pointer;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	color: #aaa;
}
.acbox_description label:hover{
	background: transparent;
	color: #ccc;
}
.acbox_description input{
	display: none;
}
.acbox_description label:before{
	content:"＋"; /* ラベルのアイコン */
	position: absolute;
	top: 60%;
	left: 0;
	margin-top: -12.5px;
	color: #aaa;
}
.acbox_description label:hover:before{
	color: #aaa;
}
.acbox_description input:checked ~ label::before {
	content:"－"; /* ラベルをクリックした後のアイコン */
	color: #aaa;
}
.acbox_description div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}
.acbox_description input:checked ~ div{
  height: auto;
  padding: 0.5em; /* 開いた部分の枠内の余白 */
  border-radius: 0 0 5px 5px;
  background: #F3F3F3; /* 開いた部分の背景色 */
  opacity: 1;
}
.acbox_description input:checked ~ label {
  background: transparent; /* クリック後のラベルの背景色 */
  color: #aaa;
  border-radius: 5px 5px 0 0; /* ラベルの角の丸み */
}
.acbox_description-under{
	font-size: 11px; /* 開いた部分の文字サイズ */
	line-height: 1.5;
	color: #888; /* 開いた部分の文字色 */
	text-align: justify!important;
}