@charset "utf-8";

/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {
.newsBox table td.data{
	width:6em;
}
}

/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
.newsBox table td.label, 
.newsBox table td.title,
.newsBox table td.post{
	width:100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
}
.newsBox table td.title{
	width: auto;
}

.newsBox table td.post {
    width: auto;
}
}

/************************************************************************************
smaller than 480 SP
*************************************************************************************/
@media screen and (max-width: 480px) {
#contentsArea .newsBox ul li,
#contentsArea .newsBox ul li:first-child{
	padding-top: 0;
	margin-bottom: 0;
}

.newsBox table tr:first-child td.data{
	width:100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
	background: #f0f0f0;
	margin-bottom: 10px;
	padding: 10px;
}
.newsBox table td.data{
	display: none;
}

.newsBox table td.label, 
.newsBox table td.title,
.newsBox table td.post{
	padding-left: 10px;
}
}