@charset "utf-8";  
/*------------------------------------------------------------ 
    news css
------------------------------------------------------------*/  

.newsItem{
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #DCDDDD;
}

.newsItem:last-child{ border-bottom:none;}

.news-date{
	width:85px;
	line-height:22px;
	color:#727171;
	font-size:109%;
}

.news-cate{
	width:125px;
	text-align:center;
	height:22px;
	line-height:22px;
	color:#fff;
}

.news-cate.cate0{ background:#091E3C;}
.news-cate.cate1{ background:#00A4FF;}
.news-cate.cate2{ background:#3DD966;}

.news-ttl{
	width:calc(100% - 210px);
	font-size:125%;
	line-height:22px;
	color:#091E3C;
	padding-left:15px;
	box-sizing:border-box;
}


/* detail */

#newsHd-ttl{ font-size:234%;}

#newsHd-ttl:after{
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    margin-top: 15px;
    background: #091E3C;
}

#newsHd-date{
	color:#3E3A39;
	font-size:117%;
	margin-top:15px;
}

#article{
	width:100%;
	max-width:1024px;
	margin:0 auto;
}

.button{ margin:30px auto 0;}



/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* TABLET */
@media screen and (max-width: 834px){

.news-date{ width:80px;}
.news-ttl {
    width: calc(100% - 205px);
    font-size: 117%;
}

#newsHd-ttl{ font-size:175%;}
#newsHd-ttl:after{ height: 2px;}

}

/* SP */
@media screen and (max-width: 480px){

.news-cate{ margin-right:auto;}
.news-ttl {
    width: 100%;
    margin-top: 8px;
    padding-left: 0;
}

#newsHd-ttl{ font-size:150%;}

}