@charset "UTF-8";

/*pc*/
@media all and (min-width:600px) {
html{
width: 100%;
overflow-x: hidden;
overflow-y: auto; 
}    
body {
font-size: 1.6rem;
line-height: 1.6;
font-weight: 500;
letter-spacing: .085rem;
color: #442f06;
font-family: 'Roboto', YakuHanJP_Narrow, 'Zen Maru Gothic', sans-serif;       
}
.news__w{
}

.newsbox{
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
color: #333;
font-size: 1.6rem;
padding: 20px;
font-weight: 500;   
}

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

.news1{
font-size: 1.6rem;
display: inline-block;
color: #A8A8A8;    
}

.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: 2.2rem;
margin: 0 0 10px 0;
letter-spacing: .1rem;
line-height: 1;
color: #dfb277;
font-weight: 600;    
}

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

.news4 p{
width: 100%;
font-size: 1.8rem;
font-weight: 500;
color: #333333;
}
    
}
/*PC*/






























/*sp*/
@media all and (max-width:599px) {
html{
width: 100%;
overflow-x: hidden;
overflow-y: auto; 
}    
body {
font-size: 1.4rem;
line-height: 1.6;
font-weight: 500;
color: #442f06;
font-family: 'Roboto', YakuHanJP_Narrow, 'Zen Maru Gothic', sans-serif;    
}
.news__w{
}

.newsbox{
border-bottom: 1px dotted #ccc;
display: flex;
flex-wrap: wrap;
width: 100%;
color: #333;
font-size: 1.5rem;
padding: 15px;
margin: 0 0 10px;
font-weight: 500;
line-height: 1.6;   
}

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

.news1{
font-size: 1.5rem;
display: inline-block;
color: #A8A8A8;    
}

.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.8rem;
font-weight: 600;
color: #dfb277;    
letter-spacing: .1rem;
margin: 0 0 1rem 0;
display: inline-block;
line-height: 1;
}

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

.news4 p{
width: 100%;
font-size: 1.6rem;
font-weight: 500;
color: #333333;    
}




}
/* sp*/