
/* board_gallery001 */
 .board_gallery001 {width:100%; float:left; text-align:center; background:#fff;}
 .board_gallery001 .innerbox {width:100%;height:284px;padding: 20px 15px 15px;border: 1px solid #e6e6e6;background: #f9f9f9;float:left;text-align:left;box-sizing:border-box;position:relative;}
 .board_gallery001 > h2 {font-size:17px;margin: 20px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 15px;box-sizing:border-box;}

 	.board_gallery001 .innerbox ul {width:100%; float:left;}
 	.board_gallery001 .innerbox ul li {width:49.5%;float:left;margin-right:1%;overflow: hidden;}
 	.board_gallery001 .innerbox ul li:nth-child(2n) {margin-right:0;}
	.board_gallery001 .innerbox h3.tit {font-size:18px; width:100%; float:left; line-height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
								  box-sizing:border-box; padding-right:30px;}
	.board_gallery001 .innerbox span.date {font-size:13px; padding:10px 0 40px; float:left; width:100%; white-space:nowrap;}
	.board_gallery001 .innerbox p.co {font-size:14px; line-height:22px; width:85%; float:left; /*padding-bottom:30px;*/ box-sizing:border-box; 
							  overflow:hidden; text-overflow:ellipsis; position:absolute; top:125px;}
	.layout_04 .board_gallery001 .innerbox p.co {width:80%;}
	.board_gallery001 .innerbox a {float:left;width:100%;height: 100%;overflow:hidden;text-align:center;position: relative;}
	.board_gallery001 .innerbox a.gallimg {background:url(/images/wzwg/site/mngr/no-img.png); background-size:contain; background-repeat:no-repeat; background-position:center; }
	.board_gallery001 .innerbox a.gallimg img {max-width:100%;/* width:70%; */position: absolute;left: -999px;right: -999px;top: -999px;bottom: -999px;margin: auto;min-width: 100%;min-height: 100%;}
	.board_gallery001 .innerbox span.date + a {padding-right:40px; box-sizing:border-box;}
	.board_gallery001 .innerbox  .more_btn {
											padding:6px 23px 6px 10px;
											border: 1px solid rgba(0,0,0,0.15);
											border-radius:20px;
											position:relative;
											background-color:white;
											max-width: 90%;
											overflow: hidden;
											white-space: nowrap;
											text-overflow:ellipsis;
											}
	.board_gallery001 .innerbox  .more_btn:after {content:"\276d"; position:absolute; right:10px; line-height:15px;}

	
	
	/*layer height - different styling */
	 .layout_height_H .board_gallery001 .innerbox {height: 293px;}
	 .layout_height_M .board_gallery001 .innerbox {height:187px;}
	 	.layout_height_H .board_gallery001 .innerbox a.gallimg {width:45%;height: 110px;margin-bottom: 30px;}
	 	.layout_height_M .board_gallery001 .innerbox a.gallimg {width:40%;height: 70px;margin-bottom:0px;margin-bottom:10px;}
	 	.layout_height_H .board_gallery001 .innerbox a.gallimg img,
	 	.layout_height_M .board_gallery001 .innerbox a.gallimg img {/* width:100%; *//* height:100%; */}
	 	.layout_height_H .board_gallery001 .innerbox h3.tit {width:50%; padding:0 5% 0 10px;}
	 	.layout_height_M .board_gallery001 .innerbox h3.tit {width:50%; padding:0 5% 0 10px; font-size:15px;}
	 	.layout_height_H .board_gallery001 .innerbox span.date {width:50%; padding:10px 5% 0 10px; box-sizing:border-box;}
	 	.layout_height_M .board_gallery001 .innerbox span.date {display:none;}
	 	.layout_height_H .board_gallery001 .innerbox span.date + a,
	 	.layout_height_M .board_gallery001 .innerbox span.date + a {width:auto;max-width: 45%; text-align:left;}
	 	.layout_height_H .board_gallery001 .innerbox .more_btn {margin:38px 0 0 10px;float:left;}
	 	.layout_height_M .board_gallery001 .innerbox .more_btn {margin:21px 0 0 10px;float:left;}

	 	.layout_01 .board_gallery001 .innerbox span.date + a {padding-right:0;}
	 	.layout_01 .board_gallery001 .innerbox .more_btn {max-width:70%; box-sizing:border-box; display:inline-block;}
	 	.layout_03.layout_height_H .board_gallery001 .innerbox span.date {font-size:12px;}
	 	.layout_04.layout_height_H .board_gallery001 .innerbox ul li:nth-child(2)~li,
	 	.layout_04.layout_height_M .board_gallery001 .innerbox ul li:nth-child(2)~li {display:none;}

	 .layout_height_L .board_gallery001 .innerbox {height: 113px;text-align:center;}
		.layout_height_L .board_gallery001 .innerbox ul li {width:24.25%;float:left;height: 70px;margin-right:1%;}
	 	.layout_height_L .board_gallery001 .innerbox ul li:nth-child(4) {margin-right:0 !important;}
	 	.layout_height_L .board_gallery001 .innerbox a.gallimg img {/* width:90%; *//* height:65px; */}
	 	.layout_height_L .board_gallery001 .innerbox h3.tit {display:none;}
	 	.layout_height_L .board_gallery001 > h2 {margin: 10px 0;}
	 	.layout_height_L .board_gallery001 .innerbox span.date {display:none;}
	 	.layout_height_L .board_gallery001 .innerbox .more_btn {display:none;}
	 	.layout_height_L .board_gallery001 .innerbox  .more_btn:after {font-size:20px; padding-left:0; float:right; font-weight:600; color:#333;}


 /* no-data */
 .board_gallery001 .innerbox ul li.no_data {width:100%;}
 .board_gallery001 .innerbox ul li.no_data h3 {display:inline !important; text-align:left; font-size:14px; font-weight:400;}




@media (min-width:600px){
	.layout_height_L .board_gallery001{height:150px;}
	.layout_height_M .board_gallery001{height:250px;}
	.layout_height_H .board_gallery001{height:350px;}

	.layout_04.layout_height_H .board_gallery001 .innerbox ul li,
	.layout_04.layout_height_M .board_gallery001 .innerbox ul li {width:100%;}
}

@media (min-width:800px){
	.layout_01 .board_gallery001 .innerbox ul li {width:23.5%; margin-right:2%; text-align:center;}
	.layout_01 .board_gallery001 .innerbox ul li:nth-child(4) {margin-right:0;}
	.layout_01 .board_gallery001 .innerbox a.gallimg {height:130px;}
	.layout_01 .board_gallery001 .innerbox a.gallimg img {width:100%; min-height:100%; height:auto;}
	.layout_01 .board_gallery001 .innerbox h3.tit {margin-top:20px; padding:0 30px; letter-spacing:-1px;}
	.layout_01 .board_gallery001 .innerbox span.date {padding:10px 0 22px;}
	.layout_01 .board_gallery001 .innerbox span.date + a {height:30px;}

	.layout_03 .board_gallery001 .innerbox span.date + a {padding-right:42px;}
}

@media (min-width:1050px){ 
	.board_gallery001 .innerbox p.co {max-height:70px; min-height:70px; }
}
@media (min-width:800px) and (max-width:1049px){
	.board_gallery001 .innerbox h3.tit {font-size:15px; width:95%;}
	.board_gallery001 .innerbox p.co {font-size:13px; max-height:90px; min-height:90px;}

	.layout_height_H .board_gallery001 .innerbox .more_btn {margin:38px 0 0 10px;}
}
@media (min-width:800px) and (max-width:990px){
	.layout_03 .board_gallery001 .innerbox h3.tit,
	.layout_03 .board_gallery001 .innerbox span.date,
	.layout_03 .board_gallery001 .innerbox .more_btn {display:none;}
		.layout_03 .board_gallery001 .innerbox a.gallimg {width:100% !important; max-width:100%;}
	.layout_03 .board_gallery001 .innerbox a.gallimg img {width:100%;}
}
@media (max-width:799px){
	.layout_height_H .board_gallery001 .innerbox a.gallimg {height:108px;}
	.layout_height_H .board_gallery001 .innerbox .more_btn {margin:37px 0 0 10px;}

	.layout_height_M .board_gallery001 .innerbox a.gallimg {height:68px;}
}

@media (min-width:600px) and (max-width:799px){
	.board_gallery001 .innerbox {padding:20px 15px;}
	.board_gallery001 .innerbox h3.tit {font-size:16px;}
	.board_gallery001 .innerbox p.co {max-height:70px; min-height:70px; }

	.layout_height_M .board_gallery001 .innerbox h3.tit {padding:0 5% 0 10px;}
	.layout_height_L .board_gallery001 .innerbox ul li {width:23.5%; margin-right:2%;}
	.layout_height_L .board_gallery001 .innerbox a.gallimg {height:67px;}
	.layout_height_L .board_gallery001 .innerbox a.gallimg img {width:100%; height:auto; min-height:100%;}

	.layout_block4 > .layout_height_H .board_gallery001 .innerbox span.date {padding:10px 10px 0;}
	.layout_block4 > .layout_height_H .board_gallery001 .innerbox p.co {top:100px; font-size:13px;}
	.layout_block4 > .layout_height_M .board_gallery001 .innerbox p.co {display:none;}

	.layout_01 .board_gallery001 .innerbox {height:auto;}
	.layout_01 .board_gallery001 .innerbox a.gallimg {height:110px;}
	.layout_01 .board_gallery001 .innerbox a.gallimg img {height:auto; min-height:100%;}
	.layout_01 .board_gallery001 .innerbox h3.tit {padding:10px 15% 0; text-align:center;}
	.layout_01 .board_gallery001 .innerbox span.date {padding:5px 0 10px; text-align:center;}
	.layout_01 .board_gallery001 .innerbox .more_btn {margin-bottom:30px;}
	.layout_01 .board_gallery001 .innerbox ul li:nth-child(3) .more_btn,
	.layout_01 .board_gallery001 .innerbox ul li:nth-child(4) .more_btn {margin-bottom:0;}

	.layout_block3 .layout_04.layout_height_H .board_gallery001 .innerbox ul li,
	.layout_block3 .layout_04.layout_height_M .board_gallery001 .innerbox ul li {width:48%;}
	.layout_block3 .layout_04.layout_height_H .board_gallery001 .innerbox ul li:nth-child(2)~li,
	.layout_block3 .layout_04.layout_height_M .board_gallery001 .innerbox ul li:nth-child(2)~li {display:inline;}
}

@media (max-width:599px){
	.board_gallery001 .innerbox {min-height:150px; height:auto !important;}
	.board_gallery001 .innerbox ul li {width:48.5%; margin-right:3%; margin-bottom:25px; text-align:left;}
	.board_gallery001 .innerbox ul li:nth-child(3), .board_gallery001 .innerbox ul li:nth-child(4) {margin-bottom:0;}
	.board_gallery001 .innerbox h3.tit {font-size:15px !important; }	
	.board_gallery001 .innerbox p.co {top:100px; font-size:12px; letter-spacing:-1px; line-height:18px; max-height:40px; min-height:40px;}
	.board_gallery001 .innerbox span.date {padding:5px 0 10px;}

	.board_gallery001 .innerbox a.gallimg img {width:100%;}

	.layout_01 .board_gallery001 .innerbox .more_btn {float:left;}
	.layout_04 .board_gallery001 .innerbox ul li {margin-bottom:0;}
	.layout_height_H .board_gallery001 .innerbox a.gallimg,
	.layout_height_M .board_gallery001 .innerbox a.gallimg {width:100%; margin-bottom:5px; height:130px;}
	.layout_height_H .board_gallery001 .innerbox a.gallimg img,
	.layout_height_M .board_gallery001 .innerbox a.gallimg img {width:100%; height:auto; min-height:100%;}
	.layout_height_H .board_gallery001 .innerbox h3.tit {width:100%; padding:0 5px 0 0; font-size:15px;}
	.layout_height_M .board_gallery001 .innerbox h3.tit {width:100%; padding:0 5px 5px 0; font-size:15px; margin-top:0;}
	.layout_height_H .board_gallery001 .innerbox span.date,
	.layout_height_M .board_gallery001 .innerbox span.date {width:100%; padding:5px 0 10px;}
	.layout_height_H .board_gallery001 .innerbox .more_btn,
	.layout_height_M .board_gallery001 .innerbox .more_btn {margin:0;}

	.layout_height_L .board_gallery001 .innerbox ul li {width:48%; margin-right:2%; margin-bottom:20px;}
	.layout_height_L .board_gallery001 .innerbox ul li:nth-child(2n) {margin-right:0;}
	.layout_height_L .board_gallery001 .innerbox ul li:nth-child(3),.layout_height_L .board_gallery001 .innerbox ul li:nth-child(4) {margin-bottom:0;}
	.layout_height_L .board_gallery001 .innerbox a.gallimg {height:90px;}
	.layout_height_L .board_gallery001 .innerbox a.gallimg img {width:100%; height:auto;}
}