@charset "UTF-8";

/*
	news.css
*/


/* ================================================
	import
================================================ */
@import url(../../common/smp1/parts.css);




/* ================================================
	common
================================================ */



/* 見出しパターン
================================================ */
.corp .st_type1
{
	background-image:	url(../../../img/news/ns_tt_bar.png);
	background-repeat:	no-repeat;
	background-position:left bottom;
	font-size:			2.8em;
	font-weight:		bold;
	line-height:		1.2;
	clear:				both;
	margin-bottom:		16px;
	padding:			0px 0px 6px 18px;
}
.archive .st_type1
{
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}



/**/

/* ================================================
	ニュース一覧(archive-news)
	post-type-archive-news
================================================ */
.post-type-archive-toptopics
{
		
}
/* main_cont
================================================ */
.post-type-archive-toptopics .main_cont
{
	max-width:			480px;
	width:				90%;
	margin:				0px auto;
}

/* h1
================================================ */
/*.post-type-archive-toptopics .main_cont h1
{
	background-image:	url(img/news/ns_tt_bar.png);
	background-repeat:	no-repeat;
	background-position:left 4px;
	color:				#333;
	font-size:			3.5em;
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:		bold;
	line-height:		1.2;
	padding:			0px 0px 6px 18px;
}*/

/* white_box
================================================ */
.post-type-archive-toptopics .white_box
{
	background-color:	#FFF;
	width:				90%;
	clear:				both;
	margin:				18px auto 18px auto;
	padding:			38px 18px;
}
/* h2
------------------------------------------------ */
.post-type-archive-toptopics .white_box h2
{
	color:				#03358c;
	font-size:			2.0em;
	font-weight:		bold;
	line-height:		1.2;
	vertical-align:		bottom;
	margin-bottom:		12px;
	padding-left:		12px;
}
.post-type-archive-toptopics .white_box h2 .unit
{
	font-size:			0.7em;
	margin-left:		2px;
}

/* table
------------------------------------------------ */
.post-type-archive-toptopics .white_box .news_tb
{
	border-top:			1px solid #d2d2d2;
	border-collapse:	collapse;
	width:				100%;
	font-size:			1.0em;
	margin-bottom:		32px;
}
.post-type-archive-toptopics .white_box .news_tb th,
.post-type-archive-toptopics .white_box .news_tb td
{
	border-bottom:		1px solid #d2d2d2;
	text-align:			left;
	vertical-align:		middle;
	padding:			10px 2px;
}
.post-type-archive-toptopics .white_box .news_tb .cat
{
	width:				24%;
	text-align:			center;
	padding-right:		10px;
}
.post-type-archive-toptopics .white_box .news_tb .cat .box
{
	background-color:	#efefef;
	color:				#03358c;
	font-size:			1.0em;
	line-height:		1.2;
	text-align:			center;
	display:			block;
	padding:			5px 4px 3px 4px;
}
.post-type-archive-toptopics .white_box .news_tb .cat .new
{
	background-color:	#648acb;
	color:				#FFF;
	font-size:			1.0em;
	font-weight:		bold;
	line-height:		1.2;
	text-align:			center;
	display:			block;
	padding:			5px 4px 3px 4px;
}
.post-type-archive-toptopics .white_box .news_tb .date
{
	width:				18%;
	font-size:			1.2em;
	line-height:		1.2;
}
/* smp1では年で改行させる */
.post-type-archive-toptopics .white_box .news_tb .date .year
{
	display:			block;
}
.post-type-archive-toptopics .white_box .news_tb .date .mon_day
{
	white-space:		nowrap;
}
/* smp1では非表示 */
.smp1.post-type-archive-toptopics .white_box .news_tb .mk
{
	width:				7%;
	display:			none;
}

.post-type-archive-toptopics .white_box .news_tb .tt
{
	padding-left:		10px;
	padding-right:		10px;
}
.post-type-archive-toptopics .white_box .news_tb .tt a
{
	background-image:	url(../../../img/news/ns_arrow_list_tt.png);
	background-repeat:	no-repeat;
	background-position:left center;
	color:				#00f;
	font-size:			1.2em;
	line-height:		1.4;
	text-decoration:	underline;
	display:			block;
	padding-left:		12px;
}
.post-type-archive-toptopics .white_box .news_tb .tt a:hover
{
	text-decoration:	none;
}

/* btn_back_home
================================================ */
.post-type-archive-toptopics .btn_back_home
{
	text-align:			center;
	margin:				40px 0px;
}

/* head_part
================================================ */


/* cat_list */

.post-type-archive-toptopics .cat_list {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.post-type-archive-toptopics .cat_list li {
	display: flex;
	justify-content: center;
	background: #b5b5b5;
	width: 80px;
	text-align: center;
	margin-bottom: 7px;
}

.post-type-archive-toptopics .cat_list li.now {
	background: #03358c;
}

.post-type-archive-toptopics .cat_list a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	padding: 10px 15px;
	text-align: center;
}

.post-type-archive-toptopics .cat_list li:nth-child(2n) a {
	padding: 5px 15px;
}

.post-type-archive-toptopics .cat_list a:hover {
	opacity: 0.7;
}

.post-type-archive-toptopics .cat_list a.now {
	background: #003399;
}

/* btn_years */

.post-type-archive-toptopics .btn_years {
	width: 160px;
	position: relative;
}

.post-type-archive-toptopics .btn_years .select_years {
	width: 160px;
	height: 30px;
	background: url(../../../img/news/btn_years_bg.png) no-repeat center center;
	background-size: 160px auto;
	padding-left: 1rem;
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 24px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
	display: block;
}

.post-type-archive-toptopics .btn_years .select_years::after {
	font-size: 0.65em;
	position: absolute;
	top: 0;
	right: 10px;
	display: block;
}

.post-type-archive-toptopics .btn_years ol {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	box-sizing: border-box;
	background: #eeeeee;
	width: 100%;
	z-index: 301;
	padding: 10px 0;
}

.post-type-archive-toptopics .btn_years li {
	color: #333;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.6;
}

.post-type-archive-toptopics .btn_years a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 0 5px 20px;
}

.post-type-archive-toptopics .btn_years a:hover {
	background: #b5b5b5;
}

.post-type-archive-toptopics .non_post {
	font-size: 14px;
	padding: 15% 0;
	text-align: center;
}



/* ================================================
	ニュース詳細(single-news)
	single-news
================================================ */
.single-toptopics
{
	
}

/* main_cont
================================================ */
.single-toptopics .main_cont
{
	background-color:	#FFF;
	width:				90%;
	max-width:			920px;
	clear:				both;
	margin:				0px auto;
	padding:			25px 20px;
}

/* info
================================================ */
.single-toptopics .main_cont .info
{
	
}


/* date
------------------------------------------------ */
.single-toptopics .main_cont .info .date
{
	min-width:			9em;
	max-width:			11em;
	color:				#999;
	font-size:			1.4em;
	line-height:		1.5;
	float:				left;
	margin-top:			4px;
	margin-bottom:		14px;
}
/* cat
------------------------------------------------ */
.single-toptopics .main_cont .info .cat
{
	background-color:	#efefef;
	color:				#03358c;
	font-size:			1.0em;
	font-weight:		bold;
	line-height:		1.5;
	float:				left;
	margin-top:			4px;
	margin-bottom:		14px;
	padding:			3px 8px;
}
/* logo
------------------------------------------------ */
.single-toptopics .main_cont .info .logo
{
	color:				#999;
	font-size:			1.4em;
	line-height:		1.5;
	text-align:			right;
	float:				right;
	margin-bottom:		14px;
	padding-right:		0px;
}
.single-toptopics .main_cont .info .logo img
{
	width:				auto;
	height:				30px;
}


/* btn_pdf
================================================ */
.single-toptopics .main_cont .btn_pdf
{
	text-align:			center;
	margin:				20px 0px;
}

/* btn_back_list
================================================ */
.single-toptopics .btn_back_list
{
	text-align:			center;
	margin:				40px 0px;
}



/* ================================================
	aaaa
================================================ */

/* aaaa
================================================ */

/* ================================
	aaaa
================================ */

/* aaaa
================================ */

/* ======== aaaa ======== */


/* ------------------------------------------------
	aaaa
------------------------------------------------ */

/* aaaa
------------------------------------------------ */

/* --------------------------------
	aaaa
-------------------------------- */

/* aaaa
-------------------------------- */

/* -------- aaaa -------- */

/* ---- aaaa ---- */

/* -- aaaa -- */

/* aaaa */