/*----------HCAT----------*/

ul#hcat1 {
    display : none;
}

select#hcat2 {
	width : 60%;
	margin : 0 20% 6% 20%;
	padding : 10px;
    font-size : 16px;
	border : none;
	background : #e6f0fa;
	border-radius : 7px;
}

/*----------ELIST----------*/

h2#atitle {
    clear : both;
    width : 90%;
    margin : 0 auto 6% auto;
    font-size : 110%;
    font-weight : 600;
    text-align : center;
}

p#natxt {
    width : 90%;
    margin : 0 auto 10% auto;
    text-align : center;
}

ul#entries {
    clear : both;
    list-style : none;
    overflow : hidden;
    margin : 0 3.5% 0 3.5%;
    padding-bottom : 12px;
}

ul#entries li {
    position : relative;
    margin-bottom : 5%;
}

.thumbnail {
	width : 38%;
	background-size : cover;
	background-position : center center;
	padding-top : 140px;
    border-top-left-radius : 7px;
    border-bottom-left-radius : 7px;
}

ul#entries li h3 {
    position : absolute;
    overflow : hidden;
    width : 49%;
    margin : 17px 20px 0 20px;
    font-size : 100%;
    font-weight : 600;
    line-height : 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    top : 2%;
    right : 1.5%;
}

p.cat {
    position : absolute;
    width : 38%;
    padding : 7px 0 9px 0;
    font-size : 84%;
    text-align : center;
    color : #ffffff;
    background : rgba(0,0,0,0.5);
    border-bottom-left-radius : 7px;
    bottom : 0;
    left : 0;
}

ul#entries li a {
    display : block;
    width : 100%;
    color : #282828;
    background : #ebf0fa;
    text-decoration : none;
    border-radius : 7px;
    border-right : solid 1px #d7e1f0;
    border-bottom : solid 1px #d7e1f0;
    box-sizing : border-box;
}

/*----------PAGE_NAVI----------*/

ul#pnavi {
	clear : both;
    margin : 0 3.5% 10% 3.5%;
    text-align : center;
}

ul#pnavi li {
	list-style : none;
	display : inline-block;
	margin : 0 1px 0 0;
}

ul#pnavi li a {
	text-decoration : none;
	padding : 3px 11px 6px 11px;
	color : #ffffff;
	background : #007dc0;
    border-radius : 5px;
}

ul#pnavi span.current_page {
	padding : 3px 11px 6px 11px;
	color : #282828;
	background-color : #dcdcdc;
    border-radius : 5px;
}

/*----------ENTRY----------*/

#entry {
    margin : 0 6% 10% 6%;
    padding-top : 1%;
    line-height : 1.5em;
}

ul#einfo {
    list-style : none;
    overflow : hidden;
    margin-bottom : 17px;
}

ul#einfo li:first-child {
    float : left;
}

ul#einfo li:last-child {
    float : right;
    padding-top : 3px;
    color : #b4b4b4;
}

ul#einfo a {
    display : block;
    width : 150px;
    padding : 2px 0 3px 0;
    font-size : 90%;
    color : #ffffff;
    background : #4169aa;
    text-decoration : none;
    border-radius : 30px;
    text-align : center;
}

#entry h3 {
    clear : both;
    margin-bottom : 7%;
    padding-bottom : 5%;
    border-bottom : solid 6px #d1d1d1;
    font-weight : 600;
    font-size : 110%;
    line-height : 1.4em;
}


#entry img {
    width : 100%;
    height : 100%;
    margin-bottom : 5%;
    border-radius : 8px;
}

#entry p {
    margin-bottom : 6%;
}

/*----------POSTNAVI----------*/

ul#postnavi {
	list-style : none;
	margin : initial;
	margin-top : 6%;
	text-align : center;
}

ul#postnavi li {
	display : inline-block;
	margin-right : 1px;
}

ul#postnavi li span {
	display : none;
}

ul#postnavi li a {
	display : block;
	padding : 6px 13px 8px 13px;
	color : #ffffff;
	background : #007dc0;
	text-decoration : none;
}

ul#postnavi li:first-child a {
	display : block;
	padding : 6px 20px 8px 25px;
	color : #ffffff;
	background : #007dc0;
	text-decoration : none;
	border-top-left-radius : 25px;
	border-bottom-left-radius : 25px;
}

ul#postnavi li:last-child a {
	display : block;
	padding : 6px 25px 8px 20px;
	color : #ffffff;
	background : #007dc0;
	text-decoration : none;
	border-top-right-radius : 25px;
	border-bottom-right-radius : 25px;
}