@media screen and (max-width: 1100px) {
	,article{width: 90%;}
	.title,.title-subPage{width: 100%;}
	ul.newttl{width: 890px;}
	ul.newttl li{width: 200px;}
	ul.newttl li p.summary{height: 220px;}
	ul.newttl li.final{width: 90%;}
}
@media screen and (max-width: 900px) {
	ul.newttl{width:98%;}
	ul.newttl li{width: 170px; margin: 0 3px 10px 3px; padding: 5px;}
	ul.newttl li h4{font-size: 12px;}
	ul.newttl li p.summary{height: 250px;}
}
@media screen and (max-width: 800px) {
	ul.newttl li{width: 300px;　margin: 0 3px; text-align: left;}
	ul.newttl li img.newjkt{width: 150px; display: inline-block;}
	ul.newttl li p.btnWrapper{width:120px; position: absolute; top:5px; left: 160px;}
	ul.newttl li h4{font-size: 16px; margin: 30px 10px 15px 10px;}
	ul.newttl li.final div.summary-wrapper{text-align: center;}
	ul.newttl li.final p.newjkt-final{width: 200px; margin: 0 auto;}
	ul.newttl li.final div.summary{width: 98%;}
	.forpc {display: none;}
}
@media screen and (max-width: 650px) {
	section {text-align: center;}
	.forsp{ display:inline-block;}
	ul.share {right: 50px;}
	.title-subPage img.ttl{width: 100% !important;}
	.newttl-h{width: 95%;}
	ul.newttl li{width: 90%;　margin: 0 3px; text-align: left;}
	ul.newttl li img.newjkt{width: 150px; display: inline-block;}
	ul.newttl li p.btnWrapper{width:120px; position: absolute; top:5px; left: 160px;}
	ul.newttl li h4{font-size: 16px; clear: both; margin: 30px 10px 15px 10px;}
	ul.newttl li p.summary{height: auto;}
    h2{font-size: 20px;}
}
@media screen and (max-width: 550px){
	html {-webkit-text-size-adjust: none;}
	ul.share {width: 100%; margin: 0 0 50px 0; padding: 0; position: relative; text-align: left; right: 0px;}
	ul.share li {padding: 3px;}
	.toTop {display: none;}
	img.btn-dlForm{width: 80%;}
	img.topbnr{width: 80%;}
	.announce{padding:20px 0;}
	.announce img{width:100%; height: auto; }
}