@charset "UTF-8";


/* -------------------------------------
news
------------------------------------- */
#news {
	
}
#news ul {
	border-bottom:1px solid #CCCCCC;
}
#news li {
	padding:20px 0;
	border-top:1px solid #CCCCCC;
}
#news li span.date {
	font-size:16px;
	color:#004E9D;
	width:110px;
	float:left;
}
#news li dl {
	width:-webkit-calc(100% - 110px);
	width:calc(100% - 110px);
	float:left;
}
#news li dl dt {
    font-size:16px;
	font-weight:bold;
	color:#004E9D;
	margin-bottom:8px;
}
#news li dl dd a {
    text-decoration:underline;
}
#news li a.detail {
	font-size:12px;
	line-height:1.0;
	text-align:center;
	width:110px;
	float:right;
	display:block;
	padding:15px 10px;
	border:1px solid #ccc;
	box-sizing:border-box;
    
    display:none;
}
#news li a.detail img {
	display:inline-block;
	vertical-align:-1px;
	margin-right:7px;
}


#news #post {
	padding:30px 0 50px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#news #post .date {
	font-size:16px;
	color:#004E9D;
	margin-bottom:20px;
}
#news #post h2 {
	font-size:24px;
	font-weight:bold;
	color:#004E9D;
	text-align:center;
	margin-bottom:30px;
}
#news #post .posttext {
	font-size:16px;
	font-weight:bold;
}

#news .phblk {
	font-size:0;
	padding-top:20px;
}
#news .phblk figure {
	display:inline-block;
	width:calc((99.9% - 20px)/2);
}
#news .phblk figure figcaption {
	font-size:14px;
	padding-top:10px;
}
#news .phblk figure img {
	width:100%;
	height:auto;
}
#news .phblk figure.lft {
	margin-right:20px;
}

#news .phblk figure.ph-hei {
	width:30%;
	margin-right:20px;
}


@media screen and (max-width:1440px) {
	
}
@media screen and (max-width:1080px) {
	#news li span.date {
	   font-size:15px;
    }
    #news li dl dt {
	   font-size:15px;
    }
}
@media screen and (max-width:768px) {
	#news li span.date {
	   font-size:14px;
    }
    #news li dl dt {
	   font-size:14px;
    }
}
@media screen and (max-width:640px) {
    #news li span.date {
        font-size:13px;
        width:100%;
        float:none;
        display:block;
        margin-bottom:10px;
    }
    #news li dl {
        width:-webkit-calc(100% - 0px);
        width:calc(100% - 0px);
        float:none;
    }
    #news li dl dt {
	   font-size:13px;
    }

}
@media screen and (max-width:480px) {
	
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}