/*==========================================
 アコーディオン(ルート項目）のスタイル
===========================================*/
.accbox_root {
    margin: 10px 0px 10px 0px;
    padding: 0;
    width: 100%;
}

.accbox_root label {
    display: block;
    margin: 1.5px 0;
	padding : 10px 0px 10px 0px;
    color :#2f8fcf;
    font-weight: bold;
	cursor :pointer;
    transition: all 0.5s;
}

.accbox_root label:hover {
    background :#ffffff;
}

.accbox_root input {
    display: none;
}

.accbox_root .accshow_root {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc_root:checked + .accshow_root {
	height: auto;
	margin: 0 5px;
    padding: 10px 10px 10px 20px;
    opacity: 1;
}

/*==========================================
 アコーディオン(サブ項目）のスタイル
===========================================*/
.accbox {
    margin: 10px 0px 10px 0px;
    padding: 0;
    width: 100%;
}

.accbox label {
    display: block;
    margin: 1.5px 0;
	padding : 10px 5px 10px 5px;
	border-bottom: 2px dotted #eaeaea;
    color :#2f8fcf;
    font-weight: bold;
	cursor :pointer;
    transition: all 0.5s;
}

.accbox label:hover {
    background :#ffffff;
}

.accbox input {
    display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.cssacc:checked + .accshow {
	height: auto;
	margin: 0 5px;
    padding: 10px 10px 10px 20px;
    background: #f1f1f1;
    opacity: 1;
}




@media screen and (max-width: 480px) {
	.accbox_root {
		margin: 10px 0px 10px 0px;
		padding: 0;
		width: 100%;
	}
	.accbox {
		padding: 0;
		width: 100%;
	}
	.accbox label {
		margin: 1.5px 0;
		padding : 10px 5px 10px 0px;
	}
}