.category_desc { background: #F3F3F3; padding: 20px 25px; margin-bottom: 25px; }
.category_desc .category_ttl { padding-left: 25px; background: url("../img_front/icon/icon_topic.png") no-repeat left center; font-size: 20px; margin-bottom: 5px; }
.category_desc p { line-height: 1.2; }
.category_desc p + p { margin-top: 5px; }

.subcat { margin-bottom: 40px; }
.subcat .ttl { padding-left: 20px; background: url("../img_front/icon/icon_subcat.png") no-repeat left center; font-size: 19px; margin-bottom: 5px; }
.subcat .subcat_list li { float: left; }
.subcat .subcat_list li a { display: block; line-height: 40px; border: solid 1px #ccc; border-radius: 5px; margin-right: 8px; margin-bottom: 8px; position: relative; padding-right: 16.2px; padding: 0 46px 0 14px; }
.subcat .subcat_list li a:before { position: absolute; top: calc(50% - 5.6px); right: 10px; margin: auto; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 2px solid #76913A; border-right: 2px solid #76913A; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.subcat .subcat_list li a:before { transition: all .2s; }
.subcat .subcat_list li a:hover { border-color: #76913A; }
.subcat .subcat_list li a:hover:before { right: 6px; }

.page_nav { width: 100%; text-align: center; position: relative; height: 34px; }
.page_nav .prev, .page_nav .next { float: left; width: 70px; }
.page_nav .prev a, .page_nav .next a { display: inline-block; line-height: 33px; border-radius: 4px; font-size: 14px; font-weight: bold; color: #fff; border: solid 1px #76913A; width: 100%; letter-spacing: 1px; transition: all .2s; padding-top: 1px; }
.page_nav .prev a { padding-left: 12px; background: #76913A url("../img_front/icon/icon_prev.png") no-repeat left 8px center; }
.page_nav .prev a:hover { background-position: left 5px center; opacity: 0.8; }
.page_nav .next a { padding-right: 12px; background: #76913A url("../img_front/icon/icon_next.png") no-repeat right 8px center; }
.page_nav .next a:hover { background-position: right 5px center; opacity: 0.8; }
.page_nav .page_nums { float: left; width: calc(100% - 140px); }
.page_nav .page_nums li { display: inline-block; margin: 0 1px; }
.page_nav .page_nums li a { display: inline-block; width: 34px; line-height: 34px; border: solid 1px #ccc; border-radius: 4px; }
.page_nav .page_nums li.current a, .page_nav .page_nums li:hover a { border-color: #76913A; background: #76913A; color: #fff; }