@charset "utf-8";

/* =========================================================
モジュールのスタイルを上書き
========================================================= */
.bl_pageTitleBlock_outer { margin-bottom: 118px; }


/* =========================================================
ニュースエリア全体ラップ
========================================================= */
.un_newsBlock { margin: 0 auto 56px; width: 1300px; }
.un_newsBlock .el_heading_type02 { margin-bottom: 30px; width: 100%; }


/* =========================================================
ニュースカテゴリタブ 
========================================================= */
.un_newsBlock .un_newsCateTab { margin: 0 auto 30px; padding:0 160px 16px; width: 1300px; display: flex; border-bottom: 1px solid #ccc; }
@media screen and (min-width: 751px){
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item { width: 25%; border-right: 1px solid #ccc; }
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item:last-child { border-right-width: 0; }
} /* media */

.un_newsBlock .un_newsCateTab .un_newsCateTab_item .un_newsCateTab_link { padding: 11px; width: 100%; height: 100%; font-size: 16px; color: #333; text-align: center; text-decoration: none; display: block; }

/* ニュースカテゴリタブ_ホバーとカレント */
.un_newsBlock .un_newsCateTab .un_newsCateTab_item.is_current .un_newsCateTab_link { color: #fff; background-color: #e5004f; pointer-events: none; }
@media screen and (min-width: 751px){
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item .un_newsCateTab_link:hover { color: #fff; background-color: #e5004f; }
} /* media */


/* =========================================================
西暦ボタン
========================================================= */
.un_newsAgeList { margin: 0 auto 80px; width: 980px; display: flex; justify-content: center; }
.un_newsAgeList .un_newsAgeList_item { margin: 0 5px; }
.un_newsAgeList .un_newsAgeList_item .un_newsAgeList_link { padding: 2px 35px; width: 100%; display: block; border: 1px solid #ccc; border-radius: 17px; text-decoration: none; }

/* 西暦ボタン_ホバーとカレント */
.un_newsAgeList .un_newsAgeList_item.is_current {}
.un_newsAgeList .un_newsAgeList_item.is_current .un_newsAgeList_link { color: #fff; background-color: #ccc; pointer-events: none; }
@media screen and (min-width: 751px){
	.un_newsAgeList .un_newsAgeList_item .un_newsAgeList_link:hover { color: #fff; background-color: #ccc; }
} /* media */


/* =========================================================
ニュース記事
========================================================= */
.un_newsBlock .un_newsArticleList_wrap { margin: 0 auto 77px; width: 980px; }
.un_newsBlock .un_newsArticleList { display: none; }
.un_newsBlock .un_newsArticleList.is_current { display: block; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item::first-of-type { margin-top: 0; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item { margin-top: 45px; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock { display: flex; align-items: flex-start; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_date { margin-right: 20px; flex-shrink: 0; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_cate { margin-right: 20px; padding: 1px 5px; width: 140px; font-size: 12px; color: #888; text-align: center; border: 1px solid #888; flex-shrink: 0; }
.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_link { text-decoration: none; }


/* =========================================================
ページャー
========================================================= */
.un_pagerList { margin: 0 auto; width: 980px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.un_pagerList .un_pagerList_item { margin: 0 10px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }

.un_pagerList .un_pagerList_item .un_pagerList_item_link { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border: 2px solid #ccc; border-radius: 50%; text-decoration: none; }

.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev,
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next { color: transparent; position: relative; }
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev {  }
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next {  }

.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev::before,
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next::before { width: 7px; height: 7px; content: ""; border-top: 2px solid #ccc; position: absolute; }
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev::before { border-left: 2px solid #ccc; transform: rotate(-45deg); }
.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next::before { border-right: 2px solid #ccc; transform: rotate(45deg); }

/* ページャー_ホバーとカレント */
.un_pagerList .un_pagerList_item.is_current .un_pagerList_item_link { color: #fff; background-color: #ccc; pointer-events: none; }
@media screen and (min-width: 751px){
	.un_pagerList .un_pagerList_item .un_pagerList_item_link:hover { color: #fff; background-color: #ccc; }
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev:hover,
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next:hover { color: transparent; }
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev:hover::before,
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next:hover::before { border-color: #fff; }
} /* media */


/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	/* =========================================================
	モジュールのスタイルを上書き
	========================================================= */
	.bl_pageTitleBlock_outer { margin-bottom: 0; }
	.bl_pageTitleBlock_outer .bl_pageTitleBlock { margin-bottom: 20px; }


	/* =========================================================
	ニュースエリア全体ラップ
	========================================================= */
	.un_newsBlock { margin: 0 auto 20px; width: 100%; flex-direction: column; }
	.un_newsBlock .el_heading_type02 { margin-bottom: 23px; }
	.un_newsBlock .bl_btnBlock .bl_btn { width: 67%; }


	/* =========================================================
	ニュースカテゴリタブ
	========================================================= */
	.un_newsBlock .un_newsCateTab { margin-bottom: 25px; padding: 0; width: 100%; flex-wrap: wrap; }
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item { border-top: 1px solid #ccc; border-right: 1px solid #ccc; width: 50%; }
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item:nth-child(2n) { border-right: none; }
	.un_newsBlock .un_newsCateTab .un_newsCateTab_item .un_newsCateTab_link { padding: 10px; font-size: 13px; }


	/* =========================================================
	西暦ボタン
	========================================================= */
	.un_newsAgeList { margin: 0 auto 25px; width: 92%; flex-wrap: wrap; justify-content: flex-start; }
	.un_newsAgeList .un_newsAgeList_item { margin: 0 6px 16px; }
	.un_newsAgeList .un_newsAgeList_item .un_newsAgeList_link { padding: 2px 22px; width: 100%; display: block; border: 1px solid #ccc; border-radius: 17px; text-decoration: none; }

	/* =========================================================
	ニュース記事
	========================================================= */
	.un_newsBlock .un_newsArticleList_wrap { margin: 12px 0 39px; width: 100%; }
	.un_newsBlock .un_newsArticleList { display: none; }
	.un_newsBlock .un_newsArticleList.is_current { display: block; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item { margin-top: 0; border-bottom: 1px solid #ccc; position: relative; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item::after { margin: auto 0; width: 5px; height: 5px; transition: none; content: ""; border-top: 2px solid #e5004f; border-right: 2px solid #e5004f; transform: rotate(45deg); position: absolute; right: 4%; top: 0; bottom: 0; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock { padding: 12px 12% 15px 5%; display: block; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_date { margin-right: 10px; display: inline-block; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_cate { margin-right: 10px; padding: 0 5px; width: 112px; font-size: 10px; display: inline-block; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_txt { margin-top: 7px; }
	.un_newsBlock .un_newsArticleList .un_newsArticleList_item .un_newsArticleBlock .un_newsArticleBlock_link { text-decoration: none; }


	/* =========================================================
	ページャー
	========================================================= */
	.un_pagerList { margin: 0 0 40px; padding: 0 4%; width: 100%; }
	.un_pagerList .un_pagerList_item { margin: 1% 2%; width: 38px; height: 38px; }
	.un_pagerList .un_pagerList_item:nth-child(6) { margin-right: auto; }
	.un_pagerList .un_pagerList_item:nth-child(7) { margin-left: auto; }

	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev::before,
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next::before { width: 7px; height: 7px; content: ""; border-top: 2px solid #ccc; position: absolute; }
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__prev::before { border-left: 2px solid #ccc; transform: rotate(-45deg); }
	.un_pagerList .un_pagerList_item .un_pagerList_item_link.un_pagerList_item_link__next::before { border-right: 2px solid #ccc; transform: rotate(45deg); }

} /* media */
