@charset "utf-8";

.board017 {background:white;box-sizing:border-box;width: 100%;height: 100%;}
.board017 ul.board_wrap {position:relative;width: 100%;height: 100%;/* background: #fff; */float: left;box-sizing: border-box;}
.board017 ul.board_wrap > li {width:auto;float:left;display:inline-block;max-width: 45%;}
.board017 ul.board_wrap > li .tit {display: inline-block;/* width: 100%; */}
.board017 ul.board_wrap > li .tit a.board_name {float:left; color:#838383; border-width: 0 1px 1px 0; font-size:17px;
												padding: 0 20px; box-sizing:border-box; letter-spacing:-1px;
												text-overflow: ellipsis; overflow: hidden; height: 57px; line-height: 57px;
												white-space: nowrap; position: relative; font-weight: 400;}
.board017 ul.board_wrap > li:first-child .tit a.board_name {padding-left: 15px;}
.board017 ul.board_wrap > li .tit a.board_name:after {content:"";width: 1px;height: 15px;background: #ccc;float: right;
							position: absolute;right: 0;top: 21px;vertical-align: middle;display: inline-block;}
.board017 ul.board_wrap > li:last-child .tit a.board_name:after {display:none;}
.board017 ul.board_wrap > li.active .tit a.board_name {color:#333; font-size:18px; font-weight:600; /* background: #fff */;
														border-bottom: none; z-index: 1; border-bottom: none;}

.board017 ul.board_wrap > li .imgbox {position: absolute; right: 0; bottom: 0; z-index: 0; width: 50%; max-height:75%; vertical-align: bottom;}
.board017 ul.board_wrap > li .imgbox img {display: inline-block;vertical-align: bottom;max-width: 100%;max-height: 100%;}
.board017 ul.board_wrap > li:not(.active) .imgbox {display:none;}

.board017 ul.board_wrap li div ul {height:100%;position:absolute;display:none;/* background:#fff; */}
.board017 ul.board_wrap > li.active div ul {position:absolute;left:0; width: 60%; height: calc(100% - 56px);
											display:block; float: left;box-sizing: border-box;}

.board017 ul.board_wrap > li .more_box {display:none;}
.board017 ul.board_wrap > li.active .more_box {display:inline; position:absolute; top:0;right: 0;}
.board017 ul.board_wrap > li.active .more_box a {font-family:arial; color: #999; width: 20px;height: 20px; line-height: 20px;
												-webkit-transition: color 1s; transition: color 1s; cursor:pointer;}
.board017 ul.board_wrap > li.active .more_box a:hover {/* background:#333; */color: #333;}

.board017 ul.board_wrap ul li a {text-decoration:none; position:relative; width:100%; float:left;}
.board017 ul.board_wrap ul li:not(:first-child) a .imgbox {display:none;}
.board017 ul.board_wrap ul li a .imgbox {width:30%; height:150px; overflow:hidden; float:left; margin-bottom:15px; position:relative;}
.board017 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%;}
.board017 ul.board_wrap ul li:first-child {/* padding-left: 100px; */box-sizing: border-box;/* margin-top: 10px; */}
.board017 ul.board_wrap ul li:first-child a .txtbox {width: 100%;float:left;box-sizing:border-box;padding-bottom: 15px;margin-bottom: 10px;text-align:left;}
.board017 ul.board_wrap ul li a .tit {color:#555; line-height: 150%; letter-spacing: -0.5px; text-align:left; text-decoration:none;
									   -webkit-transition:color 0.5s; transition:color 0.5s;
									   white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.board017 ul.board_wrap ul li a .tit:before {content: "/";font-size: 9px;font-weight: 600;padding-right: 6px;color: #f08300;vertical-align: middle;text-decoration:none;display: inline-block;}
.board017 ul.board_wrap ul li a .tit:hover {color:#727272; text-decoration:underline;}
.board017 ul.board_wrap ul li:first-child a .tit:hover {color:#727272;font-weight:600;text-decoration:none;}
.board017 ul.board_wrap ul li:first-child a .tit {/* font-size: 18px; */font-weight:600;}
.board017 ul.board_wrap ul li:first-child a .tit:before {content:""; display:none;}
.board017 ul.board_wrap ul li:not(:first-child) a .co {display:none;}
.board017 ul.board_wrap ul li a .co {color: #666; line-height: 150%; word-break:keep-all; letter-spacing: -0.5px;
									  -webkit-line-clamp: 5; -webkit-box-orient:vertical;
									  display:-webkit-box; white-space:normal; overflow:hidden;}

.board017 ul.board_wrap li div ul li.no_data .tit {font-size: 17px;color: #555; letter-spacing: -0.5px;}


/* layout setting */
.layout_01 .board017 {height:340px;}

.layout_height_M .board017 ul.board_wrap > li.active div ul li:nth-child(3) ~ li {display:none;}
.layout_height_M .board017 ul.board_wrap ul li a .imgbox {height:110px;}
.layout_height_M .board017 ul.board_wrap ul li:first-child a .txtbox {padding-top:0px; margin-bottom:0;}
.layout_height_M .board017 ul.board_wrap > li.active div ul {padding:0 15px;}





	@media (min-width:800px){
		.board017 ul.board_wrap > li>div {height:57px;z-index: 0;}
		.board017 ul.board_wrap > li.active>div .tit a.board_name {height:58px;}
		.layout_height_H .board017 ul.board_wrap > li.active div ul {top: 85px;height: calc(100% - 85px);}
		.layout_height_M .board017 ul.board_wrap > li.active div ul {top: 65px;height: calc(100% - 65px);}

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


		.layout_02 .board017 ul.board_wrap > li .imgbox,
		.layout_06 .board017 ul.board_wrap > li .imgbox {width:40%;}
		.layout_03 .board017 ul.board_wrap > li .imgbox {width: 35%;}
		.layout_04 .board017 ul.board_wrap > li .imgbox {width: 100%;height: 150px;}
		.layout_04.layout_height_H .board017 ul.board_wrap > li.active div ul {top: 65px; height: calc(100% - 65px); width: 100%;}
	}

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

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

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

		.layout_height_H .board017 {height:335px;}
		.layout_height_M .board017 {height:240px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04.layout_height_H .board017 {height:350px;}
		.layout_block4 .layout_04.layout_height_M .board017 {height:250px;}
	}
	@media (max-width:599px){
		.board017 ul.board_wrap ul li a .tit {font-size: 14px;}
		.board017 ul.board_wrap ul li:first-child a .tit {font-size: 17px;}
	}