@charset "utf-8";
/*@latest 2020.06.17 yhy */


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

.board131 ul.board_wrap li div ul {position:absolute; display:none; background:#fff; list-style: none;}

.board131 ul.board_wrap > li.active div ul {position:absolute;left:0;width:-webkit-fill-available;display:block;padding:37px 5px 15px;border-top: 5px solid #264c93;}
.board131 ul.board_wrap > li .more_box {display:none;}
.board131 ul.board_wrap > li.active .more_box {display:inline;position:absolute;top:0;right:0;width:34px;height: 52px;}
.board131 ul.board_wrap > li.active .more_box a {display: block; position: relative;width:100%; height: 100%; font-size:23px; font-family:arial; color:#999; -webkit-transition:color 1s; transition:color 1s;}
.board131 ul.board_wrap > li.active .more_box a:hover {color:#fff;}
.board131 ul.board_wrap > li.active .more_box a:after{content:''; display: block; position: absolute; top:26px; right:16px; transform:translate(50%); width:16px;height: 3px; background:#264c93;}
.board131 ul.board_wrap > li.active .more_box a:before{content:''; display: block; position: absolute; top:20px; right:16px; transform:translate(50%); width:3px;height: 16px; background:#264c93;}

.board131 ul.board_wrap ul li a {width: calc(100% - 105px);padding:0 35px 0 25px; box-sizing: border-box;text-decoration:none; float:right;}
.board131 ul.board_wrap ul li a .tit + .co{margin-top:7px;}
.board131 ul.board_wrap ul li:not(:first-child) a .imgbox {display:none;}
.board131 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);}
.board131 ul.board_wrap ul li a p.tit {max-width:384px; line-height:24px; font-size:17px; font-weight: 500; color:#000; letter-spacing:-1px; -webkit-transition:color 0.5s; transition:color 0.5s;
									  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.board131 ul.board_wrap ul li a p.tit:hover {color:#727272; text-decoration:underline;}
.board131 ul.board_wrap ul li a p.co{line-height: 22px; font-size: 13px; font-weight: 300; color: #000; letter-spacing: -1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.board131 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;}
.board131 ul.board_wrap ul li a:hover span.date {color:#838383;}
.board131 ul.board_wrap li div ul li .date{text-align: center; font-size: 22px; text-indent: -60px; letter-spacing: 0.5px; width: 62px; overflow: hidden; display: inline-block; margin-bottom: -4px;}
.board131 ul.board_wrap li div ul li.no_data {border-top: none; margin-top: 0;padding-top: 0; text-align: center;}
.board131 ul.board_wrap li div ul li.no_data .tit {font-size: 17px;color: #555;line-height: 1.5em;letter-spacing: -0.5px;/* padding-left:5px; */font-weight: 400;}
.board131 ul.board_wrap li div ul li + li{margin-top:20px; padding-top:18px; border-top:1px dashed #c5c5c5;}
.board131 ul.board_wrap li div ul li .datebox{display: inline-block; padding: 13px 10px; color: #000; text-align: center; width: 105px; box-sizing: border-box; vertical-align: middle; border:1px solid #d4dbe9; border-radius:4px; }


/* layout setting */
.layout_height_M .board131 ul.board_wrap > li.active div ul li:nth-child(4) ~ li {display:none;}
.layout_height_M .board131 ul.board_wrap ul li:first-child a .txtbox {padding-top:0px;}
.layout_height_L .board131 ul{height: 150px;}

.layout_04.layout_height_H .board131 ul.board_wrap > li, .layout_04.layout_height_M .board131 ul.board_wrap > li, .layout_02_36.layout_06.layout_height_H .board131 ul.board_wrap > li,
 .layout_02_36.layout_06.layout_height_M .board131 ul.board_wrap > li, .layout_02_36.layout_06.layout_height_M .board131 ul.board_wrap > li
 , .layout_02.layout_height_M .board131 ul.board_wrap > li, .layout_02.layout_height_H .board131 ul.board_wrap > li, .layout_03.layout_height_H .board131 ul.board_wrap > li, .layout_03.layout_height_M .board131 ul.board_wrap > li{max-width: 29%;}

@media (max-width:990px){
	.board131 ul.board_wrap li div ul li .datebox { padding:12px 5px;}
	.board131 ul.board_wrap li div ul li > a {padding-left:13px;}
}


	@media (min-width:800px){
		.board131 ul.board_wrap > li>div {height:57px;}
		.board131 ul.board_wrap > li.active div ul {top: 52px;}

		.layout_height_H .board131 {height:350px;}
		.layout_height_H .board131 ul.board_wrap li div ul li:last-child {margin-bottom:0;}

		.layout_height_M .board131 {height:250px;}
		.layout_height_M .board131 ul.board_wrap li div ul li {line-height:20px;}
		.layout_height_M .board131 ul.board_wrap li div ul li:last-child {margin-bottom:0;}
		.layout_height_M .board131 ul.board_wrap li div ul li .co {height:20px;}

		.layout_height_L .board131 ul.board_wrap li div ul li {margin-bottom:0;}
		.layout_height_L .board131 ul.board_wrap li div ul li .tit {font-size:16px;}
	}

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

	@media (max-width:799px){

	.board131 ul.board_wrap > li>div {height:44px;}
	.board131 ul.board_wrap > li.active .more_box {height:44px;line-height:44px;}
	.board131 ul.board_wrap > li.active div ul {top: 44px;/*height: calc(100% - 172px);*/}

	.board131 ul.board_wrap > li.active h3 a.board_name {font-size:15px;}
	.board131 ul.board_wrap > li h3 a.board_name {line-height:44px;height: 44px; font-size:15px;}

	.layout_height_H .board131 {height:335px;}
	.layout_height_M .board131 {height:240px;}

	.board131 ul.board_wrap > li.active .more_box a:after{top:22px;}
	.board131 ul.board_wrap > li.active .more_box a:before{top:16px;}
	.board131 ul.board_wrap ul li a p.co{line-height: 16px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board131 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board131 {height:250px;}
		.layout_block4 .layout_height_M .board131 ul.board_wrap li div ul li .tit {font-size:16px;}
		.layout_block4 .layout_height_M .board131 ul.board_wrap li div ul li .co {height:20px; white-space:nowrap !important; display:block;}
		.layout_block4 .layout_height_L .board131 ul.board_wrap li div ul li .date {padding-bottom:5px;}
		.layout_block4 .layout_height_L .board131 ul.board_wrap li div ul li .co {height:20px; white-space:nowrap !important; display:block;}
	}
	@media (max-width:599px){
		.board131 ul.board_wrap ul li a p.tit {font-size:13px;}
		.board131 ul.board_wrap ul li a span.date {font-size: 12px !important;text-indent: -31px;overflow:hidden;}
		.board131 ul.board_wrap ul li:first-child a p.tit {font-size:15px;}
		.board131 ul.board_wrap > li h3 a.board_name{padding:0 12px; }
	}