@charset "utf-8";

.board015 {box-sizing:border-box;}
.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; color:#838383; box-sizing:border-box; letter-spacing:-1px; width:100%; text-overflow: ellipsis; overflow: hidden; line-height:22px;
											white-space: nowrap; vertical-align: top; position: relative; font-weight: 400;}
.board015 ul.board_wrap > li .tit a.board_name:after {content:"|"; float:right; font-size:16px; line-height:23px; opacity:1;
													color:#ddd; font-weight:400; vertical-align: top; position: absolute; right: 0; top: 0; line-height: 50px;}
.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 {color:#333; font-size:18px; font-weight:600;}
.board015 ul.board_wrap > li.active .tit a.board_name:focus {border:1px solid #000;}

.board015 ul.board_wrap li div ul {height:100%; position:absolute; display:none;}
.board015 ul.board_wrap > li.active div ul {position:absolute; top:52px; left:0; width:100%;display:block; box-sizing:border-box; border-right:none; border-bottom:none; border-left:none;}

.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 1s, background 1s; transition:color 1s, background 1s; cursor:pointer;}
.board015 ul.board_wrap > li.active .more_box a:hover {background:#333; color:#fff;}

.board015 ul.board_wrap ul li {border-top:none; border-right:none; border-left:none;}
.board015 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board015 ul.board_wrap ul li a:focus {width:calc(100% - 2px); margin-left:1px;}
.board015 ul.board_wrap ul li a p.tit {font-size: 16px; padding:5px 0; display: block; line-height:29px; letter-spacing: -0.5px; -webkit-transition:color 0.5s; transition:color 0.5s;
									   padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; padding-right: 100px !important; box-sizing: border-box;}
.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: 40px;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_H .board015 {height:350px;}
.layout_height_M .board015 {height:250px;}
.layout_height_L .board015 {height:150px;}
.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: 5.5px 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;}


	@media (min-width:800px){
	}

	@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){}
	@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;}

	}