@charset "utf-8";

/* 2016.12
 * --------------------------------------------------------------*/
#content div.mainCont{
	clear:both !important;
}

#content h3 span.sub{
	color:#999;
    padding-left:0.8em;
    font-size:0.6em;
    font-weight:bold;
}
 
.NewsArea dt a {
	font-size:120% !important;
}
.NewsArea h4 span:first-child {letter-spacing:0;}
.NewsArea h4 span, .qtArea h4 span {top:0 !important;}
.NewsArea h4 span.txtRed {
    color:transparent !important;
    margin-top:0.35em;
	margin-left:-0.8em;
}
.NewsArea h4 span.txtRed:after {
  color:#00822d;
  content: "\f101";
  font-family: FontAwesome;
}

.NewsArea h4 a {
  width:9.0em;
  height:1.2em;
  overflow:hidden;
  margin-top:0.35em;
}


@media screen and (max-width: 750px){
    #content {
        padding: 10px 4.2% 30px; 
    }
    #content .h3Area h3 {
        font-size: 1.35em !important;
    }
    #content .h3Area h3 span {
        font-weight:bold !important;
    }
    .NewsArea dt a {
		font-size:110% !important;
	}
    .NewsArea dl dd {
    	font-size:0.9em;
    }
}

/* 新規CSS ---------------------------------------------------*/
/* breadCrumb
  * --------------------------------------------------------------*/
 .breadCrumb{
     clear: both;
     width: 960px;
     font-size:18px;
 }
 .breadCrumbWrap{
     clear: both;
 }
 .breadCrumb li{
 	color: #aaa;
     font-size: 0.7em;
 }
 .breadCrumb li:last-child{
 	color: #555;
     font-weight:bold;
 }
 .breadCrumb li .fa {
   font-size: 1.3em;
 }
 
/* others */
.hidden {display:none !important;}
.clearfix {clear: both !important;}

/* round */
.round{clear: both;}

/* lead paragraph */
#content p.lead{
	font-size: 110%;
	background: rgba(0,0,0,.05);
	padding: 0.5em 1em;
	clear: both;
}
#content p.threelines{
	padding: 0.5em 1em 2em 1em;
}
#content p.lead.attention{
        background: #fef7f9;
	color: #00822d;
}

@media screen and (max-width: 750px){
	#content p.lead{
		position: relative;
		font-size:95%;
		padding:0 20px 0 7px;
		overflow: hidden;
		line-height: 2.6em;
		height: 2.6em;
	}
	#content p.lead.open{
		line-height: 1.8;
		padding:5px 20px 5px 7px;
		height: auto;
	}
	#content p.lead:after{
		font-family: FontAwesome;
		position: absolute;
		font-size: 1.3em;
		color: #00822d;
		right: 0.7em;
		bottom: 0;
		content: "\f141";
	}
	#content p.lead.open:after{
		content: "\f142";
	}
}