/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

div#top-container{
	width: 95%;
	margin: 0 auto;
}

div#top-banner-container img{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
}


/*リスト*/
div#list-container{
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
}

p.list-sub{
	margin-bottom:10px;
}

p.list-sub a{
	color:#014280;
	font-size:130%;
	font-weight:bold;
}


p.list-sub span{
	font-size:60%;
}


div#news h3{
	background: url("https://www.sh-jsys.jp/wp/wp-content/themes/sh/images/top/news-tit.jpg") no-repeat left top;
	height:23px;
	color:#3FB3EA;
	font-size:160%;
	margin-top:20px;
}


}







/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

div#top-container{
	margin-top:30px;
}


div#top-banner-container p{
	margin-bottom:20px;
}


div#news{
	margin-top:50px;
}

div#news h3{
	background: url("https://www.sh-jsys.jp/wp/wp-content/themes/sh/images/top/news-tit.jpg") no-repeat left top;
	height:23px;
	color:#3FB3EA;
	font-size:160%;
}


/*リスト*/
div#list-container{
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
}

p.list-sub{
	margin-bottom:10px;
}

p.list-sub a{
	color:#014280;
	font-size:130%;
	font-weight:bold;
}


p.list-sub span{
	font-size:60%;
}




}