@charset "UTF-8";

/*pc*/
@media all and (min-width:600px) {

.news__w{
}

.newsbox{
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
color: #796655;;
font-size: 1.6rem;    
padding: 0 30px 30px 0;
margin: 0 0 30px;
font-weight: 400;    
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 10px 0;
}

.news1{
font-size: 1.3rem;
color: #796655;
display: inline-block;
margin: 0 15px 0 0;
}

.news2{
display: inline-block;
}

.news2 span{
display: inline-block;
border-radius: 3px;
text-align: center;
padding: 0 0;
font-size: 1.3rem;
width: 100px;
}

.news2 span.category01{
background: #497fb9;
color: #fff;
}

.news2 span.category02{
background: #d23e3e;
color: #fff;
}

.news3{
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 5px 0;
    /*color: #00a1db;*/
}

.news4{
width: 100%;
font-size: 1.6rem;
}

    
}
/*PC*/






























/*sp*/
@media all and (max-width:599px) {

.news__w{

}

.newsbox{
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 90%;
color: #796655; 
font-size: 1.6rem;
padding: 0 0 20px 0;
margin: 0 auto; 
font-weight: 400; 
overflow: hidden;		
}

.news0{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 .5rem 0;
}

.news1{
font-size: 1.4rem;
color: #796655;
/*display: inline-block;
margin: 0 2vw 0 0;*/
}

.news2{
display: inline-block;
}

.news2 span{
display: inline-block;
border-radius: 3px;
text-align: center;
padding: 0 2vw;
font-size: 1.3rem;
}

.news2 span.category01{
background: #497fb9;
color: #fff;
}

.news2 span.category02{
background: #d23e3e;
color: #fff;
}

.news3{
    width: 100%;
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    /*color: #00a1db;*/
    display: inline-block;
}

.news4{
width: 100%;
font-size: 1.4rem;
}






}
/* sp*/