@charset "UTF-8";

/*------------------------------------------------

   together

------------------------------------------------*/

.ptop_nav{
	padding:5px 5px 0;
	border:1px solid #ccc;
}

.ptop_nav ul.list_btn li{
	width:100%;
	margin:0 0 5px 0;
}
.ptop_nav ul.list_btn li a{
	padding:5px 10px 5px 20px;
	display:block;
	color:#000 !important;
	font-size:90%;
	position:relative;
}
.ptop_nav ul.list_btn li a span{
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
	background:#304716;
	color:#fff !important;
	margin:5px 0;
	width:35%;
	text-align:center;
}


.pr_list{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.pr_list li{
	width:49%;
	float:left;
	padding:0 !important;
	margin:0 2% 0 0 !important;
	border-bottom:1px solid #ccc;
	background:none !important;
}
.pr_list li:nth-child(even){
	margin:0 0 0 0 !important;
}
.pr_list li a{
	padding:10px;
	display:block;
	color:#333 !important;
}
.pl_txt{
	width:70%;
	font-size:90%;
	line-height:120%;
	float:left;
}
span.pl_tit{
	display:block;
	background:#efefef;
	background-size:8px 12px;
	padding:5px;
	font-size:100%;
	margin-bottom:5px;
	transition: all 0.3s ease 0s !important;
}
.pr_list li a:hover span.pl_tit{
	background:#1B3F7F;
	background-size:8px 12px;
	color:#fff !important;
}


.pl_img{
	width:28%;
	float:right;
	text-align:center;
}
.pl_img img{
	text-align:center;
	vertical-align:bottom;
	max-width:100%;
}


@media screen and (max-width: 480px) {
.pr_list li{
	width:100%;
	float:none;
	padding:0 !important;
	margin:0 0 0 0 !important;
}


}