.top-toggle>input {
	display: none;
}

@media screen and (max-width: 768px) {
	.top-toggle>input+div {
		position: relative;
	}

	.top-toggle>div>label {
		background-color: #f5f5f5;
		border: 1px solid #c0c0c0;
		border-left: 5px solid #1b3f60;
		border-radius: 5px;
		box-shadow: 1px 1px 2px #808080;
		box-sizing: border-box;
		display: block;
		height: auto;
		margin-bottom: 10px;
		width: 100%;
	}

	.top-toggle>div>label * {
		font-size: 16px;
	}

	.top-toggle>div>label>h4 {
		border: none;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding: 10px;
		padding-left: 40px;
    text-align: left;
	}

	.top-toggle>input+div>label::before {
		content: '';
		background-image: url('/img/top-toggle/top-toggle-plus.png');
		background-size: cover;
		height: 20px;
		left: 15px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		width: 20px;
	}

	.top-toggle>input:checked+div>label::before {
		background-image: url('/img/top-toggle/top-toggle-minus.png');
	}

	.top-toggle>input~.top-toggle-container {
		display: none;
	}

	.top-toggle>input:checked~.top-toggle-container {
		display: block;
	}
}