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

dl#newslist {
width:100%;
max-width:1200px;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 auto;
}
dl#newslist dt {
width:10.80%;
height: auto;
display: block;
padding:15px 5px;
font-size:16px;
font-weight: 400;
line-height: 1.6em;
text-align: left;
color: #1b3b8e;
}
dl#newslist dd {
width:89%;
height: auto;
display: block;
padding:15px 20px;
}
dl#newslist dd span {
width:11%;
height: 20px;
display: block;
float: left; 
text-align: center;
font-size: 12px;
line-height: 20px!important;
color:#fff;
letter-spacing: -0.5px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
dl#newslist dd span.nwcate01 { background-color: #5262AF; }
dl#newslist dd span.nwcate02 { background-color: #229B8E; }
dl#newslist dd span.nwcate03 { background-color: #E05121; }
dl#newslist dd span.nwcate04 { background-color: #1AAED4; }
dl#newslist dd span.nwcate05 { background-color: #D49D1A; }	
dl#newslist dd p {
width:87%;
height: 20px;
display: block;
float: right; 
line-height: 1.6em!important;
margin-bottom: 0px!important;
}
dl#newslist dd p a {
color:#454545;
text-decoration: none;
}
dl#newslist dd p a:hover {
color: #03B3C1;
text-decoration: underline;
}
	
}


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

dl#newslist {
width:100%;
height: auto;
margin:0 auto;
}
dl#newslist dt {
width:100%;
height: auto;
display: block;
padding:0px 5px 10px;
font-size:15px;
font-weight: 400;
line-height: 1.25em;
text-align: left;
color: #1b3b8e;
}
dl#newslist dd {
width:100%;
height: auto;
display: block;
padding:0px 5px 15px;
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
}
dl#newslist dd span {
width:11%;
height: 20px;
display: block;
float: left; 
text-align: center;
font-size: 12px;
line-height: 20px!important;
color:#fff;
letter-spacing: -0.5px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
dl#newslist dd span.nwcate01 { background-color: #5262AF; }
dl#newslist dd span.nwcate02 { background-color: #229B8E; }
dl#newslist dd span.nwcate03 { background-color: #E05121; }
dl#newslist dd span.nwcate04 { background-color: #1AAED4; }
dl#newslist dd span.nwcate05 { background-color: #D49D1A; }		
dl#newslist dd p {
width:87%;
height: 20px;
display: block;
float: right; 
line-height: 1.6em!important;
margin-bottom: 0px!important;
}
dl#newslist dd p a {
color:#454545;
text-decoration: none;
}
dl#newslist dd p a:hover {
color: #03B3C1;
text-decoration: underline;
}

}

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

dl#newslist {
width:100%;
height: auto;
margin:0 auto;
}
dl#newslist dt {
width:100%;
height: auto;
display: block;
padding:0px 5px 10px;
font-size:15px;
font-weight: 400;
line-height: 1.25em;
text-align: left;
color: #1b3b8e;
}
dl#newslist dd {
width:100%;
height: auto;
display: block;
padding:0px 5px 12px;
border-bottom: 1px dotted #ccc;
margin-bottom: 12px;
}
dl#newslist dd span {
width:80px;
height: 20px;
display: block;
text-align: center;
font-size: 0.8em;
line-height: 20px!important;
color:#fff;
margin-bottom: 5px;
letter-spacing: -0.5px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
dl#newslist dd span.nwcate01 { background-color: #5262AF; }
dl#newslist dd span.nwcate02 { background-color: #229B8E; }
dl#newslist dd span.nwcate03 { background-color: #E05121; }
dl#newslist dd span.nwcate04 { background-color: #1AAED4; }
dl#newslist dd span.nwcate05 { background-color: #D49D1A; }		
dl#newslist dd p {
width:100%;
height: auto;
display: block;
line-height: 1.6em!important;
margin-bottom: 0px!important;
}
dl#newslist dd p a {
color:#454545;
text-decoration: none;
}
dl#newslist dd p a:hover {
color: #03B3C1;
text-decoration: underline;
}
}

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

dl#newslist {
width:100%;
height: auto;
margin:0 auto;
}
dl#newslist dt {
width:100%;
height: auto;
display: block;
padding:0px 5px 10px;
font-size:15px;
font-weight: 400;
line-height: 1.25em;
text-align: left;
color: #1b3b8e;
}
dl#newslist dd {
width:100%;
height: auto;
display: block;
padding:0px 5px 12px;
border-bottom: 1px dotted #ccc;
margin-bottom: 12px;
}
dl#newslist dd span {
width:80px;
height: 20px;
display: block;
text-align: center;
font-size: 0.8em;
line-height: 20px!important;
color:#fff;
margin-bottom: 5px;
letter-spacing: -0.5px;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
dl#newslist dd span.nwcate01 { background-color: #5262AF; }
dl#newslist dd span.nwcate02 { background-color: #229B8E; }
dl#newslist dd span.nwcate03 { background-color: #E05121; }
dl#newslist dd span.nwcate04 { background-color: #1AAED4; }
dl#newslist dd span.nwcate05 { background-color: #D49D1A; }		
dl#newslist dd p {
width:100%;
height: auto;
display: block;
line-height: 1.6em!important;
margin-bottom: 0px!important;
}
dl#newslist dd p a {
color:#454545;
text-decoration: none;
}
dl#newslist dd p a:hover {
color: #03B3C1;
text-decoration: underline;
}

}