@charset "utf-8";

.board122 {background:white;box-sizing:border-box;/* padding:15px; */}
.board122 ul.board_wrap {position:relative;width: 100%;height: 100%;background: #fff;float: left;border: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
.board122 ul.board_wrap > li {width:auto;float:left;display:inline-block; max-width:33%;}
.board122 ul.board_wrap > li div {/* width:100%; *//* float:left; */}
.board122 ul.board_wrap > li h3 {display: inline-block;width: 100%;}
.board122 ul.board_wrap > li h3 a.board_name {
												float:left;
												color:#838383;
												background: #f3f3f3;
												border: 1px solid rgba(0,0,0,0.1);
												border-width: 0 1px 1px 0;
												font-size:17px;
												padding: 0 15px;
												box-sizing:border-box;
												letter-spacing:-1px;
												width: 100%;
												text-overflow: ellipsis;
												overflow: hidden;
												height: 57px;
												line-height: 57px;
												white-space: nowrap;
												/* vertical-align: top; */
												position: relative;
												font-weight: 400;
												}
.board122 ul.board_wrap > li:first-child h3 a.board_name {/* padding-left:0; */}
.board122 ul.board_wrap > li:last-child h3 a.board_name:after {display:none;}
.board122 ul.board_wrap > li.active h3 a.board_name {color:#333;font-size:18px;font-weight:600;background: #fff !important;border-bottom: none;z-index: 1;}


.board122 ul.board_wrap li div ul {height:100%; position:absolute; display:none; background:#fff;}
.board122 ul.board_wrap > li.active div ul {position:absolute;left:0;width:100%;height: calc(100% - 56px);display:block;padding: 15px 15px;box-sizing: border-box;border-top: 1px solid rgba(0,0,0,0.1);}

.board122 ul.board_wrap > li .more_box {display:none;}
.board122 ul.board_wrap > li.active .more_box {display:inline;position:absolute;top:0;right: 15px;/* margin-top:-15px; */width:auto;}
.board122 ul.board_wrap > li.active .more_box a {font-size:23px; font-family:arial; color:#999; -webkit-transition:color 1s; transition:color 1s;}
.board122 ul.board_wrap > li.active .more_box a:hover {color:#fff;}

.board122 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board122 ul.board_wrap ul li:not(:first-child) a .imgbox {display:none;}
.board122 ul.board_wrap ul li a .imgbox {width:30%; height:150px; overflow:hidden; float:left; margin-bottom:15px; position:relative;}
.board122 ul.board_wrap ul li a .imgbox img {position:absolute; margin:auto; top:-999px; bottom:-999px; right:-999px; left:-999px; min-height:100%; min-width:100%;}
.board122 ul.board_wrap ul li:first-child a .txtbox {width: 100%;float:left;box-sizing:border-box;padding-bottom: 15px;margin-bottom: 15px;text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
.board122 ul.board_wrap ul li a p.tit {font-size:14px; color:#555; line-height:29px; letter-spacing:-1px; -webkit-transition:color 0.5s; transition:color 0.5s;
									   padding-right:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; text-align:left;}
.board122 ul.board_wrap ul li a p.tit:before {content:"\2219"; padding-right:3px; color:black; text-decoration:none;}
.board122 ul.board_wrap ul li a p.tit:hover {color:#727272; text-decoration:underline;}
.board122 ul.board_wrap ul li:first-child a p.tit:hover {color:#727272; font-weight:600; text-decoration:none;}
.board122 ul.board_wrap ul li:first-child a p.tit {font-size: 17px;/* font-weight:600; */padding-bottom: 5px;}
.board122 ul.board_wrap ul li:first-child a p.tit:before {content:""; display:none;}
.board122 ul.board_wrap ul li:not(:first-child) a p.co {display:none;}
.board122 ul.board_wrap ul li a p.co {line-height:160%; font-size:13px; word-break:keep-all; -webkit-line-clamp:2;
									  -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; max-height:40px; overflow:hidden;}
.board122 ul.board_wrap ul li a span.date {color:#b4acaa; font-size:12px; line-height:32px; position:absolute; top:0px; right:0;-webkit-transition:color 0.5s; transition:color 0.5s;}
.board122 ul.board_wrap ul li a:hover span.date {color:#838383;}
.board122 ul.board_wrap ul li:first-child a span.date {position:relative;float:left;line-height: normal;font-size: 13px;}

.board122 ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color: #555; line-height:29px; letter-spacing:-1px; padding-left:5px;}


/* layout setting */
.layout_01 .board122 {height:340px;}
.layout_06 .board122 ul.board_wrap > li {width:20%; text-align:center;}


.layout_height_M .board122 ul.board_wrap > li.active div ul li:nth-child(4) ~ li {display:none;}
.layout_height_H .board122 ul.board_wrap ul li a p.tit {line-height:30px;}
.layout_height_M .board122 ul.board_wrap ul li a .imgbox {height:110px;}
.layout_height_M .board122 ul.board_wrap ul li:first-child a .txtbox {padding-top:0px;}






	@media (min-width:800px){
		.board122 ul.board_wrap > li>div {height:57px;}
		.board122 ul.board_wrap > li.active .more_box {height: 57px;line-height: 57px;}
		.board122 ul.board_wrap > li.active div ul {top: 56px;}

		.layout_height_H .board122 {height:350px;}
		.layout_height_M .board122 {height:250px;}
	}

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

	@media (max-width:799px){
		.board122 ul.board_wrap > li>div {height:44px;}
		.board122 ul.board_wrap > li.active .more_box {height:44px;line-height:44px;}
		.board122 ul.board_wrap > li.active div ul {top: 43px;height: calc(100% - 43px);}

		.board122 ul.board_wrap > li.active h3 a.board_name {font-size:17px;}
		.board122 ul.board_wrap > li h3 a.board_name {line-height:44px;height: 44px;}
		.board122 ul.board_wrap ul li a .imgbox {height:120px;}
		.board122 ul.board_wrap ul li a .imgbox img {max-width:120%;}

		.layout_01 .board122 {height:325px;}
		.layout_height_H .board122 {height:335px;}
		.layout_height_M .board122 {height:240px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board122 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board122 {height:250px;}
	}
	@media (max-width:599px){
		.board122 ul.board_wrap ul li a p.tit {font-size:13px;}
		.board122 ul.board_wrap ul li a span.date {font-size: 12px !important;text-indent: -31px;overflow:hidden;}

		.board122 ul.board_wrap ul li:first-child a p.tit {font-size:15px;}

	}