@charset "utf-8";

/* ******************************************************************

	--post.css--

	1. Post setting
		1-1. PostTitle styles
		1-2. PostMeta styles
		1-3. PostCategory styles
		1-4. PostDate styles
		1-5. PostSubstr styles
		1-6. PostSummery styles
		1-7. PostMore styles
		1-8. PostIcon styles
		1-9. PostThumbnail styles
		1-10. PostBody styles
		1-11. PostList styles
		1-12. PostNav styles
		
	2. Article setting（詳細ページ）
		2-1. ArticleHead styles
		2-2. ArticleBody styles
		2-3. ArticleFoot styles

****************************************************************** */

/*==================================================================
	1. Post setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. PostTitle styles
-------------------------------------------------------------------*/
.post_title {
	font-size: 16px;
}
.post_title a:hover {
	color: #3e8bec;
}

/*-------------------------------*/
/*	記事タイトル用：各種フラッグ
/*-------------------------------*/
/* 鍵アイコン */
.flag_key:after, .kIcon{
	content: '';
	display: inline-block;
	width: 14px;
	height: 16px;
	background: url(/image/builtin/icon_key.gif) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}

/* ------------------------------------------------------------------
	1-2. PostMeta styles
-------------------------------------------------------------------*/
.post_meta {
	display: inline-block;
	/*font-size: 12px;*/
}

/* ------------------------------------------------------------------
	1-3. PostCategory styles
-------------------------------------------------------------------*/
.post_cat {
	display: inline-block;
}
.post_cat > span {
	display: inline-block;
	border-left: 2px solid #c9c9c9;
	padding: 0 8px;
	color: #0066ff;
	font-size: 12px;
	font-weight: normal;
}
.post_cat span:first-child {
	border-left: none;
}
.post_cat a {
	color: #FFF;
	text-decoration: none;
}
.post_cat a:hover {
	color: #FFF;
	text-decoration: none;
}
span.icon_cat01 { color: #0066ff;}/* 高知のニュース */
span.icon_cat02 { color: #009e96;}/* 国内・国際 */
span.icon_cat03 { color: #ec6100;}/* 特集・連載 */
span.icon_cat04 { color: #5f52a0;}/* イベント */
span.icon_cat05 { color: #e75693;}/* 医療・健康 */
span.icon_cat06 { color: #696969;}/* タグ */

/* ------------------------------------------------------------------
	1-4. PostDate styles（記事日付）
-------------------------------------------------------------------*/
.post_date {
	font-size: 12px;
	font-weight: normal;
	color: #a0a0a0;
}

/* ------------------------------------------------------------------
	1-5. PostSubstr styles（記事抜粋）
-------------------------------------------------------------------*/
.post_substr {
	/*margin-top: 10px;*/
}

/* ------------------------------------------------------------------
	1-6. PostSummery styles（記事概要）
-------------------------------------------------------------------*/
.post_summary {
	/*margin-top: 5px;*/
}

/* ------------------------------------------------------------------
	1-7. PostMore styles（続きを見る）
-------------------------------------------------------------------*/
.post_more {
	color: #0066ff;
	text-decoration: underline;
}

/* ------------------------------------------------------------------
	1-8. PostIcon styles（アイコン）
-------------------------------------------------------------------*/
/*
.post_icon { 
	float: left;
	height: 22px;
}
.post_icon span { display: inline-block;}

.icon_photo { background: url(../img/bg_icon.gif) no-repeat 0px 6px; width: 18px; height: 22px;}
.icon_key { background: url(../img/bg_icon.gif) no-repeat -36px 6px; width: 15px; height: 22px;}
.icon_movie { background: url(../img/bg_icon.gif) no-repeat -18px 6px; width: 18px; height: 22px;}
.icon_pdf { background: url(../img/bg_icon.gif) no-repeat -51px 6px; width: 15px; height: 22px;}
*/

/* ------------------------------------------------------------------
	1-9. PostThumbnail styles（写真）
-------------------------------------------------------------------*/
.post_thm { 
	float: left;
	margin-right: 10px;
	text-align: center;
}

/* 写真（逆配置） */
.post_thm-reverse { 
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

/*-------------------------------*/
/*	写真（長方形）
/*-------------------------------*/
.post_thm_bg {
	position: relative;
}
.post_thm_bg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}

/* サイズL */
.post_thm_bg-l_default {
	background: #FFF;
	width: 180px;
	height: 135px;
}

/* サイズM */
.post_thm_bg-m_default {
	background: #F6F6F6;
	width: 150px;
	height: 113px;
}

/* サイズS */
.post_thm_bg-s_default {
	background: #FFF;
	width: 100px;
	height: 75px;
}

/* 写真（サイズSS） */
/*
.post_thm_bg-ss_default {
	background: #eee;
	width: 60px;
	height: 60px;
}
*/

/*-------------------------------*/
/*	写真（正方形にトリミングの場合）
/*-------------------------------*/
.post_thm_fit {
	/*overflow: hidden;*/
}
.post_thm_fit img {
	object-fit: cover;
}
/* サイズL */
.post_thm_fit-l_default img {
	width: 250px;
	height: 250px;
}

/* サイズM */
/*
.post_thm_fit-m_default img {
	width: 105px;
	height: 105px;
}
*/

/* サイズSS */
.post_thm_fit-ss_default img {
	width: 85px;
	height: 85px;
}

/* ------------------------------------------------------------------
	1-10. PostBody styles（タイトルや日付を囲むdiv）
-------------------------------------------------------------------*/
.post_body { 
	overflow: hidden;
}

/* ------------------------------------------------------------------
	1-11. PostList styles（記事リスト）
-------------------------------------------------------------------*/
.post_list { }
.post_item {
	border-bottom: 1px solid #e4e4e4;
	/*padding: 5px 0;*/
	vertical-align: top;
}
.post_item a {
	display: block;
	padding: 10px 0;
}
.post_item a:hover {
	background: #f6f6f6;
	text-decoration: none;
}

/* 記事_左右配置 */
.fluid_col_post .fluid_col_item {
	margin-bottom: 0;
}

/* 記事_カテゴリピックアップ */
.section_left .post_item {
	border-bottom: none;
}
.section_left .post_title {
	font-weight: bold;
}
.section_left .post_substr {
	clear: both;
	margin-top: 10px;
}
.section_right .post_title {
	font-size: 14px;
}

/* 記事_関連記事 */
.section_relation {
	background: #f6f6f6;
	padding: 10px;
}
.section_relation a:hover .post_title {
	color: #0066ff;
}

/* 記事_サムネイル105x105付き */
.post_list-type_thm_bg-m { }
.post_list-type_thm_bg-m .post_item { 
	padding: 10px 0;
	/*min-height: 126px;*/
}

/* 記事_サムネイル100x75付き */
.post_list-type_thm_bg-s { }
.post_list-type_thm_bg-s .post_item a { 
	min-height: 83px;
}

/* 記事_グリッドタイプ */
.post_list-type_grid { }
.post_list-type_grid .post_item { 
	border-bottom: none;
}
.post_list-type_grid .post_item a { 
	padding: 0;
}
.post_list-type_grid .post_thm { 
	float: none;
	margin: 0 0 10px 0;
}
.post_list-type_grid .post_title { 
	font-size: 12px;
	line-height: 1.5;
}

/*-------------------------------*/
/*	記事リスト（サイド用）
/*-------------------------------*/
.post_list_side { }
.post_item_side {
	border-bottom: 1px solid #c9d4e2;
	padding: 8px 0 8px 15px;
}
.post_title_side {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	position: relative;
}
.post_title_side a {
	color: #1d3994;
	text-decoration: none;
}
.post_title_side a:hover {
	color: #0480ff;
	text-decoration: underline;
}
.post_title_side:before {
	position: absolute;
	top: 0;
	left: -15px;
	content: '\f0da';
	font-family: 'FontAwesome';
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #c9d4e2;
}

.post_list_side_simple { }
.post_list_side_simple .post_item_side {
	border-bottom: none;
}

/* ------------------------------------------------------------------
	1-12. PostNav styles（記事ナビゲーション）
-------------------------------------------------------------------*/



/*==================================================================
	2. Article setting（詳細ページ）
===================================================================*/

/* ------------------------------------------------------------------
	2-1. ArticleHead styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-2. ArticleBody styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-3. ArticleFoot styles
-------------------------------------------------------------------*/