@charset "utf-8";

/**
 * @author https://www.cosmosfarm.com
 */

/*list*/
.before_after .befaf_notice {color:#777; margin-bottom:50px; padding:35px; border:1px solid #ddd; background:#f9f9f9; word-break:keep-all;}
.before_after .befaf_notice ol li + li {margin-top:8px;}
.before_after .gallery_li01 {display:flex; flex-wrap:wrap; margin:0 -30px 105px 0;} 
.before_after .gallery_li01:after {display:none;} 
.before_after .gallery_li01 > li {width:calc(33.33% - 30px); margin:60px 30px 0 0;} 
.before_after .gallery_li01 .img {width:100%; height:300px; overflow:hidden;} 
.before_after .gallery_li01 .img > img {width:100%; height:100%; object-fit:cover;} 
.before_after .gallery_li01 .type_wrap {margin:16px -2px 0 0;} 
.before_after .gallery_li01 .type_wrap > span {display:inline-block; padding:9px 19px; margin:0 2px 0 0; color:#fff; font-size:12px; font-weight:700; line-height:1; letter-spacing:0; border:1px solid #eeceaa; border-radius:4px; background:#eeceaa;} 
.before_after .gallery_li01 .type_wrap > span.ct01 {border-color:#76450B; background:#76450B;}
.before_after .gallery_li01 .type_wrap > span.ct02 {border-color:#D09A5C; background:#D09A5C;}
.before_after .gallery_li01 .tit {margin:16px 0 0 0;} 
.before_after .gallery_li01 .tit strong {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} 
.before_after .gallery_li01 .txt {display:-webkit-box; max-height:40px; margin-bottom:24px; font-size:14px; line-height:1.4; letter-spacing:0; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} 
.before_after .gallery_li01 .txt p {display:inline;} .before_after .gallery_li01 .date { color:#888; font-size:14px; line-height:1; letter-spacing:0;} 
.gallery_wrap01 .search_wrap {display:none;}

/*latest*/
#kboard-default-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-latest table tr { padding: 0; border: 0; }
#kboard-default-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; }
#kboard-default-latest table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #f1f1f1; vertical-align: middle; }
#kboard-default-latest table td.kboard-latest-title { text-align: left; }
#kboard-default-latest table .kboard-latest-title { padding-left: 5px; font-size: 14px; }
#kboard-default-latest table .kboard-latest-title a { text-decoration: none; box-shadow: none; }
#kboard-default-latest table .kboard-latest-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-latest table .kboard-latest-title .kboard-comments-count { }
#kboard-default-latest table .kboard-latest-date { width: 80px; text-align: center; font-size: 14px; }

@media screen and (max-width: 1024px) {
	/*list*/
	.before_after .gallery_li01 .img {height:250px;}
}
@media screen and (max-width: 768px) {
	/*list*/
	.before_after .gallery_li01 > li {width:calc(50% - 20px); margin-right:20px;}
}
@media screen and (max-width: 640px) {
	/*list*/
	.before_after .befaf_notice {font-size:12px; padding:25px;}
	.before_after .befaf_notice ol li + li {margin-top:5px;}
	.before_after .gallery_li01 {margin:0 -8px 60px 0;}
	.before_after .gallery_li01 > li {width:calc(50% - 8px); margin-top:40px; margin-right:8px;}
	.before_after .gallery_li01 .img {height:130px;}
	.before_after .gallery_li01 .type_wrap > span {padding:7px 15px; font-size:8px;}
	.before_after .gallery_li01 .tit {font-size:12px;}
	.before_after .gallery_li01 .tit strong {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:inherit; height:30px; overflow: hidden;}
	.before_after .gallery_li01 .txt {max-height:28px; margin-bottom:16px; font-size:10px;}
	.before_after .gallery_li01 .date {font-size:12px; line-height:1.4;}
	
	/*editor*/
	#kboard-default-editor select,
	#kboard-default-editor input[type=text],
	#kboard-default-editor input[type=email],
	#kboard-default-editor input[type=number],
	#kboard-default-editor input[type=date],
	#kboard-default-editor input[type=password],
	#kboard-default-editor input[type=file] { width: 100% !important; box-sizing: border-box; }
	#kboard-default-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-default-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-default-editor .kboard-attr-row .attr-value { margin: 0; }
	#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }
	#kboard-default-editor.confirm { max-width: none; }
}