@charset "utf-8";
/*--京news.css--*/
/*一覧ページ*/
.news_list_box > .box_inner ul{}

	.news_list_box > .box_inner ul li{
		display:flex;
		align-items:flex-start;
		border-bottom:1px solid #E5E5E5;
		padding:0.8em 0;
	}
	
	.news_list_box > .box_inner ul li .news_date{
		width:7em;
	}
	
	.news_list_box > .box_inner ul li .news_category{
		width:7em;
		line-height:1;
		border:1px solid #2D416E;
		color:#2D416E;
		font-size:0.8em;
		text-align:center;
		padding:0.2em 0 0.1em 0;
		margin-top:0.3em;
	}
	
	.news_list_box > .box_inner ul li .news_title{
		width:calc(100% - 14em);
		box-sizing:border-box;
		padding-left:1em;
	}
	
		.news_list_box > .box_inner ul li .news_title a{
			color:#2D416E;
			text-decoration:none;
		}
		
		.news_list_box > .box_inner ul li .news_title a:hover{
			text-decoration:underline;
		}

/*詳細ページ*/
.page_title{
    margin-bottom: 0.5em;
}

	.page_title h2{
		font-size: 1.3em;
		font-weight: bold;
		color: #333;
		border-bottom: 2px solid #2c416e;
		box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
		padding: 0 0.3em;
	}
	
.post_date{
	text-align:right;
	padding-right:1em;
	margin-bottom:2em;
}

.page_body{
	padding:0 2em 5em 2em;
}

.prev{
	border-top:1px dotted #aaa;
	padding-top:0.8em;
	text-align:center;
}

	.prev:before{
		font-family: FontAwesome;
		content:"\f100";
		color:#c40026;
		margin-right:0.5em;
	}

	.prev a{
		color:#111;
		text-decoration:none;
	}
	
	.prev a:hover{
		text-decoration:underline;
	}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px){
/*一覧ページ*/
	.news_list_box > .box_inner ul{
		list-style:none;
		padding-left:0;
		margin:0;
	}
	
		.news_list_box > .box_inner ul li{
			flex-wrap: wrap;
			padding: 0.8em 0.5em;
			font-size: 3.8vw;
		}
		
			.news_list_box > .box_inner ul li span{
				
			}
		
			.news_list_box > .box_inner ul li .news_date{
				width: 25vw;
			}
			
			.news_list_box > .box_inner ul li .news_category{
				width: 20vw;
			}
			
			.news_list_box > .box_inner ul li .news_title{
				width:100%;
				padding-left:0;
				margin-top:1.5vw;
			}
	
	/*詳細ページ*/
	.page_title{
		margin-bottom: 0.5em;
	}
	
		.page_title h2{
			font-size: 4.6vw;
			padding: 0;
		}
		
	.post_date{
		padding-right:0.5em;
		margin-bottom:1em;
	}
	
	.page_body{
		padding:0 2vw 2em 2vw;
	}
	
}