@charset "utf-8";

/* NEWS共通 */
.newsPage #header{border-bottom:#B4B4B4 solid 1px;}
.newsPage #page_title h1{background:url(/common/images/pc_title_alert.gif) no-repeat left center;}
.newsPage #page_title::after{
	content: "";
	display:block;
	clear: both;
}
.newsPage #contents{
	display: block;
	width: 100%;
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.newsPage #contents #newsListWrap{
	display: block;
	padding-top: 30px;
}
.newsPage #contents li{
	display: flex;
    flex-flow: row nwrap;
    justify-content: flex-start;
	padding: 12px 0;
	border-bottom:#DDD solid 1px;
}
.newsPage #contents li:last-child{
	border-bottom:none;
}
.newsPage #contents li.new span.cont::after{
	content: "NEW";
	display: inline-block;
	color: #FF0000;
	margin-left: 1.5em;
}
.newsPage #contents .date{
	display: inline-block;
	width: 100px;
	color: #009FBA;
	padding-right: 1em;
	box-sizing: border-box;
}
.newsPage #contents .cont{
    padding-left: 1.3em;
    text-indent: -1.1em;
	box-sizing: border-box;
	width:70%;
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
}
.newsPage #contents .cont::before{
	content: "» ";
}
.newsPage #contents li a{
	text-decoration: underline;
}
.newsPage #contents li a:hover{
	text-decoration: none;
}
.newsPage #footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
}

/*-- 以下タブレット --*/
@media screen and (max-width: 768px){

/* NEWS共通 */
.newsPage #page_title h1{
	display:block;
	background:url(/common/images/pc_title_alert.gif) no-repeat 10px center;
}
.newsPage #page_title::after{
	content: "";
	display:block;
	clear: both;
}
.newsPage #contents #newsListWrap{
	display: block;
	padding: 15px 10px 80px 10px;
}
.newsPage #contents li{
	display: block;
	padding: 12px 0;
	border-bottom:#DDD solid 1px;
}
.newsPage #contents .cont::before{
	content: "» ";
}
.newsPage #contents li.new span.cont::after{
	content: "NEW";
	display: inline-block;
	color: #FF0000;
	margin-left: 1.5em;
}
.newsPage #contents .date{
	display: block;
	margin-bottom: 3px;
	color: #009FBA;
}
.newsPage #contents .cont{
	display: block;
}
.newsPage #contents li a{
	text-decoration: underline;
}

}

/*-- 以下スマートフォン --*/
@media screen and (min-width: 0px) and (max-width: 640px){

}