/* CSS Document */

/*==================================================

top-contents
=================================================*/

.news-wrapper {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0 0;
}
#news {
    width: 100%;
    margin: 0 auto;
}

#news .inner {
    width: 100%;
}
#news .inner dl {
    width: 100%;
    display: table;
     border-left: 8px solid #FFF;
    border-bottom: 1px solid #CCC;
}
#news .inner dl.fix {
    border-left: 8px solid #F00;
}
#news .inner dl dt {
    width: 8em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 20px 1em;
}
#news .inner dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 1em;
}
#news .inner dl dd.cate {
    width: 8em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
}
#news .inner dl dd.cate span {
    width: 100%;
    display: inline-block;
    font-size: 1.3rem;
    color: #FFF;
    background-color: #0b82b3;
    padding: 3px 1em;
}
#news .inner dl dd.cate span.cate1 {
    background-color: #F00;
}
.news-wrapper .date {
    width: 180px;
    font-size: 1.4rem;
    text-align: center;
    margin: 15px auto;
}
.news-wrapper .category {
    width: 180px;
    font-size: 1.4rem;
    color: #FFF;
    text-align: center;
    background-color: #0b82b3;
    margin: 0 auto;
    padding: .5em 1em;
}
.news-wrapper .category.cate1 {
    background-color: #F00;
}
.news-wrapper .button {
    margin: 60px auto 0;
}

@media only screen and (min-width:1px) and (max-width: 768px) {
	
    .news-wrapper {
        padding: 8% 0 0;
    }
    #news {
        margin: 0 auto;
    }
    #news .inner {
        width: 100%;
    }
    #news .inner dl {
        width: 100%;
        display: block;
        border-left: 8px solid #FFF;
        border-bottom: 1px solid #CCC;
    }
    #news .inner dl.fix {
        border-left: 8px solid #F00;
    }
    #news .inner dl dt {
        width: 100%;
        display: block;
        text-align: left;
        vertical-align: middle;
        padding: 3% 1em;
    }
    #news .inner dl dd {
        display: block;
        vertical-align: middle;
        padding: 3% 1em;
    }
    #news .inner dl dd.cate {
        width: 100%;
        display: block;
        text-align: left;
        vertical-align: middle;
        padding: 0 1em;
    }
    #news .inner dl dd.cate span {
        width: initial;
        width: auto; 
        display: inline-block;
        font-size: 1rem;
        padding: 3px 2em;
    }
    .news-wrapper .button {
        margin: 8% auto 0;
    }
    
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	


}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	
   
    
}