/* Style for PCs */
@media screen and (min-width: 1025px) {

/* Bloglist
------------------------------------------------------------*/
ul#newslist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul#newslist li {
width:23.82%;
height: auto;
display: block;
margin: 0.5%;
}
ul#newslist li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
padding:20px;
background-color: #f5f5f5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
ul#newslist li a:hover {
background-color: #f0f0f0;
}
ul#newslist li a .nwcc {
width:100%;
height: auto;
display: block;
padding:15px 5px;
}
ul#newslist li a .nwcc h3 {
font-size:18px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 8px;
color:#485C3B;
}
ul#newslist li a .nwcc p {
font-size:12px;
line-height: 1.8em;
margin-bottom: 10px;
color:#444;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
ul#newslist li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
margin-bottom: 0px;
text-align: right;
color: #5D9954;
}
	
}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

#newsmm {
width:100%;
height: auto;
display: block;
margin-bottom: 40px;
}
ul#newslist {
width:100%;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul#newslist li {
width:48.82%;
height: auto;
display: block;
margin: 0.5%;
}
ul#newslist li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
padding:20px;
background-color: rgba(255,255,255,0.50);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
ul#newslist li a:hover {
background-color: rgba(255,255,255,1.00);
}
ul#newslist li a .nwcc {
width:100%;
height: auto;
display: block;
padding:15px 5px;
}
ul#newslist li a .nwcc h3 {
font-size:18px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 8px;
color:#485C3B;
}
ul#newslist li a .nwcc p {
font-size:12px;
line-height: 1.8em;
margin-bottom: 5px;
color:#444;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
ul#newslist li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
margin-bottom: 0px;
text-align: right;
color: #5D9954;
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

ul#newslist {
width:100%;
height: auto;
display: block;
}
ul#newslist li {
width:100%;
height: auto;
display: block;
padding-bottom: 15px;
border-bottom: 1px dotted rgba(0,0,0,0.30);
margin-bottom: 15px;
}
ul#newslist li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
}
ul#newslist li a img {
width:30%;
height: auto;
display: block;
float: left;
}
ul#newslist li a .nwcc {
width:70%;
height: auto;
display: block;
padding:0px 5px 5px 15px;
float: right;
}
ul#newslist li a .nwcc h3 {
font-size:18px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 3px;
color:#485C3B;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
ul#newslist li a .nwcc p {
font-size:12px;
line-height: 1.8em;
margin-bottom: 8px;
color:#444;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
ul#newslist li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
margin-bottom: 0px;
text-align: right;
color: #5D9954;
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

ul#newslist {
width:100%;
height: auto;
display: block;
}
ul#newslist li {
width:100%;
height: auto;
display: block;
padding-bottom: 15px;
border-bottom: 1px dotted rgba(0,0,0,0.30);
margin-bottom: 15px;
}
ul#newslist li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
}
ul#newslist li a img {
width:40%;
height: auto;
display: block;
float: left;
}
ul#newslist li a .nwcc {
width:60%;
height: auto;
display: block;
padding:0px 5px 5px 15px;
float: right;
}
ul#newslist li a .nwcc h3 {
font-size:18px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 3px;
color:#485C3B;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
ul#newslist li a .nwcc p {
font-size:12px;
line-height: 1.6em;
margin-bottom: 8px;
color:#444;
text-overflow: ellipsis;
overflow : hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
ul#newslist li a .nwcc p.nwdate {
font-size:0.8em;
line-height: 1.25em;
margin-bottom: 0px;
text-align: right;
color: #5D9954;
}

}