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

/*===========================================
	howto LinkBuds Fit wideareatap.css
=============================================*/

#contents .indexArea{
	padding-bottom: 0.5em;
}

#contents .indexArea ul{
	padding-top: 1em;
	padding-bottom: 1em;
}

#contents .indexArea ul > li + li{
	margin-top: 5px;
	margin-bottom: 0 !important;
}


#contents .horizontalArea .notice_gray {
	width: 40%;
}

#contents .horizontalArea .notice_gray dl.s5-listHorizontal dt{
	width: 15em;
	font-weight: normal;
}

#contents .horizontalArea .notice_gray dl.s5-listHorizontal dt:after{
	content:":";
	width: 0.5em;
	height: 1em;
	margin: 0 6px;
}
#contents .horizontalArea .notice_gray dl.s5-listHorizontal dd{
	width: 7.5em;
	margin-left: 15em;
	margin-bottom: 0;
}

#contents ol.stepList > li dl.s5-listHorizontal{
	margin-top: 2em;
	margin-bottom: 2em;
}

#contents ol.stepList > li dl.s5-listHorizontal dt{
	width: 18.5em;
	margin-bottom: 0;
	text-align: left;
}

@media screen and (min-width: 640px) {
	#contents .singleBtn.long a {
		width: auto;
	}
}

@media (min-width: 1025px){
	#contents .horizontalArea .notice_gray{
		width: 30%;
	}
}

@media (max-width: 820px){
	#contents .horizontalArea .notice_gray {
		width: 70%;
	}
}

@media (max-width: 640px){
	#contents .horizontalArea .notice_gray dl.s5-listHorizontal{
		font-size: 0.875rem;
	}
	#contents .horizontalArea .notice_gray {
		width: 100%;
	}
	#contents .horizontalArea .notice_gray dl.s5-listHorizontal dt{
		float: left;
		text-align: right;
	}
}