/* CSS Document */
/*
----------------------------------------------------------------------*/
.news_list li{
	border-bottom:1px solid #e2e2e2;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}
.news_list li:last-child{
	border-bottom:0;
	margin-bottom:0;
}
#news .post_category{
	color:#ffffff;
	text-align:center;
	line-height:1;
	display:flex;
	justify-content:flex-end;
	font-weight:600;
	font-size:0.821em;
}
#news .post_category >div{
	padding-top:5px;
	padding-bottom:5px;
}
#news .post_category .new{
	background:#dbbd32;
	width:50px;
}
#news .post_category .post{
	width:100px;
}
/*#news .post_category .post_ct{
	background:#279ea5;
}
#news .post_category .post_at{
	background:#5fa5cd;
}
#news .post_category .post_im{
	background:#d66459;
}
#news .post_category .post_iv{
	background:#f28e4c;
}
#news .post_category .post_it{
	background:#a6d1f0;
}*/

#news .date{
	font-weight:400;
	color:#8bb3ca;
	letter-spacing:0.08em;
}
#news .caption a{
	display:block;
	letter-spacing:0.06em;
}
/*
----------------------------------------------------------------------*/

p.caption {
    width: 63%;
}

#main >.column-2 {
    margin-top:0;
}

#main >section {
    padding-top:0px;
}
/*
.pageTitle{
    margin:30px 0;
}
*/
.news_datail{
    overflow:hidden;
}

.news {
    padding-top: 0;
}

.tleStyle3 {
    margin-top: 3%;
   margin-bottom:0;
}

.post_date {
    text-align: right;
}

.section {
    padding: 5% 0;
}

#sidenavi a, #sidenavi span {
    text-align: left;
		padding-left: 40px;
}
/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	.news{
		position:relative;
	}
	.news_list ul{
		margin-right:auto;
		margin-left:auto;
	}
	.news_list li{
		border-bottom:1px solid #e2e2e2;
		display:flex;
		flex-wrap:wrap;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	#news .date{
		padding:0 13px;
	}
	#news .post_category{
		width:150px;
	}
}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	.news_list ul{
		padding-right:5%;
		padding-left:5%;
		margin-bottom:3%;
		font-size:0.923em;
	}
	.news_list li{
		padding-bottom:3%;
		margin-bottom:3%;
	}
	#news .post_category{
		width:150px;
		justify-content:flex-start;
	}
	#news .date{
		width:calc(100% - 150px);
		text-align:right;
	}
	#news p{
		width:100%;
		margin-top:1%;
	}


}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
}