/* PC幅: ラベルとチェックボックスは非表示(内容は常に表示) */
@media screen and (min-width: 700px) {
	.accbox label,
	.accbox input { display: none; }
}

/* スマホ幅: アコーディオン */
@media screen and (max-width: 699px) {
	.accbox { margin: 0; padding: 0; }

	.accbox .plan h2 { display: none; }

	.accbox label {
		display: block;
		line-height: 57px;
		padding-bottom: 3px;
		padding-left: 30px;
		background: url(../img/cat_plan_bg.png) no-repeat right top;
		color: #fff;
		position: relative;
		font-size: 20px;
		cursor: pointer;
		transition: all 0.5s;
	}
	.accbox label img { position: absolute; top: 7px; left: 5px; }
	.accbox label:hover { opacity: 0.5; }

	/* 開閉アイコン */
	.accbox label:before {
		padding-right: 8px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f054';
		color: #fff;
	}
	.cssacc:checked + label:before {
		content: '\f078' !important;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	}

	.accbox input { display: none; }

	/* 閉じた状態 */
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
	}
	/* 開いた状態 */
	.cssacc:checked + label + .accshow {
		height: auto;
		opacity: 1;
	}
}