@charset "utf-8";

/*
SP： 640px以下
PC： 641px以上
*/

/*================================
 SP & PC
================================*/
.news_box dt span.news_category{
background-color:#575757;
}

/*================================
 SP
================================*/
@media screen and (max-width: 640px){
.news_wrapp{
padding-bottom:10px;
}
.news_box{
padding:10px 10px;
border-bottom:dotted #9c9c9c 1px;
}
.news_box dt{
display:block;
padding-bottom:5px;
font-size:90%;
}
.news_box dt span.date{
display:block;
margin-right:10px;
margin-left:0 !important;
padding:3px 0;
float:left;
}
.news_box dt span.news_category{
width:60%;
display:block;
padding:3px 0;
color:#FFFFFF;
text-align:center;
float:left;
}
.news_box dd a{
display:block;
color:#008036;
}
}
/*================================
 PC
================================*/
@media print,screen and (min-width: 641px){
.news_wrapp{
padding-bottom:10px;
}
.news_box{
width:100%;
padding:13px 0;
border-bottom:dotted #9c9c9c 1px;
line-height:1em;
}
.news_box dt{
width:250px;
display:block;
float:left;
}
.news_box dt span.date{
display:block;
margin-right:10px;
margin-bottom:0 !important;
padding:3px 0;
float:left;
}
.news_box dt span.news_category{
color: #FFFFFF;
display: block;
float: left;
font-size: 80%;
letter-spacing: -0.1em;
padding: 3px 0;
text-align: center;
width: 150px;
}
.news_box dd{
width:470px;
display:block;
float:right;
padding:3px 0;
}
.news_box dd a{
color:#008036;
}
}