/*
 * Fees CSS.
*/

#maincontent > .wrapper article > .list > ul > li {
	padding: 0 0 30px 0;
}

#maincontent > .wrapper article > .list > ul > li h4 {
	font-size: 1.17em;
	font-weight: bold;
}

#maincontent > .wrapper article > .list > ul > li ul {
	background-color: #f6f6f6;
	border-radius: 3px;
}

#maincontent > .wrapper article > .list > ul > li ul li {
	overflow: hidden;
}
#maincontent > .wrapper article > .list > ul > li ul li:not(:last-child) {
	border-bottom: 1px solid #fff;
}

#maincontent > .wrapper article > .list > ul > li ul li h5 {
	float: left;
	padding: 10px 20px;
	width: 13em;
	border-right: 1px solid #fff;
	text-align: right;
}

#maincontent > .wrapper article > .list > ul > li ul li p {
	float: left;
	padding: 10px 20px;
	line-height: 1.3;
}

#maincontent > .wrapper article > .list > ul > li ul li p span {
	font-size: 0.67em;	
}

#maincontent > .wrapper article > .list > ul > li ul li br.sp_only {
	display: none;
}

/** Smartphone */
@media only screen and (max-width: 719px) {


	#maincontent > .wrapper article > .list > ul > li h4 {
		font-size: 1em;
		font-weight: bold;
	}

	#maincontent > .wrapper article > .list > ul > li ul li {
		display: flex;
	}

	#maincontent > .wrapper article > .list > ul > li ul li h5 {
		float: none;
		padding: 13px 10px;
		width: 13em;
		border-right: 1px solid #fffffe;
		text-align: right;
		font-size: 0.83em;
		flex-shrink: 0;
	}
	
	#maincontent > .wrapper article > .list > ul > li ul li p {
		float: none;
		padding: 13px 10px;
		font-size: 11.5px;
	}

	#maincontent > .wrapper article > .list > ul > li ul li p span {
		display: none;
	}
	
	#maincontent > .wrapper article > .list > ul > li ul li br.sp_only {
		display: block;
	}

}

@media only screen and (max-width: 360px) {
	#maincontent > .wrapper article > .list > ul > li ul li h5 {
		font-size: 0.7em;
	}
	
	#maincontent > .wrapper article > .list > ul > li ul li p {
		font-size: 0.7em;
	}

}