@charset "utf-8";
#each-contents dl dt {
	color: #07088C;
	font-weight: bold;
	/* [disabled]font-size: 1.2em; */
	border-left: thick outset #3E7CFF;
	padding-left: 10px;
	background-color: #DCDCDC;
	margin-bottom: 10px;
}
#each-contents dl dd {
	margin-bottom: 10px;
	line-height: 1em;
	font-size: 0.9em;
	margin-left: 10px;
}

#each-contents .caption {
	color: #8B3434;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	line-height: 1.2em;
	padding-left: 10px;
	border-left: thick groove #8B3434;
}

#otoiawase {
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top: thin solid #919191;
	border-bottom: thin solid #919191;
	clear: both;
}
/**************************************************************************** ブラウザによるサイズの変更 ****************************************************************************/

/* PC用 ビューエリアの最小幅。このサイズ960より大きい場合に適用*/
@media only screen and (min-width:960px){	

}





/* モニター幅940px以下 */
@media only screen and (max-width:940px){

}



/* w768より大きい場合に適用【タブレット以上の場合】*/
@media screen and (min-width: 768px){
#each-contents {
	margin-left: 15px;
}

}


/* iPad縦型 w768より小さい場合に適用*/
@media only screen and (max-width:768px){
#each-contents {
	margin-left: 20px;
}
#each-contents dl dt {
	line-height: 1.5em;
}
}


/* スマートフォン横型　w640より小さい場合に適用 */
@media only screen and (max-width:640px){
}

/************************** ↑ディスプレイによるCSSの違いはここまで↑**************************/