@charset "utf-8";

.board015 {/* background:white; */box-sizing:border-box;/* padding:15px; */}
.board015 ul.board_wrap {position:relative;width: 100%;height: 100%;}
.board015 ul.board_wrap > li {width:auto;float:left;display:inline-block; max-width:33%;}
.board015 ul.board_wrap > li .tit {display: inline-block;width: 100%;}
.board015 ul.board_wrap > li .tit a.board_name {float:left; width:100%; box-sizing:border-box; vertical-align: top; position: relative; padding-top: 11px; padding-left: 10px;
											   font-size: 26px; color:#838383; letter-spacing:-1px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board015 ul.board_wrap > li .tit a.board_name:after {content:"|"; float:right; opacity:1; vertical-align: top; position: absolute; right: 0; top: 0;
													font-size:16px; line-height:23px; color:#ddd; font-weight:400; line-height: 57px;}
.board015 ul.board_wrap > li:only-child .tit a.board_name:after {display:none;}
.board015 ul.board_wrap > li:first-child .tit a.board_name {/* padding-left:0; */}
.board015 ul.board_wrap > li:last-child .tit a.board_name:after {display:none;}
.board015 ul.board_wrap > li.active .tit a.board_name {padding-bottom:10px; color: #014a97; border-bottom: 3px solid #014a97; z-index: 1;}


.board015 ul.board_wrap li div ul {height:100%;position:absolute;display:none;}
.board015 ul.board_wrap > li.active div ul {position:absolute;top: 61px;left:0;width:100%;display:block;box-sizing:border-box;border-right:none;border-bottom:none;border-left:none;border-top-width: 2px;padding-top: 20px;    border-color: #ddd}

.board015 ul.board_wrap > li .more_box {display:none;}
.board015 ul.board_wrap > li.active .more_box {display:inline; position:absolute;top:0; right:0;}
.board015 ul.board_wrap > li.active .more_box a {
												font-family:arial;
												display:inline-block;
												color:#fff;
												background:#333;
												width:20px;
												height:20px;
												line-height:20px;
												text-align:center;
												-webkit-transition:color 0.5s, background 0.5s;
												transition:color 0.5s, background 0.5s;
												cursor:pointer;
												}
.board015 ul.board_wrap > li.active .more_box a:hover {background:#666; color:#fff;}
.board015 ul.board_wrap > li.active .more_box a:focus {outline:2px dotted #000;border-radius:50%;background-color:#777c ;}

.board015 ul.board_wrap ul li {border-top:none;border-right:none;border-left:none;position: relative;padding-left: 20px;box-sizing: border-box;border-bottom: none;}
.board015 ul.board_wrap ul li:before {content:"";width: 3px;height: 3px;display:inline-block;background:#333;border-radius: 100%;position: absolute;left: 12px;top: 50%;opacity: 0.5;}
.board015 ul.board_wrap ul li a {overflow:hidden;text-decoration:none; position:relative; width:100%; float:left;}
.board015 ul.board_wrap ul li a p.tit {padding:5px 0; display: block; padding-right:100px; padding-right: 100px !important; box-sizing: border-box;
									   font-size: 16px; line-height:29px; font-weight: 500; color: #333; letter-spacing: -0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;
									   transition:color 0.5s; -webkit-transition:color 0.5s;}
.board015 ul.board_wrap ul li a p.tit:hover {font-weight:600;}
.board015 ul.board_wrap ul li a span.date {color: #555;font-size: 14px;line-height: 50px;letter-spacing: -0.5px;position:absolute;top:0px;right:0;-webkit-transition:color 0.5s;transition:color 0.5s;}
.board015 ul.board_wrap ul li a:hover span.date {color:#838383;font-weight:600;}

.board015 ul.board_wrap li div ul li.no_data p.tit {font-size:16px; /* color: #555; */ line-height:30px; padding:5px 0;}


/* layout setting */

.layout_height_M .board015 ul.board_wrap > li.active div ul li:nth-child(5) ~ li {display:none;}
.layout_height_L .board015 ul.board_wrap > li.active div ul li:nth-child(2) ~ li {display:none;}

.layout_height_H .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 7px 0;}
.layout_height_M .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 4px 0;}
.layout_height_L .board015 ul.board_wrap ul li a p.tit {line-height:30px;padding: 8px 0;}

.borderbox .board015 {padding:0 15px;}

.board015 ul.board_wrap ul li:nth-child(6) ~ li {display:none;}

	@media (min-width:800px){
		.layout_height_H .board015 {height:350px;}
		.layout_height_M .board015 {height:250px;}
		.layout_height_L .board015 {height:150px;}
	}

	@media (min-width:800px) and (max-width:1200px){
		.board015 ul.board_wrap > li.active .tit a.board_name,
		.board015 ul.board_wrap > li .tit a.board_name {/* font-size:17px; */}
		.layout_03 .board015 ul.board_wrap ul li a span.date {text-indent:-33px; overflow:hidden;}
	}

	@media (max-width:799px){
		.layout_height_H .board015 {height: 300px;}
		.layout_height_M .board015 {height: 250px;}
		.layout_height_L .board015 {height:150px;}
		
		.board015 {padding: 0 15px;}
		.board015 ul.board_wrap > li .tit a.board_name {line-height:34px;font-size:22px}
		.board015 ul.board_wrap > li:first-child .tit a.board_name {padding-left: 5px;}
		.board015 ul.board_wrap ul li a span.date {padding-right:10px;}
		.board015 ul.board_wrap > li.active .tit a.board_name {padding-bottom:15px}
		
		.board015 ul.board_wrap > li.active div ul {height:auto;padding-top: 10px;}
		.board015 ul.board_wrap > li.active .more_box {right: -3px;top:5px;}
		.board015 ul.board_wrap > li.active .more_box a {width:30px;height: 30px;line-height: 30px;font-size: 21px;background: #666 !important;}
		.board015 ul.board_wrap ul li a p.tit {padding-bottom: 0 !important;}
	}
	@media (max-width:599px){
		.board015 ul.board_wrap ul li a p.tit {font-size:15px;}
		.board015 ul.board_wrap ul li a span.date {/* text-indent: -36px; */overflow:hidden;}
        
	}