.subject_cover { padding: 0px 10px 0px 10px; margin-bottom: 60px; }
.subject_item_list { width: 25%; float: left; box-sizing: border-box; padding: 0px 10px 0px 10px; margin-bottom: 30px; }
.subject_item_list img { width: 100%; margin-bottom: 20px; }

.subject_item_list h2 { height: 36px; overflow: hidden;  }

@media only screen and (max-width: 1000px) { .subject_item_list { width: 33.333%; } }
@media only screen and (max-width: 960px) { .subject_item_list { width: 50%; } }
@media only screen and (max-width: 768px) { .subject_item_list { width: 100%; } }

.subject_info { padding: 0px 20px 0px 20px; margin-bottom: 80px; }
.subject_info p { margin-bottom: 20px; }

.subject_detail_foto { margin-bottom: 80px; }
.subject_detail_foto img { width: 100%; }
.slider_homepage img { width: 100%; }

/* LIST FILTER */
.additional_filter_displayer a { display: block; padding: 20px 20px 20px 60px; font-size: 1.4em; border-bottom: solid 1px #cecece; }

.show_submenu { background: url('../img/bg-submenu.gif') 20px center no-repeat #fff; }
.show_filtermenu { background: url('../img/bg-filtermenu.gif') 20px center no-repeat  #fff; }

.subject_filter_1 { background: #fff38c; }
.subject_filter_2 { background: #fff9c1; }
.subject_filter_3 { background: #f0f0f0; }
.subject_filter_4 { background: #f7f7f7; }

.filter_menu { list-style-type: none; font-size: 1.4em; font-weight: 700; }
.filter_menu li, .filter_menu li a { display: block; float: left; }
.filter_menu li a { padding: 20px 20px 20px 20px; text-decoration: none; box-sizing: border-box; }

.subject_filter_1 .filter_menu li a {text-transform: uppercase;  }

@media only screen and (max-width: 960px) {
	.filter_menu li, .filter_menu li a { width: 100%; }
	.filter_menu li a { border-bottom: solid 1px #fff;}
}

.subject_filter_1 a.active { background: #fff; color: var(--main-color-02); }

.subject_filter_2 a.active { background: #fff; color: var(--main-color-02); }

.subject_filter_3 a.active { background: #fff; color: var(--main-color-02); }

.subject_filter_4 a.active { background: #fff; color: var(--main-color-02); }

/*
.subject_filter_4 ul li a { }
.subject_filter_3 ul li a {   }
.subject_filter_2 ul li a { }
.subject_filter_1 ul li a {   }
*/
.sub_opentime { margin-bottom: 30px; }
.sub_opentime p { margin-bottom: 0px;}