@charset "utf-8";
.bl_breadcrumb { margin-bottom: 14px; }

/* ニュースカテゴリタグ PC only Layout */
@media screen and (min-width: 751px){
	.un_cateArea { margin-bottom: 30px; }
	.un_cateArea .un_cateAcc_btn { display: none; }
	.un_cateArea .un_cateList { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.un_cateArea .un_cateList li { margin: 0 10px 10px 0; width: 186px; background-color: #fff; border: 2px solid #896f1f; border-radius: 4px; }
	.un_cateArea .un_cateList li:nth-child(5n) { margin-right: 0; }
	.un_cateArea .un_cateList li a { padding: 12px 11px; width: 100%; height: 100%; font-size: 16px; color: #896F1F; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
	.un_cateArea .un_cateList li a .un_cateList_txt { max-width: 133px; }
	.un_cateArea .un_cateList li a .un_cateList_icon { margin-right: 10px; width: 16px; height: 16px; display: inline-block; position: relative; }
	.un_cateArea .un_cateList li a .un_cateList_icon::before,
	.un_cateArea .un_cateList li a .un_cateList_icon::after { width: 100%; height: 100%; content: ""; display: inline-block; background-repeat: no-repeat; background-size: cover; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; -webkit-transition: all 0.5s;  transition: all 0.5s; }
	.un_cateArea .un_cateList li a .un_cateList_icon::before { background-image: url(/common/images/icon_arrow_brown.svg); opacity: 1; }
	.un_cateArea .un_cateList li a .un_cateList_icon::after { background-image: url(/common/images/icon_arrow_white.svg); opacity: 0; }
	.un_cateArea .un_cateList li a:hover,
	.un_cateArea .un_cateList li.is_current a { color: #FFF; background-color: #896f1f; }
	.un_cateArea .un_cateList li a:hover .un_cateList_icon::before,
	.un_cateArea .un_cateList li.is_current a .un_cateList_icon::before { opacity: 0; }
	.un_cateArea .un_cateList li a:hover .un_cateList_icon::after,
	.un_cateArea .un_cateList li.is_current a .un_cateList_icon::after { opacity: 1; }
} /* @media PC only */


/* ニュース一覧 */
.un_newsArea { margin-bottom: 90px; }
.un_newsArea .un_newsList li { padding: 38px 20px; border-bottom: 1px solid #d8d8d8; }
.un_newsArea .un_newsList li dl::after { content: ""; display: block; clear: both; }
.un_newsArea .un_newsList li dl .un_newsDate { margin-right: 19px; font-size: 15px; color: #252525; float: left; }
.un_newsArea .un_newsList li dl .un_newsTag { padding: 3px 0; width: 120px; font-size: 13px; text-align: center; color: #fff; background-color: #b3a579; border-radius: 2px; float: left; }
.un_newsArea .un_newsList li dl .un_newsHeading { margin-left: 245px; }
.un_newsArea .un_newsList li dl .un_newsHeading a { font-size: 17px; color: #266485; display: inline-block; }
.un_newsArea .un_newsList li dl .un_newsHeading a:hover { text-decoration: underline; }


/* ページャ */
.un_pagerArea { margin-bottom: 90px; }
.un_pagerArea .un_pagerList { margin: 0 auto; width: 310px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.un_pagerArea .un_pagerList li { margin: 0 5px; border: 2px solid #896f1f; border-radius: 4px; }
.un_pagerArea .un_pagerList li.un_pagerPrev { margin-right: auto; }
.un_pagerArea .un_pagerList li.un_pagerNext { margin-left: auto; }
.un_pagerArea .un_pagerList li a { padding: 8px 13px; width: 100%; height: 100%; display: inline-block; color: #896F1F; }
.un_pagerArea .un_pagerList li.is_current a,
.un_pagerArea .un_pagerList li a:hover { color: #fff; background-color: #896F1F; }


/* トップページへ戻るボタン */
.un_backBtn { margin-bottom: 105px; }


@media screen and (max-width: 750px) {

	.bl_lowerPageTtl { margin-bottom: 5px; }

	/* ニュースカテゴリタグ */
	.un_cateArea { margin: auto; width: 92%; border: 2px solid #896F1F; border-radius: 4px; background-color: #fff; position: absolute; left: 0; right: 0; z-index: 2; }
	.un_cateArea .un_cateAcc_btn { padding: 12px 16px; position: relative; color: #896F1F; }
	.un_cateArea .un_cateAcc_btn::after { margin-top: -4px; width: 12px; height: 8px; content: ""; display: inline-block; background: url(../images/arrow.png) no-repeat; background-size: cover; position: absolute; top: 50%; right: 3%; }
	.un_cateArea .un_cateAcc_btn.is_open::after { -webkit-transform: rotate(180deg);  transform: rotate(180deg); }
	.un_cateArea .un_cateList { width: 100%; display: none; }
	.un_cateArea .un_cateList li a { padding: 12px 16px; width: 100%; font-size: 14px; color: #896F1F; }


	/* ニュース一覧 */
	.un_newsArea { margin-bottom: 40px; padding-top: 20%; }
	.un_newsArea .un_newsList { margin: 0 auto; width: 92%; }
	.un_newsArea .un_newsList li { padding: 24px 0; }
	.un_newsArea .un_newsList li dl .un_newsDate { margin-right: 8px; font-size: 13px; }
	.un_newsArea .un_newsList li dl .un_newsTag { margin-right: 0; padding: 0; width: 95px; font-size: 10px; }
	.un_newsArea .un_newsList li dl .un_newsHeading { margin-left: 0; padding-top: 2px; clear: both; line-height: 1.5; }
	.un_newsArea .un_newsList li dl .un_newsHeading a { font-size: 13px; }
	.un_newsArea .un_newsList li dl .un_newsHeading a:hover { text-decoration: none; }


	/* ページャ */
	.un_pagerArea { margin-bottom: 40px; }
	.un_pagerArea .un_pagerList { width: 97%; }
	.un_pagerArea .un_pagerList li { margin: 0 10px; }
	.un_pagerArea .un_pagerList li a { padding: 7px 12px; }
	.un_pagerArea .un_pagerList li a:hover { color: #896F1F; background-color: transparent; }


	/* トップページへ戻るボタン */
	.un_backBtn { margin-bottom: 59px; }

}
