/* Start:/local/components/bitpro/blog.list/templates/.default/style.css?16223249903507*/
.blog-list-page {
	padding:0;
    margin-bottom: 20px;
	font-family: "Open Sans";
	box-sizing: border-box;
}


.blog-title-navi {
	padding:0 14px;
	margin-bottom:15px;
	overflow:hidden;
}
.blog-title-navi .blog-title {
	float:left;
	width:55%;
}
.blog-title-navi .blog-title.full {
	width:100%;
}
.blog-title-navi .blog-title h1 {
	font-family: "Open Sans";
    font-size: 24px;
    color: #FF7D14;
    font-weight: bold;
    margin: 0;
}
.blog-title-navi .blog-navi {
	float:right;
	width:40%;
}
.blog-title-navi .blog-navi .pagination {
	margin-top:10px;
}


.rubric-block-area {
	padding:14px;
}
.rubric-block {
	padding:0;
	background-color:#ebebeb;
	border-radius:5px;
	margin-bottom:20px;
	position:relative;
}


.rubric-block .title {
	padding:6px 14px;
	background-color:#e0e0e0;
	font-family: "Open Sans";
    font-size: 18px;
    color: #FF7D14;
	text-transform:uppercase;
}
.rubric-block .list {
	padding:20px 14px 10px;
	line-height:100%;
}
.rubric-block .list span {
	margin-right:15px;
	border-right:1px solid #863d46;
	margin-bottom:20px;
	display:inline-block;
}
.rubric-block .list span:last-child {
	border-right:none;
}
.rubric-block .list a {
	font-family: "Open Sans";
    font-size: 14px;
    color: #863d46;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:15px;
	white-space:nowrap; 
}
.rubric-block .list a:hover,
.rubric-block .list a.act {
	text-decoration:underline!important;
	color: #863d46;
	
}
.rubric-block .list a.act {
	font-weight:bold;
}
.rubric-block .all {
	font-family: "Open Sans";
    font-size: 12px;
    color: #000;
	position:absolute;
	top:10px;
	right:14px;
}


.blog-list {
	margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 4px;
}

.blog-list .each {
	width: 33.33%;
    padding: 0 8px;
    position: relative;
	box-sizing: border-box;
	margin-bottom:14px;
}
.blog-list .each .each-area {
	padding:0 12px;
	display:block;
	text-decoration:none;
	border:1px solid #dbdbdb;
	border-radius:3px;
	background-color:#f6f6f6;
	height: 100%;
	position:relative;
}

.blog-list .each .each-area .name {
	color:#0e171e;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	margin:8px 0 5px;
}
.blog-list .each .each-area .name:hover {
	text-decoration:none;
}
.blog-list .each .each-area .text {
	color:#4a4a4a;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:8px;
	line-height:120%;
	padding-bottom:210px;
}
/*.blog-list .each .each-area .pic {
	margin:4px 0;
}
.blog-list .each .each-area .pic img {
	width:100%;
}*/
.blog-list .each .each-area .pict-block {
	height:202px;
	width:100%;
	left:0;
	bottom:12px;
	position:absolute;
	padding:12px;
	box-sizing: border-box;
}
.blog-list .each .each-area .pict-block .pict-block-area {
	height:190px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}


@media all and (max-width: 1010px){
	.blog-title-navi .blog-navi .pagination {
		float: left;
	}
}

@media all and (max-width: 820px){
	.blog-title-navi .blog-title {
		float:none;
		width:100%;
	}
	.blog-title-navi .blog-navi {
		float:none;
		width:100%;
	}
	.blog-title-navi .blog-navi .pagination {
		float: none;
	}
	
	.blog-list .each {
		width: 50%;
	}
}



/* End */
/* /local/components/bitpro/blog.list/templates/.default/style.css?16223249903507 */