.cat_matx .bnr_line:first-of-type li { margin-bottom: 10px; }
.cat_matx .bnr_line li.opend {
	// border: 3px solid #FF3860;
	// margin-top: -6px;
	// padding: 3px;
	// box-sizing: border-box;
}
.cat_matx .bnr_line li a img {
	display: block;
}

.matx_box {
	position: relative;
	display: none;
    padding: 30px 0 0px;
    margin-bottom: 10px;
}
.matx_box::before {
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	border-bottom: 30px solid #eaeaea;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.matx_box.right_baloon::before { right: 50px; }
.matx_box.left_baloon::before { left: 50px; }
@media (min-width: 900px) {
.cat_matx .bnr_line:first-of-type li { margin-bottom: 1%; }
	.matx_box.right_baloon::before { right: 200px; }
	.matx_box.left_baloon::before { left: 200px; }
}

.matx_box .matx_box_inner {
    background: #eaeaea;
    padding: 25px 15px 1px;
    font-size: 12px;
}

.matx_box .close_btn_area { text-align: center; }