@charset "utf-8";

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

#content h2 {
    color: #3c3c3c !important;
    padding-left: 10px !important;
    margin-bottom: 15px !important;
    border-left: 4px solid #00822d !important;
    letter-spacing: 0 !important;
    font-size: 1.70rem !important;
    line-height: 1em !important;
/*    width: 100%;*/
}
#content .topCont h2 span.sub {
    margin-left:10px;
    font-size:0.5em;
    font-weight:bold;
    vertical-align:bottom;
    color:#999;
    line-height: 1.2em;
}

#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){
    header {
        width: 100%;
        height: 44px;
    }
    #content {
        padding: 10px 4.2% 30px; 
    }
    #content .topCont h2 { 
        font-size: 1.4em !important;
        margin-left:0 !important;
        margin-bottom: 10px!important;
    } 
    #content .topCont h2 span.sub {
        margin-left:0;
        display: block;
    }
    #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;
	margin: 0 auto;
	top: -40px;
    font-size:18px;
}
.breadCrumbWrap{
	background:none;
    background-size: contain;
	height: 1.3em;
    clear: both;
/*     padding-left:2em; */
}
.breadCrumb li{
	color: #aaa;
    line-height: 2.0em;
    margin-right: 0.7em;
    font-size: 0.7em;
}
.breadCrumb li:first-child{
/* 	width:1.8em; */
	width:3.0em;
    overflow:hidden;
}
.breadCrumb li:last-child{
	color: #555;
    font-weight:bold;
}
.breadCrumb li a{
    margin-right:0.7em;
}
.breadCrumb li:first-child a {
    margin-right: 0;
    color:transparent;
    width:100%;
    display:block;
}
.breadCrumb li:first-child a:before {
	display:block;
    position:absolute;
    content:"";
    height:1.8em;
    width: 1.8em;
    background: transparent url(/official/common/img/lpga-logo_480x480.png) no-repeat 0 50%;
    background-size: contain;
}
.breadCrumb li:first-child:after {
	display:block;
    position:absolute;
	top:0;
    left:1.9em;
/*     left:120px; */
    font-size:1.3em;
    content: "\f101";
    color:#aaa;
    font-family: FontAwesome;
}
.breadCrumb li .fa {
  font-size: 1.3em;
  line-height: 1.3em;
}
/* .breadCrumb li:first-child a + i {
 * 	display:none;
 * 	}
 * 	 */

/* 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.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";
	}
}