/*--------------------------------------------------------------
@media
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#main-contents .contents .contents-inner {
		padding: 0 10px;
	}
	
	#main-contents .contents dl {
		margin: 0;
		padding: 0 10px 30px 10px;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 2;
		box-sizing: border-box;
	}
	
	#main-contents .contents dl dt {
		margin: 0;
		padding: 10px 0 0 0;
		float: none;
		font-weight: 500;
		box-sizing: border-box;
	}
	
	#main-contents .contents dl dd {
		margin: 0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	
	#main-contents .contents .inside {
		margin: 0;
		padding: 0;
	}

	#main-contents .contents .inside dt {
		margin: 0;
		padding: 0;
		float: none;
		border: none;
		font-weight: 400;
	}
	
	#main-contents .contents .inside dd {
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#main-contents .contents .history dt {
		border: none;
	}
	
	#main-contents .contents .history dd {
		margin: 0;
		border: none;
	}
	
}
/* Small than tablet */
@media (min-width: 768px) {
	
	#main-contents .contents .contents-inner {
		padding: 0;
}

	#main-contents .contents .show {
		margin: 0 0 50px 50px;
		padding: 0 0 0 24px;
	}

	#main-contents .contents dl {
		padding: 0 50px 30px 50px;
}

	#main-contents .contents dl dt {
		float: left;
		padding: 10px 0;
}

	#main-contents .contents dl dd {
		padding: 10px 0 10px 100px;
}

	#main-contents .contents .inside dt {
		float: left;
}

	#main-contents .contents .inside dd {
		margin: 0;
		padding: 0 0 0 100px;
}

	#main-contents .contents .inside .linefeed {
		clear: left;
}

	#main-contents .contents .history dd {
		margin: 0 0 0 100px;
}


}


/* Larger than tablet */
@media (min-width: 992px) {

}